/* Minification failed. Returning unminified contents.
(3257,20): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(3257,24): run-time error CSS1046: Expect comma, found '-'
(3257,25): run-time error CSS1047: Expected number or percentage value in rgb function, found '-indicator-info-primary-color'
(3257,54): run-time error CSS1046: Expect comma, found ')'
(3257,55): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(4179,24): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(4179,28): run-time error CSS1046: Expect comma, found '-'
(4179,29): run-time error CSS1047: Expected number or percentage value in rgb function, found '-indicator-info-primary-color'
(4179,58): run-time error CSS1046: Expect comma, found ')'
(4179,59): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(8170,8): run-time error CSS1030: Expected identifier, found ' '
(8170,15): run-time error CSS1031: Expected selector, found '1px'
(8170,15): run-time error CSS1025: Expected comma or open brace, found '1px'
(8213,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(8213,20): run-time error CSS1046: Expect comma, found '-'
(8213,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-indicator-info-primary-color'
(8213,50): run-time error CSS1046: Expect comma, found ')'
(8213,51): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(8500,17): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(8500,21): run-time error CSS1046: Expect comma, found '-'
(8500,22): run-time error CSS1047: Expected number or percentage value in rgb function, found '-indicator-info-primary-color'
(8500,51): run-time error CSS1046: Expect comma, found ')'
(8500,52): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(8567,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(8567,20): run-time error CSS1046: Expect comma, found '-'
(8567,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-indicator-info-primary-color'
(8567,50): run-time error CSS1046: Expect comma, found ')'
(8567,51): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(8775,9): run-time error CSS1035: Expected colon, found '.1s'
(8777,9): run-time error CSS1035: Expected colon, found '.1s'
(8779,9): run-time error CSS1035: Expected colon, found '.1s'
(9138,15): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(9138,19): run-time error CSS1046: Expect comma, found '-'
(9138,20): run-time error CSS1047: Expected number or percentage value in rgb function, found '-indicator-info-primary-color'
(9138,49): run-time error CSS1046: Expect comma, found ')'
(9138,50): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(10168,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(10168,31): run-time error CSS1046: Expect comma, found '-'
(10168,32): run-time error CSS1047: Expected number or percentage value in rgb function, found '-indicator-info-primary-color'
(10168,61): run-time error CSS1046: Expect comma, found ')'
(10168,62): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(10176,33): run-time error CSS1039: Token not allowed after unary operator: '-indicator-info-primary-color'
(10183,1): run-time error CSS1019: Unexpected token, found '}'
(11283,24): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(11283,28): run-time error CSS1046: Expect comma, found '-'
(11283,29): run-time error CSS1047: Expected number or percentage value in rgb function, found '-indicator-info-primary-color'
(11283,58): run-time error CSS1046: Expect comma, found ')'
(11283,59): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(11331,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11332,10): run-time error CSS1035: Expected colon, found '{'
(11343,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(11344,10): run-time error CSS1035: Expected colon, found '{'
(11355,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(11356,10): run-time error CSS1035: Expected colon, found '{'
(11367,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(11368,10): run-time error CSS1035: Expected colon, found '{'
(11509,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11513,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(11513,20): run-time error CSS1046: Expect comma, found '-'
(11513,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-text-dark-primary-color'
(11513,45): run-time error CSS1046: Expect comma, found ')'
(11513,46): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(11524,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(11524,20): run-time error CSS1046: Expect comma, found '-'
(11524,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-text-dark-primary-color'
(11524,45): run-time error CSS1046: Expect comma, found ')'
(11524,46): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(12905,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(12905,20): run-time error CSS1046: Expect comma, found '-'
(12905,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-indicator-danger-primary-color'
(12905,52): run-time error CSS1046: Expect comma, found ')'
(12905,53): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(12919,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(12919,20): run-time error CSS1046: Expect comma, found '-'
(12919,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-indicator-danger-primary-color'
(12919,52): run-time error CSS1046: Expect comma, found ')'
(12919,53): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(15024,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15025,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(15038,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15039,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(15052,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15053,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(19183,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(19184,8): run-time error CSS1035: Expected colon, found '{'
(19194,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(19195,8): run-time error CSS1035: Expected colon, found '{'
(22338,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-foreground-color'
(22507,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color'
(22539,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color'
(22544,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color'
(22559,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-border-color'
(22569,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-disabled-foreground-color'
(22571,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-disabled-background-color'
(22573,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-disabled-border-color'
(22585,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-focus-border-color'
(22602,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-foreground-color'
(22622,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-focus-border-color'
(22626,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color'
(22639,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-row-hover-color'
(22657,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color'
(22682,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-control-panel-background-color'
(22694,29): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-border-color'
(22694,62): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(22702,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-row-hover-color'
(22709,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-selected-row-background-color'
(22716,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-foreground-color'
(22740,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-foreground-color'
(22752,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-subheader-background-color'
(22792,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(22794,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color'
(22805,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-foreground-color'
(22810,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(22818,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color'
(22820,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-foreground-color'
(22883,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(22885,20): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color'
(22893,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-border-color'
(22893,55): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(22895,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-foreground-color'
(22906,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-foreground-color'
(22919,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(22923,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color'
(22927,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-header-background-color'
(22929,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-header-foreground-color'
(22929,49): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-foreground-color'
(22934,29): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(22946,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-header-background-color'
(22948,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-foreground-color'
(22952,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(23050,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-focus-border-color'
(23075,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-focus-border-color'
(23084,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-disabled-foreground-color'
(23107,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(25498,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-value-change-delta-up-color'
(25502,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-value-change-delta-down-color'
(25513,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-value-change-value-highlight-background-color'
(25518,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-value-change-value-highlight-background-color'
(25525,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-highlight-color'
(25525,68): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color'
(25530,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color'
(25532,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-data-color'
(25532,36): run-time error CSS1039: Token not allowed after unary operator: '-ag-foreground-color'
(25535,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-row-border-color'
(25544,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-border-color'
(25544,65): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color'
(25558,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-odd-row-background-color'
(25563,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(25568,27): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(25572,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-row-hover-color'
(25576,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-column-hover-color'
(25612,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(25614,20): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color'
(25621,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-control-panel-background-color'
(25626,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(25628,20): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color'
(25633,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-control-panel-background-color'
(25643,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color'
(25650,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-modal-overlay-background-color'
(25655,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(25657,20): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color'
(25684,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(25685,8): run-time error CSS1035: Expected colon, found '{'
(25694,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(25695,8): run-time error CSS1035: Expected colon, found '{'
(25707,29): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(25712,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(25733,27): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(25738,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(25742,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-selected-row-background-color'
(25747,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-background-color'
(25752,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-chart-background-color'
(25757,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-chart-category-background-color'
(25762,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-background-color-1'
(25762,71): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-background-color'
(25767,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-background-color-2'
(25772,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-background-color-3'
(25777,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-background-color-4'
(25781,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-border-color'
(25781,65): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color'
(25785,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-border-color'
(25785,67): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color'
(25789,29): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-border-color'
(25789,68): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color'
(25793,27): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-border-color'
(25793,66): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color'
(25806,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-border-color'
(25806,61): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color'
(25813,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-border-color'
(25813,65): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color'
(25818,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-border-color'
(25818,67): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color'
(25824,27): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-border-color'
(25824,66): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color'
(25831,29): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-border-color'
(25831,68): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color'
(25836,27): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-border-color'
(25836,66): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color'
(25842,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-border-color'
(25842,67): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color'
(25851,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-border-color'
(25851,65): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color'
(25869,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-focus-border-color'
(25874,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(25876,20): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color'
(25894,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(25898,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-row-hover-color'
(25963,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-focus-border-color'
(25967,29): run-time error CSS1039: Token not allowed after unary operator: '-ag-selected-tab-underline-color'
(25967,68): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-border-color'
(25967,107): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color'
(25971,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-foreground-color'
(25976,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(26021,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-border-color'
(26021,59): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(26066,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-focus-border-color'
(26074,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-control-panel-background-color'
(26081,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-foreground-color'
(26101,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(26104,29): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(26124,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-focus-border-color'
(26128,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-control-panel-background-color'
(26130,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(26132,29): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(26141,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(26147,27): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(26158,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-selected-tab-underline-color'
(26158,67): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-border-color'
(26158,106): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color'
(26164,27): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(26170,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(26181,27): run-time error CSS1039: Token not allowed after unary operator: '-ag-selected-tab-underline-color'
(26181,66): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-border-color'
(26181,105): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color'
(26209,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-focus-border-color'
(26258,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-border-color'
(26258,59): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(26384,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(26387,29): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(26430,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-focus-border-color'
(26438,29): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-border-color'
(26438,62): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(26443,29): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-border-color'
(26443,62): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(26446,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-border-color'
(26446,59): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(26451,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-foreground-color'
(26460,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-border-color'
(26460,65): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color'
(26470,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-header-background-color'
(26473,29): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(26477,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-header-foreground-color'
(26477,49): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-foreground-color'
(26483,27): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(26488,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(26514,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-header-cell-moving-background-color'
(26514,72): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color'
(26531,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-focus-border-color'
(26548,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-focus-border-color'
(26552,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-foreground-color'
(26569,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(26581,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-header-column-separator-color'
(26624,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-control-panel-background-color'
(26634,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(26636,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-foreground-color'
(26648,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-disabled-foreground-color'
(26665,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-focus-border-color'
(26673,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(26675,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-disabled-foreground-color'
(26682,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-foreground-color'
(26695,20): run-time error CSS1039: Token not allowed after unary operator: '-ag-chip-background-color'
(26707,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-foreground-color'
(26717,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-control-panel-background-color'
(26719,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-foreground-color'
(26723,29): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(26736,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(26742,27): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(26748,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-foreground-color'
(26752,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-disabled-foreground-color'
(26774,29): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-border-color'
(26774,62): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(26791,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-disabled-foreground-color'
(26797,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(26799,20): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color'
(26804,20): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color'
(26815,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-selected-row-background-color'
(26820,20): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color'
(26832,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-foreground-color'
(26840,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-border-color'
(26840,55): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(26866,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-minichart-selected-chart-color'
(26866,63): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-checked-color'
(26866,96): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color'
(26870,20): run-time error CSS1039: Token not allowed after unary operator: '-ag-foreground-color'
(26877,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-minichart-selected-page-color'
(26877,66): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-checked-color'
(26877,99): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color'
(26887,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-border-color'
(26887,59): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(26923,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-control-panel-background-color'
(26928,27): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(26934,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(26961,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-background-color'
(26961,62): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color'
(26983,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-unchecked-color'
(26992,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-checked-color'
(26992,48): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color'
(27001,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-indeterminate-color'
(27001,54): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-unchecked-color'
(27012,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-toggle-button-off-background-color'
(27012,71): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-unchecked-color'
(27018,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-toggle-button-off-border-color'
(27018,63): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-unchecked-color'
(27034,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-toggle-button-on-background-color'
(27034,70): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-checked-color'
(27034,103): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color'
(27036,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-toggle-button-on-border-color'
(27036,62): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-checked-color'
(27036,95): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color'
(27048,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-toggle-button-switch-background-color'
(27048,74): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color'
(27053,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-toggle-button-switch-border-color'
(27053,66): run-time error CSS1039: Token not allowed after unary operator: '-ag-toggle-button-off-border-color'
(27053,107): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-unchecked-color'
(27058,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-toggle-button-on-border-color'
(27058,62): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-checked-color'
(27058,95): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color'
(27074,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-background-color'
(27074,62): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color'
(27097,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-unchecked-color'
(27106,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-checked-color'
(27106,48): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color'
(27125,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(27135,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(27145,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(27158,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color'
(27161,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-unchecked-color'
(27173,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color'
(27176,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-unchecked-color'
(27186,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color'
(27189,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-unchecked-color'
(27198,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-checked-color'
(27198,55): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color'
(27203,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-checked-color'
(27203,55): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color'
(27208,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-checked-color'
(27208,55): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color'
(27212,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-focus-border-color'
(27216,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-focus-border-color'
(27220,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-focus-border-color'
(27232,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-header-foreground-color'
(27232,49): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-foreground-color'
(27257,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-disabled-foreground-color'
(27270,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color'
(27272,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(27278,29): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(27285,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-foreground-color'
(27296,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-foreground-color'
(27313,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-disabled-foreground-color'
(27323,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-header-background-color'
(27327,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color'
(27330,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(27332,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-foreground-color'
(27348,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-subheader-toolbar-background-color'
(28379,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28393,33): run-time error CSS1039: Token not allowed after unary operator: '-main-header-background-color'
(28403,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28404,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28405,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28406,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28407,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28408,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28409,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28410,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28411,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28412,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28417,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(28417,31): run-time error CSS1046: Expect comma, found '-'
(28417,32): run-time error CSS1047: Expected number or percentage value in rgb function, found '-indicator-danger-primary-color'
(28417,63): run-time error CSS1046: Expect comma, found ')'
(28417,64): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(28421,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(28421,31): run-time error CSS1046: Expect comma, found '-'
(28421,32): run-time error CSS1047: Expected number or percentage value in rgb function, found '-indicator-succes-primary-color'
(28421,63): run-time error CSS1046: Expect comma, found ')'
(28421,64): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(28425,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(28425,31): run-time error CSS1046: Expect comma, found '-'
(28425,32): run-time error CSS1047: Expected number or percentage value in rgb function, found '-indicator-succes-secondary-color'
(28425,65): run-time error CSS1046: Expect comma, found ')'
(28425,66): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(28429,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(28429,20): run-time error CSS1046: Expect comma, found '-'
(28429,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-indicator-succes-primary-color'
(28429,52): run-time error CSS1046: Expect comma, found ')'
(28429,53): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(28433,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(28433,31): run-time error CSS1046: Expect comma, found '-'
(28433,32): run-time error CSS1047: Expected number or percentage value in rgb function, found '-indicator-warning-primary-color'
(28433,64): run-time error CSS1046: Expect comma, found ')'
(28433,65): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(28436,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(28436,31): run-time error CSS1046: Expect comma, found '-'
(28436,32): run-time error CSS1047: Expected number or percentage value in rgb function, found '-indicator-warning-secondary-color'
(28436,66): run-time error CSS1046: Expect comma, found ')'
(28436,67): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(28439,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(28439,20): run-time error CSS1046: Expect comma, found '-'
(28439,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-indicator-warning-primary-color'
(28439,53): run-time error CSS1046: Expect comma, found ')'
(28439,54): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
 */
/* Minification failed. Returning unminified contents.
(2844,20): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(2844,24): run-time error CSS1046: Expect comma, found '-'
(2844,25): run-time error CSS1047: Expected number or percentage value in rgb function, found '-indicator-info-primary-color'
(2844,54): run-time error CSS1046: Expect comma, found ')'
(2844,55): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(3766,24): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(3766,28): run-time error CSS1046: Expect comma, found '-'
(3766,29): run-time error CSS1047: Expected number or percentage value in rgb function, found '-indicator-info-primary-color'
(3766,58): run-time error CSS1046: Expect comma, found ')'
(3766,59): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(7757,8): run-time error CSS1030: Expected identifier, found ' '
(7757,15): run-time error CSS1031: Expected selector, found '1px'
(7757,15): run-time error CSS1025: Expected comma or open brace, found '1px'
(7800,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(7800,20): run-time error CSS1046: Expect comma, found '-'
(7800,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-indicator-info-primary-color'
(7800,50): run-time error CSS1046: Expect comma, found ')'
(7800,51): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(8087,17): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(8087,21): run-time error CSS1046: Expect comma, found '-'
(8087,22): run-time error CSS1047: Expected number or percentage value in rgb function, found '-indicator-info-primary-color'
(8087,51): run-time error CSS1046: Expect comma, found ')'
(8087,52): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(8154,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(8154,20): run-time error CSS1046: Expect comma, found '-'
(8154,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-indicator-info-primary-color'
(8154,50): run-time error CSS1046: Expect comma, found ')'
(8154,51): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(8362,9): run-time error CSS1035: Expected colon, found '.1s'
(8364,9): run-time error CSS1035: Expected colon, found '.1s'
(8366,9): run-time error CSS1035: Expected colon, found '.1s'
(8725,15): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(8725,19): run-time error CSS1046: Expect comma, found '-'
(8725,20): run-time error CSS1047: Expected number or percentage value in rgb function, found '-indicator-info-primary-color'
(8725,49): run-time error CSS1046: Expect comma, found ')'
(8725,50): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(9755,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(9755,31): run-time error CSS1046: Expect comma, found '-'
(9755,32): run-time error CSS1047: Expected number or percentage value in rgb function, found '-indicator-info-primary-color'
(9755,61): run-time error CSS1046: Expect comma, found ')'
(9755,62): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(9763,33): run-time error CSS1039: Token not allowed after unary operator: '-indicator-info-primary-color'
(9770,1): run-time error CSS1019: Unexpected token, found '}'
(10870,24): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(10870,28): run-time error CSS1046: Expect comma, found '-'
(10870,29): run-time error CSS1047: Expected number or percentage value in rgb function, found '-indicator-info-primary-color'
(10870,58): run-time error CSS1046: Expect comma, found ')'
(10870,59): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(10918,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10919,10): run-time error CSS1035: Expected colon, found '{'
(10930,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(10931,10): run-time error CSS1035: Expected colon, found '{'
(10942,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10943,10): run-time error CSS1035: Expected colon, found '{'
(10954,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(10955,10): run-time error CSS1035: Expected colon, found '{'
(11096,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11100,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(11100,20): run-time error CSS1046: Expect comma, found '-'
(11100,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-text-dark-primary-color'
(11100,45): run-time error CSS1046: Expect comma, found ')'
(11100,46): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(11111,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(11111,20): run-time error CSS1046: Expect comma, found '-'
(11111,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-text-dark-primary-color'
(11111,45): run-time error CSS1046: Expect comma, found ')'
(11111,46): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(12492,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(12492,20): run-time error CSS1046: Expect comma, found '-'
(12492,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-indicator-danger-primary-color'
(12492,52): run-time error CSS1046: Expect comma, found ')'
(12492,53): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(12506,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(12506,20): run-time error CSS1046: Expect comma, found '-'
(12506,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-indicator-danger-primary-color'
(12506,52): run-time error CSS1046: Expect comma, found ')'
(12506,53): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(14611,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14612,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14625,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14626,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14639,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14640,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(18770,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(18771,8): run-time error CSS1035: Expected colon, found '{'
(18781,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(18782,8): run-time error CSS1035: Expected colon, found '{'
(21925,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-foreground-color'
(22094,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color'
(22126,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color'
(22131,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color'
(22146,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-border-color'
(22156,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-disabled-foreground-color'
(22158,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-disabled-background-color'
(22160,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-disabled-border-color'
(22172,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-focus-border-color'
(22189,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-foreground-color'
(22209,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-focus-border-color'
(22213,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color'
(22226,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-row-hover-color'
(22244,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color'
(22269,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-control-panel-background-color'
(22281,29): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-border-color'
(22281,62): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(22289,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-row-hover-color'
(22296,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-selected-row-background-color'
(22303,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-foreground-color'
(22327,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-foreground-color'
(22339,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-subheader-background-color'
(22379,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(22381,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color'
(22392,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-foreground-color'
(22397,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(22405,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color'
(22407,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-foreground-color'
(22470,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(22472,20): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color'
(22480,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-border-color'
(22480,55): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(22482,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-foreground-color'
(22493,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-foreground-color'
(22506,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(22510,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color'
(22514,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-header-background-color'
(22516,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-header-foreground-color'
(22516,49): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-foreground-color'
(22521,29): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(22533,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-header-background-color'
(22535,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-foreground-color'
(22539,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(22637,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-focus-border-color'
(22662,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-focus-border-color'
(22671,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-disabled-foreground-color'
(22694,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(25085,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-value-change-delta-up-color'
(25089,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-value-change-delta-down-color'
(25100,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-value-change-value-highlight-background-color'
(25105,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-value-change-value-highlight-background-color'
(25112,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-highlight-color'
(25112,68): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color'
(25117,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color'
(25119,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-data-color'
(25119,36): run-time error CSS1039: Token not allowed after unary operator: '-ag-foreground-color'
(25122,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-row-border-color'
(25131,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-border-color'
(25131,65): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color'
(25145,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-odd-row-background-color'
(25150,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(25155,27): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(25159,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-row-hover-color'
(25163,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-column-hover-color'
(25199,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(25201,20): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color'
(25208,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-control-panel-background-color'
(25213,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(25215,20): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color'
(25220,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-control-panel-background-color'
(25230,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color'
(25237,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-modal-overlay-background-color'
(25242,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(25244,20): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color'
(25271,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(25272,8): run-time error CSS1035: Expected colon, found '{'
(25281,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(25282,8): run-time error CSS1035: Expected colon, found '{'
(25294,29): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(25299,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(25320,27): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(25325,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(25329,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-selected-row-background-color'
(25334,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-background-color'
(25339,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-chart-background-color'
(25344,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-chart-category-background-color'
(25349,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-background-color-1'
(25349,71): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-background-color'
(25354,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-background-color-2'
(25359,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-background-color-3'
(25364,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-background-color-4'
(25368,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-border-color'
(25368,65): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color'
(25372,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-border-color'
(25372,67): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color'
(25376,29): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-border-color'
(25376,68): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color'
(25380,27): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-border-color'
(25380,66): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color'
(25393,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-border-color'
(25393,61): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color'
(25400,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-border-color'
(25400,65): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color'
(25405,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-border-color'
(25405,67): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color'
(25411,27): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-border-color'
(25411,66): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color'
(25418,29): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-border-color'
(25418,68): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color'
(25423,27): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-border-color'
(25423,66): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color'
(25429,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-border-color'
(25429,67): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color'
(25438,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-border-color'
(25438,65): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color'
(25456,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-focus-border-color'
(25461,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(25463,20): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color'
(25481,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(25485,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-row-hover-color'
(25550,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-focus-border-color'
(25554,29): run-time error CSS1039: Token not allowed after unary operator: '-ag-selected-tab-underline-color'
(25554,68): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-border-color'
(25554,107): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color'
(25558,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-foreground-color'
(25563,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(25608,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-border-color'
(25608,59): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(25653,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-focus-border-color'
(25661,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-control-panel-background-color'
(25668,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-foreground-color'
(25688,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(25691,29): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(25711,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-focus-border-color'
(25715,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-control-panel-background-color'
(25717,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(25719,29): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(25728,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(25734,27): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(25745,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-selected-tab-underline-color'
(25745,67): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-border-color'
(25745,106): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color'
(25751,27): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(25757,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(25768,27): run-time error CSS1039: Token not allowed after unary operator: '-ag-selected-tab-underline-color'
(25768,66): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-border-color'
(25768,105): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color'
(25796,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-focus-border-color'
(25845,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-border-color'
(25845,59): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(25971,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(25974,29): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(26017,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-focus-border-color'
(26025,29): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-border-color'
(26025,62): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(26030,29): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-border-color'
(26030,62): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(26033,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-border-color'
(26033,59): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(26038,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-foreground-color'
(26047,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-border-color'
(26047,65): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color'
(26057,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-header-background-color'
(26060,29): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(26064,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-header-foreground-color'
(26064,49): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-foreground-color'
(26070,27): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(26075,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(26101,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-header-cell-moving-background-color'
(26101,72): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color'
(26118,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-focus-border-color'
(26135,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-focus-border-color'
(26139,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-foreground-color'
(26156,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(26168,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-header-column-separator-color'
(26211,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-control-panel-background-color'
(26221,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(26223,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-foreground-color'
(26235,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-disabled-foreground-color'
(26252,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-focus-border-color'
(26260,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(26262,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-disabled-foreground-color'
(26269,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-foreground-color'
(26282,20): run-time error CSS1039: Token not allowed after unary operator: '-ag-chip-background-color'
(26294,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-foreground-color'
(26304,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-control-panel-background-color'
(26306,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-foreground-color'
(26310,29): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(26323,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(26329,27): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(26335,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-foreground-color'
(26339,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-disabled-foreground-color'
(26361,29): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-border-color'
(26361,62): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(26378,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-disabled-foreground-color'
(26384,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(26386,20): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color'
(26391,20): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color'
(26402,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-selected-row-background-color'
(26407,20): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color'
(26419,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-foreground-color'
(26427,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-border-color'
(26427,55): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(26453,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-minichart-selected-chart-color'
(26453,63): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-checked-color'
(26453,96): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color'
(26457,20): run-time error CSS1039: Token not allowed after unary operator: '-ag-foreground-color'
(26464,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-minichart-selected-page-color'
(26464,66): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-checked-color'
(26464,99): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color'
(26474,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-border-color'
(26474,59): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(26510,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-control-panel-background-color'
(26515,27): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(26521,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(26548,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-background-color'
(26548,62): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color'
(26570,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-unchecked-color'
(26579,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-checked-color'
(26579,48): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color'
(26588,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-indeterminate-color'
(26588,54): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-unchecked-color'
(26599,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-toggle-button-off-background-color'
(26599,71): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-unchecked-color'
(26605,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-toggle-button-off-border-color'
(26605,63): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-unchecked-color'
(26621,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-toggle-button-on-background-color'
(26621,70): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-checked-color'
(26621,103): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color'
(26623,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-toggle-button-on-border-color'
(26623,62): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-checked-color'
(26623,95): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color'
(26635,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-toggle-button-switch-background-color'
(26635,74): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color'
(26640,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-toggle-button-switch-border-color'
(26640,66): run-time error CSS1039: Token not allowed after unary operator: '-ag-toggle-button-off-border-color'
(26640,107): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-unchecked-color'
(26645,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-toggle-button-on-border-color'
(26645,62): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-checked-color'
(26645,95): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color'
(26661,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-background-color'
(26661,62): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color'
(26684,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-unchecked-color'
(26693,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-checked-color'
(26693,48): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color'
(26712,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(26722,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(26732,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(26745,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color'
(26748,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-unchecked-color'
(26760,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color'
(26763,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-unchecked-color'
(26773,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color'
(26776,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-unchecked-color'
(26785,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-checked-color'
(26785,55): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color'
(26790,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-checked-color'
(26790,55): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color'
(26795,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-checked-color'
(26795,55): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color'
(26799,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-focus-border-color'
(26803,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-focus-border-color'
(26807,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-focus-border-color'
(26819,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-header-foreground-color'
(26819,49): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-foreground-color'
(26844,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-disabled-foreground-color'
(26857,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color'
(26859,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(26865,29): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(26872,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-foreground-color'
(26883,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-foreground-color'
(26900,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-disabled-foreground-color'
(26910,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-header-background-color'
(26914,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color'
(26917,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color'
(26919,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-foreground-color'
(26935,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-subheader-toolbar-background-color'
(27966,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27980,33): run-time error CSS1039: Token not allowed after unary operator: '-main-header-background-color'
(27990,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27991,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27992,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27993,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27994,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27995,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27996,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27997,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27998,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27999,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28004,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(28004,31): run-time error CSS1046: Expect comma, found '-'
(28004,32): run-time error CSS1047: Expected number or percentage value in rgb function, found '-indicator-danger-primary-color'
(28004,63): run-time error CSS1046: Expect comma, found ')'
(28004,64): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(28008,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(28008,31): run-time error CSS1046: Expect comma, found '-'
(28008,32): run-time error CSS1047: Expected number or percentage value in rgb function, found '-indicator-succes-primary-color'
(28008,63): run-time error CSS1046: Expect comma, found ')'
(28008,64): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(28012,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(28012,31): run-time error CSS1046: Expect comma, found '-'
(28012,32): run-time error CSS1047: Expected number or percentage value in rgb function, found '-indicator-succes-secondary-color'
(28012,65): run-time error CSS1046: Expect comma, found ')'
(28012,66): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(28016,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(28016,20): run-time error CSS1046: Expect comma, found '-'
(28016,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-indicator-succes-primary-color'
(28016,52): run-time error CSS1046: Expect comma, found ')'
(28016,53): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(28020,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(28020,31): run-time error CSS1046: Expect comma, found '-'
(28020,32): run-time error CSS1047: Expected number or percentage value in rgb function, found '-indicator-warning-primary-color'
(28020,64): run-time error CSS1046: Expect comma, found ')'
(28020,65): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(28023,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(28023,31): run-time error CSS1046: Expect comma, found '-'
(28023,32): run-time error CSS1047: Expected number or percentage value in rgb function, found '-indicator-warning-secondary-color'
(28023,66): run-time error CSS1046: Expect comma, found ')'
(28023,67): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(28026,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(28026,20): run-time error CSS1046: Expect comma, found '-'
(28026,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-indicator-warning-primary-color'
(28026,53): run-time error CSS1046: Expect comma, found ')'
(28026,54): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
 */
/*! jQuery UI - v1.12.0 - 2016-07-08
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon,.ui-state-default .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}

/* STYLESHEET UITSLUITEND BEDOELT VOOR PRINTS VAN CONDOR WEB*/

@media print {

    /*Font*/
   html body {
        color:#000;
        overflow:visible;
    }

   h1, h2, h3, h4, h5 {page-break-after: always}

    body * {
        float: none !important;
    }

    /*eigenschappen aan de A4 PAGE toekennen */
    @page {
        margin: 0.5cm;
    }

    /*elementen uitschakelen zodat deze niet worden meegerint op papier. Denk aan headers, menu en footers  *****START****** */
         .sectionLeft, .sectionMenu {
            display:none;
        }
     /*elementen uitschakelen *****END***** */

    .sectionContent {
        position:static;
        
        width:600px;
    }

    div.content {
        position:static;
        overflow:visible;
        width:100%;
        page-break-inside:auto;
    }

    .tileGroup,.tileGroupContent, .tileGroupWide, .tileGroupContentWide {
        
    }

}


/* jsTree default theme */

.treeContainer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: scroll;

}

    .treeContainer #jstree {
        padding-left: 0px;
        overflow: auto;
        position: absolute;
        top: 36px;
        left: 0;
        bottom: 0;
        right: 0;
        padding: 10px;
        background-color: #f1f1f1;
    }

    .treeContainer .search-input {
        height: 32px;
        line-height: 32px;
        cursor: text;
        text-decoration: none;
        border: none !important;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
        margin-bottom: 20px;
    }

.jstree-node,
.jstree-children,
.jstree-container-ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
    background-color: white;
}

.jstree-node {
    white-space: nowrap;
}

.jstree-anchor {
    display: inline-block;
    color: black;
    white-space: nowrap;
    padding: 0 4px 0 1px;
    margin: 0;
    vertical-align: top;
}

    .jstree-anchor:focus {
        outline: 0;
    }

    .jstree-anchor,
    .jstree-anchor:link,
    .jstree-anchor:visited,
    .jstree-anchor:hover,
    .jstree-anchor:active {
        text-decoration: none;
        color: inherit;
    }

.jstree-icon {
    display: inline-block;
    text-decoration: none;
    margin: 0;
    padding: 0;
    vertical-align: top;
    text-align: center;
}

    .jstree-icon:empty {
        display: inline-block;
        text-decoration: none;
        margin: 0;
        padding: 0;
        vertical-align: top;
        text-align: center;
    }

.jstree-ocl {
    cursor: pointer;
}

.jstree-leaf > .jstree-ocl {
    cursor: default;
}

.jstree .jstree-open > .jstree-children {
    display: block;
}

.jstree .jstree-closed > .jstree-children,
.jstree .jstree-leaf > .jstree-children {
    display: none;
}

.jstree-anchor > .jstree-themeicon {
    margin-right: 2px;
}

.jstree-no-icons .jstree-themeicon,
.jstree-anchor > .jstree-themeicon-hidden {
    display: none;
}

.jstree-hidden,
.jstree-node.jstree-hidden {
    display: none;
}

.jstree-rtl .jstree-anchor {
    padding: 0 1px 0 4px;
}

    .jstree-rtl .jstree-anchor > .jstree-themeicon {
        margin-left: 2px;
        margin-right: 0;
    }

.jstree-rtl .jstree-node {
    margin-left: 0;
}

.jstree-rtl .jstree-container-ul > .jstree-node {
    margin-right: 0;
}

.jstree-wholerow-ul {
    position: relative;
    display: inline-block;
    min-width: 100%;
}

    .jstree-wholerow-ul .jstree-leaf > .jstree-ocl {
        cursor: pointer;
    }

    .jstree-wholerow-ul .jstree-anchor,
    .jstree-wholerow-ul .jstree-icon {
        position: relative;
    }

    .jstree-wholerow-ul .jstree-wholerow {
        width: 100%;
        cursor: pointer;
        position: absolute;
        left: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

.vakata-context {
    display: none;
}

    .vakata-context,
    .vakata-context ul {
        margin: 0;
        padding: 2px;
        position: absolute;
        background: #f5f5f5;
        border: 1px solid #979797;
        box-shadow: 2px 2px 2px #999999;
    }

        .vakata-context ul {
            list-style: none;
            left: 100%;
            margin-top: -2.7em;
            margin-left: -4px;
        }

        .vakata-context .vakata-context-right ul {
            left: auto;
            right: 100%;
            margin-left: auto;
            margin-right: -4px;
        }

        .vakata-context li {
            list-style: none;
        }

            .vakata-context li > a {
                display: block;
                padding: 0 2em 0 2em;
                text-decoration: none;
                width: auto;
                color: black;
                white-space: nowrap;
                line-height: 2.4em;
                text-shadow: 1px 1px 0 white;
                border-radius: 1px;
            }

                .vakata-context li > a:hover {
                    position: relative;
                    background-color: #e8eff7;
                    box-shadow: 0 0 2px #0a6aa1;
                }

                .vakata-context li > a.vakata-context-parent {
                    background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw==");
                    background-position: right center;
                    background-repeat: no-repeat;
                }

                .vakata-context li > a:focus {
                    outline: 0;
                }

        .vakata-context .vakata-context-hover > a {
            position: relative;
            background-color: #e8eff7;
            box-shadow: 0 0 2px #0a6aa1;
        }

        .vakata-context .vakata-context-separator > a,
        .vakata-context .vakata-context-separator > a:hover {
            background: white;
            border: 0;
            border-top: 1px solid #e2e3e3;
            height: 1px;
            min-height: 1px;
            max-height: 1px;
            padding: 0;
            margin: 0 0 0 2.4em;
            border-left: 1px solid #e0e0e0;
            text-shadow: 0 0 0 transparent;
            box-shadow: 0 0 0 transparent;
            border-radius: 0;
        }

        .vakata-context .vakata-contextmenu-disabled a,
        .vakata-context .vakata-contextmenu-disabled a:hover {
            color: silver;
            background-color: transparent;
            border: 0;
            box-shadow: 0 0 0;
        }

        .vakata-context li > a > i {
            text-decoration: none;
            display: inline-block;
            width: 2.4em;
            height: 2.4em;
            background: transparent;
            margin: 0 0 0 -2em;
            vertical-align: top;
            text-align: center;
            line-height: 2.4em;
        }

            .vakata-context li > a > i:empty {
                width: 2.4em;
                line-height: 2.4em;
            }

        .vakata-context li > a .vakata-contextmenu-sep {
            display: inline-block;
            width: 1px;
            height: 2.4em;
            background: white;
            margin: 0 0.5em 0 0;
            border-left: 1px solid #e2e3e3;
        }

        .vakata-context .vakata-contextmenu-shortcut {
            font-size: 0.8em;
            color: silver;
            opacity: 0.5;
            display: none;
        }

.vakata-context-rtl ul {
    left: auto;
    right: 100%;
    margin-left: auto;
    margin-right: -4px;
}

.vakata-context-rtl li > a.vakata-context-parent {
    background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7");
    background-position: left center;
    background-repeat: no-repeat;
}

.vakata-context-rtl .vakata-context-separator > a {
    margin: 0 2.4em 0 0;
    border-left: 0;
    border-right: 1px solid #e2e3e3;
}

.vakata-context-rtl .vakata-context-left ul {
    right: auto;
    left: 100%;
    margin-left: -4px;
    margin-right: auto;
}

.vakata-context-rtl li > a > i {
    margin: 0 -2em 0 0;
}

.vakata-context-rtl li > a .vakata-contextmenu-sep {
    margin: 0 0 0 0.5em;
    border-left-color: white;
    background: #e2e3e3;
}

#jstree-marker {
    position: absolute;
    top: 0;
    left: 0;
    margin: -5px 0 0 0;
    padding: 0;
    border-right: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
}

#jstree-dnd {
    line-height: 16px;
    margin: 0;
    padding: 4px;
}

    #jstree-dnd .jstree-icon,
    #jstree-dnd .jstree-copy {
        display: inline-block;
        text-decoration: none;
        margin: 0 2px 0 0;
        padding: 0;
        width: 16px;
        height: 16px;
    }

    #jstree-dnd .jstree-ok {
        background: green;
    }

    #jstree-dnd .jstree-er {
        background: red;
    }

    #jstree-dnd .jstree-copy {
        margin: 0 2px 0 2px;
    }

.jstree-default .jstree-node,
.jstree-default .jstree-icon {
    background-repeat: no-repeat;
    background-color: transparent;
}

.jstree-default .jstree-anchor,
.jstree-default .jstree-animated,
.jstree-default .jstree-wholerow {
    transition: background-color 0.15s, box-shadow 0.15s;
}

.jstree-default .jstree-hovered {
    background: #e7f4f9;
    border-radius: 2px;
    box-shadow: inset 0 0 1px #cccccc;
}

.jstree-default .jstree-context {
    background: #e7f4f9;
    border-radius: 2px;
    box-shadow: inset 0 0 1px #cccccc;
}

.jstree-default .jstree-clicked {
    background: #81D4FA;
    border-radius: 2px;
    box-shadow: inset 0 0 1px #999999;
}

.jstree-default .jstree-no-icons .jstree-anchor > .jstree-themeicon {
    display: none;
}

.jstree-default .jstree-disabled {
    background: transparent;
    color: #666666;
}

    .jstree-default .jstree-disabled.jstree-hovered {
        background: transparent;
        box-shadow: none;
    }

    .jstree-default .jstree-disabled.jstree-clicked {
        background: #efefef;
    }

    .jstree-default .jstree-disabled > .jstree-icon {
        opacity: 0.8;
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");
        /* Firefox 10+ */
        filter: gray;
        /* IE6-9 */
        -webkit-filter: grayscale(100%);
        /* Chrome 19+ & Safari 6+ */
    }

.jstree-default .jstree-search {
    font-style: italic;
    color: #8b0000;
    font-weight: bold;
}

.jstree-default .jstree-no-checkboxes .jstree-checkbox {
    display: none !important;
}

.jstree-default.jstree-checkbox-no-clicked .jstree-clicked {
    background: transparent;
    box-shadow: none;
}

    .jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
        background: #e7f4f9;
    }

.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked {
    background: transparent;
}

    .jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
        background: #e7f4f9 !important;
    }

.jstree-default > .jstree-striped {
    min-width: 100%;
    display: inline-block;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==") left top repeat;
}

.jstree-default > .jstree-wholerow-ul .jstree-hovered,
.jstree-default > .jstree-wholerow-ul .jstree-clicked {
    background: transparent;
    box-shadow: none;
    border-radius: 0;
}

.jstree-default .jstree-wholerow {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.jstree-default .jstree-wholerow-hovered {
    background: #e7f4f9 !important;
}

.jstree-default .jstree-wholerow-clicked {
    background: #beebff;
    background: -webkit-linear-gradient(top, #beebff 0%, #a8e4ff 100%);
    background: linear-gradient(to bottom, #beebff 0%, #a8e4ff 100%);
}

.jstree-default .jstree-node {
    min-height: 24px;
    line-height: 24px;
    margin-left: 24px;
    min-width: 24px;
    /*MP*/
    margin-top: 5px;
}

.jstree-default .jstree-anchor {
    line-height: 24px;
    height: 24px;
    /*MP*/
    line-height: 32px;
    height: 32px;
    border-left: 5px solid silver;
    padding-left: 5px;
}

.jstree-default .jstree-icon {
    width: 24px;
    height: 24px;
    line-height: 24px;
}

    .jstree-default .jstree-icon:empty {
        height: 32px;
        line-height: 24px;
    }

.jstree-default.jstree-rtl .jstree-node {
    margin-right: 24px;
}

.jstree-default .jstree-wholerow {
    height: 32px;
}

.jstree-default .jstree-node,
.jstree-default .jstree-icon {
    /*
  background-image: url("/Styles/JsTree/32px.png");
*/
}

    .jstree-default .jstree-icon.jstree-ocl {
        background-image: url("/Styles/JsTree/32px.png");
    }

.jstree-default .jstree-node {
    background-position: -292px -4px;
    background-repeat: repeat-y;
}

.jstree-default .jstree-last {
    background: transparent;
}

.jstree-default .jstree-open > .jstree-ocl {
    background-position: -132px -4px;
}

.jstree-default .jstree-closed > .jstree-ocl {
    background-position: -100px -4px;
}

.jstree-default .jstree-leaf > .jstree-ocl {
    background-position: -68px -4px;
}

.jstree-default .jstree-themeicon {
}

.jstree-icon[class^="iconS-"],
.jstree-icon[class*=" iconS-"] {
    background-size: 24px;
    background-position-y: 4px;
}

.jstree-default .jstree-wholerow.vglevelnode {
    background-color: white;
}

/*.jstree-default .jstree-wholerow.vglevelnode.vglevel-warning,*/
.jstree-default .jstree-wholerow .jstree-percentage.vglevel-warning {
    /*
    background-color: #fff3e1 !important;
    border-color: #fff3e1 !important;
    */
    background-color: #f0996c !important;
    border-color: #f0996c !important;
}

.vglevel-warning ~ .jstree-anchor {
    border-left-color: #f89520;
}

/*.jstree-default .jstree-wholerow.vglevelnode.vglevel-danger,*/
.jstree-default .jstree-wholerow .jstree-percentage.vglevel-danger {
    background-color: #fdebee;
    border-color: #fdebee;
}

.vglevel-danger ~ .jstree-anchor {
    border-left-color: #ed2027;
}

.jstree-default > .jstree-no-dots .jstree-node,
.jstree-default > .jstree-no-dots .jstree-leaf > .jstree-ocl {
    background: transparent;
}

.jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl {
    background-position: -36px -4px;
    /*MP*/
    background-position: -36px -0px;
}

.jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl {
    background-position: -4px -4px;
    /*MP*/
    background-position: -4px -0px;
}

.jstree-default .jstree-disabled {
    background: transparent;
}

    .jstree-default .jstree-disabled.jstree-hovered {
        background: transparent;
    }

    .jstree-default .jstree-disabled.jstree-clicked {
        background: #efefef;
    }

.jstree-default .jstree-checkbox {
    /*background-position: -164px -4px;*/
    background-image: url('../../Images/RT/Dark/tree-uncheked.png');
    background-size: 50%;
    background-position: center;
}

    .jstree-default .jstree-checkbox:hover {
        background-image: url('../../Images/RT/Dark/tree-uncheked.png');
        background-size: 50%;
        background-position: center;
    }

.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default .jstree-checked > .jstree-checkbox {
    background-image: url('../../Images/RT/Dark/tree-cheked.png');
    background-size: 50%;
    background-position: center;
}

    .jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
    .jstree-default .jstree-checked > .jstree-checkbox:hover {
        background-image: url('../../Images/RT/Dark/tree-cheked.png');
        background-size: 50%;
        background-position: center;
    }

.jstree-default .jstree-anchor > .jstree-undetermined {
    background-image: url('../../Images/RT/Dark/tree-tri.png');
    background-size: 50%;
    background-position: center;
}

    .jstree-default .jstree-anchor > .jstree-undetermined:hover {
        background-image: url('../../Images/RT/Dark/tree-tri.png');
        background-size: 50%;
        background-position: center;
    }

.jstree-default .jstree-checkbox-disabled {
    opacity: 0.8;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");
    /* Firefox 10+ */
    filter: gray;
    /* IE6-9 */
    -webkit-filter: grayscale(100%);
    /* Chrome 19+ & Safari 6+ */
}

.jstree-default > .jstree-striped {
    background-size: auto 48px;
}

.jstree-default.jstree-rtl .jstree-node {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
    background-position: 100% 1px;
    background-repeat: repeat-y;
}

.jstree-default.jstree-rtl .jstree-last {
    background: transparent;
}

.jstree-default.jstree-rtl .jstree-open > .jstree-ocl {
    background-position: -132px -36px;
}

.jstree-default.jstree-rtl .jstree-closed > .jstree-ocl {
    background-position: -100px -36px;
}

.jstree-default.jstree-rtl .jstree-leaf > .jstree-ocl {
    background-position: -68px -36px;
}

.jstree-default.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
    background: transparent;
}

.jstree-default.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
    background-position: -36px -36px;
}

.jstree-default.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
    background-position: -4px -36px;
}

.jstree-default .jstree-themeicon-custom {
    background-color: transparent;
    background-image: none;
    background-position: 0 0;
}

.jstree-default > .jstree-container-ul .jstree-loading > .jstree-ocl {
    background: url("/Styles/JsTree/throbber.gif") center center no-repeat;
}

.jstree-default .jstree-file {
    background: url("/Styles/JsTree/32px.png") -100px -68px no-repeat;
}

.jstree-default .jstree-folder {
    background: url("/Styles/JsTree/32px.png") -260px -4px no-repeat;
}

.jstree-default > .jstree-container-ul > .jstree-node {
    margin-left: 0;
    margin-right: 0;
}

#jstree-dnd.jstree-default {
    line-height: 24px;
    padding: 0 4px;
}

    #jstree-dnd.jstree-default .jstree-ok,
    #jstree-dnd.jstree-default .jstree-er {
        background-image: url("/Styles/JsTree/32px.png");
        background-repeat: no-repeat;
        background-color: transparent;
    }

    #jstree-dnd.jstree-default i {
        background: transparent;
        width: 24px;
        height: 24px;
        line-height: 24px;
    }

    #jstree-dnd.jstree-default .jstree-ok {
        background-position: -4px -68px;
    }

    #jstree-dnd.jstree-default .jstree-er {
        background-position: -36px -68px;
    }

.jstree-default .jstree-ellipsis {
    overflow: hidden;
}

    .jstree-default .jstree-ellipsis .jstree-anchor {
        width: calc(100% - 29px);
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .jstree-default .jstree-ellipsis.jstree-no-icons .jstree-anchor {
        width: calc(100% - 5px);
    }

.jstree-default.jstree-rtl .jstree-node {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
}

.jstree-default.jstree-rtl .jstree-last {
    background: transparent;
}

.jstree-default-small .jstree-node {
    min-height: 18px;
    line-height: 18px;
    margin-left: 18px;
    min-width: 18px;
}

.jstree-default-small .jstree-anchor {
    line-height: 18px;
    height: 18px;
}

.jstree-default-small .jstree-icon {
    width: 18px;
    height: 18px;
    line-height: 18px;
}

    .jstree-default-small .jstree-icon:empty {
        width: 18px;
        height: 18px;
        line-height: 18px;
    }

.jstree-default-small.jstree-rtl .jstree-node {
    margin-right: 18px;
}

.jstree-default-small .jstree-wholerow {
    height: 18px;
}

.jstree-default-small .jstree-node,
.jstree-default-small .jstree-icon {
    background-image: url("/Styles/JsTree/32px.png");
}

.jstree-default-small .jstree-node {
    background-position: -295px -7px;
    background-repeat: repeat-y;
}

.jstree-default-small .jstree-last {
    background: transparent;
}

.jstree-default-small .jstree-open > .jstree-ocl {
    background-position: -135px -7px;
}

.jstree-default-small .jstree-closed > .jstree-ocl {
    background-position: -103px -7px;
}

.jstree-default-small .jstree-leaf > .jstree-ocl {
    background-position: -71px -7px;
}

.jstree-default-small .jstree-themeicon {
    background-position: -263px -7px;
}

.jstree-default-small > .jstree-no-dots .jstree-node,
.jstree-default-small > .jstree-no-dots .jstree-leaf > .jstree-ocl {
    background: transparent;
}

.jstree-default-small > .jstree-no-dots .jstree-open > .jstree-ocl {
    background-position: -39px -7px;
}

.jstree-default-small > .jstree-no-dots .jstree-closed > .jstree-ocl {
    background-position: -7px -7px;
}

.jstree-default-small .jstree-disabled {
    background: transparent;
}

    .jstree-default-small .jstree-disabled.jstree-hovered {
        background: transparent;
    }

    .jstree-default-small .jstree-disabled.jstree-clicked {
        background: #efefef;
    }

.jstree-default-small .jstree-checkbox {
    background-position: -167px -7px;
}

    .jstree-default-small .jstree-checkbox:hover {
        background-position: -167px -39px;
    }

.jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default-small .jstree-checked > .jstree-checkbox {
    background-position: -231px -7px;
}

    .jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
    .jstree-default-small .jstree-checked > .jstree-checkbox:hover {
        background-position: -231px -39px;
    }

.jstree-default-small .jstree-anchor > .jstree-undetermined {
    background-position: -199px -7px;
}

    .jstree-default-small .jstree-anchor > .jstree-undetermined:hover {
        background-position: -199px -39px;
    }

.jstree-default-small .jstree-checkbox-disabled {
    opacity: 0.8;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");
    /* Firefox 10+ */
    filter: gray;
    /* IE6-9 */
    -webkit-filter: grayscale(100%);
    /* Chrome 19+ & Safari 6+ */
}

.jstree-default-small > .jstree-striped {
    background-size: auto 36px;
}

.jstree-default-small.jstree-rtl .jstree-node {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
    background-position: 100% 1px;
    background-repeat: repeat-y;
}

.jstree-default-small.jstree-rtl .jstree-last {
    background: transparent;
}

.jstree-default-small.jstree-rtl .jstree-open > .jstree-ocl {
    background-position: -135px -39px;
}

.jstree-default-small.jstree-rtl .jstree-closed > .jstree-ocl {
    background-position: -103px -39px;
}

.jstree-default-small.jstree-rtl .jstree-leaf > .jstree-ocl {
    background-position: -71px -39px;
}

.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
    background: transparent;
}

.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
    background-position: -39px -39px;
}

.jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
    background-position: -7px -39px;
}

.jstree-default-small .jstree-themeicon-custom {
    background-color: transparent;
    background-image: none;
    background-position: 0 0;
}

.jstree-default-small > .jstree-container-ul .jstree-loading > .jstree-ocl {
    background: url("/Styles/JsTree/throbber.gif") center center no-repeat;
}

.jstree-default-small .jstree-file {
    background: url("/Styles/JsTree/32px.png") -103px -71px no-repeat;
}

.jstree-default-small .jstree-folder {
    background: url("/Styles/JsTree/32px.png") -263px -7px no-repeat;
}

.jstree-default-small > .jstree-container-ul > .jstree-node {
    margin-left: 0;
    margin-right: 0;
}

#jstree-dnd.jstree-default-small {
    line-height: 18px;
    padding: 0 4px;
}

    #jstree-dnd.jstree-default-small .jstree-ok,
    #jstree-dnd.jstree-default-small .jstree-er {
        background-image: url("/Styles/JsTree/32px.png");
        background-repeat: no-repeat;
        background-color: transparent;
    }

    #jstree-dnd.jstree-default-small i {
        background: transparent;
        width: 18px;
        height: 18px;
        line-height: 18px;
    }

    #jstree-dnd.jstree-default-small .jstree-ok {
        background-position: -7px -71px;
    }

    #jstree-dnd.jstree-default-small .jstree-er {
        background-position: -39px -71px;
    }

.jstree-default-small .jstree-ellipsis {
    overflow: hidden;
}

    .jstree-default-small .jstree-ellipsis .jstree-anchor {
        width: calc(100% - 23px);
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .jstree-default-small .jstree-ellipsis.jstree-no-icons .jstree-anchor {
        width: calc(100% - 5px);
    }

.jstree-default-small.jstree-rtl .jstree-node {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg==");
}

.jstree-default-small.jstree-rtl .jstree-last {
    background: transparent;
}

.jstree-default-large .jstree-node {
    min-height: 32px;
    line-height: 32px;
    margin-left: 32px;
    min-width: 32px;
}

.jstree-default-large .jstree-anchor {
    line-height: 32px;
    height: 32px;
}

.jstree-default-large .jstree-icon {
    width: 32px;
    height: 32px;
    line-height: 32px;
}

    .jstree-default-large .jstree-icon:empty {
        width: 32px;
        height: 32px;
        line-height: 32px;
    }

.jstree-default-large.jstree-rtl .jstree-node {
    margin-right: 32px;
}

.jstree-default-large .jstree-wholerow {
    height: 32px;
}

.jstree-default-large .jstree-node,
.jstree-default-large .jstree-icon {
    background-image: url("/Styles/JsTree/32px.png");
}

.jstree-default-large .jstree-node {
    background-position: -288px 0px;
    background-repeat: repeat-y;
}

.jstree-default-large .jstree-last {
    background: transparent;
}

.jstree-default-large .jstree-open > .jstree-ocl {
    background-position: -128px 0px;
}

.jstree-default-large .jstree-closed > .jstree-ocl {
    background-position: -96px 0px;
}

.jstree-default-large .jstree-leaf > .jstree-ocl {
    background-position: -64px 0px;
}

.jstree-default-large .jstree-themeicon {
    background-position: -256px 0px;
}

.jstree-default-large > .jstree-no-dots .jstree-node,
.jstree-default-large > .jstree-no-dots .jstree-leaf > .jstree-ocl {
    background: transparent;
}

.jstree-default-large > .jstree-no-dots .jstree-open > .jstree-ocl {
    background-position: -32px 0px;
}

.jstree-default-large > .jstree-no-dots .jstree-closed > .jstree-ocl {
    background-position: 0px 0px;
}

.jstree-default-large .jstree-disabled {
    background: transparent;
}

    .jstree-default-large .jstree-disabled.jstree-hovered {
        background: transparent;
    }

    .jstree-default-large .jstree-disabled.jstree-clicked {
        background: #efefef;
    }

.jstree-default-large .jstree-checkbox {
    background-position: -160px 0px;
}

    .jstree-default-large .jstree-checkbox:hover {
        background-position: -160px -32px;
    }

.jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default-large .jstree-checked > .jstree-checkbox {
    background-position: -224px 0px;
}

    .jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
    .jstree-default-large .jstree-checked > .jstree-checkbox:hover {
        background-position: -224px -32px;
    }

.jstree-default-large .jstree-anchor > .jstree-undetermined {
    background-position: -192px 0px;
}

    .jstree-default-large .jstree-anchor > .jstree-undetermined:hover {
        background-position: -192px -32px;
    }

.jstree-default-large .jstree-checkbox-disabled {
    opacity: 0.8;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");
    /* Firefox 10+ */
    filter: gray;
    /* IE6-9 */
    -webkit-filter: grayscale(100%);
    /* Chrome 19+ & Safari 6+ */
}

.jstree-default-large > .jstree-striped {
    background-size: auto 64px;
}

.jstree-default-large.jstree-rtl .jstree-node {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
    background-position: 100% 1px;
    background-repeat: repeat-y;
}

.jstree-default-large.jstree-rtl .jstree-last {
    background: transparent;
}

.jstree-default-large.jstree-rtl .jstree-open > .jstree-ocl {
    background-position: -128px -32px;
}

.jstree-default-large.jstree-rtl .jstree-closed > .jstree-ocl {
    background-position: -96px -32px;
}

.jstree-default-large.jstree-rtl .jstree-leaf > .jstree-ocl {
    background-position: -64px -32px;
}

.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-node,
.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
    background: transparent;
}

.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
    background-position: -32px -32px;
}

.jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
    background-position: 0px -32px;
}

.jstree-default-large .jstree-themeicon-custom {
    background-color: transparent;
    background-image: none;
    background-position: 0 0;
}

.jstree-default-large > .jstree-container-ul .jstree-loading > .jstree-ocl {
    background: url("/Styles/JsTree/throbber.gif") center center no-repeat;
}

.jstree-default-large .jstree-file {
    background: url("/Styles/JsTree/32px.png") -96px -64px no-repeat;
}

.jstree-default-large .jstree-folder {
    background: url("/Styles/JsTree/32px.png") -256px 0px no-repeat;
}

.jstree-default-large > .jstree-container-ul > .jstree-node {
    margin-left: 0;
    margin-right: 0;
}

#jstree-dnd.jstree-default-large {
    line-height: 32px;
    padding: 0 4px;
}

    #jstree-dnd.jstree-default-large .jstree-ok,
    #jstree-dnd.jstree-default-large .jstree-er {
        background-image: url("/Styles/JsTree/32px.png");
        background-repeat: no-repeat;
        background-color: transparent;
    }

    #jstree-dnd.jstree-default-large i {
        background: transparent;
        width: 32px;
        height: 32px;
        line-height: 32px;
    }

    #jstree-dnd.jstree-default-large .jstree-ok {
        background-position: 0px -64px;
    }

    #jstree-dnd.jstree-default-large .jstree-er {
        background-position: -32px -64px;
    }

.jstree-default-large .jstree-ellipsis {
    overflow: hidden;
}

    .jstree-default-large .jstree-ellipsis .jstree-anchor {
        width: calc(100% - 37px);
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .jstree-default-large .jstree-ellipsis.jstree-no-icons .jstree-anchor {
        width: calc(100% - 5px);
    }

.jstree-default-large.jstree-rtl .jstree-node {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg==");
}

.jstree-default-large.jstree-rtl .jstree-last {
    background: transparent;
}

@media (max-width: 768px) {
    #jstree-dnd.jstree-dnd-responsive {
        line-height: 40px;
        font-weight: bold;
        font-size: 1.1em;
        text-shadow: 1px 1px white;
    }

        #jstree-dnd.jstree-dnd-responsive > i {
            background: transparent;
            width: 40px;
            height: 40px;
        }

        #jstree-dnd.jstree-dnd-responsive > .jstree-ok {
            background-image: url("/Styles/JsTree/40px.png");
            background-position: 0 -200px;
            background-size: 120px 240px;
        }

        #jstree-dnd.jstree-dnd-responsive > .jstree-er {
            background-image: url("/Styles/JsTree/40px.png");
            background-position: -40px -200px;
            background-size: 120px 240px;
        }

    #jstree-marker.jstree-dnd-responsive {
        border-left-width: 10px;
        border-top-width: 10px;
        border-bottom-width: 10px;
        margin-top: -10px;
    }
}

@media (max-width: 768px) {
    .jstree-default-responsive {
    }

        .jstree-default-responsive .jstree-icon {
            background-image: url("/Styles/JsTree/40px.png");
        }

        .jstree-default-responsive .jstree-node,
        .jstree-default-responsive .jstree-leaf > .jstree-ocl {
            background: transparent;
        }

        .jstree-default-responsive .jstree-node {
            min-height: 40px;
            line-height: 40px;
            margin-left: 40px;
            min-width: 40px;
            white-space: nowrap;
        }

        .jstree-default-responsive .jstree-anchor {
            line-height: 40px;
            height: 40px;
        }

        .jstree-default-responsive .jstree-icon,
        .jstree-default-responsive .jstree-icon:empty {
            width: 40px;
            height: 40px;
            line-height: 40px;
        }

        .jstree-default-responsive > .jstree-container-ul > .jstree-node {
            margin-left: 0;
        }

        .jstree-default-responsive.jstree-rtl .jstree-node {
            margin-left: 0;
            margin-right: 40px;
            background: transparent;
        }

        .jstree-default-responsive.jstree-rtl .jstree-container-ul > .jstree-node {
            margin-right: 0;
        }

        .jstree-default-responsive .jstree-ocl,
        .jstree-default-responsive .jstree-themeicon,
        .jstree-default-responsive .jstree-checkbox {
            background-size: 120px 240px;
        }

        .jstree-default-responsive .jstree-leaf > .jstree-ocl,
        .jstree-default-responsive.jstree-rtl .jstree-leaf > .jstree-ocl {
            background: transparent;
        }

        .jstree-default-responsive .jstree-open > .jstree-ocl {
            background-position: 0 0px !important;
        }

        .jstree-default-responsive .jstree-closed > .jstree-ocl {
            background-position: 0 -40px !important;
        }

        .jstree-default-responsive.jstree-rtl .jstree-closed > .jstree-ocl {
            background-position: -40px 0px !important;
        }

        .jstree-default-responsive .jstree-themeicon {
            background-position: -40px -40px;
        }

        .jstree-default-responsive .jstree-checkbox,
        .jstree-default-responsive .jstree-checkbox:hover {
            background-position: -40px -80px;
        }

        .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
        .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
        .jstree-default-responsive .jstree-checked > .jstree-checkbox,
        .jstree-default-responsive .jstree-checked > .jstree-checkbox:hover {
            background-position: 0 -80px;
        }

        .jstree-default-responsive .jstree-anchor > .jstree-undetermined,
        .jstree-default-responsive .jstree-anchor > .jstree-undetermined:hover {
            background-position: 0 -120px;
        }

        .jstree-default-responsive .jstree-anchor {
            font-weight: bold;
            font-size: 1.1em;
            text-shadow: 1px 1px white;
        }

        .jstree-default-responsive > .jstree-striped {
            background: transparent;
        }

        .jstree-default-responsive .jstree-wholerow {
            border-top: 1px solid rgba(255, 255, 255, 0.7);
            border-bottom: 1px solid rgba(64, 64, 64, 0.2);
            background: #ebebeb;
            height: 40px;
        }

        .jstree-default-responsive .jstree-wholerow-hovered {
            background: #e7f4f9;
        }

        .jstree-default-responsive .jstree-wholerow-clicked {
            background: #beebff;
        }

        .jstree-default-responsive .jstree-children .jstree-last > .jstree-wholerow {
            box-shadow: inset 0 -6px 3px -5px #666666;
        }

        .jstree-default-responsive .jstree-children .jstree-open > .jstree-wholerow {
            box-shadow: inset 0 6px 3px -5px #666666;
            border-top: 0;
        }

        .jstree-default-responsive .jstree-children .jstree-open + .jstree-open {
            box-shadow: none;
        }

        .jstree-default-responsive .jstree-node,
        .jstree-default-responsive .jstree-icon,
        .jstree-default-responsive .jstree-node > .jstree-ocl,
        .jstree-default-responsive .jstree-themeicon,
        .jstree-default-responsive .jstree-checkbox {
            background-image: url("/Styles/JsTree/40px.png");
            background-size: 120px 240px;
        }

        .jstree-default-responsive .jstree-node {
            background-position: -80px 0;
            background-repeat: repeat-y;
        }

        .jstree-default-responsive .jstree-last {
            background: transparent;
        }

        .jstree-default-responsive .jstree-leaf > .jstree-ocl {
            background-position: -40px -120px;
        }

        .jstree-default-responsive .jstree-last > .jstree-ocl {
            background-position: -40px -160px;
        }

        .jstree-default-responsive .jstree-themeicon-custom {
            background-color: transparent;
            background-image: none;
            background-position: 0 0;
        }

        .jstree-default-responsive .jstree-file {
            background: url("/Styles/JsTree/40px.png") 0 -160px no-repeat;
            background-size: 120px 240px;
        }

        .jstree-default-responsive .jstree-folder {
            background: url("/Styles/JsTree/40px.png") -40px -40px no-repeat;
            background-size: 120px 240px;
        }

        .jstree-default-responsive > .jstree-container-ul > .jstree-node {
            margin-left: 0;
            margin-right: 0;
        }
}

.jstree-wholerow-hovered a.jstree-preview {
    /*.jstree-node:hover > a:nth-of-type(2) {*/
    /*.jstree-node:hover .jstree-preview {*/
    opacity: 1;
    height: 32px;
    -webkit-transition: opacity 0.2s linear, height 0.2s linear;
    -moz-transition: opacity 0.2s linear, height 0.2s linear;
    -ms-transition: opacity 0.2s linear, height 0.2s linear;
    -o-transition: opacity 0.2s linear, height 0.2s linear;
    transition: opacity 0.2s linear, height 0.2s linear;
    transition: opacity 0.2s linear, height 0.2s linear;
}

a.jstree-preview {
    display: block;
    position: absolute;
    opacity: 0;
    height: 0;
    width: 32px;
    top: 0;
    right: 0;
    line-height: 32px !important;
    margin: 0;
    padding: 0;
    color: #fff;
    background: #03A9F4;
    text-align: center;
    text-decoration: none;
    float: right;
    -webkit-transition: opacity 0.2s linear, height 0.2s linear;
    -moz-transition: opacity 0.2s linear, height 0.2s linear;
    -ms-transition: opacity 0.2s linear, height 0.2s linear;
    -o-transition: opacity 0.2s linear, height 0.2s linear;
    transition: opacity 0.2s linear, height 0.2s linear;
}

.jstree-percentage {
    display: block;
    position: relative;
    height: 100%;
    margin: 0;
    padding: 0;
}



html[class*="col"], body {
    height: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
    position: static !important;
}

/*MyCondor.master*/
    body.hide-menu #page-content-wrapper {
        left:0px;
    }

/* Z-INDEXES SeCTION*/
/*modal backdrop uitgezet*/
.modal-backdrop, .modal-backdrop2 {
    display: none;
}

.sectionPreview {
    z-index: 10 !important;
}

.popup5Container {
    z-index: 20 !important;
}

.modal {
    z-index: 49 !important;
}

.modal-dialog {
    z-index: 50 !important;
}

.popup5Container {
    z-index: 1080 !important;
}

.sectionPreview .tileListContainer.default .tileListHeader .toggleButton .btn {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 1px;
}

.popupView > .binaryListContainer ~ .popup5Buttons a span {
    color: black;
}

.dshbWorkflow {
    width: 200px;
    margin-right: 10px;
    overflow-x: hidden;
}

.dshbWorkflowState {
    height: 32px;
    width: 100%;
    float: left;
    background: white;
    border-top: #F1F2F2 solid 1px;
    position: relative;
    box-sizing: border-box;
    margin-bottom: 2px;
}

    .dshbWorkflowState h3 {
        font-weight: 100;
        font-size: 12px;
    }

    .dshbWorkflowState::before {
        content: "";
        display: block;
        border: 8px solid red;
        border-color: #F1F2F2 transparent transparent transparent;
        position: absolute;
        top: 0;
        width: 0;
        right: 50%;
        margin-right: 0;
    }

    .dshbWorkflowState a {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

        .dshbWorkflowState a:hover::before {
            content: "";
            display: block;
            border: 8px solid red;
            border-color: transparent transparent transparent #40B5E8;
            position: absolute;
            top: 30%;
            width: 0;
            left: 100%;
        }

        .dshbWorkflowState a:hover {
            background: #40B5E8;
            color: white;
            cursor: pointer;
        }


        .dshbWorkflowState a:focus {
            background: black;
            opacity: 0.5;
            color: white;
        }

    /* Style for selector */
    .dshbWorkflowState .area_s {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 20%;
        left: 150px;
        text-align: right;
    }


    /* Style for Title */
    .dshbWorkflowState .area_t {
        position: absolute;
        height: 32px;
        line-height: 32px;
        bottom: 0;
        width: 70%;
        left: 5px;
    }

    /* Style for Buttons */
    .dshbWorkflowState .area_b {
        position: absolute;
        top: 50%;
        bottom: 0;
        width: 20%;
        left: 80%;
    }

/*
        Dashboard workflow 2016
    */
.dshbWorkflow2016 {
}

    .dshbWorkflow2016 div {
        width: 100%;
        height: 32px;
        position: relative;
        background-color:white;
    }

        .dshbWorkflow2016 div a {
            width: 100%;
            height: 100%;
            cursor: pointer;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            padding-left: 5px;
            padding-right: 18px;
        }

        .dshbWorkflow2016 div.selected {
            background-image: url(/Images/RT/Dark/blue_overlay_10.png);
        }

        .dshbWorkflow2016 div h1 {
            float: right;
            line-height: 32px;
            font-size: 14px;
            font-family: 'MuseoSans-900';
        }

        .dshbWorkflow2016 div h3 {
            line-height: 32px;
            font-size: 11px;
        }


.contentTabTitleList {
    width: 630px;
    float: left;
    margin-right: 20px;
}




div.tileRule span {
    margin-bottom: 6px;
}

/* tabel achtige tile met header rij*/

/* o.a. meldingen dashboard*/
.dshbMeldingen {
    position: absolute;
    top: 10px;
    left: 10px;
    bottom: 0;
    right: 0;
}

.dshbMeldingenL {
    position: absolute;
    width: 220px;
    left: 0;
    top: 0;
    overflow: auto;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

    .dshbMeldingenL .divSectionTitle {
        margin-top: 4px;
    }

        .dshbMeldingenL .divSectionTitle h2 {
            position: absolute;
            margin: 0;
        }

/* deze classe gebruiken wanneer KPI bar wordt geintroduceert */

/* full screen mid col zonder sideBar */
.dshbMeldingenM {
    position: absolute;
    right: 0;
    left: 220px;
    top: 0;
    bottom: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.dshbMeldingenR {
    position: absolute;
    width: 240px;
    bottom: 0;
    right: 0;
    top: 0;
    background: #E6E7E8;
    padding-left: 20px;
    margin: 0 !important;
}

.tileMelding {
    position: relative;
    height: 32px;
    width: 100%;
    margin-right: 5px;
    margin-bottom: 2px;
    float: left;
    background: white;
}

    .tileMelding span {
        line-height: 32.5px;
    }

    .tileMelding .Nr {
        position: absolute;
        top: 0;
        left: 0;
        width: 40px;
        padding-left: 5px;
    }

    .tileMelding .Type {
        position: absolute;
        top: 0;
        left: 50px;
        width: 50px;
    }

    .tileMelding .Prio {
        position: absolute;
        top: 0;
        left: 105px;
        width: 70px;
    }

    .tileMelding .Oorzaak {
        position: absolute;
        top: 0;
        left: 180px;
        width: 70px;
    }

    .tileMelding .Status {
        position: absolute;
        top: 0;
        left: 255px;
        width: 80px;
    }

    .tileMelding .Titel {
        position: absolute;
        top: 0;
        left: 340px;
        right: 310px;
    }

    .tileMelding .Object {
        position: absolute;
        top: 0;
        right: 260px;
        width: 100px;
    }

    .tileMelding .Partij {
        position: absolute;
        top: 0;
        right: 135px;
        width: 100px;
    }

    .tileMelding .Aanmaakdatum {
        position: absolute;
        top: 0;
        width: 120px;
        right: 10px;
        text-align: right;
    }

    .tileMelding .toolate {
        background-color: #E5342B !important;
    }

    .tileMelding .urgent {
        background-color: #F28D29 !important;
    }

.area_s40x40p5x2 {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 5px;
    left: 5px;
}

.area_s340x45p55x2 {
    position: absolute;
    width: 340px;
    height: 45px;
    top: 3px;
    left: 60px;
}

.tileViolations {
    position: relative;
    width: 395px;
    height: 36px;
    cursor: pointer !important;
    float: left;
    /*border-right: none;
    border-bottom: none;*/
    margin: 5px;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 5px;
}

    .tileViolations .area_s {
        position: absolute;
        width: 25px;
        height: 25px;
        top: 5px;
        left: 5px;
    }

        .tileViolations .area_s img {
            max-height: 25px;
            max-width: 25px;
        }

    .tileViolations .area_z {
        position: absolute;
        width: 340px;
        height: 30px;
        top: 3px;
        left: 35px;
        margin-bottom: 2px;
    }

    .tileViolations .area_x span {
        position: absolute;
        top: 0;
        left: 40px;
    }

/* google maps tile zo groot a;s tileGroupContent*/
.tileGoogleMaps {
    width: 425px;
    height: 300px;
}

.fourCell input[type=checkbox] {
    margin: 1.03%;
}

.btnTab {
    background: none;
    border: none;
    color: black;
}

    .btnTab:active {
        background: none;
        border: none;
        color: orangered;
    }

/* FONT en TEXT ELEMENTS */

header h1 {
    font-family: 'Segoe UI';
    font-size: 18pt;
}

.RndCrnr_MMM {
    /*background:#F1F2F2;*/
}

.SectionTitle {
    display: block;
    /*padding-bottom: 1.03%; weg omdat er anders een scrollbar komt die nergens voor nodig is bij het editformcontainer */
    line-height: 30px;
    box-sizing: border-box;
    max-width: 900px;
}

    .SectionTitle h3 {
        display: inline-block;
        text-transform: uppercase;
        font-size: 12pt;
        color: #333;
    }

    .SectionTitle input[type=image] {
        float: right;
        margin-top: 12px;
        margin-right: 12px;
    }

.SectiontitleWhite {
    display: block;
    padding-bottom: 1.03%;
    line-height: 40px;
}

    .SectionTitleWhite h3 {
        display: inline-block;
        text-transform: uppercase;
        font-size: 12pt;
        color: #333;
        font-weight: bold;
        color: white;
        line-height: 40px;
        margin-left: 10px;
    }

    .SectionTitleWhite input[type=image] {
        float: right;
        margin-top: 12px;
        margin-right: 12px;
    }

.message-info {
    padding: 5px;
    font-size: 12pt;
    font-variant: small-caps;
    color: gray;
}

.Line {
    border-bottom: 1px solid white;
}

/* Validators*/
.validator {
    color: red;
}

/*preview panel*/
.sectionPreview {
    position: absolute;
    top: 1px;
    left: auto;
    right: 0;
    bottom: 0;
    overflow: auto;
    width: 465px;
    background: #EFEEEE;
    -webkit-box-shadow: -5px 13px 16px rgba(0,0,0,0.20), 0 3px 6px rgba(0,0,0,0.33);
    -moz-box-shadow: -5px 13px 16px rgba(0,0,0,0.20), 0 3px 6px rgba(0,0,0,0.33);
    box-shadow: -5px 13px 16px rgba(0,0,0,0.20), 0 3px 6px rgba(0,0,0,0.33);
    -webkit-animation: slide 0.5s forwards;
    -webkit-animation-delay: 2s;
    animation: slide 0.5s forwards;
    animation-delay: 2s;
    z-index: 10;
}

popup5Container .sectionPreview {
    z-index: 15;
}

.sectionPreview .btn-group > .btnM {
    background: none !important;
    border: none !important;
}

.sectionPreview .tileListContainer.grid > .user-filter > .sortFilterToggleButton {
}

.sectionPreview .tileListContainer .tileListButtonGroup {
    position: absolute;
    top: 0;
    left: 0;
}

.sectionPreview .tileListContainer.grid > .sort .sortFilterToggleButton {
}

/*

        tileListContainer default in PREVIEW PANEL

    */
.sectionPreview .tileListContainer.grid .tileListBody {
    left: -10px;
    top: 126px;
}

    .sectionPreview .tileListContainer.grid .tileListBody .tileList {
        padding-left: 10px;
    }


.sectionPreview .tileListContainer.grid .filter {
    left: 310px;
}

.sectionPreview .tileListContainer.grid > .buttons {
    top: 84px;
    left: 0px;
    right: 0px;
}


/*section voor menu left, toont alleen scrollbar on hover*/

.dashbrdLeft {
    width: 630px;
    position: absolute;
    top: 20px;
    left: 10px;
    bottom: 0;
    padding-top: 10px;
}

.dashbrdRight {
    position: absolute;
    right: 0;
    top: 0;
    left: 650px;
    bottom: 0;
    padding-top: 10px;
}


/* ### ### MASTERPAGE - LAYOUT -SECTION CONTENT */

/* Alert container, duwt aantal andere elementen naar beneden gelijk aan de eigen hoogte */
.alertContainer {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    height: 30px;
}

    .alertContainer ~ .sectionContent {
        top: 30px;
    }

    .alertContainer ~ #sidebar-wrapper {
        top: 30px;
    }

        .alertContainer ~ #sidebar-wrapper div.submenu {
            top: 114px;
        }

    .alertContainer ~ #full-nav {
        top: 30px;
    }

    .alertContainer ~ #busy {
        top: 30px;
    }

/* .alertContainer verandert top van 0px naar 30px in masterPage.css*/
.sectionContent {
    position: absolute;
    top: 0px;
    left: 60px;
    right: 0;
    bottom: 0;
    overflow: auto;
}



.sectionPreview .pageTitleImgDiv {
    display: none;
}


.sectionPreview .preview-close, .sectionPreview .preview-switch {
    position: absolute;
    top: 4px;
    right: 4px;
    float: none !important;
    z-index: 1;
}

.sectionPreview .preview-switch {
    left: 0;
    right: auto;
}

.sectionPreview .preview-close {
    position: absolute;
    top: 4px;
    right: 4px;
    float: none !important;
    z-index: 1;
}

    .sectionPreview .preview-close span, .sectionPreview .preview-switch span {
        opacity: 0.8;
        padding-top: 3px;
    }

    .sectionPreview .preview-close:hover span, .sectionPreview .preview-switch span {
        opacity: 1;
    }


.sectionPreview .pageTitleImg {
    height: 100px;
    width: auto;
    margin-top: 0;
    margin-right: 0;
    float: left;
    margin-left: 0;
    z-index: 50;
    max-width: 160px;
    background-size: 100%;
}

.pageTitleImg {
    height: 100px;
    width: auto;
    margin-top: 0;
    margin-right: 0;
    float: left;
    margin-left: 0;
    z-index: 50;
    background-size: 100%;
}

.pageTitleImgDiv {
    height: 80px;
    width: auto;
    margin-top: 0;
    margin-right: 10px;
    float: left;
    margin-left: 0;
    z-index: 50;
    background-size: 100%;
    text-align: center;
}

/* MATERIAL virtual Paper */
.material {
    position: static;
    margin-bottom: 40px;
    padding: 20px;
    padding-top: 10px;
    max-width: 850px;
    min-width: 650px;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    background: white;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 0 0.75pt #d1d1d1,0 0 3pt 0.75pt #ccc;
    -moz-box-shadow: 0 0 0 0.75pt #d1d1d1,0 0 3pt 0.75pt #ccc;
    box-shadow: 0 0 0 0.75pt #d1d1d1,0 0 3pt 0.75pt #ccc;
}

    .material > .header {
    }

    .material > .body {
        position: absolute;
        top: 105px;
        left: 0;
        right: 0;
        bottom: 0;
        overflow-y: auto;
        padding-left: 10px;
        padding-right: 10px;
    }

    .material.fluid {
        position: absolute;
        top: 10px;
        bottom: 10px;
        right: 10px;
        left: 10px;
        padding: 20px;
        padding-top: 10px;
        min-width: inherit;
        max-width: inherit;
        margin-left: auto;
        margin-right: auto;
        background: white;
        border-radius: 2px;
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
        -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
        box-shadow: 0 1px 2px rgba(0,0,0,.1);
    }

.viewContent {
    position: absolute;
    top: 0;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border: solid 1px #E6E7E8;
    border: solid 1px white;
}

.contentRight ul.childViewTabs {
    margin-left: 10px;
    background-color: transparent;
}

.contentRight .content {
    top: 60px;
    padding-left: 0;
}

.contentRight div.content {
    top: 60px;
}

/* contentarea of detailpage */
div.content {
    overflow: auto;
    position: absolute;
    top: 99px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #e7e8e8;
}

    /*full screen toggle (o.a. MJOP)*/
    div.content.full-screen {
        top: 0px;
        background-color: #f1f1f1;
    }

    div.content.leftcorrect {
        left: 10px;
    }

    div .content.noTitle {
        overflow: auto;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }


    /* VT: Styling met Marlon */
    .popup5Container div.content.hasVal {
        right: 200px;
    }

div.contentItems {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
}

div.contentLeft {
    width: 230px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 1px;
}

    div.contentLeft.threecol {
        width: 22.92%;
        left: 0px;
    }

    div.contentLeft.eightcol {
        margin: 0 !important;
    }

div.contentRight {
    position: absolute;
    left: 231px;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: auto;
}


    div.contentRight.fourcol {
        left: 64.58%;
        width: auto !important;
        margin: 0 !important;
        padding: 0;
    }

    div.contentRight.vifecol {
        left: 56.25%;
        width: auto !important;
        margin: 0 !important;
        padding: 0;
    }

    div.contentRight.sixcol {
        left: 47.92%;
        width: auto !important;
        margin: 0 !important;
        padding: 0;
    }

    div.contentRight.sevencol {
        left: 39.58%;
        width: auto !important;
        margin: 0 !important;
        padding: 0;
    }

    div.contentRight.eightcol {
        left: 31.25%;
        width: auto !important;
        margin: 0 !important;
        padding: 0;
    }

    div.contentRight.ninecol {
        left: 22.92%;
        width: auto !important;
    }

div.offsetBottom {
    bottom: 204px;
}

div.contentBottom {
    position: absolute;
    height: 200px;
    left: 230px;
    right: 0;
    bottom: 4px;
}


/*ERROR MASTER*/
.errormessage {
    font-size: 11pt;
    padding: 20px;
}

    .errormessage.danger {
        color: #00aeef;
        background-color: #BBDEFB;
        border-color: #90CAF9;
        border: solid 1px #00aeef;
        width: 96%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
        border-radius: 4px;
    }

        .errormessage.danger h1 {
            color: #00aeef;
        }

    .errormessage span {
        font-family: Consolas;
        font-size: 11pt;
    }

/*START TILES */

/*START TILES */
table {
    width: 100%;
}

.hAlignRight {
    text-align: right;
}

.r12half, div.r12half, td.r12half {
    height: 12.5%;
}

.r25, div.r25, td.r25 {
    height: 25%;
}

.r37half, div.r37half, td.r37half {
    height: 37.5%;
}

.r33, div.r33, td.r33 {
    height: 33.3%;
}

.r50, div.r50, td.r50 {
    height: 50%;
}

.r75, div.r75, td.r75 {
    height: 75%;
}

.r100, div.r100, td.r100 {
    height: 100%;
}

td.c12half {
    width: 12.5%;
}

div.c12half {
    width: 12.5%;
    float: left;
}

td.c25 {
    width: 25%;
}

div.c25 {
    width: 25%;
    float: left;
}

td.c37half {
    width: 37.5%;
}

div.c37half {
    width: 37.5%;
    float: left;
}

td.c33 {
    width: 33.3%;
}

div.c33 {
    width: 33.3%;
    float: left;
}

td.c50 {
    width: 50%;
}

div.c50 {
    width: 50%;
    float: left;
}

td.c100 {
    width: 100%;
}

div.c100 {
    width: 100%;
    float: left;
}

[class~="tile1x1"],
[class^="tile2x1"] {
    z-index: 0 !important;
}

    [class~="tile1x1"][selected=true],
    [class^="tile2x1"][selected=true] {
        background-color: #EFEFF2;
    }

div [class~="tile1x1"] table, div[class^="tile2x1"] table {
    table-layout: fixed;
    width: 100%;
    height: 100%;
    text-wrap: normal;
    word-wrap: break-word;
    border-radius: 5px;
    line-height: 16px;
}

[class~="tile1x1"] span, [class~="tile1x1"] strong, [class^="tile2x1"] span, [class^="tile2x1"] strong {
    line-height: normal;
    color: #414042;
}

a.showOnHover {
    opacity: 0;
    height: 0;
    background: #03A9F4;
    top: 0px;
    bottom: auto;
    left: auto;
    right: 0;
    width: 40px;
    -webkit-transition: opacity 0.1s linear, height 0.1s linear;
    -moz-transition: opacity 0.1s linear, height 0.1s linear;
    -ms-transition: opacity 0.1s linear, height 0.1s linear;
    -o-transition: opacity 0.1s linear, height 0.1s linear;
    transition: opacity 0.1s linear, height 0.1s linear;
}

    a.showOnHover span {
        color: white;
    }

.tile {
    position: relative;
    height: 84px;
    cursor: pointer;
    border-top: 1px solid #E6E7E8;
    overflow: hidden;
}

    .tile .indicator, .tileWaarnemingS .indicator, .tile1x1 .indicator, .tile2x1 .indicator, .list-item .indicator {
        position: absolute;
        top: 0px;
        left: 0px;
        bottom: 0px;
        width: 4px;
        background: rgba(0,0,0,0.2);
    }
    /*hack om tijdelijk de uitlijning te fixen met uitlijning op nieuwe header */
    .tile.padding-l-xl {
        padding-left: 8px !important;
    }

div.tile:hover a.showOnHover, div.tile1x1:hover a.showOnHover, div.tile2x1:hover a.showOnHover, div.tile1x2:hover a.showOnHover, div.tile2x2:hover a.showOnHover {
    opacity: 1;
    height: 25%;
    -webkit-transition: opacity 0.1s linear, height 0.1s linear;
    -moz-transition: opacity 0.1s linear, height 0.1s linear;
    -ms-transition: opacity 0.1s linear, height 0.1s linear;
    -o-transition: opacity 0.1s linear, height 0.1s linear;
    transition: opacity 0.1s linear, height 0.1s linear;
    transition: opacity 0.1s linear, height 0.1s linear;
}

div.tileSelected a.showOnHover, div.tile-selected a.showOnHover {
    opacity: 1;
    height: 25%;
}

div.tileNoHover, div.tile-no-hover, .tile-no-hover, a.tile-no-hover, div.tileHover, a.tileNoHover, .tileHover, a.tileHover, div.tile-hover, .tile-hover, a.tile-hover {
    cursor: pointer;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0, 0.12), 0 1px 2px rgba(0,0,0, 0.24);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0, 0.12), 0 1px 2px rgba(0,0,0, 0.24);
    box-shadow: 0 1px 3px rgba(0,0,0, 0.12), 0 1px 2px rgba(0,0,0, 0.24);
}

.list-item.tile-hover {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

div.tileNoHover, .tileSelected, .tile-selected, a.tileNoHover, div.no-hover, .no-hover, div.no-hover, div.tile-no-hover, .tile-no-hover {
    cursor: default;
}

.tileSelected, .tile-selected {
    background-color: rgba(3,169,244,0.33) !important;
    border-color: rgba(3,169,244,0.66) !important;
    border-width: 1px;
    border-style: solid;
}

.tile.tileSelected, .tile .tile-selected {
    background-color: #f1f1f1;
    background-image: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.tile.tileHover, .tile.tile-hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

div.tileHover:hover, a.tileHover:hover, div.tile-hover:hover, a.tile-hover:hover, .post-chip:hover {
    z-index: 10;
    background-color: rgba(3,169,244,0.2);
}

/*disabled overwrites hover en no hover*/
div.tileNoHover.disabled, div.tile-no-hover.disabled, .tile-no-hover.disabled, a.tile-no-hover.disabled, div.tileHover.disabled, a.tileNoHover.disabled, .tileHover.disabled, a.tileHover.disabled, div.tile-hover.disabled, .tile-hover.disabled, a.tile-hover.disabled
div.tileHover.disabled:hover, a.tileHover.disabled:hover, div.tile-hover.disabled:hover, a.tile-hover.disabled:hover, .post-chip.disabled:hover {
    cursor: not-allowed !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
    z-index: 10;
    background: white !important;
    background-image: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border: transparent !important;
    opacity: 0.6;
}

div.tileHover[selected=true], div.tile-hover[selected=true] {
    background-color: rgba(3,169,244,0.33);
    /*-webkit-box-shadow: 0px 4px 28px rgba(0,0,0,0.25), 0px 6px 6px rgba(0,0,0,0.22);
    -moz-box-shadow: 0px 4px 28px rgba(0,0,0,0.25), 0px 6px 6px rgba(0,0,0,0.22);
    box-shadow: 0px 4px 28px rgba(0,0,0,0.25), 0px 6px 6px rgba(0,0,0,0.22);*/
}

.tileSelectedNoHover {
    background-color: rgba(3,169,244,0.33);
}

.border {
    border: solid 1px white;
}

.border-none {
    border: none;
}

/* Style for selector */
.tile .area_s {
    position: absolute;
    top: 0;
    width: 20px; /* grootte van area_b eraf halen (met rechter marge) */
    left: 5px;
}


/* Style for Title */
.tile .area_t {
    position: absolute;
    top: 0;
    left: 5px;
    right: 45px;
    font-size: 12pt;
}

/* Style for Buttons */
.tile .area_b {
    position: absolute;
    width: 60px;
    right: 5px;
    top: 0;
    text-align: right;
}

/* Style for Content area */
.tile .area_c {
    position: absolute;
    top: 20px; /* hoogte eerste regel eraf halen */
    left: 5px;
    right: 5px;
    bottom: 5px;
    overflow: hidden;
    color: gray;
    font-size: 9pt;
}

/*style voor span in area c van statuslijst */
.statuslijst .tile .area_c span {
    position: relative;
    top: 0;
    left: 5px;
    right: 5px;
    bottom: 5px;
    line-height: 15px;
    overflow: hidden;
}


.area_inactive {
    /*width : 100%;
    height : 100%;*/
    position: absolute;
    right: 5px;
    bottom: 5px;
}

.tile1x1 .Gebouw {
    position: absolute;
    right: 2px;
    bottom: 2px;
    overflow: hidden;
    background-image: url('/Images/RT/Dark/offices.png');
    background-repeat: no-repeat;
    height: 48px;
    width: 48px;
}

.tile1x1:hover .Gebouw {
    background-image: url('/Images/RT/Dark/offices.png');
}

.tile1x1.font-white .Gebouw {
    background-image: url('/Images/RT/Dark/offices.png');
}

.tile1x1 .Terrein {
    position: absolute;
    right: 2px;
    bottom: 2px;
    overflow: hidden;
    background-image: url('/Images/RT/Dark/terrein.png');
    background-repeat: no-repeat;
    height: 48px;
    width: 48px;
}

.tile1x1:hover .Terrein {
    background-image: url('/Images/RT/Light/terrein.png');
}

.tile1x1.font-white .Terrein {
    background-image: url('/Images/RT/Light/terrein.png');
}


.tile1x1, a.tile1x1 {
    width: 200px;
    height: 150px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
}

    .tile1x1 a, .tile1x1 a span {
        font-size: 9px !important;
        color: rgb(var(--indicator-info-primary-color));
        text-decoration: underline;
        text-decoration-style: dotted;
        cursor: pointer;
    }
        /*preview icon*/
        .tile1x1 a.showOnHover span.glyphicon {
            color: white;
        }

        .tile1x1 a:hover {
            text-decoration: underline;
            cursor: pointer;
        }

    .tile1x1 h5 {
        margin: 0;
    }

    .tile1x1 table {
        height: 100%;
    }

    a.tile1x1 span, a.tile1x1 h3 {
        color: black;
        text-decoration: none !important;
    }

.tile1x2 {
    width: 200px;
    height: 310px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
}

    .tile1x2 img {
        width: 100%;
        height: auto;
    }

    .tile1x2 a {
        color: orange;
        text-decoration: none;
    }

img.bg {
    /* Set up proportionate scaling */
    width: 100%;
    height: auto;
    /* Set up positioning */
    position: absolute;
    top: 0;
    left: 0;
}

table.tile2x1, div.tile2x1, a.tile2x1 {
    width: 410px;
    height: 150px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
}

.tile2x1 img {
    width: 100%;
    height: auto;
}

.tile2x1 a {
    color: gray;
    text-decoration: none;
}

/*4x1*/
table.tile1x4, div.tile1x4 {
    width: 410px;
    height: 310px;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
    border-radius: 2px;
    overflow: hidden;
    position: relative;
}

.tile1x4 img {
    width: 100%;
    height: auto;
}

.tile1x4 a {
    color: gray;
    text-decoration: none;
}

.overflow_auto, .overflow-auto {
    overflow: auto !important;
}

.overflow-none, .overflow-none .tileGroupContent {
    overflow: hidden !important;
}

/*START TILES */



.r12half, div.r12half, td.r12half {
    height: 12.5%;
}

.r25, div.r25, td.r25 {
    height: 25%;
}

.r37half, div.r37half, td.r37half {
    height: 37.5%;
}

.r33, div.r33, td.r33 {
    height: 33.3%;
}

.r50, div.r50, td.r50 {
    height: 50%;
}

.r75, div.r75, td.r75 {
    height: 75%;
}

.r100, div.r100, td.r100 {
    height: 100%;
}

td.c12half {
    width: 12.5%;
}

div.c12half {
    width: 12.5%;
    float: left;
}

td.c25 {
    width: 25%;
}

div.c25 {
    width: 25%;
    float: left;
}

td.c37half {
    width: 37.5%;
}

div.c37half {
    width: 37.5%;
    float: left;
}

td.c33 {
    width: 33.3%;
}

div.c33 {
    width: 33.3%;
    float: left;
}

td.c50 {
    width: 50%;
}

div.c50 {
    width: 50%;
    float: left;
}

td.c100 {
    width: 100%;
}

div.c100 {
    width: 100%;
    float: left;
}


td.vAlignTop {
    vertical-align: top;
}

td.vAlignMiddle {
    vertical-align: middle;
}

td.vAlignBottom {
    vertical-align: bottom;
}

td.hAlignLeft {
    text-align: left;
}

td.hAlignCenter {
    text-align: center;
}

td.hAlignRight {
    vertical-align: bottom;
}
/* tileListVControl rij 1 hoog */
.row1 {
    position: relative;
    height: 48px;
    width: 100%;
    margin-right: 5px;
    margin-bottom: 2px;
    float: left;
    background: white;
}

    .row1 span {
        line-height: 48px;
    }

    .row1 .border {
        border: solid 1px white;
    }


/*custom tiles*/
.tileGauge {
    width: 200px;
    height: 150px;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
    position: relative;
    border: solid 1px #D1D3D4;
    overflow: hidden;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0, 0.12), 0 1px 2px rgba(0,0,0, 0.24);
    box-shadow: 0 1px 3px rgba(0,0,0, 0.12), 0 1px 2px rgba(0,0,0, 0.24);
    border-radius: 5px;
}

    .tileGauge .area_c {
        margin: 0;
        padding: 0;
        position: absolute;
        bottom: 0px; /* hoogte eerste regel eraf halen */
        left: 10px;
        right: 5px;
        height: 30px;
        line-height: 30px;
        overflow: hidden;
        vertical-align: bottom;
    }


/******* TABLE LAYOUT TILES *******/
/*.tileListBody .tileList {
    table-layout:fixed;
    display:table;
    overflow:auto;
}

.tileListBody .tileList > .rowF {
    display:table-row;
}
.tileListBody .tileList > .rowF > .cellF {
    display:table-cell;
}*/

/* 20161006: Sprint 130, Task 13395: rolkeuze popup in gebruikersscherm niet hele tile klikbaar, H.J. Rietberg (HJR) */
.LabelforCheckTile {
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    display: block;
    position: absolute;
    padding-left: 10px;
    padding-right: 10px;
}

.cellF span[class^="iconS-"] {
    position: absolute;
    top: 50%;
    left: 50%;
}

    .cellF span[class^="iconS-"].dockCenter {
        position: absolute;
        top: 30%;
        left: 30%;
        display: block;
    }

.cellF a {
    display: block;
    height: 48px;
    color: #666;
}

    .cellF a:hover {
        background: #efefef;
        color: black;
    }

/*fieldtype Hyperlink in datatable rendermode*/
.cellF.link a {
    height: auto;
    color: #006AAA;
}

.cellF.link a:hover {
    background: none;
    cursor:pointer;
    color:black;
}


.table.tileList {
    top: 50px;
}

/*rechten tile*/
.tile400 {
    position: relative;
    width: 400px;
    height: 95px;
    float: left;
    border: solid 1px #c7c6c6;
    margin: 5px;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 5px;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 0.2s ease-in-out;
}

    /* Style for Title */
    .tile400 .area_t {
        position: absolute;
        top: 15px;
        left: 10px;
        right: 5px;
        font-size: 1.2em;
        color: #333;
    }

    /* Style for Buttons */
    .tile400 .area_b {
        position: absolute;
        width: 270px;
        right: 5px;
        top: 5px;
        text-align: right;
        color: #666;
    }

    /* Style for Content area */
    .tile400 .area_c {
        position: absolute;
        top: 55px; /* hoogte eerste regel eraf halen */
        left: 10px;
        right: 5px;
        bottom: 5px;
        overflow: hidden;
        color: #666;
    }

    .tile400 .area_s {
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        width: 5px;
    }


/* 20160610: Sprint 124, Task 12529: Rijtemplate object opnemen in objecttiletemplate, H.J.Rietberg (HJR) */

.mupIcons {
    float: right;
}


.post.postVroeger .glyphicon.glyphicon-arrow-left {
    display: inline-block;
}

.post.postVroeger .glyphicon.glyphicon-arrow-right {
    display: none;
}

.post.postLater .glyphicon.glyphicon-arrow-right {
    display: inline-block;
}

.post.postLater .glyphicon.glyphicon-arrow-left {
    display: none;
}

.post .glyphicon {
    display: none;
}

.noDrop {
    cursor: no-drop;
}

.post-totaal {
    width: 100%;
    vertical-align: top;
    font-weight: 900;
    height: 24px;
    background: none;
}
/*
    Einde MUP
*/

/* specific tiles */

.tile1x1 .Gebouw {
    position: absolute;
    right: 2px;
    bottom: 2px;
    overflow: hidden;
    background-image: url('/Images/RT/Dark/offices.png');
    background-repeat: no-repeat;
    height: 48px;
    width: 48px;
}

.tile1x1:hover .Gebouw {
    background-image: url('/Images/RT/Dark/offices.png');
}

.tile1x1.font-white .Gebouw {
    background-image: url('/Images/RT/Dark/offices.png');
}

.tile1x1 .Terrein {
    position: absolute;
    right: 2px;
    bottom: 2px;
    overflow: hidden;
    background-image: url('/Images/RT/Dark/terrein.png');
    background-repeat: no-repeat;
    height: 48px;
    width: 48px;
}

.tile1x1:hover .Terrein {
    background-image: url('/Images/RT/Light/terrein.png');
}

.tile1x1.font-white .Terrein {
    background-image: url('/Images/RT/Light/terrein.png');
}

/* STANDAARD TILES */
/* Voorbeeld kun je bekijken in Pages/StandaardTiles.aspx */



.tileNieuwsItem {
    position: relative;
    height: 75px;
    cursor: pointer !important;
    border: 1px solid #d1d3d4;
    border-left: 5px solid lightgray;
    margin-bottom: 5px;
}

    .tileNieuwsItem .area_t {
        position: absolute;
        left: 5px;
        top: 5px;
        right: 5px;
        height: 40px;
        overflow: hidden;
        font-size: 11pt;
    }

    .tileNieuwsItem .area_c {
        position: absolute;
        left: 5px;
        top: 45px;
        right: 5px;
        height: 15px;
        font-size: 9px;
    }

    .tileNieuwsItem .area_dat {
        position: absolute;
        left: 5px;
        bottom: 0;
        right: 5px;
        height: 15px;
        font-size: 7px;
    }

.tileMenuItem {
    position: relative;
    width: 200px;
    height: 150px;
    cursor: pointer !important;
    float: left;
    background-color: white;
    border: solid 1px #c7c6c6;
    /*border-right: none;
            border-bottom: none;*/
    margin: 5px;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 5px;
}

    .tileMenuItem:hover {
        border-color: black;
        background: rgb(101, 137, 150);
        color: white;
    }

.tileMenu ul {
    width: 100% !important;
}

.tileMenuItem .area_img {
    width: 58px;
    height: 58px;
    background: white;
    position: absolute;
    bottom: 0;
    right: 0;
}

.tileMenuItem:hover .area_img {
    width: 58px;
    height: 58px;
    background: none;
    position: absolute;
    bottom: 0;
    right: 0;
}

.tileMenuItem div.area_text {
    position: absolute;
    top: 20px;
    font-size: 12pt;
    left: 5px;
    right: 5px;
    white-space: normal;
    color: black;
}

.tileMenuItem:hover div.area_text {
    position: absolute;
    top: 20px;
    font-size: 12pt;
    left: 5px;
    right: 5px;
    white-space: normal;
    color: white;
}

.tileMenuItem .area_text span {
    position: absolute;
    top: 10px;
    font-size: 12pt;
    left: 5px;
    right: 5px;
}

.tileObject {
    position: relative;
    width: 200px;
    height: 150px;
    float: left;
    border: solid 1px #c7c6c6;
    margin: 10px;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 10px;
}

    /* Style for Title */
    .tileObject .area_t {
        position: absolute;
        top: 20px;
        left: 10px;
        right: 5px;
    }

    /* Style for Buttons */
    .tileObject .area_e {
        position: absolute;
        left: 20px;
        right: 10px;
        top: 5px;
        text-align: right;
    }

    .tileObject .area_b {
        position: absolute;
        right: 10px;
        top: 35px;
        text-align: right;
    }

    .tileObject .area_c {
        position: absolute;
        top: 52px;
        left: 8px;
        right: 5px;
        bottom: 0;
        overflow: hidden;
        color: #666;
    }

    .tileObject .area_n {
        position: absolute;
        bottom: 10px;
        left: 8px;
        right: 50px;
        bottom: 5px;
    }

    .tileObject .area_check {
        position: absolute;
        left: 2px;
        top: 2px;
        width: 20px;
    }

    .tileObject .Gebouw {
        position: absolute;
        right: 2px;
        bottom: 2px;
        overflow: hidden;
        background-image: url('/Images/RT/Dark/offices.png');
        background-repeat: no-repeat;
        height: 48px;
        width: 48px;
    }

    .tileObject:hover .Gebouw {
        background-image: url('/Images/RT/Dark/offices.png');
    }

    .tileObject.font-white .Gebouw {
        background-image: url('/Images/RT/Dark/offices.png');
    }

    .tileObject .Terrein {
        position: absolute;
        right: 2px;
        bottom: 2px;
        overflow: hidden;
        background-image: url('/Images/RT/Dark/terrein.png');
        background-repeat: no-repeat;
        height: 48px;
        width: 48px;
    }

    .tileObject:hover .Terrein {
        background-image: url('/Images/RT/Light/terrein.png');
    }

    .tileObject.font-white .Terrein {
        background-image: url('/Images/RT/Light/terrein.png');
    }


.tileObjectWide {
    position: relative;
    width: 410px;
    height: 150px;
    float: left;
    border: solid 1px #c7c6c6;
    margin: 10px;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 10px;
}

    /* Style for Title */
    .tileObjectWide .area_t {
        position: absolute;
        top: 20px;
        left: 10px;
        right: 5px;
    }

    /* Style for Buttons */
    .tileObjectWide .area_e {
        position: absolute;
        left: 20px;
        right: 10px;
        top: 5px;
        text-align: right;
    }

    .tileObjectWide .area_b {
        position: absolute;
        right: 10px;
        top: 35px;
        text-align: right;
    }

    .tileObjectWide .area_c {
        position: absolute;
        top: 52px;
        left: 8px;
        right: 5px;
        bottom: 0;
        overflow: hidden;
        color: #666;
    }

    .tileObjectWide .area_n {
        position: absolute;
        bottom: 10px;
        left: 8px;
        right: 50px;
        bottom: 5px;
    }

    .tileObjectWide .area_check {
        position: absolute;
        left: 2px;
        top: 2px;
        width: 20px;
    }

/*MUP TILES */

.mupTile {
    position: relative;
    width: 80px;
    height: 72px;
}

    .mupTile .mupTileHeader {
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
    }

    .mupTile .mupTileContent {
        position: absolute;
        top: 20px;
        right: 0;
        left: 0;
        bottom: 20px;
        background-repeat: no-repeat;
    }

    .mupTile .mupTileFooter {
        position: absolute;
        bottom: 5px;
        left: 5px;
        right: 5px;
    }

.popUpAt0x0 {
    position: absolute;
    left: 0;
    top: 0;
}

.van .rgRow TD {
    border-left: Red thick solid;
}

.tot {
    border-right-color: rgb(243, 111, 36) !important;
    border-right-width: thick !important;
    border-right-style: solid !important;
}

.van {
    border-left-color: rgb(243, 111, 36) !important;
    border-left-width: thick !important;
    border-left-style: solid !important;
}

/*END: MUP TILES */
.tileLegionellaS .indicator {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 5px;
    background-color: #E6E7E8;
}

.tile .indicator.danger {
    background-color: #ED2027;
}

.tile .indicator.warning {
    background-color: #F89520;
}

#jstreeContract .jstree-anchor {
    border-left: none !important;
    padding-left: 4px;
}

.tileWaarnemingS .indicator, .tile1x1 .indicator, .tile2x1 .indicator, .jstree-anchor .indicator {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 5px;
    background-color: rgba(0,0,0,0.15);
}

/*list item (vroeger bovenstaande tile) 2018-Q4 oa object en systeem overzicht */
/* Style for selector */
.list-item {
    position: relative;
    height: 84px;
    cursor: pointer;
    border-top: 1px solid #E6E7E8;
    overflow: hidden;
}

    .list-item h4 {
        font-size: 13px;
        font-variant: normal;
        font-weight: normal;
        font-family: 'MuseoSans-100';
        text-transform: none;
        line-height: 20px;
        color: #000;
        margin: 0;
    }

    .list-item h5 {
        font-size: 11px;
        font-variant: normal;
        font-weight: normal;
        font-family: 'MuseoSans-900';
        line-height: 20px;
        color: #000;
        margin: 0;
    }

    /* Style for Title */
    .list-item .area_t {
        position: absolute;
        top: 4px;
        left: 10px;
        right: 125px;
        padding-top: 2px;
        height: 24px;
    }
    /*als indicator bestaat, title area indent*/
    .list-item .indicator ~ .area_t {
        left: 20px;
    }

    /* Style for Content area */
    .list-item .area_c {
        position: absolute;
        top: 26px; /* hoogte eerste regel eraf halen */
        left: 10px;
        right: 5px;
        bottom: 5px;
        overflow: hidden;
    }

    /* Style for Content area van lopende activiteiten. protocolnaam is soms te lang. Dan contractant niet zichtbaar. */
    .list-item.lower_area_c .area_c {
        top: 46px;
    }

    /*als indicator bestaat, content area indent*/
    .list-item .indicator ~ .area_c {
        left: 20px;
    }

    .list-item .area_c span {
        line-height: 16px;
        font-size: 11px;
        color: #666;
    }

    .list-item .area_c > [class*="col"] {
        padding-left: 0;
        margin-left: 0px !important;
    }

    .list-item .area_s {
        position: absolute;
        top: 10px;
        width: 120px; /* grootte van area_b eraf halen (met rechter marge) */
        right: 10px;
        left: auto;
        text-align: right;
    }

        .list-item .area_s span {
            color: rgb(var(--indicator-info-primary-color));
        }


    /* Style for Buttons */
    .list-item .area_b {
        position: absolute;
        width: 60px;
        right: 5px;
        top: 0;
        text-align: right;
    }


/*end list-item*/


.tileRect {
    width: 200px;
    height: 150px;
    margin-right: 5px;
    margin-bottom: 5px;
    float: left;
    position: relative;
    border: solid 1px #D1D3D4;
    overflow: hidden;
}


    .tileRect .area_s {
        position: absolute;
        top: 5px;
        left: 10px;
        right: 5px;
    }

    .tileRect .area_t {
        position: absolute;
        top: 35px;
        left: 10px;
        right: 5px;
    }

    /* Style for Buttons */
    .tileRect .area_b {
        position: absolute;
        width: 100px;
        right: 5px;
        top: 5px;
        text-align: right;
    }

    /* Style for Content area */
    .tileRect .area_c {
        position: absolute;
        bottom: 0; /* hoogte eerste regel eraf halen */
        left: 10px;
        right: 5px;
        height: 30px;
        line-height: 30px;
        overflow: hidden;
    }

    .tileRect .area_img {
        position: absolute;
        bottom: 0; /* hoogte eerste regel eraf halen */
        width: 50px;
        right: 5px;
        height: 50px;
        overflow: hidden;
    }



.tileContract {
    width: 200px;
    height: 150px;
    margin-right: 5px;
    margin-bottom: 5px;
    float: left;
    position: relative;
    border: solid 1px #D1D3D4;
    overflow: hidden;
    cursor: pointer;
}

    .tileContract .area_s {
        position: absolute;
        top: 5px;
        left: 10px;
        right: 50%;
    }

    .tileContract .area_t {
        position: absolute;
        top: 25px;
        left: 10px;
        right: 5px;
        font-size: 1.2em; /* 2 em is te groot!*/
        color: #333;
    }

    /* Style for Buttons */
    .tileContract .area_b {
        position: absolute;
        width: 100px;
        right: 5px;
        top: 5px;
        text-align: right;
    }

    /* Style for Content area */
    .tileContract .area_c {
        position: absolute;
        bottom: 35px; /* hoogte eerste regel eraf halen */
        left: 10px;
        right: 5px;
        height: 52px;
        overflow: hidden;
    }

    .tileContract .area_z {
        position: absolute;
        bottom: 10px; /* hoogte eerste regel eraf halen */
        left: 10px;
        right: 5px;
        height: 20px;
        overflow: hidden;
    }

    .tileContract .area_img {
        position: absolute;
        bottom: 0; /* hoogte eerste regel eraf halen */
        width: 50px;
        right: 5px;
        height: 50px;
        overflow: hidden;
    }

.tileSelectUser h2 {
    float: left;
    font-size: 11pt;
    margin-left: 5px !important;
    margin-right: 5px !important;
    margin-top: 10px !important;
    margin-bottom: 5px !important;
    line-height: 16px !important;
}

.tileSelectUser span {
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    color: gray;
    line-height: 12px !important;
}

.tileSelectUser {
    width: 200px;
    height: 150px;
    margin-right: 5px;
    margin-bottom: 5px;
    float: left;
    position: relative;
    border: solid 1px #c7c6c6;
    overflow: hidden;
}

.tileLink {
    width: 200px;
    height: 150px;
    margin-right: 5px;
    margin-bottom: 5px;
    float: left;
    position: relative;
    border: solid 1px #D1D3D4;
    overflow: hidden;
}

    .tileLink a {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

.area_a {
    width: 100%;
    height: 30px;
    background: url(/Images/RT/overlayBlack.png);
    float: left;
    position: absolute;
    bottom: 0;
    overflow: hidden;
    line-height: 30px;
}

    .area_a span {
        overflow: hidden;
        line-height: 30px;
        float: left;
        margin-right: 5px;
        margin-left: 5px;
    }

    .area_a img {
        width: 30px;
        height: 30px;
        background-position-y: -4px;
        float: left;
        border: none;
    }



.tileBlock {
    width: 410px;
    height: 310px;
    float: left;
    position: relative;
    border: solid 1px #D1D3D4;
    overflow: hidden;
}

    .tileBlock .area_s {
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
    }

    .tileBlock .area_t {
        position: absolute;
        top: 5px;
        left: 5px;
        right: 50%;
        bottom: 5px;
    }

    /* Style for Buttons */
    .tileBlock .area_b {
        position: absolute;
        width: 100px;
        right: 5px;
        top: 5px;
        text-align: right;
    }

    /* Style for Content area */
    .tileBlock .area_c {
        position: absolute;
        bottom: 50%;
        left: 75%;
        right: 0;
        top: 0%;
        padding: 10px;
    }

    .tileBlock .area_img {
        position: absolute;
        bottom: 0; /* hoogte eerste regel eraf halen */
        width: 50px;
        right: 5px;
        height: 50px;
        overflow: hidden;
    }

.tileWide {
    width: 405px;
    height: 150px;
    float: left;
    position: relative;
    box-sizing: border-box;
    border: solid 1px #D1D3D4;
    overflow-y: auto;
    margin-bottom: 5px;
    padding-top: 5px;
}

    .tileWide .area_t {
        margin-left: 10px;
        margin-top: 10px;
        width: 72%;
        float: left;
        overflow: auto;
    }

    .tileWide .area_s {
        margin-left: 10px;
        margin-top: 10px;
        width: 70%;
        float: left;
    }

    .tileWide .area_c {
        width: 30%;
        float: right;
    }

    .tileWide .img {
        position: absolute;
        bottom: 0; /* hoogte eerste regel eraf halen */
        width: 50px;
        right: 5px;
        height: 50px;
        overflow: hidden;
    }

/*Style om tabel achtige interface van de tilelist te maken */

.tileRowHeader {
    line-height: 32px;
    background: white;
    float: left;
    width: 100%;
    margin-top: 2px;
    font-size: 9pt;
    color: gray;
    display: table-row;
    padding-left: 2px;
}

.tileRow {
    line-height: 32px;
    background: #f2f2f2;
    float: left;
    width: 100%;
    margin-top: 2px;
    font-size: 9pt;
    color: #000;
    display: table-row;
    padding-left: 2px;
}


    .tileRow:hover {
        line-height: 32px;
        background: lightblue;
        float: left;
        width: 100%;
        color: white;
        cursor: pointer;
    }

table.data {
    width: 100%;
    table-layout: fixed;
}

    table.data tr {
        background: #ffffff;
        margin-top: 2px;
        font-size: 9pt;
        color: #000;
        padding-left: 2px;
    }

        table.data tr.clickable {
            cursor: pointer;
        }

    table.data.footer tr {
        background-color: lightgray;
    }

    table.data tr.header {
        height: 50px;
    }

    table.data tr.detailRow {
        background-color: lightgray;
        display: table-row; /* zorgt voor 100% breedte */
    }

        table.data tr.detailRow > td {
            padding-left: 20px;
            padding-right: 0;
            padding-bottom: 40px;
        }

    table.data tr th {
        vertical-align: top;
        padding: 5px;
        border-bottom: solid 2px #E8EEEE;
        border-right: solid 2px #E8EEEE;
        font-family: "MuseoSans-900";
        font-weight: normal;
    }

    table.data tr td {
        min-height: 50px;
        padding: 5px;
        border-spacing: 1px;
        border-bottom: solid 2px #E8EEEE;
        border-right: solid 1px #E8EEEE;
        font-family: "MuseoSans-500";
    }

    table.data.footer tr td {
        border-right: solid 1px lightgrey; /* blend with background */
        font-family: "MuseoSans-900";
    }

    table.data tr th.numeric {
        text-align: right;
    }

    table.data tr td.numeric {
        text-align: right;
    }

    table.data .detail {
    }

        table.data .detail tr.header {
            color: gray;
            background: white;
        }

        table.data .detail tr td {
            color: gray;
        }




.tileListReportItem {
    width: 250px;
    height: 70px;
    position: relative;
    cursor: pointer;
    margin-bottom: 10px;
    border: solid 1px lightgray;
}

    .tileListReportItem:hover {
        width: 250px;
        height: 70px;
        position: relative;
        cursor: pointer;
        margin-bottom: 10px;
        border: solid 1px gray;
        cursor: pointer;
    }

    .tileListReportItem .area_s img {
        margin: 10px;
    }

    .tileListReportItem .area_t {
        width: 270px;
        height: 50px;
        position: absolute;
        left: 5px;
        top: 1px;
    }

    .tileListReportItem .area_b {
        width: 170px;
        height: 30px;
        position: absolute;
        right: 0;
        top: 5px;
        text-align: right;
    }

    .tileListReportItem .area_c {
        right: 5px;
        bottom: 5px;
        position: absolute;
        left: 5px;
        top: 20px;
        text-wrap: normal;
        overflow: hidden;
    }

.tileListInspectieItem {
    width: 380px;
    height: 70px;
    position: relative;
    cursor: pointer;
    margin-top: 5px;
}

    .tileListInspectieItem .area_s {
        width: 70px;
        height: 70px;
        background: #575756;
        position: absolute;
        left: 0;
        top: 0;
    }

        .tileListInspectieItem .area_s img {
            margin: 10px;
        }

    .tileListInspectieItem .area_t {
        width: 270px;
        height: 50px;
        position: absolute;
        left: 75px;
        top: 0;
    }

    .tileListInspectieItem .area_b {
        width: 170px;
        height: 30px;
        position: absolute;
        right: 0;
        top: 5px;
        text-align: right;
    }

    .tileListInspectieItem .area_c {
        width: 170px;
        height: 30px;
        position: absolute;
        left: 75px;
        top: 35px;
    }


.tileNieuwsItem {
    position: relative;
    height: 75px;
    cursor: pointer !important;
    border: 1px solid #d1d3d4;
    border-left: 5px solid lightgray;
    margin-bottom: 5px;
}

    .tileNieuwsItem .area_t {
        position: absolute;
        left: 5px;
        top: 5px;
        right: 5px;
        height: 40px;
        overflow: hidden;
    }

    .tileNieuwsItem .area_c {
        position: absolute;
        left: 5px;
        top: 45px;
        right: 5px;
        height: 15px;
    }

    .tileNieuwsItem .area_dat {
        position: absolute;
        left: 5px;
        bottom: 0;
        right: 5px;
        height: 15px;
    }



/*Boekhouding/kosten layout*/

.kostenTabel {
    margin: 1px;
    margin-top: 2px;
    width: 100%;
}

.kostenRow {
    width: 100% !important;
    border-top: 2px solid black;
    border-left: 2px solid black;
    border-right: 2px solid black;
    text-shadow: none !important;
    height: 34px;
}

.kostenRowLabel {
    border-right: 2px solid black;
    width: 200px;
    float: left;
}

.kostenRowAmount {
    text-align: right;
    text-shadow: none !important;
    margin-top: 2px;
    float: right;
}

.kostenRowSubTotal {
    width: 100% !important;
    border-top: 2px solid black;
    border-left: 2px solid black;
    border-right: 2px solid black;
    background-color: rgb(51, 136, 180);
    height: 34px;
}

.kostenRowSubTotalLabel {
    width: 200px;
    color: white !important;
    border-right: 2px solid black;
    text-shadow: none !important;
    font-weight: 500;
    float: left;
}

.kostenRowSubTotalAmount {
    text-align: right;
    color: white;
    text-shadow: none !important;
    margin-top: 2px;
    font-weight: 500;
    float: right;
}

.kostenRowTotal {
    width: 100% !important;
    border-top: 2px solid black;
    border-left: 2px solid black;
    border-right: 2px solid black;
    background-color: rgb(22, 88, 133);
    border-bottom: 2px solid black;
    height: 34px;
}

.kostenRowTotalLabel {
    width: 200px;
    color: white !important;
    border-right: 2px solid black;
    font-size: 18px;
    text-shadow: none !important;
    font-weight: 800;
    float: left;
}

.kostenRowTotalAmount {
    text-align: right;
    color: white;
    font-size: 18px;
    text-shadow: none !important;
    margin-top: 2px;
    font-weight: 800;
    float: right;
}

.kostenLeftUpSide,
.kostenRightDownSide {
    width: 403px;
    height: 300px;
    position: relative;
    margin-left: 5px;
    float: left;
}



/* inspectie > Elementen > waarneming popUp buttons*/
#example {
    font-size: 18pt;
    text-decoration: none;
}

.btn-simplified .btn {
    border-bottom-width: 0 !important;
    border-top-width: 0 !important;
    border-left-width: 0 !important;
    border-right-width: 0 !important;
    background-color: none !important;
}

.btn-simplified .btn-default {
    background-color: none !important;
}

.dropdown-menu > li > a.btn-newwaarneming {
    padding-left: 32px;
    padding-top: 13px;
}

.brand {
    background-image: url('/Images/RT/brandMDark.png');
    background-repeat: no-repeat;
    background-position: 4px 8px;
    background-size: 24px;
    color: black;
}


.iv {
    background-image: url('/Images/RT/ivMDark.png');
    background-repeat: no-repeat;
    background-position: 4px 8px;
    background-size: 24px;
    color: black;
}


.onderhoud {
    background-image: url('/Images/RT/onderhoudMDark.png');
    background-repeat: no-repeat;
    background-position: 4px 8px;
    background-size: 24px;
    color: black;
}

.inzicht {
    background-image: url('/Images/RT/inzichtMDark.png');
    background-repeat: no-repeat;
    background-position: 4px 8px;
    background-size: 24px;
    color: black;
}

.energie {
    background-image: url('/Images/RT/energieMDark.png');
    background-repeat: no-repeat;
    background-position: 4px 8px;
    background-size: 24px;
}

.afmelding {
    background-image: url('/Images/RT/Dark/verplichtingen.png');
    background-repeat: no-repeat;
    background-position: 4px 8px;
    background-size: 24px;
}

    .afmelding:hover {
        background-image: url('/Images/RT/Light/verplichtingen.png');
        background-position: 4px 8px;
        background-size: 24px;
        color: white;
        background-color: #58595B;
    }


.waarnemingTileList {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

/*Waanemingen*/

.dropdown-menu {
    left: 0;
    right: auto;
}

    .dropdown-menu.pull-left {
        left: auto;
        right: 0;
    }

.tileWaarneming {
    /*background-color: #F1F1F2 !important;*/
    position: relative;
    height: 150px;
    width: 185px;
    cursor: pointer !important;
    border: 1px solid #d1d3d4;
    float: left;
    margin-top: 5px;
    margin-left: 5px;
}

    .tileWaarneming .area {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 185px;
    }

    .tileWaarneming .area_s {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 5px;
    }

    .tileWaarneming .area_t1 {
        position: absolute;
        top: 5px;
        height: 30px;
        font-size: 12pt;
        left: 10px;
    }

    .tileWaarneming .area_t {
        position: absolute;
        top: 30px;
        left: 10px;
        right: 5px;
        bottom: 30px;
        font-size: 9pt;
    }

    .tileWaarneming .area_c {
        font-size: 12pt;
        position: absolute;
        bottom: 15px;
        left: 10px;
        right: 5px;
    }

.tileWaarnemingS {
    /*background-color: #F1F1F2 !important;*/
    position: relative;
    height: 100px;
    width: 150px;
    cursor: pointer;
    border: 1px solid #d1d3d4;
    float: left;
    margin-top: 5px;
    margin-right: 5px;
}

    .tileWaarnemingS .area_s {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 5px;
    }

    .tileWaarnemingS .area_t {
        position: absolute;
        top: 5px;
        left: 10px;
        right: 5px;
        bottom: 20px;
        font-size: 9pt;
    }

    .tileWaarnemingS .area_amount {
        position: absolute;
        bottom: 5px;
        left: 10px;
        right: 5px;
    }

    .tileWaarnemingS .area_status_ico {
        position: absolute;
        bottom: 0px;
        right: 4px;
    }

    .tileWaarnemingS .area_status_ico span.mdi {
        font-size:15px;
    }

.tileLegionellaS {
    /*background-color: #F1F1F2 !important;*/
    position: relative;
    height: 100px;
    width: 150px;
    cursor: pointer;
    border: 1px solid #d1d3d4;
    float: left;
    margin-top: 10px;
    margin-right: 10px;
    overflow: hidden;
}

    .tileLegionellaS .area_s {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 5px;
    }

    .tileLegionellaS .area_t {
        position: absolute;
        top: 10px;
        left: 10px;
        right: 20px;
        font-family: 'MuseoSans-900';
    }

    .tileLegionellaS .area_i {
        position: absolute;
        bottom: 0;
        right: 10px;
    }

    .tileLegionellaS .area_o {
        position: absolute;
        top: 30px;
        left: 10px;
        right: 5px;
    }

    .tileLegionellaS .area_c {
        position: absolute;
        top: 45px;
        bottom: 5px;
        left: 10px;
        right: 5px;
    }

    .tileLegionellaS .area_img {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 34px;
        height: 34px;
    }



.inactiveimage {
    position: absolute;
    width: 205px;
    top: -60px;
    right: -30px;
}

.imageAct {
    width: 40px;
    height: 40px;
    background-color: darkgray;
}

/*Legionella custom CSS*/
.CSSToonInactief {
    display: block;
    width: 20px;
    height: 15px;
    float: left;
    border: solid 1px;
    background-image: url("/Images/RT/removedcross3.png");
    background-size: 100% 100%;
}

.CSSToonActief {
    display: block;
    width: 20px;
    height: 15px;
    float: left;
    border: solid 1px;
}

.divToonInactief {
    margin-top: 8px;
}

.divToonInactiefText {
    margin-left: 25px;
}


.tileActiviteit {
    /*background-color: #F1F1F2 !important;*/
    position: relative;
    height: 150px;
    width: 185px;
    cursor: pointer !important;
    border: 1px solid #d1d3d4;
    border-left: 5px solid lightgray;
    float: left;
    margin-top: 5px;
    margin-left: 5px;
}

    .tileActiviteit .area_s {
        position: absolute;
        font-size: 10pt;
        left: 0;
        top: 0;
        bottom: 0;
        width: 5px;
    }

    .tileActiviteit .area_t {
        position: absolute;
        top: 5px;
        height: 30px;
        font-size: 10pt;
        left: 42px;
        right: 5px;
    }

    .tileActiviteit .area_opm {
        position: absolute;
        left: 10px;
        top: 45px;
        right: 5px;
        bottom: 30px;
        font-size: 9pt;
    }

    .tileActiviteit .area_c {
        font-size: 12pt;
        position: absolute;
        left: 10px;
        bottom: 5px;
        right: 5px;
    }

    .tileActiviteit .area_b {
        left: 10px;
        right: 5px;
    }

.spoelenKoud {
    background: url(/Images/RT/SpoelenWit.png) no-repeat;
    width: 48px;
    height: 48px;
    float: left;
    background-color: #00AEEF;
    float: left;
    margin: 5px;
    color: white;
}

.spoelenWarm {
    background: url(/Images/RT/SpoelenWit.png) no-repeat;
    width: 48px;
    height: 48px;
    float: left;
    background-color: #BE1E2D;
    float: left;
    margin: 5px;
    color: white;
}

.isline {
    overflow: hidden;
    white-space: nowrap;
    margin: 0;
    border: 0;
}

.firstcol {
    width: 84px;
    float: left;
    height: 18px;
    font-size: 8pt !important;
    clear: left;
    margin: 0;
    border: 0;
}

.secondcol {
    width: 88px;
    float: left;
    height: 18px;
    font-size: 8pt !important;
    margin: 0;
    border: 0;
}

.headkol1 {
    width: 48px;
    float: left;
    height: 18px;
    font-size: 8pt !important;
    clear: left;
    margin: 0;
    border: 0;
}

.headkol {
    width: 24px;
    float: left;
    height: 18px;
    font-size: 8pt !important;
    margin: 0;
    border: 0;
}

.tempkol1 {
    width: 48px;
    float: left;
    height: 18px;
    font-size: 8pt !important;
    clear: left;
    margin: 0;
    border: 0;
}

.tempkol {
    width: 24px;
    float: left;
    height: 18px;
    font-size: 8pt !important;
    margin: 0;
    border: 0;
}

.gradenkol1 {
    width: 0;
    float: left;
    font-size: 8pt !important;
    margin: 0;
    border: 0;
}

.gradenkol {
    width: 0;
    float: left;
    height: 18px;
    font-size: 8pt !important;
    margin: 0;
    border: 0;
}

/* TILE WITH SELECTOR */

.tileSel {
    /*background-color: #F1F1F2 !important;*/
    position: relative;
    height: 86px;
    cursor: pointer !important;
    border: 1px solid lightgray;
    margin-bottom: 5px;
}

    /* Style for selector */
    .tileSel .area_s {
        position: absolute;
        top: 5px;
        width: 20px;
        left: 5px;
    }

    .tileSel .area_t {
        position: absolute;
        top: 5px;
        left: 25px;
        right: 45px;
        font-size: 1.3em;
    }

    .tileSel .area_b {
        position: absolute;
        width: 40px;
        right: 5px;
        top: 5px;
        text-align: right;
    }

    .tileSel .area_c {
        position: absolute;
        top: 25px; /* hoogte eerste regel eraf halen */
        left: 25px;
        right: 5px;
        bottom: 5px;
        overflow: hidden;
        color: gray;
    }

.tileIcon {
    height: 24px !important;
    width: 24px !important;
}

.tileUpload span {
    color: white;
}

.tileAfbeelding {
    position: relative;
    width: 398px;
    height: 140px;
    cursor: pointer !important;
    float: left;
    background-color: rgb(247, 247, 247);
    color: white;
    border: solid 1px #c7c6c6;
    /*border-right: none;
    border-bottom: none;*/
    margin: 5px;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 5px;
}

    .tileAfbeelding:hover {
        background-color: rgb(101, 137, 150);
        color: white;
    }

    .tileAfbeelding span {
        -webkit-transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
        -o-transition: all 1s ease-in-out;
        -ms-transition: all 1s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

    .tileAfbeelding:hover span {
        color: white;
    }

    .tileAfbeelding .area_full {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

    .tileAfbeelding .area_pic {
        position: absolute;
        top: 0;
        left: 0;
        width: 150px;
        height: 140px;
    }


        .tileAfbeelding .area_pic img {
            position: relative;
            top: 0;
            left: 0;
            max-height: 140px;
            max-width: 150px;
        }

    .tileAfbeelding .area_name {
        position: absolute;
        bottom: 0;
        left: 155px;
        width: 220px;
        color: black;
        top: 18px;
    }

    .tileAfbeelding .area_date {
        position: absolute;
        top: 0;
        left: 155px;
        width: 200px;
        height: 20px;
        color: black;
    }

    .tileAfbeelding .area_remove {
        position: absolute;
        top: 5px;
        left: 370px;
        width: 20px;
        height: 20px;
    }

        .tileAfbeelding .area_remove .btnDelete {
            background-color: transparent !important;
        }

    .tileAfbeelding .area_remark {
        position: absolute;
        top: 35px;
        left: 155px;
        width: 240px;
        height: 95px;
        color: black;
    }

.tileUpload {
    position: relative;
    width: 398px;
    height: 150px;
    float: left;
    background-color: #666;
    color: white;
    border: solid 1px #c7c6c6;
}

    .tileUpload .RadUpload .ruBrowse {
        position: absolute !important;
        top: 0;
        left: 0;
        width: 400px;
        height: 150px;
        background-color: transparent;
        margin-left: 0 !important;
        background-image: none !important;
        font-size: large;
        color: white;
    }

    .tileUpload .upButtonDiv {
        position: absolute !important;
        top: 0;
        left: 0;
        width: 398px;
        height: 150px;
        background-color: darkgray;
        font-size: large;
        color: white;
    }

    .tileUpload .upButtonDivText {
        position: absolute !important;
        top: 55px;
        left: 150px;
        font-size: large;
        color: white;
    }

    .tileUpload .ruFakeInput {
        display: none;
    }

    .tileUpload .RadUpload .ruFileWrap {
        position: absolute !important;
        top: 0;
        left: 0;
        width: 400px;
        height: 150px;
        /*background-color : darkgray;
        margin-left : 0 !important;
        background-image : none !important;
        font-size : large;
        color : white;*/
    }

    .tileUpload .RadAsyncUpload {
        position: absolute;
        width: 398px;
    }

        .tileUpload .RadAsyncUpload .ruCancel {
            margin-left: 5px;
            margin-top: 40px;
            font-size: 15px;
        }

        .tileUpload .RadAsyncUpload .ruRemove {
            margin-left: 5px;
            margin-top: 40px;
            font-size: 15px;
        }

        .tileUpload .RadAsyncUpload .ruFakeInput {
            width: 30px;
        }

    .tileUpload .ruFileInput {
        position: absolute;
        left: 0;
        width: 400px;
        height: 150px;
    }

    .tileUpload .ruUploadProgress {
        margin-left: 10px;
        margin-right: 10px;
        font-size: 15px;
    }

    .tileUpload .ruUploadSuccess {
        padding-left: 20px !important;
    }



    .tileUpload .ruFileProgress {
        width: 300px !important;
    }

    .tileUpload .upVoegToe {
        margin-left: 10px;
        margin-top: 35px;
        width: 380px;
        display: none;
        text-align: center;
        display: none;
    }

    .tileUpload .upInvalid {
        margin-left: 10px;
        margin-top: 70px;
        width: 380px;
        display: none;
        text-align: center;
        display: none;
    }

    .tileUpload .upFailed {
        margin-left: 10px;
        margin-top: 70px;
        width: 380px;
        display: none;
        text-align: center;
        display: none;
    }

    .tileUpload .upPleaseWait {
        margin-left: 120px;
        margin-top: 70px;
        font-size: large;
        color: black;
        display: none;
    }

.RadUpload .ruFakeInput {
    border: none !important;
}


.uploadedFotos {
    width: 398px;
}

    .uploadedFotos .tileList {
        position: relative !important;
        margin-top: 5px;
        width: 398px;
    }

/*.tileAfbeelding {
    position: relative;
    width: 398px;
    height: 150px;
    float: left;
    background-color: #666;
    border: solid 1px #c7c6c6;
    margin: 5px;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 5px;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 0.2s ease-in-out;
}*/

.tileAfbeelding .RadUpload .ruBrowse {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 400px;
    height: 150px;
    background-color: transparent;
    margin-left: 0 !important;
    background-image: none !important;
    font-size: large;
    color: white;
}

.tileAfbeelding .upButtonDiv {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 400px;
    height: 150px;
    background-color: darkgray;
    font-size: large;
    color: white;
}

.tileAfbeelding .upButtonDivText {
    position: absolute !important;
    top: 75px;
    left: 100px;
    font-size: large;
    color: white;
}

.upButtonDivText img {
    margin-top: 5px;
}

.tileAfbeelding .ruFakeInput {
    display: none;
}

.tileAfbeelding .RadUpload .ruFileWrap {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 400px;
    height: 150px;
    /*background-color : darkgray;
        margin-left : 0 !important;
        background-image : none !important;
        font-size : large;
        color : white;*/
}

.tileAfbeelding .RadAsyncUpload {
    position: absolute;
    width: 400px;
}

    .tileAfbeelding .RadAsyncUpload .ruCancel {
        margin-left: 100px;
        margin-top: 40px;
    }

    .tileAfbeelding .RadAsyncUpload .ruRemove {
        margin-left: 100px;
        margin-top: 40px;
    }

    .tileAfbeelding .RadAsyncUpload .ruFakeInput {
        width: 30px;
    }

.tileAfbeelding .ruFileInput {
    position: absolute;
    left: 0;
    width: 400px;
    height: 150px;
}

.tileAfbeelding .ruFileProgress {
    width: 180px !important;
}

.tileAfbeelding .upVoegToe {
    margin-left: 10px;
    margin-top: 70px;
    width: 280px;
    display: none;
    text-align: center;
    display: none;
}

.tileAfbeelding .upPleaseWait {
    margin-left: 70px;
    margin-top: 100px;
    font-size: large;
    color: black;
    display: none;
}

/* Objecttype.ascx */
.tileVrijVeld {
    position: relative;
    height: 32px;
    width: 100%;
    margin-right: 5px;
    margin-bottom: 2px;
    float: left;
    background: #F7F7F7;
}

    .tileVrijVeld span {
        line-height: 32.5px;
    }

    .tileVrijVeld .Id {
        position: absolute;
        top: 0;
        left: 0;
        width: 30px;
        padding-left: 5px;
    }

    .tileVrijVeld .Omschrijving {
        position: absolute;
        top: 0;
        left: 30px;
        width: 150px;
    }

    .tileVrijVeld .WeergaveNaam {
        position: absolute;
        top: 0;
        left: 185px;
        width: 100px;
    }

    .tileVrijVeld .Tristate0 {
        position: absolute;
        top: 0;
        left: 285px;
        width: 60px;
    }

    .tileVrijVeld .Tristate1 {
        position: absolute;
        top: 0;
        left: 345px;
        width: 60px;
    }

    .tileVrijVeld .Tristate2 {
        position: absolute;
        top: 0;
        left: 405px;
        width: 60px;
    }

    .tileVrijVeld .Eenheid {
        position: absolute;
        top: 0;
        left: 465px;
        width: 60px;
    }

    .tileVrijVeld .Dimensie {
        position: absolute;
        top: 0;
        left: 525px;
        width: 60px;
    }

    .tileVrijVeld .ToolTip {
        position: absolute;
        top: 0;
        left: 585px;
        width: 80px;
    }


.tile400x300 {
    position: relative;
    width: 395px;
    height: 300px;
    cursor: pointer !important;
    float: left;
    background-color: lightgray;
    border: solid 1px #c7c6c6;
    margin: 5px;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 5px;
}

    .tile400x300:hover {
        background-color: rgb(101, 137, 150);
    }

    .tile400x300 span {
        /*-webkit-transition: all 1s ease-in-out;
        -moz-transition: all 1s ease-in-out;
        -o-transition: all 1s ease-in-out;
        -ms-transition: all 1s ease-in-out;
        transition: all 0.4s ease-in-out;*/
    }

    .tile400x300:hover span {
        color: lightgray;
    }

    /* Style for Title */
    .tile400x300 .area_t {
        position: absolute;
        top: 25px;
        left: 10px;
        right: 150px;
        font-size: 2em;
        color: #333;
    }

    /* Style for Title */
    .tile400x300 .area_t_right {
        position: absolute;
        top: 25px;
        right: 5px;
        color: #333;
    }

    /* Style for Buttons */
    .tile400x300 .area_b {
        position: absolute;
        width: 70px;
        right: 5px;
        top: 5px;
        text-align: right;
        color: #666;
    }

    /* Style for Content area */
    .tile400x300 .area_c {
        position: absolute;
        top: 55px; /* hoogte eerste regel eraf halen */
        left: 10px;
        right: 5px;
        bottom: 5px;
        overflow: hidden;
        color: #666;
    }

    .tile400x300 .area_s {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 5px;
    }

    .tile400x300 .area_topright {
        position: absolute;
        top: 0;
        right: 5px;
    }

    .tile400x300 .area_topleft {
        position: absolute;
        top: 0;
        left: 10px;
    }


.tile280x150 {
    position: relative;
    width: 280px;
    height: 150px;
    float: left;
    border: solid 1px #c7c6c6;
    margin: 5px;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 5px;
}

    /* Style for Title */
    .tile280x150 .area_t {
        position: absolute;
        top: 15px;
        left: 10px;
        right: 5px;
        font-size: 1.2em; /* 2 em is te groot!*/
        color: #333;
    }

    /* Style for Buttons */
    .tile280x150 .area_b {
        position: absolute;
        width: 70px;
        right: 5px;
        top: 5px;
        text-align: right;
        color: #666;
    }

    /* Style for Content area */
    .tile280x150 .area_c {
        position: absolute;
        top: 55px; /* hoogte eerste regel eraf halen */
        left: 10px;
        right: 5px;
        bottom: 5px;
        overflow: hidden;
        color: #666;
    }

    .tile280x150 .area_s {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 5px;
    }


/* SQUARE TILES */
.tile200 {
    position: relative;
    width: 200px;
    height: 150px;
    float: left;
    border: solid 1px #c7c6c6;
    margin: 5px;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 5px;
}

    /* Style for Title */
    .tile200 .area_t {
        position: absolute;
        top: 15px;
        left: 10px;
        right: 5px;
        font-size: 1.2em; /* 2 em is te groot!*/
        color: #333;
    }

    /* Style for Buttons */
    .tile200 .area_b {
        position: absolute;
        width: 70px;
        right: 5px;
        top: 5px;
        text-align: right;
        color: #666;
    }

    /* Style for Content area */
    .tile200 .area_c {
        position: absolute;
        top: 55px; /* hoogte eerste regel eraf halen */
        left: 10px;
        right: 5px;
        bottom: 5px;
        overflow: hidden;
        color: #666;
    }

    .tile200 .area_s {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 5px;
    }

    .tile200 .area_z {
        position: absolute;
        bottom: 10px; /* hoogte eerste regel eraf halen */
        left: 10px;
        right: 5px;
        height: 20px;
        overflow: hidden;
    }


.tileWorkflow {
    position: relative;
    height: 70px;
    width: 100%;
    margin-bottom: 5px;
    border: 1px solid #d1d3d4;
    border-left: 5px solid lightgray;
    background: white;
    cursor: pointer;
}

    .tileWorkflow .area_t {
        position: absolute;
        right: 185px;
        top: 5px;
        height: 30px;
        left: 5px;
    }

    .tileWorkflow .area_c {
        position: absolute;
        left: 5px;
        top: 30px;
        bottom: 5px;
        right: 100px;
        overflow: hidden;
    }

    .tileWorkflow .area_s {
        position: absolute;
        right: 55px;
        top: 5px;
        bottom: 5px;
        width: 150px;
        text-align: right;
        border-right: 1px gray solid;
        padding-right: 5px;
    }

    .tileWorkflow .area_l {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 55px;
        text-align: center;
    }

        .tileWorkflow .area_l h1 {
            line-height: 70px;
        }

/*tile indicator styles = vervanger van border left */


.indicator.bgRed {
    background-color: #E3252A;
}

.indicator.bgOrange {
    background-color: rgb(243, 111, 36);
}

.indicator.bgGreenLight {
    background: #D9E1BA;
}

.indicator.bgYellowLight {
    background: #FFF3C1;
}

.indicator.bgGreen {
    background-color: green;
}

.glyphicon.danger {
    color: #ED2027;
    background-color: transparent !important;
}

.glyphicon.warning {
    color: #F89520;
    background-color:transparent !important;
}

.glyphicon.no-licence {
    background-image: url('/Images/16x16/nolicence.png');
    width: 16px;
    height: 16px;
    margin-left: -3px;
}

    .glyphicon.no-licence:before {
        content: "";
    }

tile.info > .indicator, .indicator.info, .tileWaarnemingS.info .indicator, .indicator.info {
    background-color: #2B5BA9;
}

tile.succes > .indicator, .indicator.succes, .tileWaarnemingS.succes .indicator, .indicator.succes {
    background-color: #7FC242;
}

tile.warning > .indicator, .indicator.warning, .tileWaarnemingS.warning .indicator, .indicator.warning {
    background-color: #F89520;
}

tile.danger > .indicator, .indicator.danger, .tileWaarnemingS.danger .indicator, .indicator.danger {
    background-color: #ED2027 !important;
}

/* TileListControl */

.tileList {
    position: absolute;
    top: 0;
    width: 100%;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 0;
}



.tableheader {
    width: 100%;
}

.tileListBody .tileList > div.backgroundimage {
    background-position: center;
    background-size: cover;
}

.tileListBody .tileList > div > .fillContainer {
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
}

.tileListBody .tileList > div.backgroundimage.tileSelected > div.tileSelectedOverlay { /* Voor de multiselect, om een selected color over de backgroundimage te tonen */
    background-color: rgba(3,169,244,0.33) !important;
}

.tileListBody .tileList > div.backgroundimage > div.container { /* Voor een tile met een backgroundimage */
    left: 2.5%;
    bottom: 2.5%;
    width: 95%;
    max-height: 95%;
    background-color: rgba(0, 0, 0, 0.4);
    overflow: hidden; /* te veel regels verbergen */
    padding-left: 10px; /* padding om overlap met indicator te voorkomen */
    border-radius: 3px;
}

    .tileListBody .tileList > div.backgroundimage > div.container span, .tileListBody .tileList > div.backgroundimage > div.container strong {
        color: white !important;
    }

.tileListBody .table {
    display: table;
    table-layout: fixed;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 0px 0 0;
}

    .tileListBody .table.scrollbar {
        padding-right: 5px;
    }

    .tileListBody .table > .rowF {
        display: table-row;
        height: 48px;
    }

        .tileListBody .table > .rowF:before, .tileListBody .table > .rowF::after {
            content: none !important;
        }

        .tileListBody .table > .rowF > .cellF {
            display: table-cell;
            float: none;
            width: auto;
            padding: 5px;
            border-spacing: 1px;
            border-bottom: solid 2px #E8EEEE;
            border-right: solid 1px #E8EEEE;
            vertical-align: middle;
            overflow: hidden;
        }

            .tileListBody .table > .rowF > .cellF.indicator {
                width: 4px;
                border-left: solid 1px white;
            }

            .tileListBody .table > .rowF > .cellF.backgroundimage {
                background-position: center;
                background-size: cover;
            }

/* in geval van een table header : wanneer .table voorafgaat aan een div met daarin een tileList, top offsetten met 50px */
.table ~ div .tileList {
    top: 50px;
}

.inTilegroupControl.tileList {
    position: relative;
}

.table ~ .tileList {
    top: 52px;
}

.tileGroupWaarnemingen .tileList {
    position: relative;
}

/* weggehaald ?? MP 10-09-2015*/

/*.tileGroupContent .tileList {
    width: 98% !important;
}*/

.tileListPager {
    width: 100%;
    background: rgb(241, 241, 241);
}

    .tileListPager div {
        width: 20px;
        height: 100%;
        float: right;
    }

    .tileListPager div {
        float: left;
        width: 20px;
        height: 100%;
    }

    .tileListPager span {
        float: left;
        margin-left: 10px;
    }

    .tileListPager div input[type=image] {
        height: 30px;
    }

/*textboxplaceholder*/
.tileListFilter {
    border-radius: 0;
}

span.tileListFilter > div {
    height: 31px !important;
    line-height: 31px;
    max-width: 410px;
    cursor: text;
    text-decoration: none;
    border-radius: 4px;
    border: none !important;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
}

/*search icon placeholder*/
span.tileListFilter div span {
    position: absolute;
    top: 3px !important;
    right: 22px !important;
    width: 0 !important;
    border: none;
}

    /*search icon*/
    span.tileListFilter div span input {
        height: 16px !important;
        width: 16px !important;
        line-height: 32px;
    }

        span.tileListFilter div span input:hover {
            cursor: pointer;
            color: #00AEEF;
        }

span.tileListFilter div div {
    left: 0 !important;
    right: 0 !important;
}

    /*textbox*/
    span.tileListFilter div div input {
        right: 8px !important;
        height: 31px !important;
        margin: 0 !important;
        padding-left: 5px !important;
        padding-right: 24px;
        width: 100% !important;
    }

/* TILELIST - FLEX

        Deze tilelist verandert van automatisch van hoogte afhankelijk van welke classen je in de tileListContainer stopt
        Dit gedrag wordt veroorzaakt doordat de klasse kijkt naar werlk voorgaand element er in de pagina ligt (selector is class)
        !!! de klassen tileListBody en tileListHEader zijn geschrapt omdat deze
    */
/*
        <div class="tileListContainer"> // zorgt voor unieke hoogte van tileList template

                <div class="tileListHeader">
                    <div class="title">
                        <h1>titel en add button</h1><img/>
                    </div>
                    <div class="search">
                        filtercontrol
                    </div>
                    <div class="sort">
                        sortingControl
                    </div>
                    <div class="filter">
                        extendedFilterControl
                    </div>
                </div>

                <div class="tileListBody">
                    tileListControl
                </div>

        </div>
        */

.popup5Container .tileListContainer.auto {
    position: absolute;
    top: 0;
    left: 10px;
    right: 0;
    bottom: 4px;
}

.popup5Container .sectionPreview .tileListContainer.auto {
    left: 0;
}

.tileListContainer.auto {
    position: absolute;
    top: 0;
    left: 10px;
    right: 10px;
    bottom: 0;
}

.tileListContainer .sortFilterToggleButton {
    margin-right: 10px;
}

.tileListContainer.auto > .rowF {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
}

    .tileListContainer.auto > .rowF ~ .rowF {
        position: absolute;
        top: 52px;
        left: 0;
        right: 0;
    }

        .tileListContainer.auto > .rowF ~ .rowF .tileListFilter {
            width: 200px;
            margin-right: 10px;
        }

        /*.tileListContainer.auto > .rowF ~ .rowF .btn-add {
                margin-top: -17px;
            }*/

        .tileListContainer.auto > .rowF ~ .rowF ~ .rowF {
            position: absolute;
            top: 94px;
            left: 0;
            right: 0;
        }

/*geen rijen voor de tileList*/
.tileListContainer.auto .tileListBody {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    bottom: 0;
}

/* 1 rij voor de tileList*/
.tileListContainer.auto .rowF ~ .tileListBody {
    position: absolute;
    top: 52px;
}

/* 2 rij voor de tileList*/
.tileListContainer.auto .rowF ~ .rowF ~ .tileListBody {
    position: absolute;
    top: 94px;
}

/* 3 rij voor de tileList*/
.tileListContainer.auto .rowF ~ .rowF ~ .rowF ~ .tileListBody {
    position: absolute;
    top: 136px;
}




/* TILELIST - FLEXWIDE

        Deze tilelist verandert van automatisch van hoogte afhankelijk van welke classen je in de tileListContainer stopt
        Dit gedrag wordt veroorzaakt doordat de klasse kijkt naar werlk voorgaand element er in de pagina ligt (selector is class)
        !!! de klassen tileListBody en tileListHEader zijn geschrapt omdat deze
    */
/*
        <div class="tileListContainer"> // zorgt voor unieke hoogte van tileList template

                <div class="tileListHeader">
                    <div class="title">
                        <h1>titel en add button</h1><img/>
                    </div>
                    <div class="search">
                        filtercontrol
                    </div>
                    <div class="sort">
                        sortingControl
                    </div>
                    <div class="filter">
                        extendedFilterControl
                    </div>
                </div>

                <div class="tileListBody">
                    tileListControl
                </div>

        </div>
        */

.popup5Container .tileListContainer.flexWide {
    position: absolute;
    top: 20px;
    left: 20px;
    right: 0;
    bottom: 4px;
}

.tileListContainer.flexWide {
    position: absolute;
    top: 20px;
    left: 20px;
    right: 0;
    bottom: 4px;
}

    .tileListContainer.flexWide .title {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 34px;
        width: 410px;
    }

    /* geen title */
    .tileListContainer.flexWide .search {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 34px;
        width: 365px;
    }

    /*title voorafgaand aan search */
    .tileListContainer.flexWide .title ~ .search {
        position: absolute;
        top: 34px;
        left: 0;
        right: 0;
        height: 34px;
        width: 365px;
    }

    .tileListContainer.flexWide .btn.btn-add {
        position: absolute;
        top: 0;
        left: 370px;
        height: 34px;
    }

    /*no title no search*/

    .tileListContainer.flexWide .sort {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 34px;
        width: 205px;
    }

    /*no title */
    .tileListContainer.flexWide .search ~ .sort {
        position: absolute;
        top: 41px;
        left: 0;
        right: 0;
        height: 34px;
        width: 205px;
    }

    /* title > search > sort */
    .tileListContainer.flexWide .title ~ .search ~ .sort {
        position: absolute;
        top: 74px;
        left: 0;
        right: 0;
        height: 34px;
        width: 205px;
    }

    /*no title no search*/
    .tileListContainer.flexWide .filter {
        position: absolute;
        top: 0;
        left: 210px;
        right: 0;
        height: 34px;
        width: 205px;
    }

    /*no title */
    .tileListContainer.flexWide .search ~ .filter {
        position: absolute;
        top: 41px;
        left: 210px;
        right: 0;
        height: 34px;
        width: 205px;
    }

    .tileListContainer.flexWide .title ~ .search ~ .filter {
        position: absolute;
        top: 74px;
        left: 210px;
        right: 0;
        height: 34px;
        width: 205px;
    }

    /* no title no search no filter */
    .tileListContainer.flexWide .tileListBody {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .tileListContainer.flexWide .search ~ .tileListBody {
        position: absolute;
        top: 46px;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .tileListContainer.flexWide .search ~ .sort ~ .tileListBody {
        position: absolute;
        top: 86px;
        left: 0;
        right: 0;
        bottom: 0;
    }

    /* no title no search no filter */
    .tileListContainer.flexWide .title ~ .tileListBody {
        position: absolute;
        top: 36px;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .tileListContainer.flexWide .filter ~ .tileListBody {
        position: absolute;
        top: 36px;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .tileListContainer.flexWide .search ~ .filter ~ .tileListBody {
        position: absolute;
        top: 82px;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .tileListContainer.flexWide .title ~ .search ~ .filter ~ .tileListBody {
        position: absolute;
        top: 116px;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .tileListContainer.flexWide .rowF {
    }

/* TILELIST - NOTITLE */
/* Voorbeeld
            <div class="tileListContainer noTitle"> // zorgt voor unieke hoogte van tileList template

                <div class="tileListHeader">
                   <div class="search">
                        filtercontrol
                    </div>
                    <div class="sort">
                        sortingControl
                    </div>
                    <div class="filter">
                        extendedFilterControl
                    </div>
                </div>

                <div class="tileListBody">
                    tileListControl
                </div>

        </div>*/

.tileListContainer.noTitle .tileListHeader {
    height: 68px;
}

    .tileListContainer.noTitle .tileListHeader .search {
        top: 0;
    }

    .tileListContainer.noTitle .tileListHeader .sort {
        top: 34px;
    }

    .tileListContainer.noTitle .tileListHeader .filter {
        top: 34px;
    }

.tileListContainer.noTitle .tileListBody {
    /* HJR 20150709: Correctie popups in scherm DashboardVerplichtingen.aspx & BkwRapportagePage.aspx*/
    top: 90px;
}

.tileListContainer.noTitle.noSortAndFilter .tileListHeader {
    height: 68px;
}

.tileListContainer.noTitle.noSortAndFilter .tileListBody {
    top: 40px;
}

/* TILELIST - Met tabel kop*/
/*
        <div class="tileListContainer tableHeader"> // zorgt voor unieke hoogte van tileList template

                <div class="tileListHeader">
                    <div class=""title>
                        <h1>title + add button</h1><img/>
                    </div>
                    <div class="search">
                        filtercontrol
                    </div>
                    <div class="sort">
                        sortingcontrol
                    </div>
                    <div class="filter">
                        extendedFilterControl
                    </div>
                </div>

                <div class="tileListBody">
                    <div class="tileTableHeader">
                        hier komt tile met kolomheaders
                    </div>
                    <div class="tileList">
                        hier komt tileList
                    </div>
                </div>

        </div>
        */
.tileListContainer.tableHeader .tileListBody {
    top: 102px;
    overflow: hidden;
}

.tileListContainer.tableHeader .search {
    width: 410px;
}

.tileListContainer.tableHeader .tileListBody .tileTableHeader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 34px;
}

.tileListContainer.tableHeader .tileListBody .tileList {
    top: 36px;
}

.tileRowTest { /* alleen voor testpagina aangemaakt*/
    position: relative;
    height: 32px;
    width: 100%;
    margin-right: 5px;
    margin-bottom: 5px;
    float: left;
    background: white;
}

.tileRowHeaderTest {
    position: relative;
    height: 32px;
    width: 100%;
    margin-right: 5px;
    margin-bottom: 5px;
    float: left;
    background: gray;
}

/* TILELIST - Met tabel kop zonder titel*/
/*
<div class="tileListContainer tableHeader noTitle"> // zorgt voor unieke hoogte van tileList template

                <div class="tileListHeader">
                    <div class="search">
                        filtercontrol
                    </div>
                    <div class="sort">
                        sortingcontrol
                    </div>
                    <div class="filter">
                        extendedFilterControl
                    </div>
                </div>

                <div class="tileListBody">
                    <div class="tileTableHeader">
                        hier komt tile met kolomheaders
                    </div>
                    <div class="tileList">
                        hier komt tileList
                    </div>
                </div>

        </div>
*/

.tileListContainer.tableHeader.noTitle .tileListBody {
    top: 68px;
    overflow: hidden;
}

.tileListContainer.tableHeader.noTitle .tileListHeader .search {
    top: 1px;
}

.tileListContainer.tableHeader .tileListBody .tileTableHeader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 34px;
}

.tileRowTest { /* alleen voor testpagina aangemaakt*/
    position: relative;
    height: 32px;
    width: 100%;
    margin-right: 5px;
    margin-bottom: 5px;
    float: left;
    background: white;
}

.tileRowHeaderTest {
    position: relative;
    height: 32px;
    width: 100%;
    margin-right: 5px;
    margin-bottom: 5px;
    float: left;
    background: gray;
}

/* TILELIST - detailview */

/*
     */

.tileListContainer.detailview {
    width: 228px;
    top: 10px;
    left: 0;
}

    .tileListContainer.detailview .tileListHeader {
        height: 102px;
        left: 10px;
        right: 13px;
    }

    .tileListContainer.detailview .tileListBody {
        top: 126px;
    }

    .tileListContainer.detailview .tileListHeader .filter {
        position: absolute;
        top: 84px;
        left: 125px;
        width: 81px;
    }

    .tileListContainer.detailview .tileListHeader .sortFilterToggleButton {
        width: 100%;
        border: none !important;
    }

    .tileListContainer.detailview .tileListHeader .title {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 32px;
        width: 100%;
    }

        .tileListContainer.detailview .tileListHeader .title h1 {
            margin: 0;
            color: black;
            font-size: 16px;
            line-height: 32px;
            display: inline-block;
        }

        .tileListContainer.detailview .tileListHeader .title img, .tileListContainer.detailview .tileListHeader .title input {
            position: absolute;
            right: 10px;
            top: 10px;
            margin: 0;
            float: right;
        }

    .tileListContainer.detailview .tileListHeader .search {
        position: absolute;
        top: 42px;
        width: 100%;
    }



    .tileListContainer.detailview .tileListHeader .sort {
        position: absolute;
        top: 84px;
        left: 0;
        width: 120px;
    }



        .tileListContainer.detailview .tileListHeader .sort .btnM.sortFilterToggleButton {
            width: 100%;
        }

            .tileListContainer.detailview .tileListHeader .sort .btnM.sortFilterToggleButton .txtSort {
                display: none;
            }


    /* grid dat zich automatisch aanpast wanneer er elementen ontbreken (title/sort/search enz) */

    .tileListContainer.detailview > .title h1, .tileListContainer.detailview > .title h2, .tileListContainer.detailview > .title h3 {
        margin: 0;
        color: black;
        font-size: 16px;
        font-weight: bold;
        margin-top: 5px;
        font-family: 'MuseoSans-500', 'Segoe UI', 'HelveticaNeue';
    }

    .tileListContainer.detailview > .title img, .tileListContainer.detailview .title input {
        position: absolute;
        right: 10px;
        top: 7px;
        margin: 0;
        float: right;
    }

    .tileListContainer.detailview > .title {
        position: absolute;
        top: 10px;
        left: 10px;
        right: 10px;
        height: 34px;
    }

        .tileListContainer.detailview > .title ~ .search {
            position: absolute;
            top: 45px;
            left: 10px;
            right: 10px;
        }

    .tileListContainer.detailview ~ .sort {
        position: absolute;
        top: 78px;
        left: 0;
        width: 120px;
    }

    /*tileList zonder filter en sort*/
    .tileListContainer.detailview > .title ~ .search ~ .tileListBody {
        position: absolute;
        top: 88px;
        left: 0;
        right: 0;
    }

    /*tileList zonder filter en sort en search*/
    .tileListContainer.detailview > .title ~ .tileListBody {
        position: absolute;
        top: 48px;
        left: 0;
        right: 0;
    }

/*tileList in Canvas*/
.material > .tileListContainer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

    .material > .tileListContainer.auto > .tileListBody {
        position: absolute;
        left: 20px;
        right: 20px;
    }


/*default tileListContainer*/
.tileListContainer {
    position: absolute;
    top: 10px;
    left: 10px;
}

    .tileListContainer .search {
        position: absolute;
        top: 0;
        width: 452.5px;
    }

        .tileListContainer .search > .tileListFilter {
            display: inline !important;
        }

    .tileListContainer .sort {
        position: absolute;
        top: 42px;
        left: 0;
    }

    .tileListContainer .filter {
        position: absolute;
        top: 42px;
        left: 210px;
    }

    .tileListContainer .buttons {
        position: absolute;
        top: 42px;
        left: 420px;
    }

    .tileListContainer .tileListBody {
        top: 86px;
    }


    /* TILELISTCONTAINER CONTROL STYLES  */
    /* TILELIST - LIST */
    /*
     */
    .tileListContainer.list {
        width: 216px;
        top: 10px;
        left: 0;
    }

        .tileListContainer.list > .search {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
        }

        .tileListContainer.list .search .tileListFilter {
            width: 176px !important;
            display: inline-block !important;
        }

        .tileListContainer.list .search .btn {
            position: absolute;
            right: 23px;
        }

        .tileListContainer.list .button-area-top {
            position: absolute;
            left: 183px;
        }

        .tileListContainer.list .sort {
            position: absolute;
            top: 42px;
            left: 0;
            width: 128px;
        }

            .tileListContainer.list .sort .sortFilterToggleButton {
                width: 100%;
            }

        .tileListContainer.list > .sort .sortFilterToggleButton .txtSort, .tileListContainer.list > .filter .font-blue, .tileListContainer.list.meta > .sort .sortFilterToggleButton .txtSort, .tileListContainer.list.meta > .filter .font-blue {
            display: none;
        }

    .tileListContainer.grid.meta > .sort .font-blue {
        display: inline-block;
    }

    .tileListContainer.list > .filter {
        position: absolute;
        top: 42px;
        left: 135px;
        width: 81px;
    }

    .tileListContainer.list > .user-filter {
        position: absolute;
        top: 84px;
        left: 0;
    }

    .tileListContainer.list > .filter .sortFilterToggleButton {
        width: 100%;
    }

    .tileListContainer.list > .user-filter .sortFilterToggleButton {
        width: 216px;
    }


    .tileListContainer.list > .buttons {
        position: absolute;
        left: 0;
        top: 82px;
        right: 23px;
    }

    /*ALS BUTTON DIV NIET BESTAAT */
    .tileListContainer.list > .tileListBody {
        top: 94px;
    }

    /*ALLEEN ALS BUTTON DIV BESTAAT */
    .tileListContainer.list > .buttons ~ .tileListBody {
        top: 126px;
    }

    /*ALS PRE filter DIV BESTAAT */
    .tileListContainer.list > .user-filter ~ .tileListBody {
        top: 124px;
    }

.contentLeft .tileListContainer.list {
    left: 8px;
}

/*override voor extra select boven de lijst*/
.contentLeft > .editFormContainer > select {
    margin-left: 8px;
    width: 216px;
}

.contentLeft select ~ div .tileListContainer.list {
    top: 52px;
}


/* TILELIST - LIST AUTO */

/*
     */
.contentLeft .tileListContainer.auto {
    top: 0px;
    left: 0;
}

    .contentLeft .tileListContainer.auto .tileListFilter, .contentLeft .tileListContainer.auto span.tileListFilter > div {
        width: 166px !important;
        left: 10px;
    }

        .contentLeft .tileListContainer.auto .tileListFilter ~ .btn {
            position: absolute;
            right: 12.5px;
        }

    .contentLeft .tileListContainer.auto [data-type=extended-filter] {
        position: absolute;
        left: 135px;
        width: 81px;
    }

        .contentLeft .tileListContainer.auto [data-type=extended-filter] .sortFilterToggleButton, .contentLeft .tileListContainer.auto [data-type=sort-control] .sortFilterToggleButton {
            width: 100%;
        }

    .contentLeft .tileListContainer.auto [data-type=sort-control] {
        position: absolute;
        left: 10px;
        width: 120px;
    }

        .contentLeft .tileListContainer.auto [data-type=sort-control] .txtSort, .contentLeft .tileListContainer.auto [data-type=extended-filter] .font-blue {
            display: none;
        }




/* TILELIST - GRID */
/*
     */
.tileListContainer.grid {
    top: 8px;
    left: 8px;
    right: 0;
    bottom: 0;
}

.tileListContainer.meta.grid .search {
    position: absolute;
    top: 0px;
    width: 452px;
}

.tileListContainer.grid .search {
    position: absolute;
    top: 0px;
    width: 410px;
}

    .tileListContainer.grid .search .tileListFilter {
        width: 410px !important;
    }

    .tileListContainer.grid .search .btn {
        margin-left: 10px;
    }
/*NIET met user filter*/
.tileListContainer.grid > .sort {
    position: absolute;
    top: 42px;
    left: 0;
    width: 200px;
}

    .tileListContainer.grid > .sort .sortFilterToggleButton {
        width: 200px;
    }

/*WEL met user filter*/
.tileListContainer.meta.grid > .sort {
    position: absolute;
    top: 42px;
    left: 0;
    width: 100px;
}

    .tileListContainer.meta.grid > .sort .sortFilterToggleButton {
        width: 100px;
    }

.tileListContainer.grid > .sort .sortFilterToggleButton .txtSort {
    display: none;
}



.tileListContainer.meta.grid > .user-filter {
    position: absolute;
    top: 42px;
    left: 110px;
    width: 190px;
}
    /*WEL user filter*/
    .tileListContainer.meta.grid > .user-filter .sortFilterToggleButton {
        width: 190px;
    }
/*WEL user filter*/
.tileListContainer.meta.grid > .filter {
    position: absolute;
    top: 42px;
    left: 310px;
    width: 100px;
}

    .tileListContainer.meta.grid > .filter > div > .sortFilterToggleButton {
        width: 100px;
    }

.tileListContainer.grid .filter > div > .sortFilterToggleButton {
    width: 200px;
}
/*NIET user filter*/
.tileListContainer.meta.grid > .filter {
    position: absolute;
    top: 42px;
    left: 310px;
    width: 200px;
}

.tileListContainer.grid > .filter > div > .sortFilterToggleButton {
    width: 200px;
}


.tileListContainer.grid > .buttons, .sectionPreview .popup5Container .tileListContainer.grid .buttons {
    position: absolute;
    left: 420px;
    top: 42px;
    right: 23px;
}

.tileListContainer.grid > .button-area-top {
    position: absolute;
    left: 420px;
    top: 0px;
    right: 23px;
}
/*plus button in multiselectpopup placement (scenario selet) */
.tileListContainer.grid > span.selectedItems ~ .button-area-top {
    top: 42px;
}

    .tileListContainer.grid > span.selectedItems ~ .button-area-top div.floatRight {
        float:left!important;
    }

/*ALS BUTTON DIV NIET BESTAAT */
.tileListContainer.grid .tileListBody{
    top: 84px;
    left: 0px;
}

.sectionPreview .popup5Container .tileListContainer.grid .tileListBody {
    top: 84px;
}

/*tileList met table */
/*uitzondering voor multiselect */
.tileListContainer.meta.multi.grid .selectedItems {
}

.tileListContainer.meta.multi.grid .search {
    top: 42px;
}

.tileListContainer.meta.multi.grid .sort, .tileListContainer.meta.multi.grid .buttons, .tileListContainer.meta.multi.grid .user-filter, .tileListContainer.meta.multi.grid .filter {
    top: 84px;
}

.tileListContainer.meta.multi.grid .tileListBody {
    top: 126px;
}

/*  Onderstaand styling voor binary tegels 

    De meeste items hieronder beginnen met '.tileGroup.binariesList .binaryListContainer':

    '.binariesList' is nodig zodat de styling alleen applied op lijsten in binary tegels. Lookup popups renderen binnen het lookup control en dus ook binnen een tegel, hier zou het fout gaan.
    Deze kan weg als lookup popups niet meer binnen het lookup control gerendert worden. (Deze word gezet in de TileGroupControl.cs en vanuit de InputControlCreated in een aantal metadata schermen)

    '.binaryListcontainer' is nodig omdat in een bijlage tegel, in een bijlage popup, in een rechten lookup, er ook een lijst is, die dus uiteindlijk binnen een tegel gerendert is.
    Deze kan weg als de bijlage popup niet meer binnen het bijlage control gerendert word. (Deze wordt gezet in de ascx van de bijlagecontrol)
*/
.tileGroup.binariesList {
    position: relative;
}

    /* tileGroup with listDetailContainer.meta (no controls)*/
    .tileGroup.binariesList .binaryListContainer .tileListContainer.meta, .popup5Container .tileGroup.binariesList .tileGroupContent > * > .tileListContainer.meta {
        top: 1px;
        left: 10px;
    }

    .tileGroup.binariesList .binaryListContainer .tileListContainer.grid .tileListBody {
        top: 44px;
    }

    .tileGroup.binariesList .binaryListContainer .tileListContainer.meta .tile1x1 {
        margin-bottom: 2.5px;
    }

        .tileGroup.binariesList .binaryListContainer .tileListContainer.meta .tile1x1:nth-child(2n) {
            margin-right: 0px;
        }

        .tileGroup.binariesList .binaryListContainer .tileListContainer.meta .tile1x1:nth-child(1n) {
            margin-right: 2.5px;
        }

    .tileGroup.binariesList .binaryListContainer .tileListContainer.meta .tileListPager {
        background-color: white;
        padding-left: 0px;
    }

        .tileGroup.binariesList .binaryListContainer .tileListContainer.meta .tileListPager span {
            margin-left: 0px;
        }

    .tileGroup.binariesList .binaryListContainer .tileListContainer.grid .button-area-top {
        right: 5px;
        top: 5px;
        left: auto;
    }

    .tileGroup.binariesList .binaryListContainer .tileListContainer .dropdown-menu {
        right: 0px;
        left: auto;
    }

/* POP5 met TILELIST - NOTITLE*/

.popup5Container .tileListContainer {
    left: 0;
}

    .popup5Container .tileListContainer.grid {
        left: 8px;
    }

    .popup5Container .tileListContainer.noTitle .tileListHeader {
        height: 68px;
        left: 20px;
        top: 10px;
    }

    .popup5Container .tileListContainer.noTitle .tileListBody {
        left: 20px;
    }

    .popup5Container .tileListContainer.noTitle .tileListHeader {
        display: block;
        position: relative;
        height: auto;
        top: 0 !important;
        margin: 0;
        padding: 0;
    }

        .popup5Container .tileListContainer.noTitle .tileListHeader .search,
        .popup5Container .tileListContainer.noTitle .tileListHeader .sort,
        .popup5Container .tileListContainer.noTitle .tileListHeader .filter,
        .popup5Container .tileListContainer.noTitle .tileListHeader .sortAndFilter {
            display: block;
            position: relative;
            margin: 0;
            padding: 0;
            float: left;
            clear: both;
        }

        .popup5Container .tileListContainer.noTitle .tileListHeader .search {
            top: 0 !important;
            left: 0 !important;
        }

        .popup5Container .tileListContainer.noTitle .tileListHeader .sort,
        .popup5Container .tileListContainer.noTitle .tileListHeader .sortAndFilter {
            top: 10px !important;
            left: 0 !important;
        }

        .popup5Container .tileListContainer.noTitle .tileListHeader .filter {
            top: -24px !important;
            left: 210px !important;
        }

        .popup5Container .tileListContainer.noTitle .tileListHeader .listcontroltogglebutton {
            top: -24px !important;
            left: 220px !important;
        }

/*o.a. structures select treeview*/
.RadTreeView {
    overflow: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
/*accordion */
.accordion {
    display: block;
    max-width: 684px;
    margin-left: auto;
    margin-right: auto;
}

/*section accordion item*/
/*group states*/
.group {
}

/*group styling*/
.group {
    position: relative;
    margin-bottom: 16px;
    overflow: visible;
    background-color: white;
    border: none;
}

    .group a.ui-accordion-header {
        float: none;
        background-color: transparent;
        color: black;
        padding: 0;
        font-size: 18px;
        overflow: visible;
        padding-top: 0px;
        padding-bottom: 4px;
        font-weight: 100;
        font-family: "MuseoSans-100";
        text-transform: none;
        border: none;
        border-radius: 0;
        padding-left: 24px;
        border-left: solid 4px transparent;
        padding-top: 18px;
        padding-bottom: 18px;
        position: relative;
    }

    .group .group a.ui-accordion-header-active {
        border-color: transparent;
        border-left: solid 4px #DADADA;
    }

    .group a .total, .group a .completed {
        font-size: inherit;
        font-weight: normal;
        font-family: "MuseoSans-100";
    }

    .group > a > .glyphicon.glyphicon-ok {
        color: #64AF4B;
    }

    .group > a > .glyphicon.glyphicon-warning-sign {
        color: #ED2027;
    }

    .group .group .ui-accordion-content.ui-accordion-content-active {
        border-color: transparent;
        border-left: solid 4px #DADADA;
    }

    /*current section / question highlight*/
    .group a.ui-state-active {
        float: none;
        color: black;
        font-family: "MuseoSans-500";
    }

    /* systeem / object / element area */
    .group .ui-accordion-content > div.rowF:first-child {
        padding-left: 0px;
        margin-bottom: 8px;
    }

    .group .ui-accordion-content {
        padding: 0;
        border: none;
        padding-left: 24px;
        padding-right: 24px;
        padding-bottom: 24px;
        border-left: solid 4px transparent;
    }

        .group .ui-accordion-content .tile {
            background-color: #FBFBFB;
            box-shadow: none;
            border-top: none;
            border-radius: 0px;
            width: 150px;
            margin-bottom: 5px;
        }

        .group .ui-accordion-content div.tile a.showOnHover {
            width: 100%;
            height: 100%;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #f7f7f7;
        }

        .group .ui-accordion-content div.tile:hover a.showOnHover {
            width: 100%;
            height: 100%;
        }

        .group .ui-accordion-content div.tile .glyphicon.dockCenter {
            display: flex;
            position: static;
            left: auto;
            top: auto;
            color: black;
        }

        .group .ui-accordion-content .tile .indicator {
            top: 0;
            left: 0;
            bottom: 0;
        }

    .group .badge.description {
        background-color: #E6F7FC;
        border-left: solid 2px #006AAA;
        display: block;
        color: black;
        border-radius: 0;
    }



    .group .question-text {
        font-size: inherit;
        line-height: 18px;
        padding-top: 14px;
        margin-right: 5px;
    }

    .group .number-area {
        display: none;
    }

    .group .validation-area {
        padding: 5px;
        padding-top: 0;
        display: none;
    }

    .group .edit-panel {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 64px;
        background-color: white;
        z-index: 1;
        cursor: pointer;
        padding-top: 16px;
        padding-left: 20px;
    }

    .group[data-hasviolations=true][data-showviolations=true] .validation-area {
        display: block;
    }

    .group .validation-area .alert {
        background-color: #FDE8E9;
        border: none;
        border-left: solid 2px #ED2027;
        border-radius: 0px;
    }

/*question accrodion item*/
.accordion .group .accordion .group {
    margin-bottom: 0;
    padding-left: 0px;
    padding-top: 0px;
    margin-bottom: 8px;
}

    .accordion .group .accordion .group > a {
        padding-top: 16px;
        padding-bottom: 8px;
        padding-left: 16px;
        padding-bottom: 16px;
        font-size: 13px;
        line-height: 46px;
        font-family: "MuseoSans-500";
        background-color: #FBFBFB;
        display: flex;
        width: 100%;
    }

    .accordion .group .accordion .group a.ui-state-active {
        font-size: 13px;
        line-height: 46px;
        font-family: "MuseoSans-900";
    }

    .accordion .group .accordion .group a.ui-state-active, .accordion .group .accordion .group .ui-accordion-content-active {
        background-color: #FBFBFB;
    }

    .accordion .group .accordion .group > a:not(.ui-state-active):hover {
        background-color: #F7F7F7;
        border-left:solid 4px transparent;
    }

    .accordion .group .accordion .group .number-area {
        width: 64px;
        min-width: 64px;
        height: 48px;
        background-color: white;
        border-radius: 0px;
        display: inline-block;
        margin-right: 16px;
        text-align: center;
        word-break: normal;
        position: relative;
        border: solid 1px #C7C6C6;
    }

        .accordion .group .accordion .group .number-area .glyphicon-warning-sign {
            display: none;
        }

    .accordion .group .accordion .group .question-text {
    }

    .accordion .group .accordion .group .ui-accordion-content {
        padding-top: 0px;
        padding-left: 48px;
        padding-right: 24px;
        padding-bottom: 16px;
        margin-top: -1px;
        border-radius: 0;
    }

        .accordion .group .accordion .group .ui-accordion-content .question {
            padding-left: 48px;
        }

    /*border tussen vraag nummers */
    .accordion .group .accordion .group > a:before {
        content: "";
        position: absolute;
        top: -16px;
        bottom: -32px;
        left: 48px;
        border-left: solid 1px #DBDBDB;
    }

    /*border op eerste vraag in sectie niet tonen*/
    .accordion .group .accordion .group:first-child a::before {
        top: 16px;
    }

    /*border op laatste vraag in sectie niet tonen*/
    .accordion .group .accordion .group:last-child a::before {
        bottom: 20px;
    }

    /*pseudo element dat zorgt dat de lijn doorloopt tot aan number area*/
    .accordion .group .accordion .group .question::before {
        content: "";
        position: absolute;
        top: -16px;
        bottom: -32px;
        left: 0;
        border-left: solid 1px #DBDBDB;
    }

    .accordion .group .accordion .group:last-child .question::before {
        border-left-color: transparent;
    }

    /*question states styles */
    /*current active (question) accordion item*/
    .accordion .group .accordion .group a.ui-state-active .number-area {
    }

    /*default question state*/
    /*question: not completed && not interacted with */
    .accordion .group .accordion .group[data-completed=false][data-mutated=false] .number-area {
        border: solid 1px #f1f1f1;
        color: black;
    }

    /*question has violations*/
    /*question not completed && interacted with  */



    .accordion .group .accordion .group[data-mutated=true][data-hasviolations=true][data-showviolations=true][data-completed=false] h3 {
        /*border-left: solid 4px #F89520;*/
        /*background-color: #FCECE6;*/
    }

    .accordion .group .accordion .group[data-mutated=true][data-hasviolations=true][data-showviolations=true][data-completed=false] .ui-accordion-content.ui-accordion-content-active {
        /*border-left: solid 4px #F89520;*/
    }

    .accordion .group .accordion .group[data-mutated=true][data-hasviolations=true][data-showviolations=true][data-completed=false] .number-area {
        color: black;
        border: solid 1px #ED2027;
        color: #ED2027;
        background-color: #FDE8E9;
    }

        .accordion .group .accordion .group[data-mutated=true][data-hasviolations=true][data-showviolations=true][data-completed=false] .number-area .glyphicon-warning-sign {
            display: block;
            line-height: 46px !important;
        }

        .accordion .group .accordion .group[data-mutated=true][data-hasviolations=true][data-showviolations=true][data-completed=false] .number-area .number {
            display: none;
        }



/*section is completed*/
.accordion .group[data-completed=true] {
    background-color: rgba(255,255,255,0.6);
}

    .accordion .group[data-completed=true] > a {
        color: rgba(0,0,0,0.6);
    }

.accordion .group > a > .glyphicon.glyphicon-ok, .accordion .group .accordion .group > a > .glyphicon.glyphicon-ok, .accordion .group > a > .glyphicon.glyphicon-warning-sign, .accordion .group .accordion .group > a > .glyphicon.glyphicon-warning-sign {
    display: none;
}

.accordion .group[data-completed=true] > a > .glyphicon.glyphicon-ok, .accordion .group[data-showviolations=true] > a > .glyphicon-warning-sign {
    display: inline-block;
    margin-right: 8px;
    font-size: inherit;
}

/*question is completed*/
.accordion .group .accordion .group[data-completed=true] .question-text {
    color: #B9B9B9;
}

.accordion .group .accordion .group[data-completed=true][data-interactedwith=true] .number-area, .accordion .group .accordion .group[data-completed=true] .number-area {
    background-color: #F0F0F0;
    color: #B9B9B9;
    border: none;
}

/*dropdown button*/
a.btn.no-border {
    border: none;
    background-color: transparent;
    border-radius: 4px;
    box-shadow: none;
}

.ui-widget .group span.btn-group {
    margin: 5px;
    line-height: 32px;
    z-index: 100;
}

    .ui-widget .group span.btn-group div.no-border .btn {
        font-family: 'Glyphicons Halflings';
        border: none;
        box-shadow: none;
        margin-top: 12px;
        display: inline-block;
    }


.ui-accordion .ui-accordion-content {
    overflow: visible;
}


.accordion .group .accordion .group .question {
    position: relative;
}

.btn-group a.rounded, .btn-group.rounded .btnM {
    border-radius: 16px;
}

/*CHIP radiobutton list */
.chip.radio input[type="radio"] ~ label {
    border-radius: 16px;
    display: inline-block;
    background-color: #f5f5f5;
    padding-left: 8px;
    padding-right: 8px;
    font-weight: bold;
    height: inherit;
    line-height: inherit;
}

.chip.radio.chip-s {
    height: 24px;
    line-height: 22px;
}

.chip.radio input {
    display: none;
}

.chip.radio [type="radio"]:checked + label {
    position: relative;
    cursor: pointer;
    display: inline-block;
    color: #009CDC;
    background-color: #D6E9FF;
}

/*CHIPS Horizontaal */
ul.chips-list {
    list-style:none;
    padding:0;
    margin-top:0;
    margin-bottom:0;
}

.editFormContainer ul.chips-list[disabled], .editFormContainer ul.chips-list[disabled]:hover {
    background: none !important;
    border: none !important;
}

ul.chips-list li{
    display:inline;
    padding-left:0px;
    height:32px;
}

    ul.chips-list > li > span.chip input[type=radio] {
        margin-top: 0 !important;
        opacity:0;
        position:absolute;
        display:none;
    }

    ul.chips-list > li > span.chip label {
        background-color: #E8E8E8;
        display: inline-block;
        padding-left: 6px;
        padding-top: 0;
        padding-right: 6px;
        text-align: center;
        border-radius: 4px;
        margin-top: 1px;
        margin-bottom: 1px;
        border: solid 1px #C7C6C6;
        height: 28px;
        line-height: 26px;
    }

    ul.chips-list > li span.chip label:hover {
        background-color: #CACBCD;
        cursor: pointer;
    }

    ul.chips-list > li span.chip span.aspNetDisabled label:hover {
        background-color: #E8E8E8;
        cursor: not-allowed;
    }

    ul.chips-list > li span.chip input[disabled] ~ label {
        opacity: 0.6;
        cursor: not-allowed;
    }

    ul.chips-list li input:checked ~ label {
        background-color: #E54F16;
        color:white;
    }

    ul.chips-list li input:checked ~ label:hover {
        background-color: #E54F16;
        background-image:url(/Images/RT/Dark/overlay/gray_808080_20.png);
        background-repeat:repeat;
    }

    ul.chips-list li span.aspNetDisabled input:checked ~ label:hover {
        background-color: #E54F16;
        color: white;
    }

    ul.chips-list li span.chip input:focus ~ label {
        outline:solid 1px black;
    }

/* Tristate control */
div.condor-tristate-input {
    border-radius: 16px;
    display: inline-block;
    width: auto !important;
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
}

.condor-tristate-input.btn-group input {
    display: none;
}

.condor-tristate-input input[type="radio"] + label {
    border-radius: 50%;
    width: 22px;
    height: 22px;
    display: inline-block;
    box-shadow: none;
    z-index: 1;
    padding: 0px;
}

.editFormContainer .condor-tristate-input input[type="radio"] + label {
    margin-top: 0;
}

.condor-tristate-input input[type="radio"]:checked + label {
    font-weight: bold;
    background-color: white;
    border: solid 1px #C7C6C6;
}

.condor-tristate-input input[type="radio"] + label.neutral {
    border-left: solid #C7C6C6 1px;
    border-right: solid #C7C6C6 1px;
}

.condor-tristate-input input[type="radio"] + label span {
    line-height: 17px !important;
}

.condor-tristate-input > div.indicator {
    position: absolute;
    top: 8px;
    left: 4px;
    width: 42px;
    height: 16px;
    border-radius: 16px;
    background-color: #c7c6c6;
    z-index: 0;
}

/*niet geselecteerde inputs boven geselecteerde leggen om negatieve margins te compenseren */
.condor-tristate-input input[type="radio"]:not(:checked) + label {
    z-index: 2;
}

    .condor-tristate-input input[type="radio"]:not(:checked) + label:hover {
        background-color: #c7c6c6;
        opacity: 0.4;
    }

/*.condor-tristate-input input[type="radio"]:first-child + label {
    margin-right:-4px;
}*/

.condor-tristate-input input[type="radio"]:nth-child(3) + label {
    margin-left: -8px;
}

.condor-tristate-input input[type="radio"]:nth-child(5) + label {
    margin-left: -8px;
}

.condor-tristate-input input[type="radio"]:first-child:checked + label {
    background-color: #D3796C;
}

.condor-tristate-input input[type="radio"]:nth-child(5):checked + label {
    background-color: #5BBD75;
}
/*.condor-tristate-input met iconen (variant)*/
.condor-tristate-input.icons {
}

    .condor-tristate-input.icons input[type="radio"]:nth-child(3) + label {
        margin-left: 0px;
    }

    .condor-tristate-input.icons input[type="radio"]:nth-child(5) + label {
        margin-left: 0px;
    }

    .condor-tristate-input.icons > div.indicator {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 32px;
        border-radius: 16px;
        background-color: #f1f1f1;
        z-index: 0;
    }

/* AG GRID Styles  */
.ag-grid {
    height: 100%;
}

.HolyGrail, .condorgrid {
    display: flex;
    min-height: 100%;
    height: 100%; /* Deze is specifiek nodig voor IE11, anders heeft het child '.condorgrid-body .ag-grid' element een hoogte van 0 */
    flex-direction: column;
    padding: 10px;
    padding-top: 0px;
}

.HolyGrail-body, .condorgrid-body {
    display: flex;
    flex: 1;
}

.condorgrid-body {
    margin-top: 5px;
}

    .condorgrid-body .ag-grid {
        width: 100%;
        height: auto;
    }
/**/
.condorgrid[class*="col"] {
    margin-left: inherit;
    margin-right: inherit;
}

.condorgrid .condorgrid-body [class*="col"] {
    margin-left: inherit;
    margin-right: inherit;
    float: none;
}

.condorgrid .rowF [class*="col"] {
    margin-left: inherit;
    margin-right: inherit;
    float: left;
}

.condorgrid .editFormContainer .rowF > span {
    padding-top: 10px;
}

.condorgrid .ag-primary-cols-list-panel {
    float: none;
}

.editFormContainer.grid {
    display: grid;
    grid-template-rows: auto auto auto 80%;
    height: 100%;
}

.condorgrid > .editFormContainer > .rowF {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 8px;
    padding-left: 1.03% !important;
    padding-right: 1.03%;
}
/*uitzondering tootlip*/
.condorgrid-body .popover .popover-body {
    padding: 0 !important;
}

.condorgrid .popover-content .header {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    margin-left: -5px;
    margin-right: -5px;
    margin-top: -5px;
}

.condorgrid .popover-content hr {
    border: dotted 0.5px silver;
}

.condorgrid .popover-content [class*="iconS-"] {
    margin-left: -5px;
    margin-right: -5px;
    margin-top: -5px;
}

.condorgrid .popover-content .body {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    margin-left: -5px;
    margin-right: -5px;
    margin-top: -5px;
}

.condorgrid .popover-content .rowF {
    display: block;
    padding-left: 1.03% !important;
    padding-right: 1.03%;
}

.condorgrid .rowF > .input-group {
    display: inline-flex;
}

    .condorgrid .rowF > .input-group .buttonnewmulti.btn-group .btn {
        box-shadow: none;
        border: solid 1px #c7c6c6;
        border-left: none;
        border-radius: 0px;
    }

.input-group .lookup {
    border:none;
}

.input-group .lookup a {
    height:32px;
}

.input-group .buttonnewmulti .btn {
    border: none !important;
    height: 32px;
    border-left: solid 1px #c7c6c6 !important;
}

border: solid 1px #c7c6c6;

.condorgrid .rowF:last-child {
    justify-content: flex-end;
}

.condorgrid .rowF > *:not(.ag-grid) {
    margin-right: 10px !important;
}

.editFormContainer.grid .rowF [class$="col"] {
    width: auto !important;
}

.editFormContainer .rowF label, .editFormContainer > .rowF > span, .list-group-item > .rowF > span {
}

.condorgrid .btn.btn-m {
    padding-top: 7.25px;
}

.condorgrid .lookup > span {
    line-height: 30px;
}

.condorgrid > .condorgridtable {
    display: flex;
    height: 100%;
}

.customHeaderMenuButton {
    float: left;
    margin: 0 0 0 3px;
}

.customHeaderLabel.link {
    float: left;
    margin: 0 0 0 3px;
    font-weight:normal;
    text-decoration:underline;
    text-decoration-style:dotted;
}
.customHeaderLabel.link.primary {
    color: rgb(var(--indicator-info-primary-color));
}

    .customHeaderLabel.link:hover {
        cursor: pointer;
        text-decoration: underline;
    }

.customSortDownLabel {
    float: left;
    margin: 0 0 0 3px;
}

.customSortUpLabel {
    float: left;
    margin: 0;
}

.customSortRemoveLabel {
    float: left;
    margin: 0 0 0 3px;
    font-size: 11px;
}

.active {
    color: cornflowerblue;
}
/*column header styles*/
.customHeaderMenuButton {
    float: left;
    margin: 0 0 0 3px;
}

.customHeaderLabel {
    float: left;
    margin: 0 0 0 3px;
}

.customSortDownLabel {
    float: left;
    margin: 0 0 0 3px;
}

.customSortUpLabel {
    float: left;
    margin: 0;
}

.customSortRemoveLabel {
    float: left;
    margin: 0 0 0 3px;
    font-size: 11px;
}

.active {
    color: cornflowerblue;
}
/*togglebutton*/
/*hide checkbox*/
.condorgrid div.btn-toggle {
    display: inline-block;
    margin-right: 8px;
}

.btn-toggle:hover {
    cursor: pointer;
}

.btn-toggle input[type=checkbox] {
    display: none;
}

.btn-toggle > span:hover {
    cursor: pointer;
    background-color: lightgray !important;
}

.btn-toggle > span.btn, .btn-toggle > label.btn {
    background-color: white;
    height: 32px;
    display: inline-block;
    box-shadow: none;
    padding-left: 8px;
    padding-right: 8px;
    min-width: 32px;
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.16), 0px 0px 0px 1px rgba(0,0,0,0.08);
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.16), 0px 0px 0px 1px rgba(0,0,0,0.08);
}

    .btn-toggle > span.btn > span.glyphicon, .btn-toggle > label.btn > span.glyphicon {
        line-height: 16px !important;
        top: 0px;
    }

.btn-toggle > span > span.text, .btn-toggle > label > span.text {
    padding: 0;
    line-height: 20px;
}

.btn-toggle input[type=checkbox]:checked + span.btn, .btn-toggle input[type=checkbox]:checked + label.btn {
    background-color: #EBEBEB;
    height: 32px;
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-toggle input[type=checkbox]:checked:active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.editFormContainer .btn-toggle input[type="CheckBox"] ~ label {
    margin-right: 0px;
}

/*checkboxlist with icons */
table.chkbxlst {
    padding-top: 0px;
    display: inline;
    width: 400px;
}

.chkbxlst td {
    padding-top: 0px;
    display: inline-block;
}

.chkbxlst input[type=checkbox] {
    display: none;
}

    .chkbxlst input[type=checkbox] ~ label {
        border-radius: 16px;
        background-color: white;
        padding-right: 8px;
        height: 32px;
        padding-left: 7px;
        display: inline-block;
        cursor: pointer;
        border: solid 2px transparent;
    }

    .chkbxlst input[type=checkbox]:checked ~ label {
        background-color: #EBEBEB;
        border: solid 2px #B9B9B9;
        height: 32px;
    }

    .chkbxlst input[type=checkbox] ~ label > span {
        padding-top: 7px;
        display: inline-block;
    }

.chkbxlst.with-check-icon input[type=checkbox] ~ label > span {
    padding-left: 2px;
}
/* checkbox zonder vinkje = toggle button, vinkje altijd weg */
.chkbxlst input[type=checkbox] ~ label > span:first-child {
    display: none;
}
/* checkbox */
.chkbxlst.with-check-icon input[type=checkbox] ~ label > span:first-child {
    padding-right: 8px;
    padding-left: 2px;
    display: none;
}

.chkbxlst.with-check-icon input[type=checkbox]:checked ~ label > span:first-child {
    display: inline-block;
}
/* asp radiobuttonlist */
.rowF label ~ table {
    display: inline;
}

    .rowF label ~ table td {
        padding-right: 5px;
    }
/* listgroup */
.list-group-item {
    padding-top: 16px;
    padding-left: 8px;
    padding-right: 8px;
}

.list-group-horizontal.wizard .list-group-item {
    display: table-cell;
    width: 1%;
    text-decoration: none;
    color: #808285;
    background: transparent;
    border: none;
    border-bottom: solid 10px #808285;
    padding-left: 0px;
}

    .list-group-horizontal.wizard .list-group-item.active {
        color: #03A9F4;
        border-bottom: solid 10px #03A9F4;
    }

        .list-group-horizontal.wizard .list-group-item.active h2 {
            color: #03A9F4;
        }

.list-group-horizontal.wizard .list-group-item {
    margin-bottom: 0;
    margin-left: -4px;
    margin-right: 0;
}

    .list-group-horizontal.wizard .list-group-item:first-child {
        border-top-right-radius: 0;
        border-bottom-left-radius: 4px;
    }

    .list-group-horizontal.wizard .list-group-item:last-child {
        border-top-right-radius: 4px;
        border-bottom-left-radius: 0;
    }

.googleGeoChart path {
    stroke: #A7A9AC;
}
/* SEL als treeview */
.selTreeGreen {
    background-color: #269E18;
}

.selTreeYellow {
    background-color: #DFE41B;
}

.selTreeRed {
    background-color: #D54242;
}

.selTreeWhite {
    background-color: white;
}
/* Contract treeview */
.treeview-scrollpanel {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
}
/*Custom timer control 
    start
*/
.svg.radial-timer, .svg.radial-gauge {
    position: relative;
    display: block;
    transform: scale(1);
    background: none !important;
    border: none;
}

.radial-timer svg {
    transform: rotate(270deg);
}

.radial-timer svg {
    transform: rotate(132.5deg);
}

.radial-gauge svg {
    transform: rotate(132.5deg);
}

circle {
    /*stroke-width: 2em;*/
    /*    fill: transparent; verwijdert kleur van objecten kaart */
    transform: rotate(0.1deg);
}

.radial-timer-background {
    stroke: #DEDEDE;
}

.radial-timer-cover, .radial-gauge-cover {
    stroke: rgb(var(--indicator-info-primary-color));
    border: 12px solid gray;
}

.radial-timer.red .radial-timer-center {
    fill: #FF3366;
}

.radial-timer.red .radial-counter {
    color: #FF3366;
}

.radial-timer.green .radial-timer-cover {
    stroke: #99CC66;
}

.radial-timer.green .radial-timer-counter {
    color: #99CC66;
}

.radial-timer-center {
    fill: white;
}

.radial-timer-text {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    line-height: 160px;
    text-align: center;
}

.radial-fill {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.radial-timer-counter, .radial-gauge-counter {
    position: absolute;
    left: 0;
    top: 0;
    line-height: 100%;
    text-align: center;
    color: #03A9F4;
}

.radial-gauge-max {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0;
    bottom: 0;
    transform: rotate(-135deg);
    width: 100px;
    height: 100px;
}

.radial-gauge-background {
    stroke: silver;
}

.radial-gauge-counter span {
    font-size: 48px;
    color: rgb(var(--indicator-info-primary-color));
}

.radial-gauge-range {
    position: absolute;
    bottom: 0;
    left: 1px;
    width: 100%;
    height: 20px;
    text-align: center;
}

    .radial-gauge-range span:first-child {
        font-size: 9px;
        margin-right: 15%;
        line-height: normal;
    }

    .radial-gauge-range span:last-child {
        font-size: 9px;
        margin-left: 15%;
        line-height: normal;
    }
/*Custom timer control 
    end
*/
/*Kostencalculator & condor filter (modal panel extention)*/
.modal {
    background-color: rgba(0,0,0,0.2);
    overflow: visible;
    overflow-y: visible;
}

.modal-backdrop {
    background-color: transparent;
    z-index: -1;
}

.modal-calculator.modal .modal-body {
    min-height: 400px;
}

.modal-calculator.modal h4 {
    min-height: 400px;
}

@media screen and (min-width:750px) {
    .modal-calculator.modal .modal-dialog {
        min-width: 800px;
    }
}

@media screen and (min-width:1200px) {
    .modal-calculator.modal .modal-dialog {
        min-width: 1024px;
    }
}

.modal-calculator.modal .tileListBody {
    top: 0px;
    left: 9px;
}

.modal-header {
    padding:8px;
}

[data-type="modal-condorfilter"] .modal-header.extended {
    padding-right: 10px;
    background-color: #EFEFF2;
}

.modal-calculator.modal .modal-content, .modal-calculator.modal .modal-header, [data-type="modal-condorfilter"] .modal-header {
    border-bottom: none !important;
    padding-right: 2px;
}

    .modal-calculator.modal .modal-header [type="button"], [data-type="modal-condorfilter"] .modal-header [type="button"] {
        float: right;
        border: none;
        background-color: transparent;
        border-radius:4px;
        box-shadow:none;
    }

    .modal-calculator.modal .modal-header [type="button"]:hover, [data-type="modal-condorfilter"] .modal-header [type="button"]:hover {
        background-color: rgba(0,0,0,0.2);
    }


    [data-type="modal-condorfilter"] .modal-header [type="button"] {
        margin-right: 10px;
    }

    .modal-calculator.modal .modal-header [type="button"]:hover {
        cursor: pointer;
    }

    .modal-calculator.modal [type="button"] span, [data-type="modal-condorfilter"] .modal-header [type="button"] span {
        font-size: 18px;
        margin: 0px;
    }

    [data-type="modal-condorfilter"] .modal-header input[type=checkbox] {
        margin-top: 8px;
    }

.modal-calculator.modal .editFormContainer {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    width: 80%;
}

.modal-calculator.modal .modal-sidepanel {
    position: absolute;
    top: 0px;
    width: 20%;
    bottom: 0px;
    right: 0px;
}

    .modal-calculator.modal .modal-sidepanel label {
        padding: 0px !important;
    }

.modal-calculator.modal .tileListBody .tileList {
    top: 42px;
}

.modal-calculator.modal .tileListBody .table {
    padding-top: 1px;
}

    .modal-calculator.modal .tileListBody .table > .rowF {
        height: auto;
    }

.modal-calculator.modal .cellF {
    padding: 0 !important;
    padding-left: 1px !important;
    border-color: transparent !important;
}
/*aleen de header rij*/
.modal-calculator.modal .tileListBody .table:first-child .cellF {
    height: 36px;
    padding-left: 3px !important;
}

    .modal-calculator.modal .tileListBody .table:first-child .cellF:first-child {
        padding-left: 1px !important;
    }

.modal-calculator.modal .cellF a.btn-m {
    width: 32px;
    height: 32px;
    background-color: #F0EFEF;
    margin-bottom: 1px;
}
/*Kostencalculator END*/
[data-type="modal-condorfilter"] input[type=text].txtFilterNaam {
    border-color: transparent;
    background-color: transparent;
    width: 78% !important;
    padding-left: 5px;
    margin-bottom: 4px;
}

[data-type="modal-condorfilter"] input.txtFilterNaam:hover {
    border: solid 1px #C7C6C6;
    background: #F7F7F7;
}

[data-type="modal-condorfilter"] .modal-header > .rowF > label {
    line-height: 32px;
}
/* Change the white to any color ;) */
[data-type="modal-condorfilter"] input:-webkit-autofill, [data-type="modal-condorfilter"] input:-webkit-autofill:hover, [data-type="modal-condorfilter"] input:-webkit-autofill:active, [data-type="modal-condorfilter"] input:-webkit-autofill:focus {
    background-color: rgba(255,255,255, 0);
}

[data-type="modal-condorfilter"] .modal-body, .modal-body {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    max-height: 400px;
    width:100%;
}

    [data-type="modal-condorfilter"] .modal-body .sortFilterToggleButton {
        width: 100%;
    }

    [data-type="modal-condorfilter"] .modal-body .editFormContainer {
        width: 100%;
    }

    [data-type="modal-condorfilter"] .modal-body .rowF {
        margin: 0px !important;
        margin-bottom: 5px !important;
    }

/* form-configurator */
/*no animatuions, only on helper*/
.form-configurator > .section-left:not(.ui-sortable-helper) {
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    all 0.1s linear;
    -ms-transition: all 0.1s linear;
    all 0.1s linear;
    -o-transition: all 0.1s linear;
    all 0.1s linear;
    transition: all 0.1s linear;
}
/*hide tileGroup when show only visible*/
.form-configurator > .view-options #btnVisibleGroupsToggle {
    height: 32px;
    background-color: white;
    border: none;
}

.form-configurator > .view-options {
    width: 100%;
    padding: 10px;
    padding-bottom: 0px;
}

    .form-configurator > .view-options #icoHide {
        display: inline-block;
    }

    .form-configurator > .view-options #icoShow {
        display: none;
    }

    .form-configurator > .view-options.hidden #icoHide {
        display: none;
    }

    .form-configurator > .view-options.hidden #icoShow {
        display: inline-block;
    }

.form-configurator > .section-left.hidden .tileGroup.hidden {
    display: none;
}

.tileGroup.hidden, .tileGroup.hidden .tileGroupContent {
    background-color: rgba(255,255,255,0.1);
}

.form-configurator > .section-left div.rowF > div.linkAttributesValueContainer {
    padding-left: 0px;
    display: flex;
}

    .form-configurator > .section-left div.rowF > div.linkAttributesValueContainer > div {
        border: 1px black solid;
        border-radius: 5px;
        padding: 2px;
    }

        .form-configurator > .section-left div.rowF > div.linkAttributesValueContainer > div:not(:first-child) {
            margin-left: 5px;
        }

.form-configurator > .section-left .tile1x1 {
    overflow-y: auto;
}

    .form-configurator > .section-left .tile1x1 div.rowF > div.linkAttributesValueContainer > div {
        display: none;
    }

.form-configurator > .section-right, .configurator > .section-right {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 240px;
    padding: 5px;
    background-color: white;
}

    .form-configurator > .section-right div.rowF > div.linkAttributesValueContainer > div {
        display: none;
    }

    .form-configurator > .section-right > a {
        display: block;
    }

    .form-configurator > .section-right #btnNewGroup.tileGroup {
        width: 48px;
        height: 48px;
        float: none;
    }

    .form-configurator > .section-right > #accordion {
        padding-left: 5px;
    }

        .form-configurator > .section-right > #accordion .ui-accordion-header {
            display: block;
            float: none;
            margin-left: 0px !important;
            border: none;
            background-color: transparent;
            padding-left: 0px;
        }

            .form-configurator > .section-right > #accordion .ui-accordion-header.ui-state-active {
                border: none;
                color: inherit;
                background-color: transparent;
            }

        .form-configurator > .section-right > #accordion h2.ui-accordion-header {
            font-size: 16px !important;
        }

        .form-configurator > .section-right > #accordion .ui-accordion-header .ui-accordion-header-icon {
            margin: 0px;
            margin-top: 6px;
            position: static;
            text-indent: 0;
            float: right;
        }

        .form-configurator > .section-right > #accordion.ui-accordion .ui-accordion-content {
            padding: 0px;
            position: relative;
            background-color: transparent;
            border: none;
            padding-left: 1px;
        }

            .form-configurator > .section-right > #accordion.ui-accordion .ui-accordion-content #inputSearch {
                position: absolute;
                top: 10px;
                height: 32px;
                width: 100%;
            }

            .form-configurator > .section-right > #accordion.ui-accordion .ui-accordion-content .list-properties {
                position: absolute;
                top: 47px;
                bottom: 0px;
                right: 0px;
                left: 0px;
                overflow: auto;
            }

#pnlGroupElements, #pnlTileElements {
    width: 100%;
}

.form-configurator .tileGroup .rowF {
    float: left;
}

    .form-configurator .tileGroup .rowF:hover, .list-properties .rowF:hover {
        cursor: move;
    }

.form-configurator .tileGroup .tile1x1 {
    margin: 0px;
    margin-right: 5px;
    background-color: #F7F7F7;
    padding-top: 5px;
}
/*dropdown clipping solution*/
.form-configurator .tileGroup .tile1x1 .dropdown {
    position:static;
    margin-right:8px;
}
    .form-configurator .tileGroup .tile1x1 .dropdown-menu {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: auto;
        transform:none !important;
    }
/*overwrite voor dit specifieke geval*/
.tile1x1 div.dropdown.pull-right {
    color: inherit;
    font-size: inherit !important;
    float: left;
    width: 16px;
    height: 16px;
}

.tile1x1 ul.dropdown-menu a span, .tile1x1 ul.dropdown-menu a {
    color: inherit !important;
    font-size: inherit !important;
}

.form-configurator .tileGroup.add {
    position: relative;
    background: rgba(0,0,0,0.1);
    pointer-events: all;
}

    .form-configurator .tileGroup.add:hover {
        background: rgba(0,0,0,0.2);
        cursor: pointer;
    }

    .form-configurator .tileGroup.add span.glyphicon {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -8px;
        margin-left: -8px;
    }

.form-configurator .tileGroup .divSectionTitle {
    width: 100%;
    max-width: 100%;
    padding-right: 5px;
}

    .form-configurator .tileGroup .divSectionTitle input.text-input, .form-configurator .tile1x1 input.text-input {
        float: left;
        width: 45%;
        padding-left: 5px;
        background: white;
        border-color: white;
    }

        .form-configurator .tileGroup .divSectionTitle input.text-input:hover, .form-configurator .tile1x1 input.text-input:hover {
            background-color: #f1f1f1;
            border-color: inherit;
        }

    .form-configurator .tileGroup .divSectionTitle .dropdown.pull-right {
        margin: 5px;
        font-size: 18px;
    }

.tileGroup.sortable-placeholder {
    border: dotted #03A9F4 1px !important;
    background: none !important;
}

.rowF.sortable-placeholder {
    height: 30px;
    border: dotted #03A9F4 1px;
    background-color: none;
    width: 40px;
}

.form-configurator > .section-left, .configurator > .section-left {
    position: absolute;
    top: 48px;
    right: 240px;
    bottom: 0px;
    left: 0px;
    overflow-y: auto;
    overflow-x: hidden;
}

.configurator > .section-left {
    top:8px;
}

    .ui-sortable-helper {
        opacity: 0.5;
        z-index: 1000;
        visibility: visible;
    }
/*jq-ui datepicker */
#ui-datepicker-div {
    z-index: 1999 !important;
}

.ui-datepicker-prev .ui-icon {
    background-image: url('../../Images/RT/btnArrowL.png');
    background-position: center;
}

.ui-datepicker-prev.ui-state-hover {
    background: #ccc !important;
    left: 2px;
}

.ui-datepicker-next .ui-icon {
    background-image: url('../../Images/RT/btnArrowR.png');
    background-position: center;
}

.ui-datepicker-next.ui-state-hover {
    background: #ccc !important;
    right: 2px;
}
/*REPORTVIEWER*/
.condorReportViewer {
}

    .condorReportViewer .pageTitle {
        height: 48px;
        padding: 10px;
    }

        .condorReportViewer .pageTitle h1 {
            display: inline;
        }

.popup5Container .condorReportViewer div.pageTitle ~ div.content {
    top: 48px;
    background-color: white;
}

.MSRS-RVC {
    background-color: white;
    padding: 20px;
}

    .MSRS-RVC table {
    }

    .MSRS-RVC .ParametersFrame {
        border: none !important;
    }

        .MSRS-RVC .ParametersFrame tr td:first-child table {
            max-width: 1024px;
        }

td.ParamEntryCell table td:last-child {
}
/*HTML EDITOR*/
.RadEditor.reFullScreen {
    position: fixed !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.reEditorModes span, .reEditorModes a {
    height: 24px;
    width: 24px !important;
    background-color: transparent;
    border: none;
}

    .reEditorModes a.reMode_selected {
        background-color: white;
    }
/*Verplichting KPI */
.kpi-verplichtingen rect:hover {
    opacity: 0.5;
}

svg .danger {
    fill: #ED2027;
}

svg .warning {
    fill: #F89520;
}

svg .succes {
    fill: #7FC242;
}

svg .info {
    fill: rgb(var(--indicator-info-primary-color));
}
/* jquery-ui selectmenu */
.ui-selectmenu-menu {
    z-index: 5000;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.300);
}

/* jquery-ui autocomplete */
.ui-autocomplete {
    z-index: 5000;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.300);
}

.ui-selectmenu-button.ui-button {
    width: 100%;
    line-height: 24px !important;
    border-radius: 0;
}

    .ui-selectmenu-button.ui-button .ui-selectmenu-text {
        line-height: 24px !important;
        margin-right: 5px;
    }

.ui-selectmenu-menu {
    max-width: 500px;
    max-height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.ui-autocomplete {
    max-width: 500px;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

.ui-menu .ui-menu-item-wrapper {
    display: inline-block;
    width: 100%;
}

/* ruimtebeheer / melding logboek MERGE */
.badge {
    display: inline-block;
    min-width: 10px;
    padding: 4px 8px;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    white-space: normal;
    vertical-align: baseline;
    background-color: #E6F7FC;
    border-radius: 10px;
    text-align: left;
}

    .badge:empty {
        display: none;
    }

a.badge:hover,
a.badge:focus {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

.btn .badge {
    position: relative;
    top: -1px;
}

a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
    color: #428bca;
    background-color: #ffffff;
}

.nav-pills > li > a > .badge {
    margin-left: 3px;
}

.badge-s {
    border-radius: 4px;
}

.bg-light-gray {
    background-color: #f5f5f5;
    color: black;
}

/*logboek items*/
li.logboek-item {
    width: 100%;
    background-color: white;
    display: inline-block;
    border-bottom: 1px solid #f2f2f2;
}

/*Werkzaamheden panel */
div.logboek-readonly {
    bottom: 0px !important;
    padding-bottom: 0px !important;
}

div.werkzaamheden-panel {
    background: white;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
}

    div.werkzaamheden-panel .list-group {
        position: absolute;
        top: 40px;
        right: 0;
        left: 0;
        bottom: 120px;
        overflow: auto;
    }

    div.werkzaamheden-panel > div.area-edit {
        position: absolute;
        bottom: 0px;
        left: 0px;
        right: 0px;
        height: 140px;
        padding: 10px;
    }

    /*Werkzaamheden panel / rowF voor textveld*/
    div.werkzaamheden-panel > div > textarea {
        width: 100%;
        height: 70px;
        background-color: #F7F7F7;
        border: 1px solid #C7C6C6;
    }


    /*Werkzaamheden panel / rowF voor textveld / button 'Verstuur'*/
    div.werkzaamheden-panel input[type="submit"] {
        background-color: #ddd;
        margin-top: 10px;
        margin-bottom: 10px;
    }


/*structure configurator styles*/
.tvMatch > .header {
    background-color: rgba(3,169,244,0.33) !important;
    border-color: rgba(3,169,244,0.66) !important;
}

/*een rij voor de header, elementen en structuurdelen in te plaatsen*/
/*grid levels*/
.structure-configurator {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 8px;
}

    .structure-configurator .lookup {
        padding: 0;
    }

        .structure-configurator .lookup input {
            width: 100%;
            height: 31px;
        }

        .structure-configurator .lookup span input {
            display: inline-block;
            position: absolute;
            top: 8px;
            right: 8px;
            bottom: 8px;
            width: 16px !important;
            height: 16px;
        }

        .structure-configurator .lookup span input {
        }

    .structure-configurator rowF:first-child {
    }

.configurator-dropbox {
    position: absolute;
    top: 48px;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 8px;
    background-color: rgba(255,255,255,0.05);
}

.configurator-dropbox .element {
    color: black;
    border-left: 1px dashed rgba(0,0,0,0.2);
    transition: border-left 0.5s;
    padding-left: 8px;
    border-radius: 4px;
}

    .configurator-dropbox .element > .header {
        padding: 8px;
        background-color: #FDEDE7;
        margin-bottom: 4px;
        margin-left: -8px;
        border-radius: 4px;
        height: auto;
        display:block;
    }

        .configurator-dropbox .element > .header > h1 {
            font-size: 11px;
            display: inline;
        }

        .configurator-dropbox .element > .header p {
            display: inline;
        }

    .configurator-dropbox .element .header:hover {
        background-color: rgba(3,169,244,0.33) !important;
        cursor: grab;
    }

    .configurator-dropbox .structure {
        padding-left: 24px;
        border-radius: 4px;
        border-left: 1px dashed rgba(0,0,0,0.2);
        transition: border-left 0.5s;
        position: relative;
    }

        .configurator-dropbox .structure .header:hover {
            background-color: rgba(3,169,244,0.33) !important;
            cursor: grab;
        }

        .configurator-dropbox .structure h1 {
            font-size: 18px;
            font-family: 'MuseoSans-900';
        }

        .configurator-dropbox .structure > .header {
            background-color: white;
            padding: 8px;
            margin-left: -24px;
            border-radius: 4px;
            border-left: 1px solid transparent;
            margin-bottom: 4px;
            position: relative;
            height: auto;
            display: block;
        }

    .structure > .dropdown, .structure > .element {
        position: absolute;
        top: 0px;
        right: 4px;
        width: 31px;
        height: 31px;
    }

        .structure > .dropdown .collapseText {
            float: none;
        }

        .structure > .dropdown > a, .element > .dropdown > a {
            position: absolute;
            top: 0;
            right: 0;
            width: 32px;
            height: 32px;
            padding: 9px;
            border-radius: 4px;
        }

    .structure .structure > .header h1 {
        font-size: 13px;
        font-family: 'MuseoSans-900';
    }

    .structure[data-expanded=true] .glyphicon-chevron-down, .element[data-expanded=true] .glyphicon-chevron-down {
        display: inline;
    }

    .structure[data-expanded=true] .glyphicon-chevron-right, .element[data-expanded=true] .glyphicon-chevron-right {
        display: none;
    }

    .structure[data-expanded=false] .glyphicon-chevron-right, .element[data-expanded=false] .glyphicon-chevron-right {
        display: inline;
    }

    .structure[data-expanded=false] .glyphicon-chevron-down, .element[data-expanded=false] .glyphicon-chevron-down {
        display: none;
    }

    .structure[data-expanded=true] .element-dropbox, .structure[data-expanded=true] .structure-dropbox {
        display: block;
    }

    .structure[data-expanded=false] .element-dropbox, .structure[data-expanded=false] .structure-dropbox {
        display: none;
    }

.element[data-expanded=true] .element-dropbox, .element[data-expanded=true] .structure-dropbox {
    display: block;
}

.element[data-expanded=false] .element-dropbox, .element[data-expanded=false] .structure-dropbox {
    display: none;
}

.structure[data-expanded=false] {
}

.editFormContainer.grid .rowF [class$="col"] {
    width: auto !important;
}

.editFormContainer .rowF label, .editFormContainer > .rowF > span, .list-group-item > .rowF > span {
}
    
/*bootstrap popover */
.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    display: block;
    max-width: 276px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
}

    .popover .arrow {
        position: absolute;
        display: block;
        width: 1rem;
        height: 0.5rem;
        margin: 0 0.3rem;
    }

        .popover .arrow::before, .popover .arrow::after {
            position: absolute;
            display: block;
            content: "";
            border-color: transparent;
            border-style: solid;
        }

.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
    margin-bottom: 0.5rem;
}

    .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow {
        bottom: calc(-0.5rem - 1px);
    }

        .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before {
            bottom: 0;
            border-width: 0.5rem 0.5rem 0;
            border-top-color: rgba(0, 0, 0, 0.25);
        }

        .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
            bottom: 1px;
            border-width: 0.5rem 0.5rem 0;
            border-top-color: #fff;
        }

.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
    margin-left: 0.5rem;
}

    .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow {
        left: calc(-0.5rem - 1px);
        width: 0.5rem;
        height: 1rem;
        margin: 0.3rem 0;
    }

        .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before {
            left: 0;
            top:0;
            border-width: 0.5rem 0.5rem 0.5rem 0;
            border-right-color: rgba(0, 0, 0, 0.25);
        }

        .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after {
            left: 1px;
            border-width: 0.5rem 0.5rem 0.5rem 0;
            border-right-color: #fff;
        }

.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
    margin-top: 0.5rem;
}

    .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow {
        top: calc(-0.5rem - 1px);
    }

        .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before {
            top: 0;
            border-width: 0 0.5rem 0.5rem 0.5rem;
            border-bottom-color: rgba(0, 0, 0, 0.25);
        }

        .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
            top: 1px;
            border-width: 0 0.5rem 0.5rem 0.5rem;
            border-bottom-color: #fff;
        }

    .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
        position: absolute;
        top: 0;
        left: 50%;
        display: block;
        width: 1rem;
        margin-left: -0.5rem;
        content: "";
        border-bottom: 1px solid #f7f7f7;
    }

.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
    margin-right: 0.5rem;
}

    .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow {
        right: calc(-0.5rem - 1px);
        width: 0.5rem;
        height: 1rem;
        margin: 0.3rem 0;
    }

        .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before {
            right: 0;
            border-width: 0.5rem 0 0.5rem 0.5rem;
            border-left-color: rgba(0, 0, 0, 0.25);
        }

        .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after {
            right: 1px;
            border-width: 0.5rem 0 0.5rem 0.5rem;
            border-left-color: #fff;
        }

.popover-header {
    padding: 0.5rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}

    .popover-header:empty {
        display: none;
    }

.popover-body {
    padding: 0.5rem 0.75rem;
    color: #212529;
}

/* tileList Sort dropdown control */
.sortDropDown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 200px;
    padding: 5px 0;
    margin: 2px 0 0;
    margin-top: 0;
    list-style: none;
    font-size: 14px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.300);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.300);
    background-clip: padding-box;
}


ul.sortDropDown-menu > li {
    float: none;
}

ul.dropdown-menu li:hover {
    background: none;
}
/*position relative voor plaatsing defaultfilterlink over optie link*/
.pre-filter ul.sortDropDown-menu li {
    position: relative;
}

.sortDropDown-menu input {
    cursor: pointer;
}

.sortDropDown-menu.pull-right {
    right: 0;
    left: auto;
}

.sortDropDown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.sortDropDown-menu > li > a {
    display: flex;
    padding: 3px 0;
    clear: both;
    font-weight: normal;
    line-height: 24px;
    cursor: pointer;
    color: #333333;
    white-space: nowrap;
    text-decoration: none;
}

.pre-filter .sortDropDown-menu > li > a {
    padding-left: 15px;
    padding-right: 5px;
}

.pre-filter .sortDropDown-menu > li > span {
    padding-left: 15px;
    padding-right: 5px;
    display: inline-block;
}
/*defaultfilter flag plaatsing over filteroptielink */
.pre-filter .sortDropDown-menu > li > a ~ a {
    display: inline-block;
    position: absolute;
    top: 0px;
    padding-left: 0px;
    padding-right: 5px;
}

    .pre-filter .sortDropDown-menu > li > a ~ a span.glyphicon-flag.hide {
        color: silver;
        display: inline-block !important;
    }

.pre-filter .sortDropDown-menu > li:hover > a ~ a span.glyphicon-flag.hide {
    color: silver;
    display: inline-block !important;
}

.pre-filter .sortDropDown-menu > li > a ~ a:hover span.glyphicon-flag.hide {
    color: black;
}

.sortDropDown-menu > li > a:hover,
.sortDropDown-menu > li > a:focus {
    text-decoration: none;
    cursor: pointer;
    color: #262626;
    /*background-color: #f5f5f5;*/
}

.sortDropDown-menu > .active > a,
.sortDropDown-menu > .active > a:hover,
.sortDropDown-menu > .active > a:focus {
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    outline: 0;
    /*background-color: #428bca;*/
}

.sortDropDown-menu > .disabled > a,
.sortDropDown-menu > .disabled > a:hover,
.sortDropDown-menu > .disabled > a:focus {
    color: #999999;
}

    .sortDropDown-menu > .disabled > a:hover,
    .sortDropDown-menu > .disabled > a:focus {
        text-decoration: none;
        background-color: transparent;
        background-image: none;
        filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
        cursor: not-allowed;
    }

.open.sortDropDown-menu {
    display: block;
}

.open > a {
    outline: 0;
}

.modal-body .sortFilterToggleButton + .sortDropDown-menu {
    max-height: 320px;
    overflow-y: auto;
}


/* tileList Sort dropdown control */

/*.sortDropDown-menu {
    position: absolute;
    top: 32px;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 200px;
    padding: 5px 0;
    margin: 2px 0 0;
    margin-top: 0;
    list-style: none;
    font-size: 14px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.300);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.300);
    background-clip: padding-box;
}

    .sortDropDown-menu input {
        cursor: pointer;
    }

    .sortDropDown-menu.pull-right {
        right: 0;
        left: auto;
    }

    .sortDropDown-menu .divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5;
    }

    .sortDropDown-menu > li > a {
        display: block;
        padding: 3px 0;
        clear: both;
        font-weight: normal;
        line-height: 24px;
        cursor: pointer;
        color: #333333;
        white-space: nowrap;
        text-decoration: none;
    }

        .sortDropDown-menu > li > a > span {
        }

        .sortDropDown-menu > li > a:hover,
        .sortDropDown-menu > li > a:focus {
            text-decoration: none;
            cursor: pointer;
            color: #262626;*/
            /*background-color: #f5f5f5;*/
        /*}

    .sortDropDown-menu > .active > a,
    .sortDropDown-menu > .active > a:hover,
    .sortDropDown-menu > .active > a:focus {
        color: #ffffff;
        cursor: pointer;
        text-decoration: none;
        outline: 0;*/
        /*background-color: #428bca;*/
    /*}

    .sortDropDown-menu > .disabled > a,
    .sortDropDown-menu > .disabled > a:hover,
    .sortDropDown-menu > .disabled > a:focus {
        color: #999999;
    }

        .sortDropDown-menu > .disabled > a:hover,
        .sortDropDown-menu > .disabled > a:focus {
            text-decoration: none;
            background-color: transparent;
            background-image: none;
            filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
            cursor: not-allowed;
        }

.open.sortDropDown-menu {
    display: block;
}

.open > a {
    outline: 0;
}*/

/* Widget controls */
.mycondor-configurator {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

    .mycondor-configurator .section-left {
        position: absolute;
        top: 10px;
        left: 10px;
        right: 0px;
        bottom: 0px;
        right: 0px;
        overflow: auto;
        display: grid;
    }

    .mycondor-configurator.edit .section-left {
        right: 240px;
    }

    .mycondor-configurator.show-overlay .overlay {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        background-color: rgba(0,0,0,0.2);
        cursor: not-allowed;
    }

    .mycondor-configurator .section-left > .widget-container {
        grid-row: 1;
        grid-column: 1;
        display: grid;
        grid-template-columns: repeat(auto-fill, 72px);
        grid-template-rows: repeat(auto-fill, 72px);
        /*grid-gap: 16px;*/
    }

        .mycondor-configurator .section-left > .widget-container.ui-droppable-hover {
            background-color: rgba(0,0,0,0.1);
            /*grid-gap: 16px;*/
        }

    .mycondor-configurator .section-left .widget-container .rect {
        background-color: #f5f5f5;
    }

    /*edit panel*/
    .mycondor-configurator > .section-right {
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        width: 0px;
        padding: 5px;
        background-color: white;
    }
    /*edit panel in editmode*/
    .mycondor-configurator.edit > .section-right {
        width: 240px;
    }



.widget-container .widget {
    background-color: white;
    /* zorg dat inhoud van widget kan scrollen */
    max-height: 100%;
    overflow: hidden;
    display: grid;
    grid-template-rows: 48px auto 16px;
    grid-template-columns: auto auto;
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
}

    .widget-container .widget[data-await=true] {
        opacity: 0.5;
    }

    .widget-container .widget h2 {
        grid-row: 1;
        margin-left: 8px;
    }

    .widget-container .widget .btn-area {
        align-self: center;
        height: 32px;
        grid-row: 1;
        grid-column: 2;
        display: flex;
        justify-content: flex-end;
    }

    .widget-container .widget.await-server .btn-area {
        display: none;
    }

.widget .btn-area .btn {
    margin-right: 4px;
}

/*als server laadt, btn area vervangen met progressbar*/
.widget-container .widget.await-server .progress {
    height: 24px;
    margin-right: 12px;
    align-self: center;
    grid-row: 1;
    grid-column: 2;
    display: flex;
    justify-content: flex-end;
    background: url('../../Images/RT/loader.gif') center right no-repeat;
    background-size: 16px;
}

.widget-container .widget .widget-body {
    overflow: auto;
    grid-row: 2;
    grid-column: 1 / span 2;
    border-top: solid 2px #E8EEEE;
}

    .widget-container .widget .widget-body .progress-indicator {
        width: 64px;
        height: 64px;
        background: url('../../Images/Grid/loading.gif') center center no-repeat;
        -webkit-animation: spin 0.8s linear infinite;
        -moz-animation: spin 0.8s linear infinite;
        animation: spin 0.8s linear infinite;
    }

.widget-container .ui-resizable-helper {
    border: solid 1px red;
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.widget-container .widget .widget-body .alert {
    margin: 4px 8px;
}

.widget-container .widget .widget-body table {
    border-collapse: collapse;
}



.widget-container .widget .widget-body tbody tr {
    background-color: white;
    border-top: 1px solid #fff;
    height: 40px;
}

.mycondor-configurator:not(.edit) .widget-container .widget.allow-select .widget-body tbody tr:hover {
    background-color: #ccc;
    cursor: pointer;
}

.widget-container .widget .widget-body thead tr {
    background-color: white;
    height: 24px;
    font-weight: bold;
    border-bottom: solid 2px gray;
}

.widget-container .widget.allow-select .widget-body thead tr td:hover {
    cursor: pointer;
}


.widget-container .widget .widget-body tr td {
    padding-left: 8px;
    border-spacing: 1px;
    border-bottom: solid 2px #E8EEEE;
    border-right: solid 1px #E8EEEE;
    vertical-align: middle;
}

.widget-container .widget .widget-footer {
    font-size: 0.7em;
    padding: 4px;
    vertical-align: middle;
    grid-row: 3 / span 2;
    grid-column: 1 / span 2;
}

/*////////
    //////
    HyperLinkField*/
.editFormContainer span.hyperlink-field[disabled]:hover{
    background-color:inherit !important;
    border:inherit !important;
}
span.hyperlink-field {
    display: grid !important;
    grid-auto-columns: 40px auto;
    padding: 0 !important;
}

.hyperlink-field a.url-field-link {
    line-height:32px;
}

.hyperlink-field a.url-field-link:first-child {
    grid-column: 1 / span 2;
}

/*hide checkbox(toggle)*/
input.url-field-toggle {
    display: none;
}
/*label related to toggle*/
    input.url-field-toggle ~ label {
        grid-column:1;
        top:-2px;
        padding: 7.25px 9.5px !important;
        height:32px;
    }
/*toggle edit button icon visibillity states*/
    input.url-field-toggle:checked ~ label span:first-child{
        display: none;
    }
    input.url-field-toggle:checked ~ label span:last-child {
        display: block;
    }
    input.url-field-toggle ~ label span:first-child {
        display: block;
    }

    input.url-field-toggle ~ label span:last-child {
        display: none;
    }

/*toggle field visibillity states*/
    input.url-field-toggle ~ label ~ .url-field {
        grid-column: 2;
        display: none;
        width: auto !important;
    }

input.url-field-toggle:checked ~ label ~ .url-field {
    display: inline-block;
}

/*toggle link visibillity states*/
    input.url-field-toggle ~ .url-field-link {
        display: inline-block;
        grid-column: 2;
    }

input.url-field-toggle:checked ~ .url-field-link {
    display: none;
}

[data-type=gridstatepicker] .btn {
    border: none !important;
}


/*primary scenario selector*/
.tile1x1 .primary--selector {
    position: absolute;
    right: 0;
    bottom: 0;
}

.primary--selector--radio, .btn.primary--selector--label {
    display: none !important;
}

.tileSelected .primary--selector--label {
    display: inline-block !important;
}

.primary--selector--radio:checked + .primary--selector--label {
    background-color: rgb(var(--indicator-info-primary-color));
}

    .primary--selector--radio:checked + .primary--selector--label > span {
        color: white;
    }

.primary--selector--radio + .primary--selector--label:hover {
    background-color: rgba(var(--indicator-info-primary-color), 0.56) !important;
}

    .primary--selector--radio + .primary--selector--label:hover > span {
        color: white;
    }

}

.dropdown-menu > li > a {
    white-space: normal;
}
.dropdown-menu > li > a {
    white-space:normal;
}
/* reservering ruimt smalle help sectie in een popUp*/
.popUpSideAreaS {
    position: absolute;
    width: auto !important;
    height: auto;
    top: 5px;
    bottom: 5px;
    left: 0px;
    right: 250px !important;
}

/* reservering ruimt smalle help sectie*/
.sideAreaS {
    position: absolute;
    width: auto !important;
    height: auto;
    top: 5px;
    bottom: 5px;
    left: 0px;
    right: 240px !important;
    overflow-y: auto;
}

/* reservering ruimt smalle Validatie sectie*/
.sideAreaVal {
    position: absolute;
    width: auto !important;
    height: auto;
    top: 5px;
    bottom: 5px;
    left: 0;
    right: 200px !important;
    overflow-y: auto;
}

/* smalle help sectie */
.helpSectionS {
    position: absolute;
    top: 10px;
    bottom: 0px;
    width: 220px; /*was 240 maar dan valt scrollbar van tilelist eronder*/
    right: 10px;
    bottom: 0px;
    padding: 0 10px;
    overflow-y: auto;
    background: white;
}

    .helpSectionS h1, .helpSectionS h2, .helpSectionS h3, .helpSectionS h4, .helpSectionS p, .helpSectionS span {
        color: black;
    }

.validationSectionS {
    position: absolute;
    top: 98px;
    bottom: 0;
    width: 200px;
    right: 0;
    bottom: 0;
    padding: 0 10px;
    overflow-y: auto;
    background: white;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

    .validationSectionS ul {
        margin: 0;
        padding: 0;
        padding-top: 10px;
    }

    .validationSectionS .divSectionTitle {
        margin-top: 5px;
        margin-bottom: 10px;
    }

    .validationSectionS a {
        opacity: 0.4;
    }

        .validationSectionS a:hover {
            opacity: 1;
        }




    .validationSectionS .glyphicon-remove {
        font-size: 20px;
    }

.rootContainer .validationSectionS {
    top: 32px;
}


.popup5Container .validationSectionS {
    top: 96px;
}

.popup5Container .contentRight .validationSectionS {
    top: 86px;
}


.RadListBox_Default .rlbGroup {
    list-style: none;
    background: none !IMPORTANT;
    border: none !important;
}

.violations .RMBullets {
    margin-top: 10px;
}

.violations ul {
    list-style: none;
    background: none;
    margin: 0;
    padding: 10px;
}


.validationSectionS.RadListBox_Default .rlbGroup {
    list-style: none;
    background: none;
}

/*alert danger styling*/
.validationSectionS ul li {
    padding: 15px;
    margin-bottom: 10px;
    border: 1px solid transparent;
    border-radius: 4px;
    display: block;
    color: #b71c1c;
    background-color: #FFEBEE;
    border-color: #EE9A9B;
}

.validationSectionS.info ul li {
    color: #31708F;
    background-color: #D9EDF7;
    border-color: #90CAF9;
}

.validationSectionS ul li .rlbItem.rlbActive.rlbSelected {
    background: white !important;
    border-left: solid 5px #F44336;
    margin-bottom: 5px;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eeeeee;
}

table {
    background-color: transparent;
}

    table col[class*="col-"] {
        position: static;
        display: table-column;
        float: none;
    }

    table td[class*="col-"],
    table th[class*="col-"] {
        position: static;
        display: table-cell;
        float: none;
    }

th {
    text-align: left;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

    .table > thead > tr > th,
    .table > tbody > tr > th,
    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > tbody > tr > td,
    .table > tfoot > tr > td {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
        border-top: 1px solid #dddddd;
    }

    .table > thead > tr > th {
        vertical-align: bottom;
        border-bottom: 2px solid #dddddd;
    }

    .table > caption + thead > tr:first-child > th,
    .table > colgroup + thead > tr:first-child > th,
    .table > thead:first-child > tr:first-child > th,
    .table > caption + thead > tr:first-child > td,
    .table > colgroup + thead > tr:first-child > td,
    .table > thead:first-child > tr:first-child > td {
        border-top: 0;
    }

    .table > tbody + tbody {
        border-top: 2px solid #dddddd;
    }

    .table .table {
        background-color: #ffffff;
    }

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
    padding: 5px;
}

.table-bordered {
    border: 1px solid #dddddd;
}

    .table-bordered > thead > tr > th,
    .table-bordered > tbody > tr > th,
    .table-bordered > tfoot > tr > th,
    .table-bordered > thead > tr > td,
    .table-bordered > tbody > tr > td,
    .table-bordered > tfoot > tr > td {
        border: 1px solid #dddddd;
    }

    .table-bordered > thead > tr > th,
    .table-bordered > thead > tr > td {
        border-bottom-width: 2px;
    }

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover {
    background-color: #f5f5f5;
}

.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
    background-color: #f5f5f5;
}

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
    background-color: #e8e8e8;
}

.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
    background-color: #dff0d8;
}

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
    background-color: #d0e9c6;
}

.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
    background-color: #d9edf7;
}

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
    background-color: #c4e3f3;
}

.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
    background-color: #fcf8e3;
}

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
    background-color: #faf2cc;
}

.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
    background-color: #f2dede;
}

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
    background-color: #ebcccc;
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto;
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #dddddd;
    }

        .table-responsive > .table {
            margin-bottom: 0;
        }

            .table-responsive > .table > thead > tr > th,
            .table-responsive > .table > tbody > tr > th,
            .table-responsive > .table > tfoot > tr > th,
            .table-responsive > .table > thead > tr > td,
            .table-responsive > .table > tbody > tr > td,
            .table-responsive > .table > tfoot > tr > td {
                white-space: nowrap;
            }

        .table-responsive > .table-bordered {
            border: 0;
        }

            .table-responsive > .table-bordered > thead > tr > th:first-child,
            .table-responsive > .table-bordered > tbody > tr > th:first-child,
            .table-responsive > .table-bordered > tfoot > tr > th:first-child,
            .table-responsive > .table-bordered > thead > tr > td:first-child,
            .table-responsive > .table-bordered > tbody > tr > td:first-child,
            .table-responsive > .table-bordered > tfoot > tr > td:first-child {
                border-left: 0;
            }

            .table-responsive > .table-bordered > thead > tr > th:last-child,
            .table-responsive > .table-bordered > tbody > tr > th:last-child,
            .table-responsive > .table-bordered > tfoot > tr > th:last-child,
            .table-responsive > .table-bordered > thead > tr > td:last-child,
            .table-responsive > .table-bordered > tbody > tr > td:last-child,
            .table-responsive > .table-bordered > tfoot > tr > td:last-child {
                border-right: 0;
            }

            .table-responsive > .table-bordered > tbody > tr:last-child > th,
            .table-responsive > .table-bordered > tfoot > tr:last-child > th,
            .table-responsive > .table-bordered > tbody > tr:last-child > td,
            .table-responsive > .table-bordered > tfoot > tr:last-child > td {
                border-bottom: 0;
            }
}

/* EditFormContainer */
.editFormContainer {
    width: 98.76%;
    display: block;
    font-size: 11px;
}

    .editFormContainer .instruction {
    }

        .editFormContainer .instruction p {
            line-height: normal;
        }

    .editFormContainer [disabled]:not(.btn-group), .editFormContainer [disabled]:not(.btn-group):hover, .RadComboBox .rcbDisabled, .RadComboBox .rcbDisabled:hover, span.labelAsDisabledTextbox:hover {
        -webkit-user-select: none; /* Chrome/Safari */
        -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* IE10+ */
        -o-user-select: none;
        user-select: none;
        cursor: not-allowed;
        border: 1px dotted #c7c6c6 !important;
        background: #E6E7E8 !important;
        opacity: 1;
    }

    .editFormContainer div > select[readonly=readonly],
    .editFormContainer div > textarea:focus[readonly=readonly],
    .editFormContainer div > textarea[readonly=readonly],
    .editFormContainer div > input[type=text][readonly=readonly],
    .editFormContainer div > input[type=text]:hover[readonly=readonly],
    .editFormContainer div > input[type=text]:focus[readonly=readonly] {
        background: #E6E7E9 !important;
        color: #666 !important;
        border: solid 1px #C7C6C6 !important;
        cursor: not-allowed;
    }

    /* .disabled bevat een margin: 0 in scheduler.css. Die moet opgeheven worden voor disabled columns*/
    .editFormContainer .disabled {
        margin-left: 1.03%;
    }

    .editFormContainer > span, .editFormContainer > .rowF > [class*="col"] > span:not(.rcbInner) {
        padding-top: 8px;
        display: inline-block;
    }

    .editFormContainer [disabled]:hover {
        /*border: 1px solid #c7c6c6 !important;*/
        background: #E6E7E8 !important;
    }

    .editFormContainer .checkBox[disabled]:hover {
        border: none !important;
        background: none !important;
    }

    .editFormContainer span.checkbox label, .editFormContainer span.checkBox label {
        margin-right: 4px;
        padding-bottom: 0px;
    }

    .editFormContainer h1 {
        margin-top: 20px;
        height: 36px;
        font-size: 18px;
        color: #000;
        margin: 0 0 2px 0;
    }

    .editFormContainer > h2 {
        margin: 0 0 0 0;
    }

    .editFormContainer > .rowF {
        margin-left: -1.03%;
        margin-right: -1.03%;
        width: auto;
        margin-top: 1px;
        margin-bottom: 2px;
    }

        .editFormContainer .rowF label, .editFormContainer > .rowF > span, .list-group-item > .rowF > span, .editFormContainer {
            padding-top: 8px;
            /*padding-bottom: 8px;
            display: inline-block;*/
        }

            .editFormContainer > .rowF > span.radcontrol-exception {
                padding-top: 0px;
                padding-bottom: 0px;
                display: inline-block;
            }
            /*geen padding als er een span wordt gebruikt in plaats van een div voor kolommen*/
            /*padding-bottom: 0px;*/
            /*margin-left: 0px!important;*/
            /*aangepast padding als er foutief een span wordt gebruikt als col waarin weer een span volgt */
            .editFormContainer > .rowF > span[class$="col"] span {
                padding-bottom: 0px;
            }

            .editFormContainer > .rowF > span.checkbox {
                padding-top: 0px;
                padding-bottom: 0px;
            }

                .editFormContainer > .rowF > span.checkbox[disabled] {
                    color: silver;
                }

                    .editFormContainer > .rowF > span.checkbox[disabled]:hover {
                        background: none !important;
                        border: none !important;
                    }

                .editFormContainer > .rowF > span.checkbox label {
                    padding-top: 0px;
                    line-height: 32px;
                }

                .editFormContainer > .rowF > span.checkbox input[type="radio"] {
                    /*float: left;
                    height: 25px;*/
                }
/* weer een andere implementatie namelijk een checkboxlist table variant */
table.checkBox tr, table.checkbox tr {
    height: 32px;
}

table.checkBox td, table.checkbox td {
    height: 32px;
}

    table.checkBox td label, table.checkbox td label {
        line-height: 19px;
    }

.editFormContainer span[disabled] {
    border: 0 !important;
    background-color: unset !important;
}

.editFormContainer a.btn span, .editFormContainer .btn span {
    /*line-height: 1;*/
}
/* EditForms */
.editFormContainer .regelMargin {
    margin-bottom: 2px;
}
/* EditForms - INPUT = selector voor : button, checkbox, textarea, text, enz*/
.editFormContainer input, .modal-header input, input.text-input, #inputSearch {
    border: solid 1px #C7C6C6;
    background: #F7F7F7;
    height: 32px;
}

    .editFormContainer input[type=password] {
        border: solid 1px #C7C6C6;
        background: #F7F7F7;
        height: 32px;
    }

    .editFormContainer input[type=CheckBox], .modal-header input[type=checkbox], .editFormContainer .checkbox, .editFormContainer input[type="radio"] {
        border: solid 1px transparent;
        background: none !important;
        height: 12px;
        float: none;
        margin: 0;
        margin-right: 4px;
    }

.editFormContainer span.checkbox input[type=CheckBox], .editFormContainer span input[type="radio"] {
    margin-top: 8px;
}

    .editFormContainer span.checkbox input[type=CheckBox] ~ label, .editFormContainer input[type="radio"] ~ label {
        margin-top: 8px;
        line-height: normal;
    }

.editFormContainer input[type=CheckBox] ~ label {
    padding-top: 1px;
    margin-right: 8px;
}

.labelAsDisabledTextbox {
    min-height: 32px !important;
}

.editFormContainer input[type=text]:not(.rcbInput), .editFormContainer input[type=number], .editFormContainer .labelAsDisabledTextbox {
    width: 98.97%;
    background: #F7F7F7;
    padding-left: 5px;
    border: 1px solid #C7C6C6;
    color: #000;
}

.editFormContainer input.Condor-dt-Picker {
    width: 100%;
    background: #F7F7F7;
    border: none;
    padding-left: 5px;
    border: 1px solid #C7C6C6;
    color: #000;
}

.editFormContainer input[type=text]:hover, .editFormContainer input[type=text]:focus {
    border: 1px solid #231F20;
    background: white;
}

    .editFormContainer input[type=text]:hover:disabled, .editFormContainer input[type=text]:focus:disabled {
        background: #E6E7E8;
        color: #666 !important;
    }

.editFormContainer input:focus, .editFormContainer input:hover {
    border: 1px solid #c7c6c6;
    color: black;
    background: white;
}

.editFormContainer input:disabled, input.Condor-dt-Picker:disabled, span.labelAsDisabledTextbox {
    background: #E6E7E8 !important;
    color: #666 !important;
    overflow: auto;
}

.editFormContainer input[type=image] {
    height: 16px;
    background: none;
}

.editFormContainer textarea {
    border: solid 1px #C7C6C6;
    width: 98.97%;
    background: #F7F7F7 !important;
    padding: 5px;
    box-sizing: border-box;
    line-height: normal !important;
}

    .editFormContainer textarea:focus, textarea:hover {
        border: 1px solid #231F20;
        background: white !important;
    }

select, .ui-selectmenu-button.ui-button {
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari and Chrome */
    appearance: none;
    -webkit-appearance: none;
    background-image: url(/Images/RT/btnArrowB.png);
    background-repeat: no-repeat;
    background-position: right 7px center !important;
}
    /* hack for dropwdownstyling in IE9+*/
    select::-ms-expand {
        display: none;
    }

.editFormContainer select, .ui-selectmenu-button.ui-button {
    height: 32px;
    line-height: 32px !important;
    border: 1px solid #C7C6C6;
    width: 100%;
    background-color: #F7F7F7;
    padding-left: 5px;
}

    .editFormContainer select option, .ui-selectmenu-button.ui-button option {
        margin: 0;
        padding: 0;
    }

    .editFormContainer select:focus, .ui-selectmenu-button.ui-button:focus {
        border: 1px solid #231F20;
        background: white;
        background-image: url(/Images/RT/btnArrowB.png);
        background-repeat: no-repeat;
        background-position: right 7px center !important;
    }

    .editFormContainer select:hover, .ui-selectmenu-button.ui-button:hover {
        border: 1px solid #231F20;
        background: white;
        background-image: url(/Images/RT/btnArrowB.png);
        background-repeat: no-repeat;
        background-position: right 7px center !important;
    }

.radio label {
    display: inline-block;
}

.editFormContainer .instruction ul li {
    float: none;
    display: block;
    display: list-item;
}

.editFormContainer > ul > li {
    float: left;
    display: block;
}

.editFormContainer > p {
    display: block;
    margin: 0;
    padding-top: 4px;
    height: 22pt;
    line-height: 22pt;
}

.editFormContainer fieldset {
    border: 1px solid transparent;
    border-top: 1px solid lightgray;
}

.editFormContainer input[class*="ui-autocomplete-input"] {
    width: 100%;
}

.editFormContainer input[type="radio"] {
    /*height: 1px;*/
}
/*ja/nee control*/
span.checkBox input[type="radio"] {
}

.editFormContainer td > input[type="radio"] {
    height: auto;
    line-height: normal;
}

    .editFormContainer td > input[type="radio"] ~ label {
        padding: 0;
    }

.radioButtonList {
    table-layout: fixed;
}

.editFormContainer h4 {
    margin-top: 1.03%;
    height: 21px;
    border-bottom: solid 1px lightgray;
    font-size: 11pt;
    margin-bottom: 1.03%;
}

/*radinput*/

.RadInput .riTextBox {
    border-radius: 0px !important;
}

.RadInput .riSelect {
    width: 28px;
    right: 3px !important;
    padding-top: 0 !important;
}

.RadInput .riUp, .RadInput .riDown {
    width: 100%;
}

/*radcombo */
.RadComboBox {
    width: 98.97%;
    border: none;
    padding-left: 0;
    border: none;
    height: 32px;
}

    .RadComboBox
    .rcbInner {
        display: block !important;
        border-color: #cfd8dc;
    }

    .RadComboBox .rcbInner {
        border-radius: 0px !important;
        padding: 0px !important;
        height: 32px;
        border: none;
        box-shadow: none !important;
        background: none !important;
        border: none !important;
    }

        .RadComboBox .rcbInner .rcbInput {
            background-color: #F7F7F7 !important;
            border: 1px solid #C7C6C6;
            background-color: transparent;
            padding: 0px !important;
            display: block;
            height: 32px;
            padding-left: 5px !important;
        }

    .RadComboBox .rcbActionButton {
        top: 1px !important;
        right: 1px !important;
        height: 30px !important;
        box-sizing: border-box !important;
        width: 30px !important;
        border-radius: 0px !important;
    }

.rcbItem:hover {
    background: #EFEFF2;
    cursor: pointer;
    color: black;
}

.rcbSlide {
    z-index: 100500 !important;
}
/* RadCalendar */
.RadCalendarPopup {
    z-index: 100500 !important;
}

.RadCalendarFastNavPopup {
    z-index: 200500 !important;
}

.RadPicker .rcSelect {
    right: 4px !important;
    top: 3px !important;
}
/*DropDown Gebrek lijst */
.RadComboBoxDropDown .rcbHovered {
    background-color: #f1f1f1;
}
/*RADINPUT*/
.RadInput {
    padding: 0 !important;
    width: auto;
}

    .radInput .riTextBox {
        padding: 0;
        background: #F7F7F7;
    }

.radInput_Default .riTextBox {
    background: #F7F7F7 !important;
}
/* Fixes radinput multiline issue with IE11 */
.RadInput textarea {
    white-space: pre !important;
}

span.riSingle {
    width: 100%;
    display: block;
}

.riSingle [type='text'].riTextBox {
    height: 30px;
    border: none;
    border: solid 1px #c7c6c6;
    background: #F7F7F7;
}

    .riSingle [type='text'].riTextBox:hover, [type='text'].riTextBox:focus {
        background: white;
    }
/* radPicker */
.RadPicker table.rcTable td {
    border-color: #c7c6c6 !important;
    border-width: 1px 1px 1px 0 !important;
    border-style: solid !important;
    background: #F7F7F7;
}
    /* radPicker */
    .RadPicker table.rcTable td span {
        line-height: 16px;
    }
/*form validation */
.alert {
    padding: 10px;
    margin-bottom: 5px;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .alert h4 {
        margin-top: 0;
        color: inherit;
    }

    .alert .alert-link {
        font-weight: bold;
    }

    .alert > p, .alert > ul {
        margin-bottom: 0;
    }

        .alert > p + p {
            margin-top: 5px;
        }

.alert-dismissable, .alert-dismissible {
    padding-right: 35px;
}

    .alert-dismissable .close, .alert-dismissible .close {
        position: relative;
        top: -2px;
        right: -21px;
        color: inherit;
    }

.alert-success, .alert-succes, .succes {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

    .alert-success, .alert-succes hr {
        border-top-color: #c9e2b3;
    }

        .alert-success .alert-link, .alert-succes .alert-link {
            color: #2b542c;
        }

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

    .alert-info hr {
        border-top-color: #a6e1ec;
    }

    .alert-info .alert-link {
        color: #245269;
    }

.alert-warning, .warning {
    color: #8a6d3b;
    background-color: #FFF4E8;
    border-color: #faebcc;
}

    .alert-warning hr {
        border-top-color: #f7e1b5;
    }

    .alert-warning .alert-link {
        color: #66512c;
    }

.alert-danger, .danger {
    color: #b71c1c;
    background-color: #FFEBEE;
    border-color: #EE9A9B;
}

    .alert-danger hr {
        border-top-color: #e4b9c0;
    }

    .alert-danger .alert-link {
        color: #843534;
    }

input.danger, select.danger, span.danger .lookUpInputBox, .lookup.danger, textarea.danger, .RadPicker.danger input {
    background-color: #FFEBEE !important;
    border-color: #EE9A9B !important;
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 2s; /* Firefox < 16 */
    -ms-animation: fadein 2s; /* Internet Explorer */
    -o-animation: fadein 2s; /* Opera < 12.1 */
    animation: fadein 2s;
}

    input.danger, select.danger, span.danger .lookUpInputBox, .lookup.danger > span, textarea.danger, .RadPicker.danger input {
        color: #a94442 !important;
    }

.danger:focus {
    background-color: white !important;
    -webkit-animation: fadein 0.6s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 0.6s; /* Firefox < 16 */
    -ms-animation: fadein 0.6s; /* Internet Explorer */
    -o-animation: fadein 0.6s; /* Opera < 12.1 */
    animation: fadein 0.6s;
}

input.warning, .badge.warning, select.warning, span.warning .lookUpInputBox, .lookup.warning, textarea.warning, .RadPicker.warning input {
    color: #8a6d3b !important;
    background-color: #fcf8e3 !important;
    border-color: #fcf8e3 !important;
}

.lookupcontrol {
    height: 34px;
    padding-right: 2px !important;
}

.lookUpInputBox, .lookup {
    position: relative;
    background-color: #F7F7F7;
    border: 1px solid #c7c6c6;
    height: 32px; /* plus border 2, maakt totale hoogte 34*/
    width: 100%;
    padding-left: 5px;
    display:grid;
    grid-template-columns: 1fr auto auto;
}

    .lookUpInputBox.disabled, .lookup.disabled, .lookup.disabled > a {
        cursor: not-allowed;
        user-select: none;
        border: 1px solid #c7c6c6;
        background: #E6E7E8;
    }

        .lookup.disabled > a {
            border-top: 0;
            border-right: 0;
            border-bottom: 0;
        }
    /*lookup label*/
    .lookup[class*="col"] > span {
        line-height: 32px;
        padding-top: 0px !important;
        margin: 0px !important;
    }
    /*lookup(2) buttons*/
    .lookup > a {
        float: right;
        line-height: 32px;
        color: #333333;
        width: 32px !important;
        height: 30px;
        background-color: white;
        border-left: solid 1px #c7c6c6;
    }

        .lookup > a.link {
            float: left;
            background-color: transparent;
            border: none;
            text-decoration: underline;
            text-decoration-style: dotted;
            color: rgb(var(--indicator-info-primary-color)) !important;
            width: auto !important;
            height: auto !important;
        }

        .lookup > a:not(.btn).link:hover {
            background-color: transparent !important;
            text-decoration-style: solid;
            border:none !important;
        }

    .lookup.disabled > a {
        background-color: #E6E7E8;
    }

    .lookup > a:focus a:focus {
        outline: 3px solid orange !important;
    }

    /*uitzondering voor contractaanvragen waar een geknutselde lookup staat*/
    .lookup input.lookupTextBox {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

        .lookup input.lookupTextBox ~ a {
            position: absolute;
            top: 1px;
            right: 1px;
            bottom: 0;
        }

.condorgrid .lookup > a[class*="col"] {
    float: right;
}

.lookup > a:not(.btn):hover {
    background: #E6E7E8 !important;
    border-left: solid 1px #c7c6c6 !important;
}

.lookup > a > span {
    margin-left: 11px;
}

@keyframes fadein {
    from {
        background-color: inherit;
        border-color: inherit;
    }

    to {
        background-color: #FFEBEE;
        border-color: #EE9A9B !important;
    }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
    from {
        background-color: inherit;
        border-color: inherit;
    }

    to {
        background-color: #FFEBEE;
        border-color: #EE9A9B !important;
    }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from {
        background-color: inherit;
        border-color: inherit;
    }

    to {
        background-color: #FFEBEE;
        border-color: #EE9A9B !important;
    }
}
/* Internet Explorer */
@-ms-keyframes fadein {
    from {
        background-color: inherit;
        border-color: inherit;
    }

    to {
        background-color: #FFEBEE;
        border-color: #EE9A9B !important;
    }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
    from {
        background-color: inherit;
        border-color: inherit;
    }

    to {
        background-color: #FFEBEE;
        border-color: #EE9A9B !important;
    }
}
/* DatePicker */
.editFormContainer .input-group, div[data-type=calculator-input] {
    position: relative;
    display: inline-block;
    border-collapse: separate;
    border: 1px solid #C7C6C6;
}

[data-operator=between] .input-group.sixcol:first-child {
    width: 49% !important;
    margin-right: 1%;
}
/*between numeriek*/
[data-operator=between] > span {
    display: block !important;
}
/*overwrite editForm margins*/
.input-group.sixcol {
    width: 50% !important;
    margin: 0;
    margin-left: 0 !important;
}
/*datetimepicker in between */
.editFormContainer .input-group input[type=text] {
    border: solid 0px transparent;
    width: 100%;
}

.editFormContainer .input-group > img {
    display: none;
}

.editFormContainer .input-group:nth-child(2) {
    margin-right: -5px;
}

    .editFormContainer .input-group:nth-child(2) .btn {
        padding: 6.5px 10.5px;
    }

.input-group .form-control {
    position: relative;
    float: left;
    margin-bottom: 0;
}

    .input-group .form-control:focus {
    }

.input-group > .btn-m, div[data-type=calculator-input] > .btn {
    padding: 6.5px 9px !important;
    box-shadow: none;
    border-radius: 0;
    width: 32px;
    height: 30px;
    border-left: solid 1px #c7c6c6;
    position: absolute;
    top: 1px;
    right: 0px;
}

.condorgrid .input-group > .btn-m, .condorgrid div[data-type=calculator-input] > .btn {
    border-radius: inherit;
    border-left: 0px transparent;
    /*border-left:none;*/
}

div[data-type=calculator-input] {
}
    /*div[data-type=calculator-input] > input {
        width: 88% !important;
        padding-right: 5px;
        text-align : left !important;
        margin-left:0px;
    }*/
    div[data-type=calculator-input] > input:disabled {
        border: none;
    }

    .input-group-addon, .input-group-btn, .input-group .form-control, div[data-type=calculator-input] > input {
        display: table-cell;
    }

.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}

    .input-group-btn > .btn {
        position: relative;
    }
/*between numeric bootstrap overwrite */
[data-operator=between] span:nth-child(1) input.sixcol {
    margin-left: 0px !important;
    width: 48.92% !important;
}

[data-operator=between] input.sixcol {
    margin-left: 1.33% !important;
    width: 49.7% !important;
}

.risicoscore {
    text-align: center;
    font-size: 16px;
    padding: 4px;
}


/*Tile styling classes*/
/*condor default theme*/
:root {
    --text-dark-primary-color: 33,37,41;
}

.font-white h1, .font-white h2, .font-white h3 {
    color: rgb(var(--text-dark-primary-color));
}

div.font-white h4, .font-white h5, .font-white h6, .font-white label, .font-white p, .font-white a, .font-white span, .font-white label {
    color: #666 !important;
    font-variant: normal;
    text-transform: none;
    /* text-shadow: 1px 1px 0 rgba(0,0,0,0.5);*/
}

div.font-white, h1.font-white, h2.font-white, h3.font-white {
    color: rgb(var(--text-dark-primary-color)) !important;
    font-variant: normal;
    text-transform: none;
}

label.font-white, p.font-white, a.font-white, span.font-white {
    color: #666 !important;
    font-variant: normal;
    text-transform: none;
}

/* font Green*/
.font-green h1, .font-green h2, .font-green h3 {
    color: #8DC63F;
}

.font-green h4, .font-green h5, .font-green h6, .font-green label, .font-green p, .font-green a, .font-green span, .font-green label {
    color: #8DC63F !important;
    font-variant: normal;
    text-transform: none;
}

h6.font-green, h5.font-green, h4.font-green, h3.font-green, h2.font-green, h1.font-green, label.font-green, p.font-green, a.font-green, span.font-green {
    color: #8DC63F !important;
    font-variant: normal;
    text-transform: none;
}

/* font `Orange*/
.font-orange h1, .font-orange h2, .font-orange h3 {
    color: #FBB040;
}

.font-orange h4, .font-orange h5, .font-orange h6, .font-orange label, .font-orange p, .font-orange a, .font-orange span, .font-orange label {
    color: #FBB040 !important;
    font-variant: normal;
    text-transform: none;
}

h6.font-orange, h5.font-orange, h4.font-orange, h3.font-orange, h2.font-orange, h1.font-orange, label.font-orange, p.font-orange, a.font-orange, span.font-orange {
    color: #FBB040 !important;
    font-variant: normal;
    text-transform: none;
}


/* font `Red*/
.font-red h1, .font-red h2, .font-red h3 {
    color: #ED1C24;
}

.font-red h4, .font-red h5, .font-red h6, .font-red label, .font-red p, .font-red a, .font-red span, .font-red label {
    color: #ED1C24 !important;
    font-variant: normal;
    text-transform: none;
}

h6.font-red, h5.font-red, h4.font-red, h3.font-red, h2.font-red, h1.font-red, label.font-red, p.font-red, a.font-red, span.font-red {
    color: #ED1C24 !important;
    font-variant: normal;
    text-transform: none;
}



.font-dark h1, .font-dark h2, .font-dark h3 {
    color: #000;
    /*text-shadow: 1px 1px 0 rgba(255,255,255,0.5);*/
}

div.font-dark h4, .font-dark h5, .font-dark h6, .font-dark label, .font-dark p, .font-dark span, .font-dark a {
    color: #666;
    font-variant: normal;
    text-transform: none;
    /*  text-shadow: 1px 1px 0 rgba(255,255,255,0.5);*/
}

h1.font-dark, h2.font-dark, h3.font-dark {
    color: #000;
}

h4.font-dark, h5.font-dark, h6.font-dark, label.font-dark, p.font-dark, span.font-dark, a.font-dark {
    color: #666;
    font-variant: normal;
    text-transform: none;
}

span.font-blue {
    color: #00AEEF;
}

.font-blue h1, .font-blue h2, .font-blue h3 {
    color: #00AEEF;
    text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
}

div.font-blue h4, .font-blue h5, .font-blue h6, .font-blue label, .font-blue p, span.font-blue span, .font-blue a {
    color: #00AEEF;
    font-variant: normal;
    text-transform: none;
    text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
}

.no-border {
    border: none;
}

.borderDefault {
    border: solid 1px #c7c6c6;
}

.borderWhite {
    border-left-color: #fff;
    border-left-style: solid;
    border-left-width: 3px;
}

.borderLeftInfo {
    border-left: solid 3px #2B5BA9 !important;
}

/* grijs*/
.borderLeftDefault {
    border-left: solid 3px darkgray !important;
}

/*groen */
.borderLeftSucces {
    border-left: solid 3px #7FC242 !important;
}

/*orange*/
.borderLeftWarning {
    border-left: solid 3px #F89520 !important;
}

/*Red*/
.borderLeftDanger {
    border-left: solid 3px #ED2027 !important;
}

/*interface accent blue*/
.borderLeftInfo {
    border-left: solid 3px #2B5BA9 !important;
}

/*light blue*/
.borderLeftUnknown {
    border-left: solid 3px #00AEEF !important;
}

.borderLeftSucces {
    border-left: solid 3px #7FC242 !important;
}

.borderLeftWarning {
    border-left: solid 3px #F89520 !important;
}

.borderLeftDanger {
    border-left: solid 3px #ED2027 !important;
}

.borderLeftInfo {
    border-left: solid 3px #2B5BA9 !important;
}

.borderLeftRed {
    border-left: solid 4px #ED2027 !important;
}

.borderLeftOrange {
    border-left: solid 4px #F89520 !important;
}

.borderLeftGreen {
    border-left: solid 4px #7FC242 !important;
}

.borderLeftGrey {
    border-left-color: grey;
    border-left-style: solid;
    border-left-width: 3px;
}

.borderLeftWhite {
    border-left-color: white;
    border-left-style: solid;
    border-left-width: 3px;
}

/*Border bottom*/
.borderBottomDefault {
    border-bottom: solid 3px darkgray !important;
    height: 3px;
    width: 100%;
    box-sizing: border-box;
}

.borderBottomSucces {
    border-bottom: solid 3px #7FC242 !important;
}

.borderBottomWarning {
    border-bottom: solid 3px #F89520 !important;
}

.borderBottomDanger {
    border-bottom: solid 3px #ED2027 !important;
}

.borderBottomSucces {
    border-bottom: solid 3px #7FC242 !important;
}

.borderBottomWarning {
    border-bottom: solid 3px #F89520 !important;
}

.borderBottomDanger {
    border-bottom: solid 3px #ED2027 !important;
}

/*vergroot MD icons*/
.btn > .mdi {
    line-height:1 !important;
    font-size:13px !important;
}
/*
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}



/* grouping van tiles en editformContainer */
/*tileGroup container*/
.tileGroup {
    float: left;
    width: 435px;
    height: 360px;
    background: white;
    border: 1px solid transparent !important;
    margin: 8px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
}

/*tileGroup content*/
/*.tileGroupContent {
    height: 312px;
    width: 430px;
    padding-left: 10px;
    padding: 5px;
    background: white;
    margin-left: -10px;
    padding-left:10px;
    overflow-y: auto;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}*/
.tileGroupContent {
    height: 312px;
    width: 430px;
    padding-left: 10px;
    padding-right: 10px;
    background: white;
    overflow-y: auto;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

    .tileGroupContent .tileListContainer.auto .tileListBody {
        top: 0px;
    }
/*wordt gebruikt voor <sa:TileGroupControl waar tileList in wordt geplaatst  */
.tileGroupForTileList {
    float: left;
    width: 435px;
    height: 360px;
    background: white;
    border: 1px solid transparent !important;
    padding-left: 10px;
    margin: 10px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
}


    .tileGroupForTileList .tileGroupContent {
        position: relative;
    }

/*tileGroupWide - container*/

.tileGroupFlex {
    float: left;
    min-height: 440px;
    max-height: 440px;
    width: 100%;
    border-top: solid 1px white;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
    position: relative;
}

    .tileGroupFlex div.content.noTitle {
        overflow: hidden;
    }

    .tileGroupFlex div.contentRight {
        background: #fafafa;
        border: none;
        top: 2px;
        overflow: visible;
    }

    .tileGroupFlex div.contentLeft {
        background: none;
        border: none;
    }

        .tileGroupFlex div.contentLeft .tileListContainer {
            left: 10px;
        }

    .tileGroupFlex.full {
        min-height: initial;
        max-height: initial;
        width: auto;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-top: solid 1px white;
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
        -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
        box-shadow: 0 1px 2px rgba(0,0,0,.1);
    }

/*tileGroupWide - container*/

.tileGroupWide {
    float: left;
    width: 890px;
    height: auto;
    min-height: 360px;
    background: white;
    border: solid 1px #E6E7E8;
    border: solid 1px white;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
    padding-left: 10px;
    margin: 10px;
}

    .tileGroupWide > .divSectionTitle {
        padding-left: 0px;
    }
/*tileGroupWide - content*/
.tileGroupWideContent {
    height: 310px;
    width: 880px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 5px;
    background: white;
    position: relative;
    margin-left: -10px;
}

    .tileGroupWideContent .tileListContainer {
        left: 0px !important;
    }

    .tileGroupWideContent .editFormContainer {
        width: 100%;
    }

/*tileGroup titles*/

.divSectionTitle {
    width: 100%; /*200 + 10 + 200 + 10 = margin included in width*/
    height: 30px; /*150 + 10 + 150 + 10 = margin included in width*/
    position: relative;
    max-width: 430px;
    padding-left: 10px;
    padding-right: 10px;
}

    .divSectionTitle h2 label {
        font-size: 14pt;
        color: #58595B;
        text-shadow: 1px 1px 0px rgba(255,255,255,0.5);
    }

    .divSectionTitle input {
        float: right;
        margin-top: 5px;
    }

    .divSectionTitle a.btn.btnM {
        margin-top: -5px;
        margin-right: -5px;
    }

.divSectionTitleFilter {
    width: 95%; /*200 + 10 + 200 + 10 = margin included in width*/
    height: 30px; /*150 + 10 + 150 + 10 = margin included in width*/
    position: relative;
}

    .divSectionTitleFilter h2 {
        color: black;
        width: 50%;
    }

    .divSectionTitleFilter .tileListFilter {
        float: right;
        width: 300px;
        position: absolute;
        top: -5px;
        right: 0px;
    }

.tileGroupWaarnemingen {
    min-height: 160px;
    width: 97%;
    float: left;
    padding-top: 4px;
    padding-bottom: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    background: white;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
}

    .tileGroupWaarnemingen .divSectionTitle {
        width: 100%;
        max-width: none;
        padding-top: 6px;
    }

    .tileGroupWaarnemingen .divSectionTitle {
        width: 100%;
        max-width: none;
        padding-top: 6px;
    }

        .tileGroupWaarnemingen .divSectionTitle h2 {
            margin-top: 0.3em;
        }

    .tileGroupWaarnemingen .waarnemingPlaceholder {
        height: auto;
        position: relative;
        width: 100%;
        min-height: 90px;
        margin-top: 0.83em;
        padding-left:10px;
    }

.waarnemingenContainer {
    height: 220px;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgb(238, 238, 238);
}

    .waarnemingenContainer .dropdown-menu hr {
        border-top-color: #ddd;
        border-bottom-color: #fff;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-top-style: solid;
        border-bottom-style: solid;
        border-left-width: 0;
        margin: 0;
    }

    .waarnemingenContainer .dropdown-menu {
        background-color: rgb(238, 238, 238);
    }

/*for rendering op overzichtview*/
.tileGroup.kpi {
    padding-left: 10px;
}

    .tileGroup.kpi .divSectionTitle {
        padding-left: 0px;
    }

    .tileGroup.kpi > .tileGroupContent {
        width: 435px;
        height: 320px;
        position: relative;
        top: -5px;
        left: -10px;
        margin: 0;
        overflow: visible;
        background: none;
        padding: 0;
        padding-left: 10px;
    }

        .tileGroup.kpi > .tileGroupContent.posRelative, .tileGroupContent.position-relative {
            padding: 0px;
        }

        .tileGroup.kpi > .tileGroupContent .tile1x1:nth-child(even) {
            margin-right: 0px;
        }

        .tileGroup.kpi > .tileGroupContent [class~="tile1x1"] span {
            line-height: 16px;
        }

        .tileGroup.kpi > .tileGroupContent .tileList {
            display: flex;
            align-items: flex-start;
            flex-wrap: wrap;
            left: 0px;
            width: 420px;
        }
            /*overwrite tilesstyles omdat scrollbar anders niet past */
            .tileGroup.kpi > .tileGroupContent .tileList .tile1x1 {
                width: 48%;
            }


.tileGroup.list {
}

/*object overzicht*/
.tileGroupContent.posRelative, .tileGroupContent.position-relative {
    width: 435px;
    padding: 0px;
}

    .tileGroupContent.posRelative [data-type=tilelistcontrolcondor], .tileGroupContent.position-relative [data-type=tilelistcontrolcondor], .tileGroupContent.position-relative .tileListContainer {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0;
    }


.tileGroupWideContent .divSectionTitle .filter {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    float: left;
    clear: both;
}





/*tileList objecten header styles*/
.CSSToonInactief {
    display: block;
    width: 20px;
    height: 15px;
    float: left;
    border: solid 1px;
    background-image: url("/Images/RT/removedcross3.png");
    background-size: 100% 100%;
}

.CSSToonActief {
    display: block;
    width: 20px;
    height: 15px;
    float: left;
    border: solid 1px;
}

.divToonInactief {
    position: absolute;
    top: 68px;
    left: 205px;
}

.divToonInactiefText {
    margin-left: 25px;
}

/* END OFF STANDAARD TILES */



.objectIcon {
    width: 25%;
    height: 120px;
    background-image: url(/Images/RT/objectDark.png);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 10px;
    right: 10px;
}


.beheerIcon {
    width: 58px;
    height: 58px;
    background: #ffffff00 url(/Images/RT/userDark.png);
    position: absolute;
    bottom: 0;
    right: 0;
}

.tileGroupContentSort {
    height: 310px;
    width: 410px;
    background: white;
    border: solid 1px #d1d3d4;
    padding-top: 5px;
    position: absolute;
    left: 208px;
}

.itemsPerStateControl {
    width: 200px;
    height: 670px;
    float: left;
    position: relative;
}

.tileGroupContentMenu {
    position: absolute;
    top: -30px;
    height: 32px;
    right: -1px;
    padding: 3px;
    border-right: solid 1px #d1d3d4;
    border-top: solid 1px #d1d3d4;
    border-left: solid 1px #d1d3d4;
    border-bottom: 0;
    background-color: white;
}

/*tileGroupWideVertical*/
.tileGroupWideVertical {
    float: left;
    width: 430px; /*200 + 10 + 200 + 10 = margin included in width*/
    height: 620px; /* 620 = 150 + 10 + 150 + 10 +150 + 10 +150 = margin included in width*/
}

.tileGroupWideVerticalContent {
    /*   height: 590px; /**/
    width: 410px;
    background: white;
    border: solid 1px #d1d3d4;
    padding-top: 5px;
    position: relative;
}

/* niet weghalen is uniek voor deze pagina !!!!*/
.dshbTileGroupWide {
    float: left;
    width: 860px; /* 2x de breedte van een tileGroup, plus margins */
    height: 500px; /*150 + 10 + 150 + 10 = margin included in width  + 140px erbij anders treedt er overlapping van tekst */
}

.dshbTileGroupWideContent {
    height: 310px;
    width: 840px;
    padding-top: 5px;
    background: white;
    border: solid 1px #d1d3d4;
    position: relative;
}

.tileGroupSmall {
    float: right;
    width: 230px; /*200 + 10 + 200 + 10 = margin included in width*/
    height: 360px; /*150 + 10 + 150 + 10 = margin included in width*/
}

.tileGroupSmallContent {
    height: 310px;
    width: 210px;
    background: white;
    border: solid 1px #d1d3d4;
    padding-top: 5px;
    position: relative;
}

.tileGroup1x1 {
    float: left;
    width: 230px; /*200 + 10 + 200 + 10 = margin included in width*/
    height: 210px; /*150 + 10 + 150 + 10 = margin included in width*/
}

.tileGroup1x1Content {
    height: 160px;
    width: 210px;
    background: white;
    border: solid 1px #d1d3d4;
    padding-top: 5px;
    position: relative;
}

.tileGroupWideHigh {
    float: left;
    width: 860px; /* 2x de breedte van een tileGroup, plus margins */
    height: auto;
    min-height: 360px;
}

.tileGroupWideHighContent {
    height: auto;
    min-height: 360px;
    width: 840px;
    padding-top: 5px;
    background: white;
    border: solid 1px #d1d3d4;
    position: relative;
}

/*tileGroupLicense*/

.tileGroupLicense {
    float: left;
    height: 550px;
    width: 890px;
    background: white;
    border: solid 1px #E6E7E8;
    border: solid 1px white;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
    padding-left: 10px;
    margin: 10px;
}

    .tileGroupLicense > .divSectionTitle {
        padding-left: 0px;
        max-width: 885px;
    }

.tileGroupLicenseContent {
    height: 502px;
    width: 888px;
    padding-top: 5px;
    background: white;
    position: relative;
    margin-left: -10px;
}

    .tileGroupLicenseContent .tileListContainer {
        left: 0px !important;
    }

    .tileGroupLicenseContent .editFormContainer {
        width: 100%;
    }
/* standaard icons */

[class^="iconXS-"],
[class*=" iconXS-"] {
    display: inline-block;
    /*position: absolute;
    bottom: 10px;
    right: 10px;*/
    width: 16px;
    height: 16px;
}

[class^="iconS-"],
[class*=" iconS-"] {
    display: inline-block;

    width: 24px;
    height: 24px;
    background-size: 100%;
}

[class^="iconM-"],
[class*="iconM-"] {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 48px;
    height: 48px;
    background-size: 100%;
}

.cellF [class^="iconM-"],
.cellF [class*="iconM-"] {
    position: absolute;
    width: 36px;
    height: 36px;

    left:6px;
    top:6px;
    background-size: 100%;
}

.iconXS-placeholder {
    width: 16px;
    height: 14px;
    background-image: none;
    margin-right: 5px;
    margin-left: 5px;
}

.iconXS-dark-checkmark {
    width: 16px;
    height: 14px;
    background-image: url(/Images/RT/checkMark.png);
    background-size: 100%;
    margin-right: 5px;
    margin-left: 5px;
}

    .iconXS-dark-checkmark:hover {
        background-image: url(/Images/RT/checkMark.png);
    }

.iconS-dark-preview {
    background: url(../../Images/RT/Dark/preview.png);
    background-size: 100%;
}

.iconS-dark-preview.dockCenter, .iconS-light-preview.dockCenter {
    top:50%;
    left:50%;
    margin-left:-12px;
    margin-top:-12px;
}

.iconS-light-preview {
    background: url(../../Images/RT/Light/preview.png);
    background-size: 100%;
}

/* Delete icon */
.iconXS-dark-delete {
    background: url(../../Images/RT/delete.png);
    background-size: 100%;
}

.iconS-dark-delete {
    background: url(../../Images/RT/delete.png);
    background-size: 100%;
}

.iconM-dark-delete {
    background: url(../../Images/RT/delete_16Lg.png);
}

/* BOEI inspectietype icon */

.iconXS-dark-melding {
    background: url(../../Images/RT/Dark/meldingen.png);
    background-size: 100%;
}

.iconXS-light-melding {
    background: url(../../Images/RT/Light/meldingen.png);
    background-size: 100%;
}

.iconS-dark-melding {
    background: url(../../Images/RT/Dark/meldingen.png);
    background-size: 100%;
}

.iconS-light-melding {
    background: url(../../Images/RT/Light/meldingen.png);
    background-size: 100%;
}

.iconM-dark-melding {
    background: url(../../Images/RT/Dark/meldingen.png);
}

.iconM-light-melding {
    background: url(../../Images/RT/Light/melding.png);
}

/* BOEI inspectietype icon */

.iconXS-dark-BOEIInspectie {
    background: url(../../Images/RT/Dark/BOEI.png);
    background-size: 100%;
}

.iconXS-light-BOEIInspectie {
    background: url(../../Images/RT/Light/BOEI.png);
    background-size: 100%;
}

.iconS-dark-BOEIInspectie {
    background: url(../../Images/RT/Dark/BOEI.png);
    background-size: 100%;
}

.iconS-light-BOEIInspectie {
    background: url(../../Images/RT/Light/BOEI.png);
    background-size: 100%;
}

.iconM-dark-BOEIInspectie {
    background: url(../../Images/RT/Dark/BOEI.png);
}

.iconM-light-BOEIInspectie {
    background: url(../../Images/RT/Light/BOEI.png);
}

/* HOVER STYLES queryresultpage */
div:hover > .iconXS-dark-BOEIInspectie {
    background: url(../../Images/RT/Light/BOEI.png);
    background-size: 100%;
}


/* inspectie type enum : Incidenteel inspectietype icon */

.iconXS-dark-OnderhoudsInspectie {
    background: url(../../Images/RT/Dark/onderhoud.png);
    background-size: 100%;
}

.iconXS-light-OnderhoudsInspectie {
    background: url(../../Images/RT/Light/onderhoud.png);
    background-size: 100%;
}

.iconS-dark-OnderhoudsInspectie {
    background: url(../../Images/RT/Dark/onderhoud.png);
    background-size: 100%;
}

.iconS-light-OnderhoudsInspectie {
    background: url(../../Images/RT/Light/onderhoud.png);
    background-size: 100%;
}

.iconM-dark-OnderhoudsInspectie {
    background: url(../../Images/RT/Dark/onderhoud.png);
}

.iconM-light-OnderhoudsInspectie {
    background: url(../../Images/RT/Light/onderhoud.png);
}

/* HOVER STYLES queryresultpage */
div:hover > .iconXS-dark-OnderhoudsInspectie {
    background: url(../../Images/RT/Light/onderhoud.png);
    background-size: 100%;
}

/* inspectie type enum  : Inventarisatie */
.iconXS-dark-Inventarisatie {
    background: url(../../Images/RT/Dark/inventarisatie.png);
    background-size: 100%;
}

.iconXS-light-Inventarisatie {
    background: url(../../Images/RT/Light/inventarisatie.png);
    background-size: 100%;
}

.iconS-dark-Inventarisatie {
    background: url(../../Images/RT/Dark/inventarisatie.png);
    background-size: 100%;
}

.iconS-light-Inventarisatie {
    background: url(../../Images/RT/Light/inventarisatie.png);
    background-size: 100%;
}

.iconM-dark-Inventarisatie {
    background: url(../../Images/RT/Dark/inventarisatie.png);
}

.iconM-light-Inventarisatie {
    background: url(../../Images/RT/Light/inventarisatie.png);
}

/* HOVER STYLES queryresultpage */
div:hover > .iconXS-dark-Inventarisatie {
    background: url(../../Images/RT/Light/inventarisatie.png);
    background-size: 100%;
}

/* inspectie type enum  : Inventarisatie */
.iconXS-dark-NulInventarisatie {
    background: url(../../Images/RT/Dark/inventarisatie.png);
    background-size: 100%;
}

.iconXS-light-NulInventarisatie {
    background: url(../../Images/RT/Light/inventarisatie.png);
    background-size: 100%;
}

.iconS-dark-NulInventarisatie {
    background: url(../../Images/RT/Dark/inventarisatie.png);
    background-size: 100%;
}

.iconS-light-NulInventarisatie {
    background: url(../../Images/RT/Light/inventarisatie.png);
    background-size: 100%;
}

.iconM-dark-NulInventarisatie {
    background: url(../../Images/RT/Dark/inventarisatie.png);
}

.iconM-light-NulInventarisatie {
    background: url(../../Images/RT/Light/inventarisatie.png);
}

/* HOVER STYLES queryresultpage */
div:hover > .iconXS-dark-NulInventarisatie {
    background: url(../../Images/RT/Light/inventarisatie.png);
    background-size: 100%;
}


/* inspectie type enum : workflow */
.iconXS-dark-Workflow {
    background: url(../../Images/RT/Dark/workflow.png);
    background-size: 100%;
}

.iconXS-light-Workflow {
    background: url(../../Images/RT/Light/workflow.png);
    background-size: 100%;
}

.iconS-dark-Workflow {
    background: url(../../Images/RT/Dark/workflow.png);
    background-size: 100%;
}

.iconS-light-Workflow {
    background: url(../../Images/RT/Light/workflow.png);
    background-size: 100%;
}

.iconM-dark-Workflow {
    background: url(../../Images/RT/Dark/workflow.png);
}

.iconM-light-Workflow {
    background: url(../../Images/RT/Light/workflow.png);
}

/* inspectie type enum : workflow */
.iconXS-dark-copy {
    background: url(../../Images/RT/Dark/copy.png);
    background-size: 100%;
}

.iconXS-light-copy {
    background: url(../../Images/RT/Light/copy.png);
    background-size: 100%;
}

.iconS-dark-copy {
    background: url(../../Images/RT/Dark/copy.png);
    background-size: 100%;
}

.iconS-light-copy {
    background: url(../../Images/RT/Light/copy.png);
    background-size: 100%;
}

.iconM-dark-copy {
    background: url(../../Images/RT/Dark/copy.png);
}

.iconM-light-copy {
    background: url(../../Images/RT/Light/copy.png);
}

/* inspectie type enum : workflow */
.iconXS-dark-edit {
    background: url(../../Images/RT/Dark/edit.png);
    background-size: 100%;
}

.iconXS-light-edit {
    background: url(../../Images/RT/Light/edit.png);
    background-size: 100%;
}

.iconS-dark-edit {
    background: url(../../Images/RT/Dark/edit.png);
    background-size: 100%;
}

.iconS-light-edit {
    background: url(../../Images/RT/Light/edit.png);
    background-size: 100%;
}

.iconM-dark-edit {
    background: url(../../Images/RT/Dark/edit.png);
}

.iconM-light-edit {
    background: url(../../Images/RT/Light/edit.png);
}

/* HOVER STYLES queryresultpage */
div:hover > .iconXS-dark-Workflow {
    background: url(../../Images/RT/Light/workflow.png);
    background-size: 100%;
}

/* inspectie type enum : inspectie */
.iconXS-dark-Inspectie {
    background: url(../../Images/RT/Dark/incidenteel.png);
    background-size: 100%;
}

.iconXS-light-Inspectie {
    background: url(../../Images/RT/Light/incidenteel.png);
    background-size: 100%;
}

.iconS-dark-Inspectie {
    background: url(../../Images/RT/Dark/incidenteel.png);
    background-size: 100%;
}

.iconS-light-Inspectie {
    background: url(../../Images/RT/Light/incidenteel.png);
    background-size: 100%;
}

.iconM-dark-Inspectie {
    background: url(../../Images/RT/Dark/incidenteel.png);
}

.iconM-light-Inspectie {
    background: url(../../Images/RT/Light/incidenteel.png);
}

/* icon vergrendelen mup*/
.iconXS-dark-vergrendelen {
    background: url(../../Images/RT/Dark/vergrendelen.png);
    background-size: 100%;
}

.iconXS-light-vergrendelen {
    background: url(../../Images/RT/Light/vergrendelen.png);
    background-size: 100%;
}

.iconS-dark-vergrendelen {
    background: url(../../Images/RT/Dark/vergrendelen.png);
    background-size: 100%;
}

.iconS-light-vergrendelen {
    background: url(../../Images/RT/Light/vergrendelen.png);
    background-size: 100%;
}

.iconM-dark-vergrendelen {
    background: url(../../Images/RT/Dark/vergrendelen.png);
}

.iconM-light-vergrendelen {
    background: url(../../Images/RT/Light/vergrendelen.png);
}

/* icon vergrendelen mup*/
.iconXS-dark-object {
    background: url(../../Images/RT/Dark/vergrendelen.png);
    background-size: 100%;
}

.iconXS-light-object {
    background: url(../../Images/RT/Light/offices.png);
    background-size: 100%;
}

.iconS-dark-object {
    background: url(../../Images/RT/Dark/offices.png);
    background-size: 100%;
}

.iconS-light-object {
    background: url(../../Images/RT/Light/offices.png);
    background-size: 100%;
}

.iconM-dark-object {
    background: url(../../Images/RT/Dark/offices.png);
}

.iconM-light-object {
    background: url(../../Images/RT/Light/offices.png);
}

.iconS-dark-list, .iconM-dark-list {
    background-image: url(../../Images/RT/Dark/list.png);
}

.iconS-dark-grid, .iconM-dark-grid {
    background-image: url(../../Images/RT/Dark/grid.png);
}

/* object tiles icons */

.iconS-dark-sjabloon, .iconM-dark-sjabloon {
    background-image: url('../../Images/RT/Dark/sjabloon.png');
}

.iconS-dark-archiefgebouw, .iconM-dark-archiefgebouw {
    background-image: url(../../Images/RT/Dark/archiefgebouw.png);
}

.iconS-dark-bedrijfsruimte, .iconM-dark-bedrijfsruimte {
    background-image: url(../../Images/RT/Dark/bedrijfsruimte.png);
}

.iconS-dark-belastingdienst, .iconM-dark-belastingdienst {
    background-image: url(../../Images/RT/Dark/belastingdienst.png);
}

.iconS-dark-bibliotheek, .iconM-dark-bibliotheek {
    background-image: url(../../Images/RT/Dark/bibliotheek.png);
}

.iconS-dark-cancel, .iconM-dark-cancel {
    background-image: url(../../Images/RT/Dark/cancel.png);
}

.iconS-dark-warning, .iconM-dark-warning:before {
    content: "\F02FC";
    font: normal normal normal 24px/1 "Material Design Icons";
    font-family: "Material Design Icons";
    color: rgb(var(--indicator-danger-primary-color)) !important;
    position: absolute;
    top: 8px;
    left: 6px;
}

[class~="tile1x1"] .iconM-dark-warning:before, [class^="tile2x1"] .iconM-dark-warning:before {
    top: 32px;
    left: 32px;
}

.dockBottomRight.blocked ::after {
    content: "\F02FC";
    font: normal normal normal 24px/1 "Material Design Icons";
    color: rgb(var(--indicator-danger-primary-color)) !important;
    position: absolute;
    font-size: 11pt;
    bottom: -3px;
    right: 0;
    text-shadow: 0px 0px 0px white;
}

[class~="tile1x1"] .dockBottomRight.blocked ::after, [class~="tile2x1"] .dockBottomRight.blocked ::after{
    font-size: 17pt;
    bottom: -7px;
    right: -6px;
}

.iconS-dark-caravan, .iconM-dark-caravan {
    background-image: url(../../Images/RT/Dark/caravan.png);
}

.iconS-dark-civieltechnisch, .iconM-dark-civieltechnisch {
    background-image: url(../../Images/RT/Dark/civieltechnischwerk.png);
}

.iconS-dark-fietsenstalling, .iconM-dark-fietsenstalling {
    background-image: url(../../Images/RT/Dark/fietsenstalling.png);
}

.iconS-dark-financiëleleegstand, .iconM-dark-financiëleleegstand {
    background-image: url(../../Images/RT/Dark/financieleleegstand.png);
}

.iconS-dark-gerechtsgebouw, .iconM-dark-gerechtsgebouw {
    background-image: url(../../Images/RT/Dark/gerechtsgebouw.png);
}

.iconS-dark-gerechtsgebouwtbvzittingen, .iconM-dark-gerechtsgebouwtbvzittingen {
    background-image: url(../../Images/RT/Dark/gerechtsgebouwtbvzittingen.png);
}

.iconS-dark-kantoorgebouw, .iconM-dark-kantoorgebouw {
    background-image: url(../../Images/RT/Dark/kantoorgebouw.png);
}

.iconS-dark-hangaar, .iconM-dark-hangaar {
    background-image: url(../../Images/RT/Dark/hangaar.png);
}

.iconS-dark-laboratorium, .iconM-dark-laboratorium {
    background-image: url(../../Images/RT/Dark/labaratorium.png);
}

.iconS-dark-locatie, .iconM-dark-locatie {
    background-image: url(../../Images/RT/Dark/locatie.png);
}

.iconS-dark-ministerie, .iconM-dark-ministerie {
    background-image: url(../../Images/RT/Dark/offices.png);
}

.iconS-dark-museum, .iconM-dark-museum {
    background-image: url(../../Images/RT/Dark/museum.png);
}

.iconS-dark-onderwijsgebouw, .iconM-dark-onderwijsgebouw {
    background-image: url(../../Images/RT/Dark/onderwijsgebouw.png);
}

.iconS-dark-opslagplaats, .iconM-dark-opslagplaats {
    background-image: url(../../Images/RT/Dark/opslagplaats.png);
}

.iconS-dark-parkeerterrein, .iconM-dark-parkeerterrein {
    background-image: url(../../Images/RT/Dark/parkeerterrein.png);
}

.iconS-dark-penitentiaireinrichting, .iconM-dark-penitentiaireinrichting {
    background-image: url(../../Images/RT/Dark/penitentiaireinrichting.png);
}

.iconS-dark-politieendouane, .iconM-dark-politieendouane {
    background-image: url(../../Images/RT/Dark/politieendouane.png);
}

.iconS-dark-projectontwikkeling, .iconM-dark-projectontwikkeling {
    background-image: url(../../Images/RT/Dark/projectontwikkeling.png);
}

.iconS-dark-sportgebouw, .iconM-dark-sportgebouw {
    background-image: url(../../Images/RT/Dark/sportgebouw.png);
}

.iconS-dark-stallingsruimte, .iconM-dark-stallingsruimte {
    background-image: url(../../Images/RT/Dark/stallingruimte.png);
}

.iconS-dark-woning, .iconM-dark-woning {
    background-image: url(../../Images/RT/Dark/woning.png);
}

.iconS-dark-overige, .iconM-dark-overige {
    background-image: url(../../Images/RT/Dark/offices.png);
}

/**/
.iconS-dark-bijeenkomstfunctie, .iconM-dark-bijeenkomstfunctie {
    background-image: url(../../Images/RT/Dark/bijeenkomstfunctie.png);
}
.iconS-dark-bouwwerkgeengebouwzijnde, .iconM-dark-bouwwerkgeengebouwzijnde {
    background-image: url(../../Images/RT/Dark/bouwwerkgeengebouwzijnde.png);
}
.iconS-dark-celfunctie, .iconM-dark-celfunctie {
    background-image: url(../../Images/RT/Dark/celfunctie.png);
}
.iconS-dark-flexibelkort, .iconM-dark-flexibelkort {
    background-image: url(../../Images/RT/Dark/flexibelkort.png);
}
.iconS-dark-flexibellang, .iconM-dark-flexibellang {
    background-image: url(../../Images/RT/Dark/flexibellang.png);
}
.iconS-dark-gezondsheidszorgfunctie, .iconM-dark-gezondsheidszorgfunctie {
    background-image: url(../../Images/RT/Dark/gezondsheidszorgfunctie.png);
}
.iconS-dark-industriefunctie, .iconM-dark-industriefunctie {
    background-image: url(../../Images/RT/Dark/industriefunctie.png);
}
.iconS-dark-kantoorfunctie, .iconM-dark-kantoorfunctie {
    background-image: url(../../Images/RT/Dark/kantoorfunctie.png);
}
.iconS-dark-kern, .iconM-dark-kern {
    background-image: url(../../Images/RT/Dark/kern.png);
}
.iconS-dark-leegstand, .iconM-dark-leegstand {
    background-image: url(../../Images/RT/Dark/leegstand.png);
}
.iconS-dark-logiesfunctie, .iconM-dark-logiesfunctie {
    background-image: url(../../Images/RT/Dark/logiesfunctie.png);
}
.iconS-dark-noodopvang, .iconM-dark-noodopvang {
    background-image: url(../../Images/RT/Dark/noodopvang.png);
}
.iconS-dark-onderwijsfunctie, .iconM-dark-onderwijsfunctie {
    background-image: url(../../Images/RT/Dark/onderwijsfunctie.png);
}
.iconS-dark-overigegebruiksfunctie, .iconM-dark-overigegebruiksfunctie {
    background-image: url(../../Images/RT/Dark/overigegebruiksfunctie.png);
}
.iconS-dark-sportfunctie, .iconM-dark-sportfunctie {
    background-image: url(../../Images/RT/Dark/sportfunctie.png);
}
.iconS-dark-winkelfunctie, .iconM-dark-winkelfunctie {
    background-image: url(../../Images/RT/Dark/winkelfunctie.png);
}
.iconS-dark-woonfunctie, .iconM-dark-woonfunctie {
    background-image: url(../../Images/RT/Dark/woonfunctie.png);
}
.iconS-dark-terrein, .iconM-dark-terrein {
    background-image: url(../../Images/RT/Dark/terrein.png);
}

/* objectenicons light */
.iconS-light-bijeenkomstfunctie, .iconM-light-bijeenkomstfunctie {
    background-image: url(../../Images/RT/Light/bijeenkomstfunctie.png);
}
.iconS-light-bouwwerkgeengebouwzijnde, .iconM-light-bouwwerkgeengebouwzijnde {
    background-image: url(../../Images/RT/Light/bouwwerkgeengebouwzijnde.png);
}
.iconS-light-celfunctie, .iconM-light-celfunctie {
    background-image: url(../../Images/RT/Light/celfunctie.png);
}
.iconS-light-flexibelkort, .iconM-light-flexibelkort {
    background-image: url(../../Images/RT/Light/flexibelkort.png);
}
.iconS-light-flexibellang, .iconM-light-flexibellang {
    background-image: url(../../Images/RT/Light/flexibellang.png);
}
.iconS-light-gezondsheidszorgfunctie, .iconM-light-gezondsheidszorgfunctie {
    background-image: url(../../Images/RT/Light/gezondsheidszorgfunctie.png);
}
.iconS-light-industriefunctie, .iconM-light-industriefunctie {
    background-image: url(../../Images/RT/Light/industriefunctie.png);
}
.iconS-light-kantoorfunctie, .iconM-light-kantoorfunctie {
    background-image: url(../../Images/RT/Light/kantoorfunctie.png);
}
.iconS-light-kern, .iconM-light-kern {
    background-image: url(../../Images/RT/Light/kern.png);
}
.iconS-light-leegstand, .iconM-light-leegstand {
    background-image: url(../../Images/RT/Light/leegstand.png);
}
.iconS-light-logiesfunctie, .iconM-light-logiesfunctie {
    background-image: url(../../Images/RT/Light/logiesfunctie.png);
}
.iconS-light-noodopvang, .iconM-light-noodopvang {
    background-image: url(../../Images/RT/Light/noodopvang.png);
}
.iconS-light-onderwijsfunctie, .iconM-light-onderwijsfunctie {
    background-image: url(../../Images/RT/Light/onderwijsfunctie.png);
}
.iconS-light-overigegebruiksfunctie, .iconM-light-overigegebruiksfunctie {
    background-image: url(../../Images/RT/Light/overigegebruiksfunctie.png);
}
.iconS-light-sportfunctie, .iconM-light-sportfunctie {
    background-image: url(../../Images/RT/Light/sportfunctie.png);
}
.iconS-light-winkelfunctie, .iconM-light-winkelfunctie {
    background-image: url(../../Images/RT/Light/winkelfunctie.png);
}
.iconS-light-woonfunctie, .iconM-light-woonfunctie {
    background-image: url(../../Images/RT/Light/woonfunctie.png);
}
.iconS-light-terrein, .iconM-dark-terrein {
    background-image: url(../../Images/RT/Light/terrein.png);
}

/*Legionella icons */

/* DagelijksSpoelen + WekelijksSpoelen */
.iconXS-dark-spoelen {
    background: url(../../Images/RT/Dark/spoelen.png);
    background-size: 100%;
}

.iconXS-light-spoelen {
    background: url(../../Images/RT/Light/spoelen.png);
    background-size: 100%;
}

.iconS-dark-spoelen {
    background: url(../../Images/RT/Dark/spoelen.png);
    background-size: 100%;
}

.iconS-light-spoelen {
    background: url(../../Images/RT/Light/spoelen.png);
    background-size: 100%;
}

.iconM-dark-spoelen {
    background: url(../../Images/RT/Dark/spoelen.png);
}

.iconM-light-spoelen {
    background: url(../../Images/RT/Light/spoelen.png);
}

/* HalfjaarlijksMonstername */
.iconXS-dark-monstername {
    background: url(../../Images/RT/Dark/monster.png);
    background-size: 100%;
}

.iconXS-light-monstername {
    background: url(../../Images/RT/Light/monster.png);
    background-size: 100%;
}

.iconS-dark-monstername {
    background: url(../../Images/RT/Dark/monster.png);
    background-size: 100%;
}

.iconS-light-monstername {
    background: url(../../Images/RT/Light/monster.png);
    background-size: 100%;
}

.iconM-dark-monstername {
    background: url(../../Images/RT/Dark/monster.png);
}

.iconM-light-monstername {
    background: url(../../Images/RT/Light/monster.png);
}

/* JaarlijksControleKeerkleppen
 */
.iconXS-dark-keerklepcontrole {
    background: url(../../Images/RT/Dark/keerklepcontrole.png);
    background-size: 100%;
}

.iconXS-light-keerklepcontrole {
    background: url(../../Images/RT/Light/keerklepcontrole.png);
    background-size: 100%;
}

.iconS-dark-keerklepcontrole {
    background: url(../../Images/RT/Dark/keerklepcontrole.png);
    background-size: 100%;
}

.iconS-light-keerklepcontrole {
    background: url(../../Images/RT/Light/keerklepcontrole.png);
    background-size: 100%;
}

.iconM-dark-keerklepcontrole {
    background: url(../../Images/RT/Dark/keerklepcontrole.png);
}

.iconM-light-keerklepcontrole {
    background: url(../../Images/RT/Light/keerklepcontrole.png);
}

/* JaarlijkseControleVerkalking
 */
.iconXS-dark-Verkalking {
    background: url(../../Images/RT/Dark/VerkalkingsControle.png);
    background-size: 100%;
}

.iconXS-light-Verkalking {
    background: url(../../Images/RT/Light/VerkalkingsControle.png);
    background-size: 100%;
}

.iconS-dark-Verkalking {
    background: url(../../Images/RT/Dark/VerkalkingsControle.png);
    background-size: 100%;
}

.iconS-light-Verkalking {
    background: url(../../Images/RT/Light/VerkalkingsControle.png);
    background-size: 100%;
}

.iconM-dark-Verkalking {
    background: url(../../Images/RT/Dark/VerkalkingsControle.png);
}

.iconM-light-Verkalking {
    background: url(../../Images/RT/Light/VerkalkingsControle.png);
}

/* JaarlijksSpuienToestellen
 */
.iconXS-dark-Spuien {
    background: url(../../Images/RT/Dark/spuien.png);
    background-size: 100%;
}

.iconXS-light-Spuien {
    background: url(../../Images/RT/Light/spuien.png);
    background-size: 100%;
}

.iconS-dark-Spuien {
    background: url(../../Images/RT/Dark/spuien.png);
    background-size: 100%;
}

.iconS-light-Spuien {
    background: url(../../Images/RT/Light/spuien.png);
    background-size: 100%;
}

.iconM-dark-Spuien {
    background: url(../../Images/RT/Dark/spuien.png);
}

.iconM-light-Spuien {
    background: url(../../Images/RT/Light/spuien.png);
}

/* JaarlijksTempWarm
 */
.iconXS-dark-tempWarm {
    background: url(../../Images/RT/Dark/temperatuurmeting.png);
    background-size: 100%;
}

.iconXS-light-tempWarm {
    background: url(../../Images/RT/Light/temperatuurmeting.png);
    background-size: 100%;
}

.iconS-dark-tempWarm {
    background: url(../../Images/RT/Dark/temperatuurmeting.png);
    background-size: 100%;
}

.iconS-light-tempWarm {
    background: url(../../Images/RT/Light/temperatuurmeting.png);
    background-size: 100%;
}

.iconM-dark-tempWarm {
    background: url(../../Images/RT/Dark/temperatuurmeting.png);
}

.iconM-light-tempWarm {
    background: url(../../Images/RT/Light/temperatuurmeting.png);
}


/* JaarlijksThermometers
 */
.iconXS-dark-thermometers {
    background: url(../../Images/RT/Dark/thermometer.png);
    background-size: 100%;
}

.iconXS-light-thermometers {
    background: url(../../Images/RT/Light/thermometer.png);
    background-size: 100%;
}

.iconS-dark-thermometers {
    background: url(../../Images/RT/Dark/thermometer.png);
    background-size: 100%;
}

.iconS-light-thermometers {
    background: url(../../Images/RT/Light/thermometer.png);
    background-size: 100%;
}

.iconM-dark-thermometers {
    background: url(../../Images/RT/Dark/thermometer.png);
}

.iconM-light-thermometers {
    background: url(../../Images/RT/Light/thermometer.png);
}

/* JaarlijksVerantwoordelijk
 */
.iconXS-dark-verantwoordelijk {
    background: url(../../Images/RT/Dark/thermometer.png);
    background-size: 100%;
}

.iconXS-light-verantwoordelijk {
    background: url(../../Images/RT/Light/thermometer.png);
    background-size: 100%;
}

.iconS-dark-verantwoordelijk {
    background: url(../../Images/RT/Dark/thermometer.png);
    background-size: 100%;
}

.iconS-light-verantwoordelijk {
    background: url(../../Images/RT/Light/thermometer.png);
    background-size: 100%;
}

.iconM-dark-verantwoordelijk {
    background: url(../../Images/RT/Dark/thermometer.png);
}

.iconM-light-verantwoordelijk {
    background: url(../../Images/RT/Light/thermometer.png);
}

/* JaarlijksVerzegeling
 */
.iconXS-dark-verzegelingscontrole {
    background: url(../../Images/RT/Dark/verzegelingscontrole.png);
    background-size: 100%;
}

.iconXS-light-verzegelingscontrole {
    background: url(../../Images/RT/Light/verzegelingscontrole.png);
    background-size: 100%;
}

.iconS-dark-verzegelingscontrole {
    background: url(../../Images/RT/Dark/verzegelingscontrole.png);
    background-size: 100%;
}

.iconS-light-verzegelingscontrole {
    background: url(../../Images/RT/Light/verzegelingscontrole.png);
    background-size: 100%;
}

.iconM-dark-verzegelingscontrole {
    background: url(../../Images/RT/Dark/verzegelingscontrole.png);
}

.iconM-light-verzegelingscontrole {
    background: url(../../Images/RT/Light/verzegelingscontrole.png);
}

/* MaandelijksTempKoud
 */
.iconXS-dark-tempKoud {
    background: url(../../Images/RT/Dark/temperatuurmeten.png);
    background-size: 100%;
}

.iconXS-light-tempKoud {
    background: url(../../Images/RT/Light/temperatuurmeten.png);
    background-size: 100%;
}

.iconS-dark-tempKoud {
    background: url(../../Images/RT/Dark/temperatuurmeten.png);
    background-size: 100%;
}

.iconS-light-tempKoud {
    background: url(../../Images/RT/Light/temperatuurmeten.png);
    background-size: 100%;
}

.iconM-dark-tempKoud {
    background: url(../../Images/RT/Dark/temperatuurmeten.png);
}

.iconM-light-tempKoud {
    background: url(../../Images/RT/Light/temperatuurmeten.png);
}
/* MaandelijksTempKoud
 */
.iconXS-dark-tempKoud {
    background: url(../../Images/RT/Dark/temperatuurmeten.png);
    background-size: 100%;
}

.iconXS-light-tempKoud {
    background: url(../../Images/RT/Light/temperatuurmeten.png);
    background-size: 100%;
}

.iconS-dark-tempKoud {
    background: url(../../Images/RT/Dark/temperatuurmeten.png);
    background-size: 100%;
}

.iconS-light-tempKoud {
    background: url(../../Images/RT/Light/temperatuurmeten.png);
    background-size: 100%;
}

.iconM-dark-tempKoud {
    background: url(../../Images/RT/Dark/temperatuurmeten.png);
}

.iconM-light-tempKoud {
    background: url(../../Images/RT/Light/temperatuurmeten.png);
}
/* WekelijksThermischeDesinfectie
 */
.iconXS-dark-thermischedesinfectie {
    background: url(../../Images/RT/Dark/thermischedesinfectie.png);
    background-size: 100%;
}

.iconXS-light-thermischedesinfectie {
    background: url(../../Images/RT/Light/thermischedesinfectie.png);
    background-size: 100%;
}

.iconS-dark-thermischedesinfectie {
    background: url(../../Images/RT/Dark/thermischedesinfectie.png);
    background-size: 100%;
}

.iconS-light-thermischedesinfectie {
    background: url(../../Images/RT/Light/thermischedesinfectie.png);
    background-size: 100%;
}

.iconM-dark-thermischedesinfectie {
    background: url(../../Images/RT/Dark/thermischedesinfectie.png);
}

.iconM-light-thermischedesinfectie {
    background: url(../../Images/RT/Light/thermischedesinfectie.png);
}

/* verhuurcontract
 */
.iconXS-dark-verhuurcontract {
    background: url(../../Images/RT/Dark/verhuurcontract.png);
    background-size: 100%;
}

.iconXS-light-verhuurcontract {
    background: url(../../Images/RT/Light/verhuurcontract.png);
    background-size: 100%;
}

.iconS-dark-verhuurcontract {
    background: url(../../Images/RT/Dark/verhuurcontract.png);
    background-size: 100%;
}

.iconS-light-verhuurcontract {
    background: url(../../Images/RT/Light/verhuurcontract.png);
    background-size: 100%;
}

.iconM-dark-verhuurcontract {
    background: url(../../Images/RT/Dark/verhuurcontract.png);
}

.iconM-light-verhuurcontract {
    background: url(../../Images/RT/Light/verhuurcontract.png);
}


/* algemeencontract
 */
.iconXS-dark-algemeencontract {
    background: url(../../Images/RT/Dark/contracten.png);
    background-size: 100%;
}

.iconXS-light-algemeencontract {
    background: url(../../Images/RT/Light/contracten.png);
    background-size: 100%;
}

.iconS-dark-algemeencontract {
    background: url(../../Images/RT/Dark/contracten.png);
    background-size: 100%;
}

.iconS-light-algemeencontract {
    background: url(../../Images/RT/Light/contracten.png);
    background-size: 100%;
}

.iconM-dark-algemeencontract {
    background: url(../../Images/RT/Dark/contracten.png);
}

.iconM-light-algemeencontract {
    background: url(../../Images/RT/Light/contracten.png);
}


/* inspectiecontract
 */
.iconXS-dark-inspectiecontract {
    background: url(../../Images/RT/Dark/inspectiecontract.png);
    background-size: 100%;
}

.iconXS-light-inspectiecontract {
    background: url(../../Images/RT/Light/inspectiecontract.png);
    background-size: 100%;
}

.iconS-dark-inspectiecontract {
    background: url(../../Images/RT/Dark/inspectiecontract.png);
    background-size: 100%;
}

.iconS-light-inspectiecontract {
    background: url(../../Images/RT/Light/inspectiecontract.png);
    background-size: 100%;
}

.iconM-dark-inspectiecontract {
    background: url(../../Images/RT/Dark/inspectiecontract.png);
}

.iconM-light-inspectiecontract {
    background: url(../../Images/RT/Light/inspectiecontract.png);
}


/* meldingcontract
 */
.iconXS-dark-meldingcontract {
    background: url(../../Images/RT/Dark/meldingcontract.png);
    background-size: 100%;
}

.iconXS-light-meldingcontract {
    background: url(../../Images/RT/Light/meldingcontract.png);
    background-size: 100%;
}

.iconS-dark-meldingcontract {
    background: url(../../Images/RT/Dark/meldingcontract.png);
    background-size: 100%;
}

.iconS-light-meldingcontract {
    background: url(../../Images/RT/Light/meldingcontract.png);
    background-size: 100%;
}

.iconM-dark-meldingcontract {
    background: url(../../Images/RT/Dark/meldingcontract.png);
}

.iconM-light-meldingcontract {
    background: url(../../Images/RT/Light/meldingcontract.png);
}
/* basis contract */
.iconS-dark-contract{
    background: url(../../Images/RT/Dark/contracten.png);
    background-size: 100%;
}

/* recht
 */
.iconXS-dark-recht {
    background: url(../../Images/RT/Dark/recht.png);
    background-size: 100%;
}

.iconXS-light-recht {
    background: url(../../Images/RT/Light/recht.png);
    background-size: 100%;
}

.iconS-dark-recht {
    background: url(../../Images/RT/Dark/recht.png);
    background-size: 100%;
}

.iconS-light-recht {
    background: url(../../Images/RT/Light/recht.png);
    background-size: 100%;
}

.iconM-dark-recht {
    background: url(../../Images/RT/Dark/recht.png);
}

.iconM-light-recht {
    background: url(../../Images/RT/Light/recht.png);
}

/* rol
 */
.iconXS-dark-rol {
    background: url(../../Images/RT/Dark/gebruikersrol.png);
    background-size: 100%;
}

.iconXS-light-rol {
    background: url(../../Images/RT/Light/gebruikersrol.png);
    background-size: 100%;
}

.iconS-dark-rol {
    background: url(../../Images/RT/Dark/gebruikersrol.png);
    background-size: 100%;
}

.iconS-light-rol {
    background: url(../../Images/RT/Light/gebruikersrol.png);
    background-size: 100%;
}

.iconM-dark-rol {
    background: url(../../Images/RT/Dark/gebruikersrol.png);
}

.iconM-light-rol {
    background: url(../../Images/RT/Light/gebruikersrol.png);
}

/* persoon
 */
.iconXS-dark-persoon {
    background: url(../../Images/RT/Dark/gebruikers.png);
    background-size: 100%;
}

.iconXS-light-persoon {
    background: url(../../Images/RT/Light/gebruikers.png);
    background-size: 100%;
}

.iconS-dark-persoon {
    background: url(../../Images/RT/Dark/gebruikers.png);
    background-size: 100%;
}

.iconS-light-persoon {
    background: url(../../Images/RT/Light/gebruikers.png);
    background-size: 100%;
}

.iconM-dark-persoon {
    background: url(../../Images/RT/Dark/gebruikers.png);
}

.iconM-light-persoon {
    background: url(../../Images/RT/Light/gebruikers.png);
}

/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=b71143de67d771d4ea6d5696946c268e)
 * Config saved to config.json and https://gist.github.com/b71143de67d771d4ea6d5696946c268e
 */
/*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

[role="button"] {
    cursor: pointer;
}

.btn, button {
    color: #333;
    display: inline-block;
    position: relative;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 5px 12px;
    /*font-size: 14px;*/
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.16), 0px 0px 0px 1px rgba(0,0,0,0.08);
}

.btn-s {
    padding: 4px 6px;
    line-height: 1.3;
}

.btnM, a.btnM, .btn-m, a.btn-m, label.btn-m {
    background: white;
    padding: 7.25px 9.5px;
}

    .btnM span.glyphicon, .btnM span, a.btnM span::before {
        color: #333;
    }

.btn-ghost {
    color: #333 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    padding: 4px;
}

.cellF a.btnM {
    height: 35px;
    margin-bottom: 0;
    padding-bottom: 4px;
}


.btnM:hover, a.btnM:hover, .btn-m:hover {
    background: #E6E7E8 !important;
    color: #000;
}


.btnM.aspNetDisabled, a.btnM.aspNetDisabled {
    background: white !important;
    cursor: not-allowed !important;
    opacity: 0.38;
    border: none;
}

.aspNetDisabled .btnM, .aspNetDisabled a.btnM, .aspNetDisabled .btn-m {
    background: white !important;
    cursor: not-allowed !important;
    opacity: 0.38;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.btn:hover,
.btn:focus,
.btn.focus {
    color: #333333;
    text-decoration: none;
}

.btn:active,
.btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

a.btn.disabled,
fieldset[disabled] a.btn {
    pointer-events: none;
}

.btn-default {
    color: #333333;
    background-color: #ffffff;
    border-color: #cccccc;
}

    .btn-default:focus,
    .btn-default.focus {
        color: #333333;
        background-color: #e6e6e6;
        border-color: #8c8c8c;
    }

    .btn-default:hover {
        color: #333333;
        background-color: #e6e6e6;
        border-color: #adadad;
    }

    .btn-default:active,
    .btn-default.active,
    .open > .dropdown-toggle.btn-default {
        color: #333333;
        background-color: #e6e6e6;
        border-color: #adadad;
    }

        .btn-default:active:hover,
        .btn-default.active:hover,
        .open > .dropdown-toggle.btn-default:hover,
        .btn-default:active:focus,
        .btn-default.active:focus,
        .open > .dropdown-toggle.btn-default:focus,
        .btn-default:active.focus,
        .btn-default.active.focus,
        .open > .dropdown-toggle.btn-default.focus {
            color: #333333;
            background-color: #d4d4d4;
            border-color: #8c8c8c;
        }

    .btn-default:active,
    .btn-default.active,
    .open > .dropdown-toggle.btn-default {
        background-image: none;
    }

    .btn-default.disabled:hover,
    .btn-default[disabled]:hover,
    fieldset[disabled] .btn-default:hover,
    .btn-default.disabled:focus,
    .btn-default[disabled]:focus,
    fieldset[disabled] .btn-default:focus,
    .btn-default.disabled.focus,
    .btn-default[disabled].focus,
    fieldset[disabled] .btn-default.focus {
        background-color: #ffffff;
        border-color: #cccccc;
    }

    .btn-default .badge {
        color: #ffffff;
        background-color: #333333;
    }

/* plus button*/

.btn-plus, .btn-plus .glyphicon {
    color: #888;
}

    .btn-plus:focus,
    .btn-plus.focus {
        color: #888;
        background-color: #efefef;
        border-color: none;
    }

    .btn-plus:hover {
        color: #888;
        background-color: #efefef;
        border-color: none;
    }

.btn-primary {
    color: #ffffff;
    background-color: #03A9F4;
    border-color: #2e6da4;
}

    .btn-primary:focus,
    .btn-primary.focus {
        color: #ffffff;
        background-color: #03A9F4;
        border-color: #122b40;
    }

    .btn-primary:hover {
        color: #ffffff;
        background-color: #039BE5;
        border-color: #204d74;
    }

    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        color: #ffffff;
        background-color: #039BE5;
        border-color: #204d74;
    }

        .btn-primary:active:hover,
        .btn-primary.active:hover,
        .open > .dropdown-toggle.btn-primary:hover,
        .btn-primary:active:focus,
        .btn-primary.active:focus,
        .open > .dropdown-toggle.btn-primary:focus,
        .btn-primary:active.focus,
        .btn-primary.active.focus,
        .open > .dropdown-toggle.btn-primary.focus {
            color: #ffffff;
            background-color: #039BE5;
            border-color: #122b40;
        }

    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        background-image: none;
    }

    .btn-primary.disabled:hover,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary:hover,
    .btn-primary.disabled:focus,
    .btn-primary[disabled]:focus,
    fieldset[disabled] .btn-primary:focus,
    .btn-primary.disabled.focus,
    .btn-primary[disabled].focus,
    fieldset[disabled] .btn-primary.focus {
        background-color: #03A9F4;
        border-color: #2e6da4;
    }

    .btn-primary .badge {
        color: #03A9F4;
        background-color: #ffffff;
    }

.btn-success {
    color: #ffffff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

    .btn-success:focus,
    .btn-success.focus {
        color: #ffffff;
        background-color: #449d44;
        border-color: #255625;
    }

    .btn-success:hover {
        color: #ffffff;
        background-color: #449d44;
        border-color: #398439;
    }

    .btn-success:active,
    .btn-success.active,
    .open > .dropdown-toggle.btn-success {
        color: #ffffff;
        background-color: #449d44;
        border-color: #398439;
    }

        .btn-success:active:hover,
        .btn-success.active:hover,
        .open > .dropdown-toggle.btn-success:hover,
        .btn-success:active:focus,
        .btn-success.active:focus,
        .open > .dropdown-toggle.btn-success:focus,
        .btn-success:active.focus,
        .btn-success.active.focus,
        .open > .dropdown-toggle.btn-success.focus {
            color: #ffffff;
            background-color: #398439;
            border-color: #255625;
        }

    .btn-success:active,
    .btn-success.active,
    .open > .dropdown-toggle.btn-success {
        background-image: none;
    }

    .btn-success.disabled:hover,
    .btn-success[disabled]:hover,
    fieldset[disabled] .btn-success:hover,
    .btn-success.disabled:focus,
    .btn-success[disabled]:focus,
    fieldset[disabled] .btn-success:focus,
    .btn-success.disabled.focus,
    .btn-success[disabled].focus,
    fieldset[disabled] .btn-success.focus {
        background-color: #5cb85c;
        border-color: #4cae4c;
    }

    .btn-success .badge {
        color: #5cb85c;
        background-color: #ffffff;
    }

.btn-info {
    color: #ffffff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

    .btn-info:focus,
    .btn-info.focus {
        color: #ffffff;
        background-color: #31b0d5;
        border-color: #1b6d85;
    }

    .btn-info:hover {
        color: #ffffff;
        background-color: #31b0d5;
        border-color: #269abc;
    }

    .btn-info:active,
    .btn-info.active,
    .open > .dropdown-toggle.btn-info {
        color: #ffffff;
        background-color: #31b0d5;
        border-color: #269abc;
    }

        .btn-info:active:hover,
        .btn-info.active:hover,
        .open > .dropdown-toggle.btn-info:hover,
        .btn-info:active:focus,
        .btn-info.active:focus,
        .open > .dropdown-toggle.btn-info:focus,
        .btn-info:active.focus,
        .btn-info.active.focus,
        .open > .dropdown-toggle.btn-info.focus {
            color: #ffffff;
            background-color: #269abc;
            border-color: #1b6d85;
        }

    .btn-info:active,
    .btn-info.active,
    .open > .dropdown-toggle.btn-info {
        background-image: none;
    }

    .btn-info.disabled:hover,
    .btn-info[disabled]:hover,
    fieldset[disabled] .btn-info:hover,
    .btn-info.disabled:focus,
    .btn-info[disabled]:focus,
    fieldset[disabled] .btn-info:focus,
    .btn-info.disabled.focus,
    .btn-info[disabled].focus,
    fieldset[disabled] .btn-info.focus {
        background-color: #5bc0de;
        border-color: #46b8da;
    }

    .btn-info .badge {
        color: #5bc0de;
        background-color: #ffffff;
    }

.btn-warning {
    color: #ffffff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

    .btn-warning:focus,
    .btn-warning.focus {
        color: #ffffff;
        background-color: #ec971f;
        border-color: #985f0d;
    }

    .btn-warning:hover {
        color: #ffffff;
        background-color: #ec971f;
        border-color: #d58512;
    }

    .btn-warning:active,
    .btn-warning.active,
    .open > .dropdown-toggle.btn-warning {
        color: #ffffff;
        background-color: #ec971f;
        border-color: #d58512;
    }

        .btn-warning:active:hover,
        .btn-warning.active:hover,
        .open > .dropdown-toggle.btn-warning:hover,
        .btn-warning:active:focus,
        .btn-warning.active:focus,
        .open > .dropdown-toggle.btn-warning:focus,
        .btn-warning:active.focus,
        .btn-warning.active.focus,
        .open > .dropdown-toggle.btn-warning.focus {
            color: #ffffff;
            background-color: #d58512;
            border-color: #985f0d;
        }

    .btn-warning:active,
    .btn-warning.active,
    .open > .dropdown-toggle.btn-warning {
        background-image: none;
    }

    .btn-warning.disabled:hover,
    .btn-warning[disabled]:hover,
    fieldset[disabled] .btn-warning:hover,
    .btn-warning.disabled:focus,
    .btn-warning[disabled]:focus,
    fieldset[disabled] .btn-warning:focus,
    .btn-warning.disabled.focus,
    .btn-warning[disabled].focus,
    fieldset[disabled] .btn-warning.focus {
        background-color: #f0ad4e;
        border-color: #eea236;
    }

    .btn-warning .badge {
        color: #f0ad4e;
        background-color: #ffffff;
    }

.btn-danger {
    color: #ffffff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

    .btn-danger:focus,
    .btn-danger.focus {
        color: #ffffff;
        background-color: #c9302c;
        border-color: #761c19;
    }

    .btn-danger:hover {
        color: #ffffff;
        background-color: #c9302c;
        border-color: #ac2925;
    }

    .btn-danger:active,
    .btn-danger.active,
    .open > .dropdown-toggle.btn-danger {
        color: #ffffff;
        background-color: #c9302c;
        border-color: #ac2925;
    }

        .btn-danger:active:hover,
        .btn-danger.active:hover,
        .open > .dropdown-toggle.btn-danger:hover,
        .btn-danger:active:focus,
        .btn-danger.active:focus,
        .open > .dropdown-toggle.btn-danger:focus,
        .btn-danger:active.focus,
        .btn-danger.active.focus,
        .open > .dropdown-toggle.btn-danger.focus {
            color: #ffffff;
            background-color: #ac2925;
            border-color: #761c19;
        }

    .btn-danger:active,
    .btn-danger.active,
    .open > .dropdown-toggle.btn-danger {
        background-image: none;
    }

    .btn-danger.disabled:hover,
    .btn-danger[disabled]:hover,
    fieldset[disabled] .btn-danger:hover,
    .btn-danger.disabled:focus,
    .btn-danger[disabled]:focus,
    fieldset[disabled] .btn-danger:focus,
    .btn-danger.disabled.focus,
    .btn-danger[disabled].focus,
    fieldset[disabled] .btn-danger.focus {
        background-color: #d9534f;
        border-color: #d43f3a;
    }

    .btn-danger .badge {
        color: #d9534f;
        background-color: #ffffff;
    }

.btn-link {
    color: #337ab7;
    font-weight: normal;
    border-radius: 0;
}

    .btn-link,
    .btn-link:active,
    .btn-link.active,
    .btn-link[disabled],
    fieldset[disabled] .btn-link {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .btn-link,
        .btn-link:hover,
        .btn-link:focus,
        .btn-link:active {
            border-color: transparent;
        }

            .btn-link:hover,
            .btn-link:focus {
                color: #23527c;
                text-decoration: underline;
                background-color: transparent;
            }

            .btn-link[disabled]:hover,
            fieldset[disabled] .btn-link:hover,
            .btn-link[disabled]:focus,
            fieldset[disabled] .btn-link:focus {
                color: #777777;
                text-decoration: none;
            }

.btn-lg,
.btn-group-lg > .btn {
    padding: 10px 16px !important;
    font-size: 18px;
    line-height: 1.3333333 !important;
    border-radius: 6px !important;
}

.btn-sm,
.btn-group-sm > .btn {
    padding: 5px 10px !important;
    font-size: 12px;
    line-height: 1.5 !important;
    border-radius: 3px !important;
}

.btn-xs,
.btn-group-xs > .btn {
    padding: 1px 5px !important;
    font-size: 12px;
    line-height: 1.5 !important;
    border-radius: 3px !important;
}

.btn-block {
    display: block;
    width: 100%;
}

    .btn-block + .btn-block {
        margin-top: 5px;
    }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

    .btn-group > .btn,
    .btn-group-vertical > .btn {
        position: relative;
        float: left;
    }

        .btn-group > .btn:hover,
        .btn-group-vertical > .btn:hover,
        .btn-group > .btn:focus,
        .btn-group-vertical > .btn:focus,
        .btn-group > .btn:active,
        .btn-group-vertical > .btn:active,
        .btn-group > .btn.active,
        .btn-group-vertical > .btn.active {
            z-index: 2;
        }

    .btn-group .btn + .btn,
    .btn-group .btn + .btn-group,
    .btn-group .btn-group + .btn,
    .btn-group .btn-group + .btn-group {
        margin-left: -1px;
    }

.btn-toolbar {
    margin-left: -5px;
}

    .btn-toolbar .btn,
    .btn-toolbar .btn-group,
    .btn-toolbar .input-group {
        float: left;
    }

    .btn-toolbar > .btn,
    .btn-toolbar > .btn-group,
    .btn-toolbar > .input-group {
        margin-left: 5px;
    }


.btn-group > .btn:first-child {
    margin-left: 0;
}

.btn-group > .btn-group {
    float: left;
}

    .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0;
    }

    .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
    .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

    .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px;
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

    .btn-group.open .dropdown-toggle.btn-link {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.btn .caret {
    margin-left: 0;
}

.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0;
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
}

    .btn-group-vertical > .btn-group > .btn {
        float: none;
    }

    .btn-group-vertical > .btn + .btn,
    .btn-group-vertical > .btn + .btn-group,
    .btn-group-vertical > .btn-group + .btn,
    .btn-group-vertical > .btn-group + .btn-group {
        margin-top: -1px;
        margin-left: 0;
    }

    .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
        border-radius: 0;
    }

    .btn-group-vertical > .btn:first-child:not(:last-child) {
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .btn-group-vertical > .btn:last-child:not(:first-child) {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0;
    }

    .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
    .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}

    .btn-group-justified > .btn,
    .btn-group-justified > .btn-group {
        float: none;
        display: table-cell;
        width: 1%;
    }

        .btn-group-justified > .btn-group .btn {
            width: 100%;
        }

        .btn-group-justified > .btn-group .dropdown-menu {
            left: auto;
        }

[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.clearfix:before,
.clearfix:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after {
    content: " ";
    display: table;
}

.clearfix:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after {
    clear: both;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}




.btn:hover {
    cursor: pointer;
}

.btn-default {
    color: #666;
    border: 1px solid #ccc !important;
    background: #fff !important;
}

    .btn-default:hover {
        color: #333;
        border: 1px solid #ccc;
        background: #ccc !important;
    }

.btn-confirm {
    color: #fff !important;
    border: 1px solid #4cae4c !important;
    background: rgb(92, 184, 92) !important;
    display: inline-block;
}

    .btn-confirm:hover {
        color: #fff;
        border: 1px solid #4cae4c !important;
        background: #4cae4c !important;
    }

.btn-cancel {
    color: #F7F7F7;
    border: 1px solid rgb(217, 83, 79);
    background: rgb(217, 83, 79);
    display: inline-block;
}

    .btn-cancel:hover {
        color: #fff;
        border: 1px solid #888;
        background: #d43f3a;
    }

.input-group > .btn-m {

}
/* menu */

/*menu-wrapper*/
/* .alertContainer verandert top van 0px naar 30px in masterPage.css*/
#sidebar-wrapper {
    position: absolute;
    left: 0;
    top: 0px;
    bottom: 0;
    display: block;
    z-index: 2;
    color: #E6E7E8;
    background-color: #0B3251;
    width: 50px;
    overflow: hidden;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
}

body.menu-pinned #sidebar-wrapper {
    width: 220px;
    /*transition-timing-function: ease;
    transition-duration: 1s;*/
}

#sidebar-wrapper .partyLogo {
    width: 50px;
    left: 2px;
    position: absolute;
    bottom: 10%;
    z-index: 1;
    transform: rotate(-90deg);
}

#sidebar-wrapper ul, #full-nav ul {
    list-style: none;
    width: 100% !important;
}

#sidebar-wrapper li, #full-nav li {
    white-space: normal;
    height: 48px;
    overflow: hidden;
    position: relative;
}

    #sidebar-wrapper li.selected, #full-nav li.selected {
        background-color: rgba(0,156,220,0.6);
    }

    #sidebar-wrapper li a, #full-nav li a {
        list-style: none;
        color: white;
        text-decoration: none;
        text-align: left;
        white-space: normal !important;
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

        #sidebar-wrapper li a img, #full-nav li a img {
            width: 24px;
            position: absolute;
            left: 12px;
            top: 12px;
            opacity: 0.84;
        }

        #sidebar-wrapper li a input.favorite, li a input.favorite {
            width: 24px;
            position: absolute;
            right: 5px;
            top: 12px;
            opacity: 0.64;
        }

    #sidebar-wrapper li:hover a img, #full-nav li:hover a img {
        opacity: 1;
    }

    #sidebar-wrapper li a span, #full-nav li a span {
        position: absolute;
        top: 18px;
        left: 48px;
        width: 140px;
        color: gainsboro;
        
        /*transition-duration: 0.2s;
        transition-timing-function: ease;
        opacity: 0;*/
    }

    body.menu-open #sidebar-wrapper li a span, #full-nav li a span {
        opacity: 1;
    }

    #sidebar-wrapper li:hover a, #full-nav li:hover a {
        color: white;
        background-color: rgba(0,156,220,0.4);
    }

        #sidebar-wrapper li:hover a span, #full-nav li:hover a span {
            color: white;
        }

body.menu-pinned #sidebar-wrapper .partyLogo {
    width: 100px;
    left: 60px;
    margin-top: 20%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    transform: rotate(0deg);
}

body.menu-open #sidebar-wrapper {
    width: 220px;
}

#favorites-nav {
    position: absolute;
    top: 96px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 48px;
    overflow: hidden;
    background: #0B3251;
}

body.menu-open #favorites-nav {
    height: 100%;
    width: 220px;
}

/* .alertContainer verandert top van 0px naar 30px in masterPage.css*/
#full-nav {
    top: 0px;
    bottom: 0px;
    background: #394B67;
    background-color: #012536;
    width: 220px;
    left: 230px;
    -webkit-box-shadow: 3px 2px 5px 0 rgba(50, 50, 50, 0.77);
    -moz-box-shadow: 3px 2px 5px 0 rgba(50, 50, 50, 0.77);
    box-shadow: 3px 2px 5px 0 rgba(50, 50, 50, 0.77);
    overflow-x: hidden;
    overflow-y: hidden !important;
    position: absolute;
    display: none;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
}

body.submenu-open #full-nav {
    left: 230px;
    animation: showSubMenu 0.2s ease-out;
}

body.submenu-open.menu-pinned #full-nav, body.submenu-open.menu-open #full-nav {
    left: 220px;
    display: block !important;
}

#full-nav .menu-filter {
    width: 100%;
    height: 48px;
    background-color: rgba(50, 50, 50, 0.77);
    color: white;
    padding-left: 12px;
}

    #full-nav .menu-filter:focus {
        width: 100%;
        height: 48px;
        background-color: transparent;
        border: solid 2px rgba(0,156,220,0.6);
        color: white;
    }

    #full-nav .menu-filter::-ms-clear {
        display: none;
    }

#full-nav .list-area {
    position: absolute;
    top: 48px;
    left: 0;
    right: 0;
    bottom: 0;
}
/*UL*/
#menu-favorites-wrapper ul,
#full-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: auto;
}


/*user dropdown*/


.logoBox {
    display: block;
    height: 48px;
    width: 40px;
    overflow: hidden;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
}

    .logoBox img {
        position: relative;
        left: 4px;
        top: 12px;
    }

body.menu-open .logoBox {
    display: block;
    height: 48px;
    width:100%;
}



/*pin menu button*/
#menu-pin {
    width: 47px;
    height: 48px;
    border: none !important;
}

    #menu-pin span.glyphicon {
        position: absolute;
        top: 16px;
        left: 13.5px;
        font-size: 18px;
    }

#sidebar-wrapper #menu-pin .glyphicon-pushpin {
    opacity: 1 !important;
    transition: none;
    -webkit-transform: rotate(120deg);
    -moz-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    -o-transform: rotate(120deg);
    transform: rotate(45deg);
    width: 20px !important;
}

body.menu-pinned #sidebar-wrapper #menu-pin .glyphicon-pushpin {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    width: 20px !important;
    transition: none;
}

/* content closed */
#page-content-wrapper {
    left: 48px;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
}

/* content open */
body.menu-pinned #page-content-wrapper {
    left: 220px;
}

/* toggled menu button between open and closed (full-nav)*/

#submenu-open {
    display: block;
}

#submenu-close {
    display: none;
    background-color: rgba(0,156,220,0.6);
}

/* MIJN ACCOUNT dropDown*/
a.account {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    cursor: pointer;
    z-index: 3;
    transition-duration: 0.2s;
    transition-timing-function: ease;
}
    a.account:hover, a.account[data-dropdown="1"] {
        background-color: rgba(0,156,220,1);
    }

    a.account div.prflImg {
        position: absolute;
        top: 8px;
        left: 8px;
        width: 36px;
        height: 36px;
        display: block;
        background: url('../../Images/RT/Light/user_M.png');
        background-size: 80%;
        background-color: #00AEEF;
        border-radius: 100%;
        background-position: 3px 2px;
        background-position-x: 4px;
        background-position-y: 2px;
        background-repeat: no-repeat;
    }

    a.account div.prflTxt {
        position: absolute;
        top: 8px;
        left: 48px;
        right: 8px;
    }

    a.account > span {
        position: relative;
        top: 68px;
        left: 20px;
        display: inline-block;
    }

div.dropdownACC {
    position: relative;
    height: 96px;
    text-align: left;
    background-color: rgba(0,156,220,0.4);
}

/* .alertContainer verandert top van 84px naar 114px in masterPage.css*/
.dropdownACC div.submenu {
    background: rgb(0, 156, 220);
    position: fixed;
    top: 84px;
    z-index: 4;
    width: 220px;
    display: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
}

    .dropdownACC div.submenu ul {
        padding-left: 0px;
    }

        .dropdownACC div.submenu ul li {
            height: 32px !important;
        }

            .dropdownACC div.submenu ul li:hover {
                background-color: rgba(0, 0, 0, 0.4) !important;
            }

            .dropdownACC div.submenu ul li a {
                position: relative !important;
                width: 100%;
                height: 100%;
                display: block;
                padding-left: 12px;
                padding-top: 8px;
            }

                .dropdownACC div.submenu ul li a:hover {
                    background-color: rgba(0,0,0,0.4);
                }

/*busy indicator https://codepen.io/bootpen/pen/WQQLQZ */
/* .alertContainer verandert top van 0px naar 30px in masterPage.css*/
#busy {
    position: fixed;
    left: 0px;
    top: 0;
    right: 0;
    z-index: 1000;
}

    #busy img {
        width: 40px;
    }

/* busy indicator styles */
.linear-activity {
    overflow: hidden;
    width: 100%;
    height: 4px;
    /*background-color: #B3E5FC;*/
}

.indeterminate {
    position: relative;
    width: 100%;
    height: 100%;
}

    .indeterminate:before {
        content: '';
        position: absolute;
        height: 100%;
        background-color: rgba(0,0,0,0.6);
        background-color: #F57C00;
        animation: indeterminate_first 1.5s infinite ease-out;
        border-radius: 100%;
    }

    .indeterminate:after {
        content: '';
        position: absolute;
        height: 100%;
        background-color: #4FC3F7;
        background-color: #F57C00;
        animation: indeterminate_second 1.5s infinite ease-in;
        border-radius: 100%;
    }

@keyframes indeterminate_first {
    0% {
        left: -100%;
        width: 100%;
        opacity: 0;
    }

    100% {
        left: 100%;
        width: 10%;
        opacity: 1;
    }
}

@keyframes indeterminate_second {
    0% {
        left: -150%;
        width: 100%;
        opacity: 0;
    }

    100% {
        left: 100%;
        width: 10%;
        opacity: 1;
    }
}

@keyframes showSubMenu {
    0% {
        left: 230px;
        opacity: 0;
    }

    100% {
        left: 220px;
        opacity: 1;
    }
}

html, body {
    margin: 0;
    padding: 0;
    overflow: hidden;
    /*background: #EFEEEE;*/
    /*background: #e8e8e8;
    background: rgba(204, 207, 210, 0.2);
    background: #f5f5f6;
    background: #ebeced;
    background: #e5e5e5;*/
}

    body.wait * {
        cursor: wait !important;
    }

body, h1, h2, h3, h4, h5, h6, a, b, cite, del, div, dl, dt, fieldset, form, input, ul, li, nav, ol, p, span, table, textarea, select, button {
    font-family: 'MuseoSans-500', 'Segoe UI', 'HelveticaNeue';
    font-size: 11px;
}

a {
    border: none;
    text-decoration:underline;
    text-decoration-style:dotted;
}

a:not(.btn):hover {
    border: none;
    text-decoration: underline;
    text-decoration-style: solid;
}

hr {
    border: dotted 1px silver;
    margin-top: 8px;
    margin-bottom: 8px;
}

.hand:hover {
    cursor: pointer;
}

.nohand, .no-hand {
    cursor: default !important;
}

h1 {
    font-size: 18pt;
    color: black;
    font-weight: normal;
    margin: 0 0 0 0;
    padding: 0;
}

h2 {
    font-size: 16px;
    color: black;
    font-weight: 500;
}

h3 {
    padding: 0;
    margin: 0;
    font-weight: normal;
    font-size: 14px;
}

h4 {
    padding: 0;
    margin: 0;
    font-weight: normal;
}

h5 {
    padding: 0;
    margin: 0;
    font-weight: normal;
}

textarea {
    resize: none !important;
    padding: 5px;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-left, .text-align-left {
    text-align: left;
}

.text-right, .text-align-right {
    text-align: right;
}

.text-center, .text-align-center {
    text-align: center;
}

.center {
    margin: auto !important;
}

.text-center {
    text-align: center;
}

.text-justify {
    text-align: justify;
}

.text-nowrap {
    white-space: nowrap;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.text-muted {
    color: #777;
}

.text-primary, a.text-primary:hover {
    color: #337ab7;
}

a.text-primary:hover {
    text-decoration: underline;
}

a.text-primary span {
    color: #03A9F4;
}

a.text-primary:hover,
a.text-primary:focus {
    color: #286090;
}

.text-success, .text-success span.glyphicon {
    color: #7FC242;
}

a.text-success:hover,
a.text-success:focus {
    color: #2b542c;
}

.text-info, .text-info span.glyphicon, span.glyphicon.text-info {
    color: #03A9F4;
}

a.text-info:hover,
a.text-info:focus {
    color: #29B6F6;
}

.text-warning, .text-warning span.glyphicon, span.glyphicon.text-warning {
    color: #F89520;
}

a.text-warning:hover,
a.text-warning:focus {
    color: #66512c;
}

.text-danger, .text-danger span.glyphicon, span.glyphicon.text-danger {
    color: #ED2027;
}

a.text-danger:hover,
a.text-danger:focus {
    color: #843534;
}

.text-orange {
    color: #EC6608;
}

.text-white {
    color: #fff;
}

.text-gray {
    color: #dcdcdc;
}

.text-bold-s {
    font-family: 'MuseoSans-300';
}

.text-bold-m {
    font-family: 'MuseoSans-500';
}

.text-bold-l {
    font-family: 'MuseoSans-700';
}

.text-bold-xl {
    font-family: 'MuseoSans-900' !important;
}

.text-size-s {
    font-size: 9px;
}

.text-size-m {
    font-size: 9px;
}

.text-size-l {
    font-size: 11px;
}

.text-size-xl {
    font-size: 13px;
}

.text-size-xxl {
    font-size: 18px;
}

.text-size-xxxl {
    font-size: 24px;
}

.text-size-xxxxl {
    font-size: 36px;
}

.text-lineheight-s, .text-line-height-s {
    line-height: 16px !important;
}

.text-lineheight-m, .text-line-height-m {
    line-height: 24px !important;
}

.text-lineheight-l, .text-line-height-l {
    line-height: 32px !important;
}

.text-lineheight-xl {
}

.text-slim {
    font-family: 'MuseoSans-100';
}

.text-inline, .inline {
    display: inline;
}

.text-block, .block {
    display: block;
}

.text-inset-top-s {
    padding-top: 20px;
}

.text-inset-top-m {
    padding-top: 40px;
}

.text-inset-top-l {
    padding-top: 80px;
}

.text-inset-top-xl {
    padding-top: 160px;
}

.text-inset-bottom-s {
    padding-bottom: 20px;
}

.text-inset-bottom-m {
    padding-bottom: 40px;
}

.text-inset-bottom-l {
    padding-bottom: 80px;
}

.text-inset-bottom-xl {
    padding-bottom: 160px;
}

.useEllipsis, .text-ellipis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.text-word-break {
    word-break: break-word;
}

.noSelection {
    pointer-events: none !important;
    user-select: none !important;
}

.text-primary {
    color: #000;
}

.text-secundary, span.text-secundary, .text-secondary, .text-secundiary {
    color: #666;
}

.text-tertiary, span.text-tertiary {
    color: #888;
}

img {
    border: none;
}

.floatLeft, .float-left, .pull-left {
    float: left !important;
}

.floatRight, .float-right, .pull-right {
    float: right !important;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}


.border-top-s {
    border-top: 1px !important;
}

.border-bottom-s {
    border-top: 1px;
}


/***************login**************/

html.login {
    height: 100%;
    overflow: hidden;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
}

    html.login body {
        overflow: hidden;
        background: url(../Images/covStyle/Condor-Home-M.jpg);
        background-position: center center;
        background-size: cover;
        height: 100%;
    }


.login-header {
    height: 90px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

    .login-header img {
        margin: 10px;
    }

    .login-header h1 {
        font-family: 'Segoe UI';
        font-size: 16pt;
        color: white;
        font-weight: bold;
    }

    .login-header h2 {
        font-family: 'Segoe UI Light';
        font-size: 16pt;
        color: black !important;
    }



.loginboxContainer {
    position: relative;
    float: left;
    background: white;
    padding-top: 40px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    width: 240px;
    height: 310px;
}

.loginboxContainerWrapper {
    position: absolute;
    margin: 0 auto;
    width: 240px;
    height: 240px;
    top: 45%;
    left: 50%;
    margin-left: -120px;
    margin-top: -120px;
}

.loginboxContainer a {
    color: orange;
}

.loginCovBanner {
    position: relative;
    float: left;
    width: 260px !important;
    height: 400px !important;
    margin-right: 5px;
    background: url(' /Images/covStyle/CovConBanner.png') no-repeat 0 0;
}

/* FooterStyles */
.PageFooter {
    font-size: 8pt;
    font-family: Arial;
    color: White;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    height: 30px !important;
    background: url('/Images/TrainingFooter.png') no-repeat left center;
    vertical-align: bottom !important;
    position: relative;
}

    .PageFooter span {
        padding: 5px;
        vertical-align: bottom !important;
    }

    .PageFooter td {
        color: White;
        width: 100% !important;
    }

.PageFooter {
    width: 100% !important;
}

div.loginTextStyle {
    width: 100%;
}

.loginTextStyle h1 {
    line-height: 42pt;
    letter-spacing: -1px;
    font-size: 36px;
    font-weight: 200;
}

.loginTextStyle h2 {
    line-height: 30px;
    letter-spacing: -1px;
    font-size: 12pt;
    margin-top: 0;
    margin-bottom: 18px;
    color: black;
}

.loginTextStyle h3 {
    line-height: 20px;
    letter-spacing: -1px;
    font-size: 16px;
    font-weight: 300;
}

.validation-summary-errors {
    color: red;
    margin: 4px;
}

div.hcenter {
    margin: 0 auto;
}



.btnXL {
    height: 40px;
    background: white;
    line-height: 40px;
    color: white;
    margin-top: 5px;
    width: 100%;
    border: none;
    cursor: pointer;
    display: block;
}

.posBottom {
    position: absolute;
    bottom: 0;
}

/* ### ###  MASTERPAGE - LAYOUT -SECTION LEFT */

.sideBarRight {
    width: 40px;
    height: 160px;
    position: absolute;
    right: 20px;
    top: 20px;
    background: #f2f2f2;
}

    .sideBarRight input {
        width: 100%;
    }





.btnBack {
    margin-top: -36px;
}

li.mnuTabVertSelctd a {
    color: white;
    background: #424344;
}

/*append pijltje achter het actieve item*/
li.mnuTabVertSelctd:before {
    content: "";
    position: absolute;
    right: 0;
    margin-top: 17px;
    border: 6px solid red;
    border-color: transparent #F7F7F7 transparent transparent;
}



/* view > childView (tabbladen)*/

.childViewTabs {
    background: white;
    height: 32px;
}

ul.childViewTabs {
    list-style: none;
    width: 100% !important;
    position: relative;
    height: 30px;
    margin: 0;
    padding: 0;
}

.childViewTabs li {
    display: inline-block;
    float: left;
    margin-right: 2px;
    line-height: 27px;
}

    .childViewTabs li:hover {
        color: #fff !important;
    }

li.childViewTabsSelected {
    color: #fff;
    font-family: 'MuseoSans-500';
    border-bottom: solid 3px #fff;
}

.childViewTabs li a {
    text-transform: uppercase;
    font-size: 9px;
    color: #fff !important;
    padding-right: 11px;
    padding-left: 11px;
    width: auto;
    text-decoration: none;
}

    .childViewTabs li a:hover {
        color: #fff !important;
    }

div.mnuTabHor {
    float: none !important;
}

.mnuTabHor ul {
    list-style: none;
    width: 100% !important;
    position: relative;
}

.mnuTabHor li {
    display: inline;
    float: left;
    margin-right: 2px;
}

    .mnuTabHor li a {
        text-transform: uppercase;
        font-size: 9px;
        color: white;
        padding-right: 12px;
        padding-left: 12px;
        width: auto;
    }

        .mnuTabHor li a:hover {
            color: white;
        }




.root {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 11px;
    padding: 11px 0 0 0;
    border-top: 1px solid #dedede;
}





div.contentHeader {
    height: 30px;
}

    div.contentHeader h1 {
        line-height: 30px;
        margin: 0 0 0 0;
    }

    div.contentHeader img {
        line-height: 30px;
        float: right;
        margin-right: 10px;
    }







blockquote {
    margin: 5px 5px;
    margin-left: 0;
    margin-right: 0;
    padding: 0.5em 10px;
    quotes: "\201C""\201D""\2018""\2019";
    border-radius: 5px;
}

    blockquote p span {
        background-color: none !important;
    }

.eval {
    border: solid 1px darkgray;
    color: orangered;
    background: #f1f1f2;
    border-left: 10px solid orangered;
}

blockquote:before .eval {
    color: orangered;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}


.messageBox {
    margin-top: 20px;
    margin-right: 20px;
}

#divAsyncError {
    margin-left: -40px;
    margin-top: -40px;
    padding: 20px;
    border: solid 1px orange;
    z-index: 99999;
}

/*#divAsyncErrorMessage {
    margin-bottom: 20px;
}*/

/* ### ### END OF HTML5 STYLING*/

.mailBox .title {
    font-weight: bold;
    display: inline-block;
    position: absolute;
    top: 10px;
    font-size: 16pt;
}

.mailBox .subTitle {
    color: white;
    display: inline-block;
    position: absolute;
    top: 30px;
    font-size: 16pt;
}

section.Instructions {
}

    section.Instructions h1 {
        display: inline-block;
        text-transform: uppercase;
        font-size: 11pt;
        color: #333;
        font-weight: bold;
        margin-top: 1em;
        margin-bottom: 0;
    }

    section.Instructions h2 {
        display: inline-block;
        font-size: 11pt;
        color: #333;
        margin-top: 1em;
        margin-bottom: 0;
    }

    section.Instructions p {
        margin: 0;
    }

/* Jquery Splitter */
#viewPort {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*background: gray;*/
}

#MySplitter {
    height: 100%;
    width: 100%;
}

    #MySplitter div {
    }










/* Content Splitter Styles */

.leftSplitPane {
    position: absolute;
    width: 300px;
    height: 100%;
    background: #f1f2f2;
}

div.vsplitbar {
    width: 10px;
    background: white url(/Images/splitterGrabber.png) no-repeat center;
}

    div.vsplitbar:hover {
        background: #626363 url(/Images/splitterGrabberActive.png) no-repeat center;
    }

.rightSplitPane {
    position: absolute;
    left: 300px;
    right: 0;
    height: 100%;
    background: #f1f2f2;
}

.NavTileList {
    position: absolute;
    top: 200px;
    width: 100%;
    bottom: 5px;
}

.NavTile {
    position: relative;
    height: 50px;
}

.NavTileSelected {
    background: url(/Images/RT/arrowRtoL_white.png) right center no-repeat;
}

    .NavTileSelected div a {
        color: white !important;
    }

.NavTile div {
    position: absolute;
    top: 20px;
    width: 80%;
    height: 25px;
    right: 0;
    text-wrap: none;
    text-overflow: ellipsis;
    text-transform: uppercase;
}

    .NavTile div a {
        text-decoration: none;
        color: black;
    }

.TextButton {
    font-size: 1.4em;
    text-decoration: none;
    color: #626363;
}

    .TextButton:hover {
        color: #F15A29;
    }
/* ------------------  */
/*   ServerControls    */
/* ------------------  */




/* Dashboard styling */
.dshbBox {
    position: relative;
    width: 100%;
    height: 100%;
}

/*.dshbBox .scrollBox {
        position: relative;
        float: left;
        height: 380px;
        width: 200px;
        margin: 10px;
    }

    .dshbBox .scrollBox100 {
        position: relative;
        width: 600px;
        float: left;
        margin: 10px;
    }*/


/* RoundedCorner No Pattern Bg (same as RndCrnr) */

.Popup_table {
    border-spacing: 0;
    border: 0;
}

.Popup_TL {
    background: url(' /Images/roundedCorners/RoundedCornersTL.png') no-repeat bottom right;
    width: 10px;
    height: 10px;
}

.Popup_TM {
    background: url(' /Images/roundedCorners/RoundedCornersTM.png') repeat-x bottom center;
    height: 10px;
}

.Popup_TR {
    background: url(' /Images/roundedCorners/RoundedCornersTR.png') no-repeat bottom center;
    width: 10px;
    height: 10px;
}

.RPopup_ML {
    background: url(' /Images/roundedCorners/RoundedCornersML.png') repeat-y bottom center;
}

.Popup_MM {
    padding: 5px;
    background: White url(' /Images/covStyle/cntnBgPatroon.jpg') repeat bottom center;
}


.Popup_MR {
    background: url(' /Images/roundedCorners/RoundedCornersMR.png') repeat-y bottom center;
}

.Popup_MML {
    background: url(' /Images/roundedCorners/RoundedCornersML.png') repeat-y bottom center;
    width: 10px;
}

.Popup_MMR {
    background: url(' /Images/roundedCorners/RoundedCornersMR.png') repeat-y bottom center;
    width: 10px;
}

.Popup_MMM td {
}

.Popup_MMM {
    background: White;
}

.Popup_BR {
    background: url(' /Images/roundedCorners/RoundedCornersBR.png') no-repeat bottom center;
    width: 10px;
    height: 10px;
}

.Popup_BM {
    background: url(' /Images/roundedCorners/RoundedCornersBM.png') repeat-x bottom center;
}

.Popup_BL {
    background: url('  /Images/roundedCorners/RoundedCornersBL.png') no-repeat bottom center;
    width: 10px;
    height: 10px;
}

.Popup_DLM {
    height: 1px;
}

.Popup_DLL {
    height: 1px;
    background: url(' /Images/roundedCorners/RoundedCornersML.png') repeat-y bottom center;
}

.Popup_DLR {
    height: 1px;
    background: url(' /Images/roundedCorners/RoundedCornersMR.png') repeat-y bottom center;
}

/* end of PopUp */

.sortFilterToggleButton {
    position: relative;
    width: 200px;
    float: left;
    background: white;
    text-align: left;
}


    /* sorteer control pijltje oplopend */
    .sortFilterToggleButton .arrowASC {
        top: 0;
        position: absolute;
        right: 5px;
        background: url(/Images/RT/sortDirectionASC.png) no-repeat;
        width: 20px;
        height: 30px;
        background-position: center;
    }
    /* sorteer control pijltje aflopend */
    .sortFilterToggleButton .arrowDESC {
        top: 0;
        position: absolute;
        right: 5px;
        background: url(/Images/RT/sortDirectionDESC.png) no-repeat;
        width: 20px;
        height: 30px;
        background-position: center;
    }

    /* filter control is gefilterd */
    .sortFilterToggleButton .filterOn {
        top: 0;
        position: absolute;
        right: 5px;
        background: url(/Images/RT/tickS.png) no-repeat;
        background-size: 100%;
        width: 20px;
        height: 30px;
        background-position: center;
    }
    /* filter control is niet gefilterd */
    .sortFilterToggleButton .filterOff {
        top: 0;
        position: absolute;
        right: 5px;
        background: url(/Images/RT/filterOff.png) no-repeat;
        width: 20px;
        height: 30px;
        background-position: center;
    }

    .sortFilterToggleButton .checkSelected {
        top: 5px;
        position: absolute;
        right: 5px;
        background-position: center;
    }
    /* sorteer control pijltje aflopend */
    .sortFilterToggleButton .checkUnselected {
        top: 5px;
        position: absolute;
        right: 5px;
        background-position: center;
    }

    .sortFilterToggleButton span.font-blue {
        width: 80%;
        overflow: hidden;
        margin-bottom: -4px;
    }
/*pre-filter styles*/

.pre-filter {
    display: inline-block;
    width: 200px;
}

    .pre-filter > a {
        color: white;
        line-height: 32px;
        top: 0px;
        position: absolute;
        right: 30px;
        display: none;
        margin-right: 5px;
    }

    .pre-filter.selected > a {
        display: inline-block;
        padding-top: 2px;
    }

        .pre-filter.selected > a:hover span {
            color: red;
        }

    .pre-filter .sortFilterToggleButton {
        padding-top: 6.25px;
        padding-bottom: 0px;
    }

    .pre-filter > .sortFilterToggleButton > span.txtSort {
        width: 80%;
        display: inline-block;
        overflow: hidden;
        line-height: 20px;
    }


    .pre-filter.selected .sortFilterToggleButton {
        background-color: #00AEEF;
        color: white;
    }

        .pre-filter.selected .sortFilterToggleButton:hover {
            background-color: #009CEF !important;
        }

    .pre-filter.selected > .sortFilterToggleButton > span {
        color: white;
    }

    .pre-filter .sortFilterToggleButton a, .pre-filter .sortFilterToggleButton span.glyphicon {
        position: absolute;
        top: 10px;
        right: 7.5px;
    }







/* input placeholder styles all browsers*/
::-webkit-input-placeholder {
    color: #BCBEC0;
    font-style: italic;
    font-family: 'MuseoSans-100', 'Segoe UI', 'HelveticaNeue';
}

::-moz-placeholder {
    color: gray;
    font-style: italic;
    font-family: 'MuseoSans-100', 'Segoe UI', 'HelveticaNeue';
}
/* firefox 19+ */
:-ms-input-placeholder {
    color: #BCBEC0;
    font-style: italic;
    font-family: 'MuseoSans-100', 'Segoe UI', 'HelveticaNeue';
}
/* ie */
input:-moz-placeholder {
    color: #BCBEC0;
    font-style: italic;
    font-family: 'MuseoSans-100', 'Segoe UI', 'HelveticaNeue';
}

/* TileList met filter en sorting styles Begin */



.tileListContainer.mp {
    position: absolute;
    top: 0;
    left: 10px;
    right: 0;
    bottom: 0;
}

    .tileListContainer.mp .tileListHeader {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 102px;
    }

        .tileListContainer.mp .tileListHeader .title {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 34px;
            width: 410px;
        }

            .tileListContainer.mp .tileListHeader .title h1 {
                margin: 0;
                color: black;
            }

            .tileListContainer.mp .tileListHeader .title img, .tileListHeader .title input {
                position: absolute;
                right: 12.5px;
                top: 12.5px;
                margin: 0;
                float: right;
            }

        .tileListContainer.mp .tileListHeader .search {
            position: absolute;
            top: 10px;
            left: 0;
            right: 0;
            height: 34px;
            width: 410px;
        }

        .tileListContainer.mp .tileListHeader .sort {
            position: absolute;
            top: 10px;
            left: 420px;
            right: 0;
            height: 34px;
            width: 205px;
        }

        .tileListContainer.mp .tileListHeader .filter {
            position: absolute;
            top: 10px;
            left: 630px;
            right: 0;
            height: 34px;
            width: 205px;
        }

    .tileListContainer.mp .tileListBody {
        position: absolute;
        top: 52px;
        left: 0;
        right: 0;
        bottom: 0;
    }

/* TILELIST - DEFAULT*/
/*
        <div class="tileListContainer"> // zorgt voor unieke hoogte van tileList template

                <div class="tileListHeader">
                    <div class="title">
                        <h1>titel en add button</h1><img/>
                    </div>
                    <div class="search">
                        filtercontrol
                    </div>
                    <div class="sort">
                        sortingControl
                    </div>
                    <div class="filter">
                        extendedFilterControl
                    </div>
                </div>

                <div class="tileListBody">
                    tileListControl
                </div>

        </div>
        */


.tileListContainer {
    position: absolute;
    top: 0px;
    left: 8px;
    right: 0;
    bottom: 3px;
}

.tileListHeader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 102px;
}

    .tileListHeader .title {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 34px;
        width: 410px;
    }

        .tileListHeader .title h1 {
            margin: 0;
            color: black;
        }

        .tileListHeader .title img, .tileListHeader .title input {
            position: absolute;
            right: 12.5px;
            top: 12.5px;
            margin: 0;
            float: right;
        }

    .tileListHeader .search {
        position: absolute;
        top: 32px;
        left: 0;
        right: 0;
        height: 32px;
        width: 410px;
    }

    .tileListHeader .sort {
        position: absolute;
        top: 68px;
        left: 0;
        right: 0;
        height: 34px;
        width: 200px;
        margin-right: 10px;
    }

    .tileListHeader .filter {
        position: absolute;
        top: 68px;
        left: 210px;
        right: 0;
        height: 34px;
        width: 200px;
        margin-right: 10px;
    }

.tileListBody {
    position: absolute;
    top: 110px;
    left: 0;
    right: 0;
    bottom: 0;
}

    .tileListBody.hasHelpSection {
        right: 240px;
    }

/* margin in popup*/
/*.popup5Content .tileListContainer .tileListHeader, .popup5Content .tileListContainer .tileListBody {
    left: 10px;
}*/

/* margin in popup van tilelist detailview*/
.popup5Content .tileListContainer.detailview .tileListBody {
    left: 0;
}


/* TILELIST - DEFAULT*/
/*
        <div class="tileListContainer"> // zorgt voor unieke hoogte van tileList template

                <div class="tileListHeader">
                    <div class="title">
                        <h1>titel en add button</h1><img/>
                    </div>
                    <div class="search">
                        filtercontrol
                    </div>
                    <div class="sort">
                        sortingControl
                    </div>
                    <div class="filter">
                        extendedFilterControl
                    </div>
                </div>

                <div class="tileListBody">
                    tileListControl
                </div>

        </div>
        */


.tileListContainer.default {
    position: absolute;
    top: 20px;
    left: 20px;
    right: 0;
    bottom: 4px;
}

    .tileListContainer.default .tileListHeader {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 102px;
    }

        .tileListContainer.default .tileListHeader .title {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 34px;
            width: 410px;
        }

            .tileListContainer.default .tileListHeader .title h1 {
                margin: 0;
                color: black;
            }

            .tileListContainer.default .tileListHeader .title img, .tileListHeader .title input {
                position: absolute;
                right: 12.5px;
                top: 12.5px;
                margin: 0;
                float: right;
            }

        .tileListContainer.default .tileListHeader .search {
            position: absolute;
            top: 34px;
            left: 0;
            right: 0;
            height: 34px;
            width: 365px;
        }

        .tileListContainer.default .tileListHeader .btn.btn-add {
            position: absolute;
            top: 34px;
            left: 370px;
            height: 34px;
        }

        .tileListContainer.default .tileListHeader .sort {
            position: absolute;
            top: 74px;
            left: 0;
            right: 0;
            height: 34px;
            width: 205px;
        }

        .tileListContainer.default .tileListHeader .filter {
            position: absolute;
            top: 74px;
            left: 210px;
            right: 0;
            height: 34px;
            width: 205px;
        }

        .tileListContainer.default .tileListHeader .toggleButton {
            position: absolute;
            top: 74px;
            left: 420px;
            right: 0;
            height: 34px;
            width: 205px;
        }


    .tileListContainer.default .tileListBody {
        position: absolute;
        top: 116px;
        left: 0;
        right: 0;
        bottom: 0;
    }


/*

        tileListContainer default in PREVIEW PANEL

    */
.sectionPreview .tileListContainer.default .tileListBody {
    left: -10px;
}

    .sectionPreview .tileListContainer.default .tileListBody .tileList {
        padding-left: 10px;
    }


.sectionPreview .tileListContainer.default .filter .sortFilterToggleButton {
    width: 155px;
}

.sectionPreview .tileListContainer.default .tileListHeader .toggleButton {
    left: 370px;
    width: 32px;
}


/* Fluent grid layout */

.rowF {
    width: 100%;
    /*padding-bottom: 1.03%;*/
    margin-bottom: 2px;
}

    .rowF:before, .rowF:after {
        display: table;
        content: "";
    }

    .rowF:after {
        clear: both;
    }

    .rowF.spacer {
        margin-top: 32px;
    }

    .rowF.spacerS, .rowF.spacer-s {
        margin-top: 16px;
    }

    .rowF.spacerXS, .rowF.spacer-xs {
        margin-top: 8px;
    }

[class*="col"] {
    float: left;
    margin-left: 1.03%;
    margin-right: 1.03%;
    min-height: 1px; /*if content is empty, col won't collapse*/
}

[class$="col"] table {
    margin-top: -2px;
}


.onecol {
    width: 6.25% !important;
}

.twocol {
    width: 14.58% !important;
}

.threecol {
    width: 22.92% !important;
}

.fourcol {
    width: 31.25% !important;
}

.fivecol {
    width: 39.58% !important;
}

.sixcol {
    width: 47.92% !important;
}

.sevencol {
    width: 56.25% !important;
}

.eightcol {
    width: 64.58% !important;
}

.ninecol {
    width: 72.92% !important;
}

.tencol {
    width: 81.25% !important;
}

.elevencol {
    width: 89.58% !important;
}

.twelvecol {
    width: 97.92% !important;
}

/*flex-grid|item level*/
.flex-start {
    align-self: flex-start;
}

.center {
    align-self: center;
}

.flex-end {
    align-self: flex-end;
}

.flex-grow-2 {
    flex-grow: 2;
}

/*[class*="line"] {
    float: left;
    margin-left: 1.03%;
    margin-right: 1.03%;
    margin-bottom: 4px !important;
    min-width: 1px;
}*/

.oneline {
    height: 6.25% !important;
}

.twoline {
    height: 14.58% !important;
}

.threeline {
    height: 22.92% !important;
}

.fourline {
    height: 31.25% !important;
}

.fiveline {
    height: 39.58% !important;
}

.sixline {
    height: 47.92% !important;
}

.sevenline {
    height: 56.25% !important;
}

.eightline {
    height: 64.58% !important;
}

.nineline {
    height: 72.92% !important;
}

.tenline {
    height: 81.25% !important;
}

.elevenline {
    height: 89.58% !important;
}

.twelveline {
    height: 97.92% !important;
}

.overflowHidden {
    overflow: hidden;
}

.overflow {
    overflow-y: auto;
}

.nolineheight label, .nolineheight p, .nolineheight span, .nolineheight h1, .nolineheight h2, .nolineheight h3 {
    line-height: 16px !important;
    padding: 4px;
    margin-top: 4px;
}

label.nolineheight, p.nolineheight, h1.nolineheight, h2.nolineheight, h3.nolineheight, a.nolineheight {
    line-height: 16px !important;
    padding: 4px;
    margin-top: 4px;
}

span.nolineheight {
    line-height: 16px !important;
    margin-top: 4px;
}


.lineheight label, .lineheight p, .lineheight span, .lineheight h1, .lineheight h2, .lineheight h3 {
    line-height: 32px !important;
}

label.lineheight, p.lineheight, span.lineheight, h1.lineheight, h2.lineheight, h3.lineheight {
    line-height: 32px !important;
}


/*Message box*/
.callout {
    padding: 15px 0 15px 15px;
    border-left-color: #d0e3f0;
    border-left-width: 5px;
    border-left-style: solid;
    background: rgb(240, 247, 253);
}

    .callout h1 {
        color: black;
    }

.calloutVal {
    padding: 15px 0 15px 15px;
    border-left-color: #dfb5b4;
    border-left-width: 5px;
    border-left-style: solid;
    background: rgb(242, 222, 222);
    width: 100%;
    margin: -15px;
}

/*Gauge control */
.gaugeContainer {
    position: absolute;
    top: 25%;
    right: 30%;
}

.gauge {
    width: 80px;
    height: 80px;
    position: relative;
}

    .gauge h1 {
        width: 80px;
        line-height: 50px;
        text-align: center;
        vertical-align: bottom;
        font-size: 16pt;
        margin: 0;
        color: white;
    }

    .gauge h3 {
        position: absolute;
        top: 40px;
        width: 80px;
        line-height: 20px;
        text-align: center;
        vertical-align: top;
        font-size: 9pt;
        color: white;
        margin: 0;
    }

.gauge0 {
    background: url("/Images/RT/Gauge/gauge0.png");
    border-radius: 40px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5);
}

.gauge1 {
    background: url("/Images/RT/Gauge/gauge1.png");
    border-radius: 40px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5);
}

.gauge2 {
    background: url("/Images/RT/Gauge/gauge2.png");
    border-radius: 40px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5);
}

.gauge3 {
    background: url("/Images/RT/Gauge/gauge3.png");
    border-radius: 40px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5);
}

.gauge4 {
    background: url("/Images/RT/Gauge/gauge4.png");
    border-radius: 40px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5);
}

.gauge5 {
    background: url("/Images/RT/Gauge/gauge5.png");
    border-radius: 40px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5);
}

.gauge6 {
    background: url("/Images/RT/Gauge/gauge6.png");
    border-radius: 40px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5);
}

.gauge7 {
    background: url("/Images/RT/Gauge/gauge7.png");
    border-radius: 40px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5);
}

.gauge8 {
    height: 80px;
    width: 80px;
    border-radius: 40px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5);
    background: url("/Images/RT/Gauge/gauge8.png");
}

.gauge9 {
    background: url("/Images/RT/Gauge/gauge9.png");
    border-radius: 40px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5);
}

.gauge10 {
    background: url("/Images/RT/Gauge/gauge10.png");
    border-radius: 40px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5);
}

/* o.a. meldingen dashboard*/
.dshb {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.dshbLCol {
    position: absolute;
    width: 220px;
    left: 0;
    top: 60px;
    overflow: auto;
}

.dshbMCol {
    position: absolute;
    width: 400px;
    left: 220px;
    top: 60px;
    bottom: 0;
}

.dshbRCol {
    position: absolute;
    left: 640px;
    bottom: 0;
    right: 0;
    top: 0;
    background: #E6E7E8;
    padding-left: 20px;
}

.dshb .divSectionTitleFilter {
    width: 300px;
}

.sideBar {
    position: absolute;
    width: 230px;
    bottom: 3px;
    right: 0;
    top: 0;
    background: #E6E7E8;
}

    /* specifiek voor nengebrekenlijst in NenRT.aspx */
    .sideBar .tileListHeader .title,
    .sideBar .search {
        width: 100%;
    }

    .sideBar .sort {
        width: 60%;
    }

    .sideBar .filter {
        left: 61%;
        width: 39%;
    }

        .sideBar .sort .sortFilterToggleButton,
        .sideBar .filter .sortFilterToggleButton {
            width: 100%;
        }

    .sideBar .txtSort {
        display: none;
    }

/* einde specifiek voor nengebrekenlijst in NenRT.aspx */

/*padding*/
.padding {
    padding: 5px;
}

.padding-s {
    padding: 5px;
}

.padding-m {
    padding: 10px;
}

.padding-l {
    padding: 15px;
}

/*padding left*/
.padding-l-s {
    padding: 5px;
}

.padding-l-m {
    padding-left: 10px;
}

.padding-l-l {
    padding-left: 15px;
}

.padding-l-xl {
    padding-left: 20px;
}

/*padding top*/
.padding-t-s {
    padding-top: 5px;
}

.padding-t-m {
    padding-top: 10px;
}

.padding-t-l {
    padding-top: 15px;
}

.padding-t-xl {
    padding-top: 20px;
}

/*padding bottom*/
.padding-b-s {
    padding-bottom: 5px;
}

.padding-b-m {
    padding-bottom: 10px;
}

.padding-b-l {
    padding-bottom: 15px;
}

.padding-b-xl {
    padding-bottom: 20px;
}

/*padding right*/
.padding-r-s {
    padding-right: 5px;
}

.padding-r-m {
    padding-right: 10px;
}

.padding-r-l {
    padding-right: 15px;
}

.padding-r-xl {
    padding-right: 20px;
}



.nopadding, .no-padding {
    padding: 0 !important;
}

.paddingBox {
    position: absolute;
    left: 20px;
    top: 20px;
    right: 20px;
    bottom: 20px;
}

.nomargin, .no-margin {
    margin: 0 !important;
}

.margin {
    margin: 5px;
}

.marginL, .margin-l {
    margin-left: 5px;
}

.marginR, .margin-r {
    margin-right: 5px;
}

.marginB, .margin-b {
    margin-bottom: 5px;
}

.marginT, .margin-t {
    margin-top: 5px;
}

.margin-t-xs {
    margin-top: 2.5px;
}

.margin-t-s {
    margin-top: 5px !important;
}

.margin-t-m {
    margin-top: 10px;
}

.margin-t-l {
    margin-top: 15px;
}

.margin-t-xl {
    margin-top: 20px;
}

.margin-negative-t-xs {
    margin-top: -2.5px;
}

.margin-negative-t-s {
    margin-top: -5px !important;
}

.margin-negative-t-m {
    margin-top: -10px;
}

.margin-negative-t-l {
    margin-top: -15px;
}

.margin-negative-t-xl {
    margin-top: -20px;
}

.margin-l-s {
    margin-left: 5px !important;
}

.margin-l-m {
    margin-left: 10px;
}

.margin-l-l {
    margin-left: 15px;
}

.margin-l-xl {
    margin-left: 20px;
}

.margin-r-s {
    margin-right: 5px !important;
}

.margin-r-m {
    margin-right: 10px;
}

.btn.btnM.margin-r-m {
    margin-right: 3px !important;
}

.margin-r-l {
    margin-right: 15px;
}

.margin-r-xl {
    margin-right: 20px;
}

.margin-b-xs {
    margin-bottom: 2.5px;
}

.margin-b-s {
    margin-bottom: 5px;
}

.margin-b-m {
    margin-bottom: 10px;
}

.margin-b-l {
    margin-bottom: 15px;
}

.margin-b-xl {
    margin-bottom: 20px;
}
/*13-12-2017*/
.posRelative, .position-relative {
    position: relative;
}

.posAbsolute, .position-absolute {
    position: absolute;
}

.posFixed, .position-fixed {
    position: fixed;
}



/* o.a inspecties, objecten, contracten > grid van tiles header en grid positie */
.grid {
    position: absolute;
    top: 0;
    left: 5px;
    right: 5px;
    bottom: 5px;
    overflow: hidden;
}

.gridHeader {
    height: 120px;
}

.gridBody {
    position: absolute;
    top: 120px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    overflow: hidden;
    background: #f1f1f1;
}

.gridHeader h1 {
    line-height: 58px;
    color: #888;
}

.sortArea {
    height: 32px;
    width: 100%;
}

    .sortArea a {
        color: gray;
        padding-left: 5px;
        padding-right: 5px;
    }

        .sortArea a:hover {
            color: black;
        }

.checkArea {
    height: 32px;
}

.divAddButton {
    line-height: 36px;
    float: left;
    width: 48px;
}



/* positioning of elements inside a position:relative element */

/* docking van divs en icons*/

.svg.dock {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

div.cellF .svg.dock {
    bottom: auto;
}

.dockTopRight, .dock-top-right {
    position: absolute;
    top: 5px;
    right: 5px;
}

.dockTopLeft, .dock-top-left {
    position: absolute;
    top: 5px;
    left: 5px;
}

.dockBottomLeft, .dock-bottom-left {
    position: absolute;
    bottom: 5px;
    left: 5px;
}

.dockBottomRight, .dock-bottom-right {
    position: absolute !important;
    bottom: 5px !important;
    right: 5px !important;
}

.dockBottom, .dock-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.dockCenter, .dock-center {
    position: absolute;
    top: 0;
    left: 0;
}

.glyphicon.dockCenter, .cellF .dock-center {
    position: absolute;
    display: block;
    top: 35% !important;
    left: 40%;
    overflow:visible;
}

.cellF span.dockTopLeft,
.cellF span.dockTopRight,
.cellF span.dockBottomLeft,
.cellF span.dockBottomRight {
    display: block;
    position: relative;
    text-align: center;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/*Icons */
[class^="icon-"],
[class*=" icon-"] {
    display: inline-block;
    width: 24px;
    height: 14px;
    *margin-right: .3em;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("../Images/RT/glyphicons-halflings.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
    margin-top: 1px;
    line-height: 16px;
}
/* White icons with optional class, or on hover/focus/active states of certain elements */
.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:focus > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > li > a:focus > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:focus > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"],
.dropdown-submenu:focus > a > [class*=" icon-"] {
    background-image: url("../Images/RT/glyphicons-halflings-white.png");
}

.icon-glass {
    background-position: 0 0;
}

.icon-music {
    background-position: -24px 0;
}

.icon-search {
    background-position: -48px 0;
}

.icon-envelope {
    background-position: -72px 0;
}

.icon-heart {
    background-position: -96px 0;
}

.icon-star {
    background-position: -120px 0;
}

.icon-star-empty {
    background-position: -144px 0;
}

.icon-user {
    background-position: -168px 0;
}

.icon-film {
    background-position: -192px 0;
}

.icon-th-large {
    background-position: -216px 0;
}

.icon-th {
    background-position: -240px 0;
}

.icon-th-list {
    background-position: -264px 0;
}

.icon-ok {
    background-position: -288px 0;
}

.icon-remove {
    background-position: -312px 0;
}

.icon-zoom-in {
    background-position: -336px 0;
}

.icon-zoom-out {
    background-position: -360px 0;
}

.icon-off {
    background-position: -384px 0;
}

.icon-signal {
    background-position: -408px 0;
}

.icon-cog {
    background-position: -432px 0;
}

.icon-trash {
    background-position: -456px 0;
}

.icon-home {
    background-position: 0 -24px;
}

.icon-file {
    background-position: -24px -24px;
}

.icon-time {
    background-position: -48px -24px;
}

.icon-road {
    background-position: -72px -24px;
}

.icon-download-alt {
    background-position: -96px -24px;
}

.icon-download {
    background-position: -120px -24px;
}

.icon-upload {
    background-position: -144px -24px;
}

.icon-inbox {
    background-position: -168px -24px;
}

.icon-play-circle {
    background-position: -192px -24px;
}

.icon-repeat {
    background-position: -216px -24px;
}

.icon-refresh {
    background-position: -240px -24px;
}

.icon-list-alt {
    background-position: -264px -24px;
}

.icon-lock {
    background-position: -287px -24px;
}

.icon-flag {
    background-position: -312px -24px;
}

.icon-headphones {
    background-position: -336px -24px;
}

.icon-volume-off {
    background-position: -360px -24px;
}

.icon-volume-down {
    background-position: -384px -24px;
}

.icon-volume-up {
    background-position: -408px -24px;
}

.icon-qrcode {
    background-position: -432px -24px;
}

.icon-barcode {
    background-position: -456px -24px;
}

.icon-tag {
    background-position: 0 -48px;
}

.icon-tags {
    background-position: -25px -48px;
}

.icon-book {
    background-position: -48px -48px;
}

.icon-bookmark {
    background-position: -72px -48px;
}

.icon-print {
    background-position: -96px -48px;
}

.icon-camera {
    background-position: -120px -48px;
}

.icon-font {
    background-position: -144px -48px;
}

.icon-bold {
    background-position: -167px -48px;
}

.icon-italic {
    background-position: -192px -48px;
}

.icon-text-height {
    background-position: -216px -48px;
}

.icon-text-width {
    background-position: -240px -48px;
}

.icon-align-left {
    background-position: -264px -48px;
}

.icon-align-center {
    background-position: -288px -48px;
}

.icon-align-right {
    background-position: -312px -48px;
}

.icon-align-justify {
    background-position: -336px -48px;
}

.icon-list {
    background-position: -360px -48px;
}

.icon-indent-left {
    background-position: -384px -48px;
}

.icon-indent-right {
    background-position: -408px -48px;
}

.icon-facetime-video {
    background-position: -432px -48px;
}

.icon-picture {
    background-position: -456px -48px;
}

.icon-pencil {
    background-position: 0 -72px;
}

.icon-map-marker {
    background-position: -24px -72px;
}

.icon-adjust {
    background-position: -48px -72px;
}

.icon-tint {
    background-position: -72px -72px;
}

.icon-edit {
    background-position: -96px -72px;
}

.icon-share {
    background-position: -120px -72px;
}

.icon-check {
    background-position: -144px -72px;
}

.icon-move {
    background-position: -168px -72px;
}

.icon-step-backward {
    background-position: -192px -72px;
}

.icon-fast-backward {
    background-position: -216px -72px;
}

.icon-backward {
    background-position: -240px -72px;
}

.icon-play {
    background-position: -264px -72px;
}

.icon-pause {
    background-position: -288px -72px;
}

.icon-stop {
    background-position: -312px -72px;
}

.icon-forward {
    background-position: -336px -72px;
}

.icon-fast-forward {
    background-position: -360px -72px;
}

.icon-step-forward {
    background-position: -384px -72px;
}

.icon-eject {
    background-position: -408px -72px;
}

.icon-chevron-left {
    background-position: -432px -72px;
}

.icon-chevron-right {
    background-position: -456px -72px;
}

.icon-plus-sign {
    background-position: 0 -96px;
}

.icon-minus-sign {
    background-position: -24px -96px;
}

.icon-remove-sign {
    background-position: -48px -96px;
}

.icon-ok-sign {
    background-position: -72px -96px;
}

.icon-question-sign {
    background-position: -96px -96px;
}

.icon-info-sign {
    background-position: -120px -96px;
}

.icon-screenshot {
    background-position: -144px -96px;
}

.icon-remove-circle {
    background-position: -168px -96px;
}

.icon-ok-circle {
    background-position: -192px -96px;
}

.icon-ban-circle {
    background-position: -216px -96px;
}

.icon-arrow-left {
    background-position: -240px -96px;
}

.icon-arrow-right {
    background-position: -264px -96px;
}

.icon-arrow-up {
    background-position: -289px -96px;
}

.icon-arrow-down {
    background-position: -312px -96px;
}

.icon-share-alt {
    background-position: -336px -96px;
}

.icon-resize-full {
    background-position: -360px -96px;
}

.icon-resize-small {
    background-position: -384px -96px;
}

.icon-plus {
    background-position: -408px -96px;
}

.icon-minus {
    background-position: -433px -96px;
}

.icon-asterisk {
    background-position: -456px -96px;
}

.icon-exclamation-sign {
    background-position: 0 -120px;
}

.icon-gift {
    background-position: -24px -120px;
}

.icon-leaf {
    background-position: -48px -120px;
}

.icon-fire {
    background-position: -72px -120px;
}

.icon-eye-open {
    background-position: -96px -120px;
}

.icon-eye-close {
    background-position: -120px -120px;
}

.icon-warning-sign {
    background-position: -144px -120px;
}

.icon-plane {
    background-position: -168px -120px;
}

.icon-calendar {
    background-position: -192px -120px;
}

.icon-random {
    background-position: -216px -120px;
    width: 16px;
}

.icon-comment {
    background-position: -240px -120px;
}

.icon-magnet {
    background-position: -264px -120px;
}

.icon-chevron-up {
    background-position: -288px -120px;
}

.icon-chevron-down {
    background-position: -313px -119px;
}

.icon-retweet {
    background-position: -336px -120px;
}

.icon-shopping-cart {
    background-position: -360px -120px;
}

.icon-folder-close {
    background-position: -384px -120px;
    width: 16px;
}

.icon-folder-open {
    background-position: -408px -120px;
    width: 16px;
}

.icon-resize-vertical {
    background-position: -432px -119px;
}

.icon-resize-horizontal {
    background-position: -456px -118px;
}

.icon-hdd {
    background-position: 0 -144px;
}

.icon-bullhorn {
    background-position: -24px -144px;
}

.icon-bell {
    background-position: -48px -144px;
}

.icon-certificate {
    background-position: -72px -144px;
}

.icon-thumbs-up {
    background-position: -96px -144px;
}

.icon-thumbs-down {
    background-position: -120px -144px;
}

.icon-hand-right {
    background-position: -144px -144px;
}

.icon-hand-left {
    background-position: -168px -144px;
}

.icon-hand-up {
    background-position: -192px -144px;
}

.icon-hand-down {
    background-position: -216px -144px;
}

.icon-circle-arrow-right {
    background-position: -240px -144px;
}

.icon-circle-arrow-left {
    background-position: -264px -144px;
}

.icon-circle-arrow-up {
    background-position: -288px -144px;
}

.icon-circle-arrow-down {
    background-position: -312px -144px;
}

.icon-globe {
    background-position: -336px -144px;
}

.icon-wrench {
    background-position: -360px -144px;
}

.icon-tasks {
    background-position: -384px -144px;
}

.icon-filter {
    background-position: -408px -144px;
}

.icon-briefcase {
    background-position: -432px -144px;
}

.icon-fullscreen {
    background-position: -456px -144px;
}

[class^="hoverBg"]:hover {
    color: black !important;
}


/* standaard icons */

[class^="iconXS-"],
[class*=" iconXS-"] {
    display: inline-block;
    width: 16px;
    height: 16px;
}

[class^="iconS-"],
[class*=" iconS-"] {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-left:-12px;
    margin-top:-12px;
    background-size: 100%;
}

[class^="iconM-"],
[class*="iconM-"] {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 48px;
    height: 48px;
    background-size: 100%;
}

    /*uitzondering voor combinatie met glyphicon*/
    [class^="iconM-"].glyphicon,
    [class*="iconM-"].glyphicon {
        position: absolute;
        top: auto;
        bottom: 5px;
        right: 10px !important;
        width: auto;
        height: 16px;
    }

.iconXS-placeholder {
    width: 16px;
    height: 14px;
    background-image: none;
    margin-right: 5px;
    margin-left: 5px;
}

.iconXS-dark-checkmark {
    width: 16px;
    height: 14px;
    background-image: url(/Images/RT/checkMark.png);
    background-size: 100%;
    margin-right: 5px;
    margin-left: 5px;
}

    .iconXS-dark-checkmark:hover {
        background-image: url(/Images/RT/checkMark.png);
    }

/* BOEI inspectietype icon */

.iconXS-dark-melding {
    background: url(../../Images/RT/Dark/meldingen.png);
    background-size: 100%;
}

.iconXS-light-melding {
    background: url(../../Images/RT/Light/meldingen.png);
    background-size: 100%;
}

.iconS-dark-melding {
    background: url(../../Images/RT/Dark/meldingen.png);
    background-size: 100%;
}

.iconS-light-melding {
    background: url(../../Images/RT/Light/meldingen.png);
    background-size: 100%;
}

.iconM-dark-melding {
    background: url(../../Images/RT/Dark/meldingen.png);
}

.iconM-light-melding {
    background: url(../../Images/RT/Light/meldingen.png);
}

/* BOEI inspectietype icon */

.iconXS-dark-BOEIInspectie {
    background: url(../../Images/RT/Dark/activiteit-BOEI.png);
    background-size: 100%;
}

.iconXS-light-BOEIInspectie {
    background: url(../../Images/RT/Light/activiteit-BOEI.png);
    background-size: 100%;
}

.iconS-dark-BOEIInspectie {
    background: url(../../Images/RT/Dark/activiteit-BOEI.png);
    background-size: 100%;
}

.iconS-light-BOEIInspectie {
    background: url(../../Images/RT/Light/activiteit-BOEI.png);
    background-size: 100%;
}

.iconM-dark-BOEIInspectie {
    background: url(../../Images/RT/Dark/activiteit-BOEI.png);
}

.iconM-light-BOEIInspectie {
    background: url(../../Images/RT/Light/activiteit-BOEI.png);
}

/* HOVER STYLES queryresultpage */
div:hover > .iconXS-dark-BOEIInspectie {
    background: url(../../Images/RT/Light/BOEI.png);
    background-size: 100%;
}


/* inspectie type enum : Incidenteel inspectietype icon */

.iconXS-dark-OnderhoudsInspectie {
    background: url(../../Images/RT/Dark/activiteit-onderhoud.png);
    background-size: 100%;
}

.iconXS-light-OnderhoudsInspectie {
    background: url(../../Images/RT/Light/activiteit-onderhoud.png);
    background-size: 100%;
}

.iconS-dark-OnderhoudsInspectie {
    background: url(../../Images/RT/Dark/activiteit-onderhoud.png);
    background-size: 100%;
}

.iconS-light-OnderhoudsInspectie {
    background: url(../../Images/RT/Light/activiteit-onderhoud.png);
    background-size: 100%;
}

.iconM-dark-OnderhoudsInspectie {
    background: url(../../Images/RT/Dark/activiteit-onderhoud.png);
}

.iconM-light-OnderhoudsInspectie {
    background: url(../../Images/RT/Light/activiteit-onderhoud.png);
}

/* HOVER STYLES queryresultpage */
div:hover > .iconXS-dark-OnderhoudsInspectie {
    background: url(../../Images/RT/Light/activiteit-onderhoud.png);
    background-size: 100%;
}

/* inspectie type enum : VragenlijstActiviteit icon */

.iconXS-dark-VragenlijstActiviteit {
    background: url(../../Images/RT/Dark/activiteit-vragenlijst.png);
    background-size: 100%;
}

.iconXS-light-VragenlijstActiviteit {
    background: url(../../Images/RT/Light/activiteit-vragenlijst.png);
    background-size: 100%;
}

.iconS-dark-VragenlijstActiviteit {
    background: url(../../Images/RT/Dark/activiteit-vragenlijst.png);
    background-size: 100%;
}

.iconS-light-VragenlijstActiviteit {
    background: url(../../Images/RT/Light/activiteit-vragenlijst.png);
    background-size: 100%;
}

.iconM-dark-VragenlijstActiviteit {
    background: url(../../Images/RT/Dark/activiteit-vragenlijst.png);
}

.iconM-light-VragenlijstActiviteit {
    background: url(../../Images/RT/Light/activiteit-vragenlijst.png);
}

/* HOVER STYLES queryresultpage */
div:hover > .iconXS-dark-VragenlijstActiviteit {
    background: url(../../Images/RT/Light/activiteit-vragenlijst.png);
    background-size: 100%;
}

/* inspectie type enum : VragenlijstActiviteit icon */

.iconXS-dark-LegionellaActiviteit {
    background: url(../../Images/RT/Dark/activiteit-legionella.png);
    background-size: 100%;
}

.iconXS-light-LegionellaActiviteit {
    background: url(../../Images/RT/Light/activiteit-legionella.png);
    background-size: 100%;
}

.iconS-dark-LegionellaActiviteit {
    background: url(../../Images/RT/Dark/activiteit-legionella.png);
    background-size: 100%;
}

.iconS-light-LegionellaActiviteit {
    background: url(../../Images/RT/Light/activiteit-legionella.png);
    background-size: 100%;
}

.iconM-dark-LegionellaActiviteit {
    background: url(../../Images/RT/Dark/activiteit-legionella.png);
}

.iconM-light-LegionellaActiviteit {
    background: url(../../Images/RT/Light/activiteit-legionella.png);
}

/* HOVER STYLES queryresultpage */
div:hover > .iconXS-dark-legionellaActiviteit {
    background: url(../../Images/RT/Light/activiteit-legionella.png);
    background-size: 100%;
}

/* inspectie type enum  : Inventarisatie */
.iconXS-dark-Inventarisatie {
    background: url(../../Images/RT/Dark/activiteit-inventarisatie.png);
    background-size: 100%;
}

.iconXS-light-Inventarisatie {
    background: url(../../Images/RT/Light/activiteit-inventarisatie.png);
    background-size: 100%;
}

.iconS-dark-Inventarisatie {
    background: url(../../Images/RT/Dark/activiteit-inventarisatie.png);
    background-size: 100%;
}

.iconS-light-Inventarisatie {
    background: url(../../Images/RT/Light/activiteit-inventarisatie.png);
    background-size: 100%;
}

.iconM-dark-Inventarisatie {
    background: url(../../Images/RT/Dark/activiteit-inventarisatie.png);
}

.iconM-light-Inventarisatie {
    background: url(../../Images/RT/Light/activiteit-inventarisatie.png);
}

/*  icons scenario */
div:hover > .iconXS-dark-scenarioActiviteit {
    background: url(../../Images/RT/Light/activiteit-legionella.png);
    background-size: 100%;
}

/* inspectie type enum  : Inventarisatie */
.iconXS-dark-scenarioActiviteit {
    background: url(../../Images/RT/Dark/activiteit-inventarisatie.png);
    background-size: 100%;
}

.iconXS-light-scenarioActiviteit {
    background: url(../../Images/RT/Light/activiteit-inventarisatie.png);
    background-size: 100%;
}

.iconS-dark-scenarioActiviteit {
    background: url(../../Images/RT/Dark/activiteit-inventarisatie.png);
    background-size: 100%;
}

.iconS-light-scenarioActiviteit {
    background: url(../../Images/RT/Light/activiteit-inventarisatie.png);
    background-size: 100%;
}

.iconM-dark-scenarioActiviteit {
    background: url(../../Images/RT/Dark/activiteit-inventarisatie.png);
}

.iconM-light-scenarioActiviteit {
    background: url(../../Images/RT/Light/activiteit-inventarisatie.png);
}
/* HOVER STYLES queryresultpage */
div:hover > .iconXS-dark-Inventarisatie {
    background: url(../../Images/RT/Light/activiteit-inventarisatie.png);
    background-size: 100%;
}

/* inspectie type enum  : Inventarisatie */
.iconXS-dark-NulInventarisatie {
    background: url(../../Images/RT/Dark/activiteit-inventarisatie.png);
    background-size: 100%;
}

.iconXS-light-NulInventarisatie {
    background: url(../../Images/RT/Light/inventarisatie.png);
    background-size: 100%;
}

.iconS-dark-NulInventarisatie {
    background: url(../../Images/RT/Dark/activiteit-inventarisatie.png);
    background-size: 100%;
}

.iconS-light-NulInventarisatie {
    background: url(../../Images/RT/Light/activiteit-inventarisatie.png);
    background-size: 100%;
}

.iconM-dark-NulInventarisatie {
    background: url(../../Images/RT/Dark/activiteit-inventarisatie.png);
}

.iconM-light-NulInventarisatie {
    background: url(../../Images/RT/Light/activiteit-inventarisatie.png);
}

/* HOVER STYLES queryresultpage */
div:hover > .iconXS-dark-NulInventarisatie {
    background: url(../../Images/RT/Light/activiteit-inventarisatie.png);
    background-size: 100%;
}


/* inspectie type enum : workflow */
.iconXS-dark-Workflow {
    background: url(../../Images/RT/Dark/workflow.png);
    background-size: 100%;
}

.iconXS-light-Workflow {
    background: url(../../Images/RT/Light/workflow.png);
    background-size: 100%;
}

.iconS-dark-Workflow {
    background: url(../../Images/RT/Dark/workflow.png);
    background-size: 100%;
}

.iconS-light-Workflow {
    background: url(../../Images/RT/Light/workflow.png);
    background-size: 100%;
}

.iconM-dark-Workflow {
    background: url(../../Images/RT/Dark/workflow.png);
}

.iconM-light-Workflow {
    background: url(../../Images/RT/Light/workflow.png);
}

/* Contracten icon */

.iconXS-dark-Contracten {
    background: url(../../Images/RT/Dark/contracten.png);
    background-size: 100%;
}

.iconXS-light-Contracten {
    background: url(../../Images/RT/Light/contracten.png);
    background-size: 100%;
}

.iconS-dark-Contracten {
    background: url(../../Images/RT/Dark/contracten.png);
    background-size: 100%;
}

.iconS-light-Contracten {
    background: url(../../Images/RT/Light/contracten.png);
    background-size: 100%;
}

.iconM-dark-Contracten {
    background: url(../../Images/RT/Dark/contracten.png);
}

.iconM-light-Contracten {
    background: url(../../Images/RT/Light/contracten.png);
}

/* inspectie type enum : workflow */
.iconXS-dark-copy {
    background: url(../../Images/RT/Dark/copy.png);
    background-size: 100%;
}

.iconXS-light-copy {
    background: url(../../Images/RT/Light/copy.png);
    background-size: 100%;
}

.iconS-dark-copy {
    background: url(../../Images/RT/Dark/copy.png);
    background-size: 100%;
}

.iconS-light-copy {
    background: url(../../Images/RT/Light/copy.png);
    background-size: 100%;
}

.iconM-dark-copy {
    background: url(../../Images/RT/Dark/copy.png);
}

.iconM-light-copy {
    background: url(../../Images/RT/Light/copy.png);
}

/* inspectie type enum : workflow */
.iconXS-dark-edit {
    background: url(../../Images/RT/Dark/edit.png);
    background-size: 100%;
}

.iconXS-light-edit {
    background: url(../../Images/RT/Light/edit.png);
    background-size: 100%;
}

.iconS-dark-edit {
    background: url(../../Images/RT/Dark/edit.png);
    background-size: 100%;
}

.iconS-light-edit {
    background: url(../../Images/RT/Light/edit.png);
    background-size: 100%;
}

.iconM-dark-edit {
    background: url(../../Images/RT/Dark/edit.png);
}

.iconM-light-edit {
    background: url(../../Images/RT/Light/edit.png);
}

/* HOVER STYLES queryresultpage */
div:hover > .iconXS-dark-Workflow {
    background: url(../../Images/RT/Light/workflow.png);
    background-size: 100%;
}

/* inspectie type enum : inspectie */
.iconXS-dark-Inspectie {
    background: url(../../Images/RT/Dark/incidenteel.png);
    background-size: 100%;
}

.iconXS-light-Inspectie {
    background: url(../../Images/RT/Light/incidenteel.png);
    background-size: 100%;
}

.iconS-dark-Inspectie {
    background: url(../../Images/RT/Dark/incidenteel.png);
    background-size: 100%;
}

.iconS-light-Inspectie {
    background: url(../../Images/RT/Light/incidenteel.png);
    background-size: 100%;
}

.iconM-dark-Inspectie {
    background: url(../../Images/RT/Dark/incidenteel.png);
}

.iconM-light-Inspectie {
    background: url(../../Images/RT/Light/incidenteel.png);
}

/* icon vergrendelen mup*/
.iconXS-dark-vergrendelen {
    background: url(../../Images/RT/Dark/vergrendelen.png);
    background-size: 100%;
}

.iconXS-light-vergrendelen {
    background: url(../../Images/RT/Light/vergrendelen.png);
    background-size: 100%;
}

.iconS-dark-vergrendelen {
    background: url(../../Images/RT/Dark/vergrendelen.png);
    background-size: 100%;
}

.iconS-light-vergrendelen {
    background: url(../../Images/RT/Light/vergrendelen.png);
    background-size: 100%;
}

.iconM-dark-vergrendelen {
    background: url(../../Images/RT/Dark/vergrendelen.png);
}

.iconM-light-vergrendelen {
    background: url(../../Images/RT/Light/vergrendelen.png);
}

/* icon vergrendelen mup*/
.iconXS-dark-object {
    background: url(../../Images/RT/Dark/vergrendelen.png);
    background-size: 100%;
}

.iconXS-light-object {
    background: url(../../Images/RT/Light/offices.png);
    background-size: 100%;
}

.iconS-dark-object {
    background: url(../../Images/RT/Dark/offices.png);
    background-size: 100%;
}

.iconS-light-object {
    background: url(../../Images/RT/Light/offices.png);
    background-size: 100%;
}

.iconM-dark-object {
    background: url(../../Images/RT/Dark/offices.png);
}

.iconM-light-object {
    background: url(../../Images/RT/Light/offices.png);
}




/* HOVER STYLES queryresultpage */
div:hover > .iconXS-dark-Inspectie {
    background: url(../../Images/RT/Light/incidenteel.png);
    background-size: 100%;
}



/* Dashboard */
table.rgdBOEIProces {
    /*color: white;*/
    padding: 5px;
    background: white;
    border: solid 1px #d1d3d4;
    margin-left: 10px;
}

    table.rgdBOEIProces td {
        padding: 5px;
        /*background: rgb(101, 137, 150);*/
        border-spacing: 0;
    }

    table.rgdBOEIProces tr {
        padding: 5px;
        border: 2px solid white;
        /*background: rgb(101, 137, 150);*/
    }

/* v-align het plaatje */
span.TVLButton img {
    vertical-align: middle;
    width: 16px;
    height: 16px;
}

span.TVLButton_text {
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
}

/* extra style die wordt toegepast bij mouseover background:  0 -60 repeat-x url(../Images/covStyle/dropDownBg.jpg)  ;*/

span.TVLButton {
    text-align: center;
    vertical-align: top;
    border: 1px solid #808080;
    background: url(/Images/covStyle/BtnBg-Up-down.jpg) repeat;
    background-position: 0 -20px;
    padding: 2px 2px 2px 2px;
    margin: 0 0 0 0;
    cursor: pointer;
    font-size: 9pt;
    display: inline-block;
}

span.TVLButton_Hover {
    border: 1px solid #808080;
    color: #F7941E;
    background: url(/Images/covStyle/BtnBg-Up-down.jpg) repeat;
    background-position: 0 0;
    background-repeat: repeat-x;
    display: inline-block;
    padding: 2px 2px 2px 2px;
    margin: 0 0 0 0;
}


/* extra style die wordt toegepast bij disabled */
span.TVLButton_disabled {
    color: #808080;
    cursor: default;
}


.newsItem {
    Background: #F1F2F2;
    border: dotted 1px #00AEEF;
    padding: 0;
    margin: 0;
    width: 100%;
}


/* NEWSBERICHTEN  */

.newsImportant {
    background: url(' /Images/covStyle/NewsImportant.png') no-repeat center right;
    border-bottom: dotted 1px #00AEEF;
}


.newsTitle {
    font-family: Arial, Sans-Serif;
    color: rgb(101, 137, 150);
    font-size: 14px;
}

.textDate {
    font-family: Arial, Sans-Serif;
    font-size: 8pt;
    font-weight: normal;
    color: #808285;
}

.newsItem {
    Background: white;
    border: solid 1px rgb(101, 137, 150);
    padding: 0;
    margin: 0;
    width: 100%;
    padding: 20px;
}


/* TELERIK STYLES */




/* VERWIJDEREN = ONGEBRUIKT*/


/* HTML 5 generic styling */
header, footer, hgroup,
nav, section {
    display: block;
}

.callout {
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    margin-top: 20px;
    margin-right: 0;
    margin-bottom: 20px;
    margin-left: 0;
    border-left-color: gray;
    border-left-width: 5px;
    border-left-style: solid;
}

    .callout > info {
    }

.RadTabStrip .rtsOut, .RadTabStripVertical .rtsOut {
    padding: 0 !important;
}

.RadTabStrip_WebRR {
    margin-left: 5px !important;
}

    .RadTabStrip_WebRR .rtsLI, .RadTabStrip_WebRR .rtsLink {
        color: #333333; /* <RADTAB Static: textColor> */
        vertical-align: middle;
        border-bottom: solid 2px transparent;
    }

.RadTabStrip .rtsIn, .RadTabStripVertical .rtsIn {
    padding: 0 !important;
    padding-top: 1px !important;
}

span.RadTabStrip_WebRR .rtsLI, .RadTabStrip_WebRR .rtsLink {
    margin-right: 10px;
}

/* TAB SELECTED BG */

.RadTabStrip_WebRR .rtsSelected {
    color: black;
    background-color: #FFFFFF;
    border-bottom: solid 2px #03A9F4;
    border-top: solid 1px White;
    background: white;
    background-position-y: 40px;
    background: url(/Images/covStyle/tabBg.png);
}

    .RadTabStrip_WebRR .rtsSelected li a SPAN {
        color: black;
        background-color: #FFFFFF;
    }

.rtlSelected rtsTxt {
    text-decoration: underline;
}

.rtsSelected span {
    color: Black;
    text-decoration: underline;
}


/********************************** RADTAB STATIC *************************/
/* TAB TEXT COLOR  */

.RadTabStrip_WebRR .rtsUL .rtsLI .rtsLink {
    padding: 0 !important;
    color: Black;
}

    .RadTabStrip_WebRR .rtsUL .rtsLI .rtsLink:Hover {
        color: black;
    }

.RadTabStrip_WebRR .rtsSelected span {
    color: black;
    padding: 0 !important;
}

.RadTabStrip_WebRR .rtsUL .rtsLI .rtsLink {
    height: 30px;
    display: inline-block !important;
    padding: 0 !important;
}

.RadTabStrip .rtsLevel1 .rtsTxt, .RadTabStripVertical .rtsLevel1 .rtsTxt {
    padding: 0 !important;
}

.RadTabStrip, .RadTabStrip_WebRR, .RadTabStripTop {
    /*background: #E9E9E9 ; */
    margin-right: 24px !important;
    width: 100%;
}

.RadPage, .GridBg {
    border: solid 1px #D1D3D4;
    border-top: solid 1px White;
    width: 100% !important;
    background: White;
    padding: 5px;
    position: static;
}

.rdContent {
    background: White;
    vertical-align: top !important;
}

.rtsOverdue {
    background: #F89520;
    color: white;
}

    .rtsOverdue span {
        color: white;
    }

        .rtsOverdue span:hover {
            color: white;
        }

.rtsToLate {
    background: #EC4F27;
    color: white;
    background-position-x: center;
    padding: 5px;
}

    .rtsToLate span {
        color: white;
    }

.RadTabStrip .rtsLink {
    padding: 1pt !important;
}


.hidedeletebutton {
    display: none;
}

.RadUpload_marlon .ruBrowse {
    width: 150px !important;
    background-image: none !important;
    background: lightgray;
}

.RadUpload_marlon .ruButton {
    background-image: none;
    background-color: rgb(247, 247, 247) !important;
    width: 150px;
}

    .RadUpload_marlon .ruButton:hover {
        background-image: none;
        background-color: green !important;
        width: 150px;
    }

/* DefaultButton, niet zichtbaar */
.defaultaction {
    position: absolute;
    left: -1000px;
    width: 0;
    height: 0;
}

.disabled {
}





/* t.b.v. pagina voor het bewerken van de SEL vanuit SELLijst.aspx. gebruikt een radwindow om het element in detail te bewerken.*/
.covRadWindow {
    z-index: 8000 !important;
}

/* Protocol pagina aan/uit zetten panels*/
.formGroup {
    padding: 8px 15px;
    margin-bottom: 8px;
    border-radius: 4px;
    position: relative;
    display: block;
}

    .formGroup.disabled {
        background: #f5f5f5;
    }

/* HJR 20150422: Workflow / Proces definitie: File upload en import */
.tileListContent {
    display: block;
    position: relative;
    width: 100%;
    height: 34px;
    line-height: 34px;
    float: none;
    top: 34px;
}

    .tileListContent .search,
    .tileListContent .divSectionTitle {
        display: block;
        position: relative;
        height: 100%;
        margin: 0;
        padding: 0;
        top: 0 !important;
        float: left;
    }

    .tileListContent .divSectionTitle {
        margin-left: 5px;
        width: auto;
    }

        .tileListContent .divSectionTitle h1,
        .tileListContent .divSectionTitle h2 {
            margin: 0;
            padding: 0;
        }

            .tileListContent .divSectionTitle h1 input,
            .tileListContent .divSectionTitle h2 input {
                padding: 0 5px;
            }

.Warnings_indicator,
.Warnings_container {
    display: block;
    position: relative;
    width: 100%;
    height: auto !important;
    margin: 0;
    padding: 0;
    float: left;
}

    .Warnings_indicator h1 {
        height: 18px;
        line-height: 18px;
        font-size: 18px;
        margin: 0;
    }

.importWorkflowContainer .ruFakeInput {
    width: auto !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #000 !important;
    box-sizing: border-box !important;
}

.importWorkflowContainer .ruProgress {
}

.importWorkflowContainer ul {
    display: block !important;
    position: relative !important;
    list-style-type: disc !important;
    margin: 20px 0;
    height: auto !important;
    float: left;
}

.importWorkflowContainer li {
    display: list-item !important;
    position: relative !important;
    height: auto !important;
}

.importWorkflowContainer .rowF {
    margin: 10px 0;
}

.fileimportButton {
    display: inline-block !important;
    position: relative !important;
    width: 160px !important;
    height: 30px !important;
    line-height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    border: 1px solid #808080 !important;
    background-image: url(/Images/16x16/save.gif), -webkit-linear-gradient(#efeff1, #d5d6d8, #efeff1) !important;
    background-image: url(/Images/16x16/save.gif), -o-linear-gradient(#efeff1, #d5d6d8, #efeff1) !important;
    background-image: url(/Images/16x16/save.gif), -moz-linear-gradient(#efeff1, #d5d6d8, #efeff1) !important;
    background-image: url(/Images/16x16/save.gif), linear-gradient(#efeff1, #d5d6d8, #efeff1) !important;
    background-repeat: no-repeat !important;
    background-position: 5px center, 0 !important;
    cursor: pointer !important;
}

.bgBlue {
    background-image: url(/Images/RT/Dark/blue_overlay_10.png);
}

.bgGray {
    background-image: url(/Images/RT/Dark/blue_overlay_10.png);
}

.hoverBgBlue:hover {
    background: #EFEFF2;
}

.hoverBgOrange:hover {
    background: #EFEFF2;
}

.hoverBgGray:hover {
    background-image: url(/Images/RT/Dark/blue_overlay_10.png);
}

.hoverBgGreen:hover {
    background: #EFEFF2;
}

.modal-header {
    background: white;
}

.modal-footer {
    background: #EFEFF2;
}

.modal-header h3 {
    color: black;
    font-size: 14px;
}

.tileMenuItem:hover {
    background: #EFEFF2;
}


.dshbWorkflowState a:hover {
    background: #EFEFF2;
}





/* Orange : extra voor login button */
.bgOrange {
    background-color: rgb(243, 111, 36);
}

.vg-object-deleted {
    background: url("/images/RT/removedcross.png") center no-repeat;
    background-size: 100% 100%;
}

.violation {
    color: red;
}

/*checkable list-group */

.list-group.checkable .list-group-item a {
    color: black;
    text-decoration: none;
}

.list-group.checkable li.list-group-item {
    float: none;
}

    .list-group.checkable li.list-group-item.checked {
        background: #efefef;
    }

    /* toon icoontje unchecked, hide icoonje check*/
    .list-group.checkable li.list-group-item span.glyphicon-check {
        display: none;
    }

    .list-group.checkable li.list-group-item span.glyphicon-unchecked {
        display: inline-block;
    }

    /* toon icoontje check, hide icoonje unchecked*/
    .list-group.checkable li.list-group-item.checked span.glyphicon-check {
        display: inline-block;
    }

    .list-group.checkable li.list-group-item.checked span.glyphicon-unchecked {
        display: none;
    }

[data-type="tilelistcontrol"],
[data-type="tilelistobjectencontrol"],
[data-type="tilelistcontrolcondor"],
[data-type="multiselectlistcontrol"],
[data-type="listcontrol2016"] {
}

.ruSelectWrap {
    width: 100% !important;
}

.RadUpload_marlon .ruFileWrap.ruStyled {
    position: absolute;
    top: -36px;
    display: block;
    opacity: 1;
    background-image: url(/Images/RT/plus.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 44px !important;
    height: 35px !important;
    right: 0;
    cursor: pointer;
}

.RadUpload_Bootstrap .ruSelectWrap .ruFakeInput {
    background-color: transparent !important;
}
/*
.ruSelectWrap {
    width: 100% !important;
}



.ruUploadProgress {
    display: none !important;
}

.RadUpload_Default .ruFakeInput {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 1;
    width: 320px !important;
    height: 32px !important;
    background: none !important;
    left: unset !important;
    border: none !important;
}


.RadUpload_Default .ruButton .ruBrowse {
    display: none;
}

.RadUpload_Default .ruSelectWrap {
    width: 32px;
}

    .RadUpload_Default .ruSelectWrap .ruButton {
        display: none;
    }

.tileGroup .RadUpload_Default {
}

.RadUpload_Default .ruInputs {
    position: absolute;
    top: -33px;
    right: 0;
    width: 140px;
    opacity: 1 !important;
    display: block !important;
}

.RadUpload_marlon .ruStyled .ruFileInput:hover {
    cursor: pointer;
}

.ruFileWrap.ruStyled .ruFileInput::before {
    -webkit-user-select: none;
    cursor: pointer;
}*/

/**
 ****************************
 * Generic Styles
 ****************************
*/
ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
  display: block;
}

.ag-hidden {
  display: none !important;
}

.ag-invisible {
  visibility: hidden !important;
}

.ag-drag-handle {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.ag-column-drop-wrapper {
  display: flex;
}

.ag-column-drop-horizontal-half-width {
  display: inline-block;
  width: 50% !important;
}

.ag-unselectable {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ag-selectable {
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.ag-tab {
  position: relative;
}

.ag-tab-guard {
  position: absolute;
  width: 0;
  height: 0;
  display: block;
}

.ag-select-agg-func-popup {
  position: absolute;
}

.ag-input-wrapper, .ag-picker-field-wrapper {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  line-height: normal;
  position: relative;
}

.ag-shake-left-to-right {
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: ag-shake-left-to-right;
          animation-name: ag-shake-left-to-right;
}

@-webkit-keyframes ag-shake-left-to-right {
  from {
    padding-left: 6px;
    padding-right: 2px;
  }
  to {
    padding-left: 2px;
    padding-right: 6px;
  }
}

@keyframes ag-shake-left-to-right {
  from {
    padding-left: 6px;
    padding-right: 2px;
  }
  to {
    padding-left: 2px;
    padding-right: 6px;
  }
}
.ag-root-wrapper {
  cursor: default;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ag-root-wrapper.ag-layout-normal {
  height: 100%;
}

.ag-watermark {
  position: absolute;
  bottom: 20px;
  right: 25px;
  opacity: 0.5;
  transition: opacity 1s ease-out 3s;
}
.ag-watermark::before {
  content: "";
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDIzNSA0MCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjI7Ij4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDAuNjM1NzIzLDAsMCwwLjYzNTcyMywtNDkyLjkyMSwtMzIzLjYwOCkiPgogICAgICAgIDxwYXRoIGQ9Ik0xMDk5LjQsNTQ5LjRMMTA5OS40LDUzNi45TDEwNzguMSw1MzYuOUwxMDY1LjYsNTQ5LjRMMTA5OS40LDU0OS40WiIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8cGF0aCBkPSJNMTEyMy40LDUxOC40TDEwOTYuNyw1MTguNEwxMDg0LjEsNTMwLjlMMTEyMy40LDUzMC45TDExMjMuNCw1MTguNFoiIHN0eWxlPSJmaWxsOnJnYigyNCwyOSwzMSk7ZmlsbC1ydWxlOm5vbnplcm87Ii8+CiAgICAgICAgPHBhdGggZD0iTTEwNTMuMiw1NjEuOUwxMDU5LjYsNTU1LjVMMTA4MS4yLDU1NS41TDEwODEuMiw1NjhMMTA1My4yLDU2OEwxMDUzLjIsNTYxLjlaIiBzdHlsZT0iZmlsbDpyZ2IoMjQsMjksMzEpO2ZpbGwtcnVsZTpub256ZXJvOyIvPgogICAgICAgIDxwYXRoIGQ9Ik0xMDU3LjksNTQzLjNMMTA3MS43LDU0My4zTDEwODQuMyw1MzAuOEwxMDU3LjksNTMwLjhMMTA1Ny45LDU0My4zWiIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8cGF0aCBkPSJNMTA0Mi44LDU2MS45TDEwNTMuMiw1NjEuOUwxMDY1LjYsNTQ5LjRMMTA0Mi44LDU0OS40TDEwNDIuOCw1NjEuOVoiIHN0eWxlPSJmaWxsOnJnYigyNCwyOSwzMSk7ZmlsbC1ydWxlOm5vbnplcm87Ii8+CiAgICAgICAgPHBhdGggZD0iTTEwOTYuNyw1MTguNEwxMDkwLjMsNTI0LjhMMTA0OS41LDUyNC44TDEwNDkuNSw1MTIuM0wxMDk2LjcsNTEyLjNMMTA5Ni43LDUxOC40WiIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8cGF0aCBkPSJNODI4LjYsNTU5LjdMODA5LDU1OS43TDgwNS42LDU2OC4xTDc5Nyw1NjguMUw4MTUuMSw1MjUuN0w4MjIuNiw1MjUuN0w4NDAuNyw1NjguMUw4MzIsNTY4LjFMODI4LjYsNTU5LjdaTTgyNS45LDU1M0w4MTguOCw1MzUuN0w4MTEuNyw1NTNMODI1LjksNTUzWiIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8cGF0aCBkPSJNOTYwLjEsNTQxLjNDOTYyLjYsNTM3LjYgOTY4LjksNTM3LjIgOTcxLjUsNTM3LjJMOTcxLjUsNTQ0LjRDOTY4LjMsNTQ0LjQgOTY1LjEsNTQ0LjUgOTYzLjIsNTQ1LjlDOTYxLjMsNTQ3LjMgOTYwLjMsNTQ5LjIgOTYwLjMsNTUxLjVMOTYwLjMsNTY4LjFMOTUyLjUsNTY4LjFMOTUyLjUsNTM3LjJMOTYwLDUzNy4yTDk2MC4xLDU0MS4zWiIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8cmVjdCB4PSI5NzUuOCIgeT0iNTM3LjIiIHdpZHRoPSI3LjgiIGhlaWdodD0iMzAuOSIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTsiLz4KICAgICAgICA8cmVjdCB4PSI5NzUuOCIgeT0iNTIzLjQiIHdpZHRoPSI3LjgiIGhlaWdodD0iOS4yIiBzdHlsZT0iZmlsbDpyZ2IoMjQsMjksMzEpOyIvPgogICAgICAgIDxwYXRoIGQ9Ik0xMDIyLjMsNTIzLjRMMTAyMi4zLDU2OC4xTDEwMTQuOCw1NjguMUwxMDE0LjYsNTYzLjRDMTAxMy41LDU2NSAxMDEyLjEsNTY2LjMgMTAxMC40LDU2Ny4zQzEwMDguNyw1NjguMiAxMDA2LjYsNTY4LjcgMTAwNC4yLDU2OC43QzEwMDIuMSw1NjguNyAxMDAwLjEsNTY4LjMgOTk4LjQsNTY3LjZDOTk2LjYsNTY2LjggOTk1LDU2NS44IDk5My43LDU2NC40Qzk5Mi40LDU2MyA5OTEuMyw1NjEuMyA5OTAuNiw1NTkuNEM5ODkuOCw1NTcuNSA5ODkuNSw1NTUuMyA5ODkuNSw1NTIuOUM5ODkuNSw1NTAuNSA5ODkuOSw1NDguMyA5OTAuNiw1NDYuM0M5OTEuNCw1NDQuMyA5OTIuNCw1NDIuNiA5OTMuNyw1NDEuMkM5OTUsNTM5LjggOTk2LjYsNTM4LjcgOTk4LjQsNTM3LjlDMTAwMC4yLDUzNy4xIDEwMDIuMSw1MzYuNyAxMDA0LjIsNTM2LjdDMTAwNi42LDUzNi43IDEwMDguNiw1MzcuMSAxMDEwLjMsNTM4QzEwMTIsNTM4LjkgMTAxMy40LDU0MC4xIDEwMTQuNSw1NDEuOEwxMDE0LjUsNTIzLjVMMTAyMi4zLDUyMy41TDEwMjIuMyw1MjMuNFpNMTAwNS45LDU2MkMxMDA4LjUsNTYyIDEwMTAuNSw1NjEuMSAxMDEyLjEsNTU5LjRDMTAxMy43LDU1Ny43IDEwMTQuNSw1NTUuNCAxMDE0LjUsNTUyLjZDMTAxNC41LDU0OS44IDEwMTMuNyw1NDcuNiAxMDEyLjEsNTQ1LjhDMTAxMC41LDU0NC4xIDEwMDguNSw1NDMuMiAxMDA1LjksNTQzLjJDMTAwMy40LDU0My4yIDEwMDEuMyw1NDQuMSA5OTkuOCw1NDUuOEM5OTguMiw1NDcuNSA5OTcuNCw1NDkuOCA5OTcuNCw1NTIuNkM5OTcuNCw1NTUuNCA5OTguMiw1NTcuNiA5OTkuOCw1NTkuM0MxMDAxLjQsNTYxLjEgMTAwMy40LDU2MiAxMDA1LjksNTYyIiBzdHlsZT0iZmlsbDpyZ2IoMjQsMjksMzEpO2ZpbGwtcnVsZTpub256ZXJvOyIvPgogICAgICAgIDxwYXRoIGQ9Ik04ODUuOCw1NDQuMkw4NjYuNSw1NDQuMkw4NjYuNSw1NTAuOUw4NzcuNSw1NTAuOUM4NzcuMiw1NTQuMyA4NzUuOSw1NTYuOSA4NzMuNyw1NTlDODcxLjUsNTYxIDg2OC43LDU2MiA4NjUuMSw1NjJDODYzLjEsNTYyIDg2MS4yLDU2MS42IDg1OS42LDU2MC45Qzg1Ny45LDU2MC4yIDg1Ni41LDU1OS4yIDg1NS4zLDU1Ny44Qzg1NC4xLDU1Ni41IDg1My4yLDU1NC45IDg1Mi41LDU1M0M4NTEuOCw1NTEuMSA4NTEuNSw1NDkuMSA4NTEuNSw1NDYuOEM4NTEuNSw1NDQuNSA4NTEuOCw1NDIuNSA4NTIuNSw1NDAuNkM4NTMuMSw1MzguNyA4NTQuMSw1MzcuMiA4NTUuMyw1MzUuOEM4NTYuNSw1MzQuNSA4NTcuOSw1MzMuNSA4NTkuNiw1MzIuN0M4NjEuMyw1MzIgODYzLjEsNTMxLjYgODY1LjIsNTMxLjZDODY5LjQsNTMxLjYgODcyLjYsNTMyLjYgODc0LjgsNTM0LjZMODgwLDUyOS40Qzg3Ni4xLDUyNi40IDg3MS4xLDUyNC44IDg2NS4yLDUyNC44Qzg2MS45LDUyNC44IDg1OC45LDUyNS4zIDg1Ni4yLDUyNi40Qzg1My41LDUyNy41IDg1MS4yLDUyOC45IDg0OS4zLDUzMC44Qzg0Ny40LDUzMi43IDg0NS45LDUzNSA4NDQuOSw1MzcuN0M4NDMuOSw1NDAuNCA4NDMuNCw1NDMuNCA4NDMuNCw1NDYuNkM4NDMuNCw1NDkuOCA4NDMuOSw1NTIuOCA4NDUsNTU1LjVDODQ2LjEsNTU4LjIgODQ3LjUsNTYwLjUgODQ5LjQsNTYyLjRDODUxLjMsNTY0LjMgODUzLjYsNTY1LjggODU2LjMsNTY2LjhDODU5LDU2Ny45IDg2Miw1NjguNCA4NjUuMiw1NjguNEM4NjguNCw1NjguNCA4NzEuMyw1NjcuOSA4NzMuOSw1NjYuOEM4NzYuNSw1NjUuNyA4NzguNyw1NjQuMyA4ODAuNSw1NjIuNEM4ODIuMyw1NjAuNSA4ODMuNyw1NTguMiA4ODQuNyw1NTUuNUM4ODUuNyw1NTIuOCA4ODYuMiw1NDkuOCA4ODYuMiw1NDYuNkw4ODYuMiw1NDUuM0M4ODUuOSw1NDUuMSA4ODUuOCw1NDQuNiA4ODUuOCw1NDQuMiIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8cGF0aCBkPSJNOTQ2LjgsNTQ0LjJMOTI3LjUsNTQ0LjJMOTI3LjUsNTUwLjlMOTM4LjUsNTUwLjlDOTM4LjIsNTU0LjMgOTM2LjksNTU2LjkgOTM0LjcsNTU5QzkzMi41LDU2MSA5MjkuNyw1NjIgOTI2LjEsNTYyQzkyNC4xLDU2MiA5MjIuMiw1NjEuNiA5MjAuNiw1NjAuOUM5MTguOSw1NjAuMiA5MTcuNSw1NTkuMiA5MTYuMyw1NTcuOEM5MTUuMSw1NTYuNSA5MTQuMiw1NTQuOSA5MTMuNSw1NTNDOTEyLjgsNTUxLjEgOTEyLjUsNTQ5LjEgOTEyLjUsNTQ2LjhDOTEyLjUsNTQ0LjUgOTEyLjgsNTQyLjUgOTEzLjUsNTQwLjZDOTE0LjEsNTM4LjcgOTE1LjEsNTM3LjIgOTE2LjMsNTM1LjhDOTE3LjUsNTM0LjUgOTE4LjksNTMzLjUgOTIwLjYsNTMyLjdDOTIyLjMsNTMyIDkyNC4xLDUzMS42IDkyNi4yLDUzMS42QzkzMC40LDUzMS42IDkzMy42LDUzMi42IDkzNS44LDUzNC42TDk0MSw1MjkuNEM5MzcuMSw1MjYuNCA5MzIuMSw1MjQuOCA5MjYuMiw1MjQuOEM5MjIuOSw1MjQuOCA5MTkuOSw1MjUuMyA5MTcuMiw1MjYuNEM5MTQuNSw1MjcuNSA5MTIuMiw1MjguOSA5MTAuMyw1MzAuOEM5MDguNCw1MzIuNyA5MDYuOSw1MzUgOTA1LjksNTM3LjdDOTA0LjksNTQwLjQgOTA0LjQsNTQzLjQgOTA0LjQsNTQ2LjZDOTA0LjQsNTQ5LjggOTA0LjksNTUyLjggOTA2LDU1NS41QzkwNy4xLDU1OC4yIDkwOC41LDU2MC41IDkxMC40LDU2Mi40QzkxMi4zLDU2NC4zIDkxNC42LDU2NS44IDkxNy4zLDU2Ni44QzkyMCw1NjcuOSA5MjMsNTY4LjQgOTI2LjIsNTY4LjRDOTI5LjQsNTY4LjQgOTMyLjMsNTY3LjkgOTM0LjksNTY2LjhDOTM3LjUsNTY1LjcgOTM5LjcsNTY0LjMgOTQxLjUsNTYyLjRDOTQzLjMsNTYwLjUgOTQ0LjcsNTU4LjIgOTQ1LjcsNTU1LjVDOTQ2LjcsNTUyLjggOTQ3LjIsNTQ5LjggOTQ3LjIsNTQ2LjZMOTQ3LjIsNTQ1LjNDOTQ2LjksNTQ1LjEgOTQ2LjgsNTQ0LjYgOTQ2LjgsNTQ0LjIiIHN0eWxlPSJmaWxsOnJnYigyNCwyOSwzMSk7ZmlsbC1ydWxlOm5vbnplcm87Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-size: 170px 40px;
  display: block;
  height: 40px;
  width: 170px;
  opacity: 0.5;
}

.ag-watermark-text {
  opacity: 0.5;
  font-weight: bold;
  font-family: Impact, sans-serif;
  font-size: 19px;
  padding-left: 0.7rem;
}

.ag-root-wrapper-body {
  display: flex;
  flex-direction: row;
}
.ag-root-wrapper-body.ag-layout-normal {
  flex: 1 1 auto;
  height: 0;
  min-height: 0;
}

.ag-root {
  position: relative;
  display: flex;
  flex-direction: column;
}
.ag-root.ag-layout-normal, .ag-root.ag-layout-auto-height {
  overflow: hidden;
  flex: 1 1 auto;
  width: 0;
}
.ag-root.ag-layout-normal {
  height: 100%;
}

/**
 ****************************
 * Viewports
 ****************************
*/
.ag-header-viewport,
.ag-floating-top-viewport,
.ag-body-viewport,
.ag-center-cols-viewport,
.ag-floating-bottom-viewport,
.ag-body-horizontal-scroll-viewport,
.ag-virtual-list-viewport {
  position: relative;
  height: 100%;
  min-width: 0px;
  overflow: hidden;
  flex: 1 1 auto;
}

.ag-body-viewport {
  display: flex;
}
.ag-body-viewport.ag-layout-normal {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.ag-center-cols-viewport {
  width: 100%;
  overflow-x: auto;
}

.ag-body-horizontal-scroll-viewport {
  overflow-x: scroll;
}

.ag-virtual-list-viewport {
  overflow: auto;
  width: 100%;
}

/**
 ****************************
 * Containers
 ****************************
*/
.ag-header-container,
.ag-floating-top-container,
.ag-body-container,
.ag-pinned-right-cols-container,
.ag-center-cols-container,
.ag-pinned-left-cols-container,
.ag-floating-bottom-container,
.ag-body-horizontal-scroll-container,
.ag-full-width-container,
.ag-floating-bottom-full-width-container,
.ag-virtual-list-container {
  position: relative;
}

.ag-header-container, .ag-floating-top-container, .ag-floating-bottom-container {
  height: 100%;
  white-space: nowrap;
}

.ag-center-cols-container {
  display: block;
}

.ag-pinned-right-cols-container {
  display: block;
}

.ag-body-horizontal-scroll-container {
  height: 100%;
}

.ag-full-width-container,
.ag-floating-top-full-width-container,
.ag-floating-bottom-full-width-container {
  position: absolute;
  top: 0px;
  left: 0px;
  pointer-events: none;
}

.ag-full-width-container {
  width: 100%;
}

.ag-floating-bottom-full-width-container, .ag-floating-top-full-width-container {
  display: inline-block;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.ag-virtual-list-container {
  overflow: hidden;
}

/**
 ****************************
 * Scrollers
 ****************************
*/
.ag-center-cols-clipper {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  min-height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.ag-body-horizontal-scroll {
  min-height: 0;
  min-width: 0;
  width: 100%;
  display: flex;
  position: relative;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-scrollbar-scrolling, .ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-scrollbar-active {
  pointer-events: all;
}

.ag-force-vertical-scroll {
  overflow-y: scroll !important;
}

.ag-horizontal-left-spacer, .ag-horizontal-right-spacer {
  height: 100%;
  min-width: 0;
  overflow-x: scroll;
}
.ag-horizontal-left-spacer.ag-scroller-corner, .ag-horizontal-right-spacer.ag-scroller-corner {
  overflow-x: hidden;
}

/**
 ****************************
 * Headers
 ****************************
*/
.ag-header, .ag-pinned-left-header, .ag-pinned-right-header {
  display: inline-block;
  overflow: hidden;
  position: relative;
}

.ag-header-cell-sortable {
  cursor: pointer;
}

.ag-header {
  display: flex;
  width: 100%;
  white-space: nowrap;
}

.ag-pinned-left-header {
  height: 100%;
}

.ag-pinned-right-header {
  height: 100%;
}

.ag-header-row {
  position: absolute;
  overflow: hidden;
}

.ag-header-cell {
  display: inline-flex;
  align-items: center;
  position: absolute;
  height: 100%;
  overflow: hidden;
}

.ag-header-cell.ag-header-active .ag-header-cell-menu-button {
  opacity: 1;
}

.ag-header-cell-menu-button:not(.ag-header-menu-always-show) {
  transition: opacity 0.2s;
  opacity: 0;
}

.ag-header-group-cell-label, .ag-header-cell-label {
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
  align-items: center;
  text-overflow: ellipsis;
  align-self: stretch;
}

.ag-header-cell-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ag-right-aligned-header .ag-header-cell-label {
  flex-direction: row-reverse;
}

.ag-header-group-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ag-header-cell-resize {
  position: absolute;
  z-index: 2;
  height: 100%;
  width: 8px;
  top: 0;
  cursor: ew-resize;
}
.ag-ltr .ag-header-cell-resize {
  right: -4px;
}
.ag-rtl .ag-header-cell-resize {
  left: -4px;
}

.ag-pinned-left-header .ag-header-cell-resize {
  right: -4px;
}

.ag-pinned-right-header .ag-header-cell-resize {
  left: -4px;
}

.ag-header-select-all {
  display: flex;
}

/**
 ****************************
 * Columns
 ****************************
*/
.ag-column-moving .ag-cell {
  transition: left 0.2s;
}
.ag-column-moving .ag-header-cell {
  transition: left 0.2s;
}
.ag-column-moving .ag-header-group-cell {
  transition: left 0.2s, width 0.2s;
}

/**
 ****************************
 * Column Panel
 ****************************
*/
.ag-column-panel {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 1 1 auto;
}

.ag-column-select {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 3 1 0px;
}

.ag-column-select-header {
  position: relative;
  display: flex;
  flex: none;
}

.ag-column-select-header-icon {
  position: relative;
}

.ag-column-select-header-filter-wrapper {
  flex: 1 1 auto;
}

.ag-column-select-header-filter {
  width: 100%;
}

.ag-column-select-list {
  flex: 1 1 0px;
  overflow: hidden;
}

.ag-column-drop {
  position: relative;
  display: inline-flex;
  align-items: center;
  overflow: auto;
  width: 100%;
}

.ag-column-drop-list {
  display: flex;
  align-items: center;
}

.ag-column-drop-cell {
  display: flex;
  align-items: center;
}

.ag-column-drop-cell-text {
  overflow: hidden;
  flex: 1 1 auto;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ag-column-drop-vertical {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  align-items: stretch;
  flex: 1 1 0px;
}

.ag-column-drop-vertical-title-bar {
  display: flex;
  align-items: center;
  flex: none;
}

.ag-column-drop-vertical-list {
  position: relative;
  align-items: stretch;
  flex-grow: 1;
  flex-direction: column;
  overflow-x: auto;
}
.ag-column-drop-vertical-list > * {
  flex: none;
}

.ag-column-drop-empty .ag-column-drop-vertical-list {
  overflow: hidden;
}

.ag-column-drop-vertical-empty-message {
  display: block;
}

.ag-column-drop.ag-column-drop-horizontal {
  white-space: nowrap;
  overflow: hidden;
}

.ag-column-drop-cell-button {
  cursor: pointer;
}

.ag-filter-toolpanel {
  flex: 1 1 0px;
  min-width: 0;
}

.ag-filter-toolpanel-header {
  position: relative;
}

.ag-filter-toolpanel-header, .ag-filter-toolpanel-search {
  display: flex;
  align-items: center;
}
.ag-filter-toolpanel-header > *, .ag-filter-toolpanel-search > * {
  display: flex;
  align-items: center;
}

.ag-filter-apply-panel {
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
}

/**
 ****************************
 * Rows
 ****************************
*/
.ag-row-animation .ag-row {
  transition: top 0.4s, background-color 0.1s, opacity 0.2s, -webkit-transform 0.4s;
  transition: transform 0.4s, top 0.4s, background-color 0.1s, opacity 0.2s;
  transition: transform 0.4s, top 0.4s, background-color 0.1s, opacity 0.2s, -webkit-transform 0.4s;
}

.ag-row-animation .ag-row.ag-after-created {
  transition: top 0.4s, height 0.4s, background-color 0.1s, opacity 0.2s, -webkit-transform 0.4s;
  transition: transform 0.4s, top 0.4s, height 0.4s, background-color 0.1s, opacity 0.2s;
  transition: transform 0.4s, top 0.4s, height 0.4s, background-color 0.1s, opacity 0.2s, -webkit-transform 0.4s;
}

.ag-row-no-animation .ag-row {
  transition: background-color 0.1s;
}

.ag-row {
  white-space: nowrap;
  width: 100%;
}

.ag-row-loading {
  display: flex;
  align-items: center;
}

.ag-row-position-absolute {
  position: absolute;
}

.ag-row-position-relative {
  position: relative;
}

.ag-full-width-row {
  overflow: hidden;
  pointer-events: all;
}

.ag-row-inline-editing {
  z-index: 1;
}

.ag-row-dragging {
  z-index: 2;
}

.ag-stub-cell {
  display: flex;
  align-items: center;
}

/**
 ****************************
 * Cells
 ****************************
*/
.ag-cell {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
}

.ag-cell-value, .ag-group-value {
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-cell-wrap-text {
  white-space: normal;
  word-break: break-all;
}

.ag-cell-wrapper {
  display: flex;
  align-items: center;
  height: 100%;
}
.ag-cell-wrapper.ag-row-group {
  align-items: flex-start;
}

.ag-sparkline-wrapper {
  height: 100%;
  width: 100%;
}

.ag-full-width-row .ag-cell-wrapper.ag-row-group {
  align-items: center;
}

.ag-cell-normal-height {
  height: 100%;
}

.ag-cell-inline-editing {
  z-index: 1;
}
.ag-cell-inline-editing .ag-cell-edit-wrapper,
.ag-cell-inline-editing .ag-cell-editor,
.ag-cell-inline-editing .ag-cell-editor .ag-wrapper,
.ag-cell-inline-editing .ag-cell-editor input {
  height: 100%;
  width: 100%;
  line-height: normal;
}

.ag-cell .ag-icon {
  display: inline-block;
  vertical-align: middle;
}

/**
 ****************************
 * Filters
 ****************************
*/
.ag-set-filter-item {
  display: flex;
  align-items: center;
  height: 100%;
}

.ag-set-filter-item-value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ag-set-filter-item-checkbox {
  display: flex;
}

.ag-filter-body-wrapper {
  display: flex;
  flex-direction: column;
}

.ag-filter-filter {
  flex: 1 1 0px;
}

.ag-filter-condition {
  display: flex;
  justify-content: center;
}

/**
 ****************************
 * Floating Filter
 ****************************
*/
.ag-floating-filter-body {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  height: 100%;
}

.ag-floating-filter-full-body {
  display: flex;
  flex: 1 1 auto;
  height: 100%;
  width: 100%;
  align-items: center;
  overflow: hidden;
}

.ag-floating-filter-full-body > div {
  flex: 1 1 auto;
}

.ag-floating-filter-input {
  align-items: center;
  display: flex;
  width: 100%;
}
.ag-floating-filter-input > * {
  flex: 1 1 auto;
}

.ag-floating-filter-button {
  display: flex;
  flex: none;
}

/**
 ****************************
 * Drag & Drop
 ****************************
*/
.ag-dnd-ghost {
  position: absolute;
  display: inline-flex;
  align-items: center;
  cursor: move;
  white-space: nowrap;
  z-index: 9999;
}

/**
 ****************************
 * Overlay
 ****************************
*/
.ag-overlay {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.ag-overlay-panel {
  display: flex;
  height: 100%;
  width: 100%;
}

.ag-overlay-wrapper {
  display: flex;
  flex: none;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.ag-overlay-loading-wrapper {
  pointer-events: all;
}

/**
 ****************************
 * Popup
 ****************************
*/
.ag-popup-child {
  z-index: 5;
  top: 0;
}

.ag-popup-editor {
  position: absolute;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 1;
}

.ag-large-text-input {
  display: block;
}

/**
 ****************************
 * Virtual Lists
 ****************************
*/
.ag-virtual-list-item {
  position: absolute;
  width: 100%;
}

/**
 ****************************
 * Floating Top and Bottom
 ****************************
*/
.ag-floating-top {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  position: relative;
  display: flex;
}

.ag-pinned-left-floating-top {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}

.ag-pinned-right-floating-top {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}

.ag-floating-bottom {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  position: relative;
  display: flex;
}

.ag-pinned-left-floating-bottom {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}

.ag-pinned-right-floating-bottom {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}

/**
 ****************************
 * Dialog
 ****************************
*/
.ag-dialog, .ag-panel {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}

.ag-panel-title-bar {
  display: flex;
  flex: none;
  align-items: center;
  cursor: default;
}

.ag-panel-title-bar-title {
  flex: 1 1 auto;
}

.ag-panel-title-bar-buttons {
  display: flex;
}

.ag-panel-title-bar-button {
  cursor: pointer;
}

.ag-panel-content-wrapper {
  display: flex;
  flex: 1 1 auto;
  position: relative;
  overflow: hidden;
}

.ag-dialog {
  position: absolute;
}

.ag-resizer {
  position: absolute;
  pointer-events: none;
  z-index: 1;
}
.ag-resizer.ag-resizer-topLeft {
  top: 0;
  left: 0;
  height: 5px;
  width: 5px;
  cursor: nwse-resize;
}
.ag-resizer.ag-resizer-top {
  top: 0;
  left: 5px;
  right: 5px;
  height: 5px;
  cursor: ns-resize;
}
.ag-resizer.ag-resizer-topRight {
  top: 0;
  right: 0;
  height: 5px;
  width: 5px;
  cursor: nesw-resize;
}
.ag-resizer.ag-resizer-right {
  top: 5px;
  right: 0;
  bottom: 5px;
  width: 5px;
  cursor: ew-resize;
}
.ag-resizer.ag-resizer-bottomRight {
  bottom: 0;
  right: 0;
  height: 5px;
  width: 5px;
  cursor: nwse-resize;
}
.ag-resizer.ag-resizer-bottom {
  bottom: 0;
  left: 5px;
  right: 5px;
  height: 5px;
  cursor: ns-resize;
}
.ag-resizer.ag-resizer-bottomLeft {
  bottom: 0;
  left: 0;
  height: 5px;
  width: 5px;
  cursor: nesw-resize;
}
.ag-resizer.ag-resizer-left {
  left: 0;
  top: 5px;
  bottom: 5px;
  width: 5px;
  cursor: ew-resize;
}

/**
 ****************************
 * Tooltip
 ****************************
*/
.ag-tooltip {
  position: absolute;
  pointer-events: none;
  z-index: 99999;
}

/**
 ****************************
 * Animations
 ****************************
*/
.ag-value-slide-out {
  margin-right: 5px;
  opacity: 1;
  transition: opacity 3s, margin-right 3s;
  transition-timing-function: linear;
}

.ag-value-slide-out-end {
  margin-right: 10px;
  opacity: 0;
}

.ag-opacity-zero {
  opacity: 0 !important;
}

/**
 ****************************
 * Menu
 ****************************
*/
.ag-menu {
  max-height: 100%;
  overflow-y: auto;
  position: absolute;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.ag-menu-column-select-wrapper {
  height: 265px;
  overflow: auto;
}
.ag-menu-column-select-wrapper .ag-column-select {
  height: 100%;
}

.ag-menu-list {
  display: table;
  width: 100%;
}

.ag-menu-option, .ag-menu-separator {
  display: table-row;
}

.ag-menu-option-part, .ag-menu-separator-part {
  display: table-cell;
  vertical-align: middle;
}

.ag-menu-option-text {
  white-space: nowrap;
}

.ag-compact-menu-option {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
}

.ag-compact-menu-option-text {
  white-space: nowrap;
  flex: 1 1 auto;
}

/**
 ****************************
 * Rich Select
 ****************************
*/
.ag-rich-select {
  cursor: default;
  outline: none;
}

.ag-rich-select-value {
  display: flex;
  align-items: center;
}

.ag-rich-select-value-icon {
  flex: 1 1 auto;
  order: 1;
}
.ag-ltr .ag-rich-select-value-icon {
  text-align: right;
}
.ag-rtl .ag-rich-select-value-icon {
  text-align: left;
}

.ag-rich-select-list {
  position: relative;
}

.ag-rich-select-virtual-list-item {
  display: flex;
}

.ag-rich-select-row {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  white-space: nowrap;
}

/**
 ****************************
 * Pagination
 ****************************
*/
.ag-paging-panel {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}

.ag-paging-page-summary-panel {
  display: flex;
  align-items: center;
}

.ag-paging-button {
  position: relative;
}

.ag-disabled .ag-paging-page-summary-panel {
  pointer-events: none;
}

/**
 ****************************
 * Tool Panel
 ****************************
*/
.ag-tool-panel-wrapper {
  display: flex;
  overflow-y: auto;
  overflow-x: hidden;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.ag-column-select-column,
.ag-column-select-column-group {
  position: relative;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 100%;
}
.ag-column-select-column > *,
.ag-column-select-column-group > * {
  flex: none;
}

.ag-column-select-checkbox {
  display: flex;
}

.ag-tool-panel-horizontal-resize {
  cursor: ew-resize;
  height: 100%;
  position: absolute;
  top: 0;
  width: 5px;
  z-index: 1;
}

.ag-ltr .ag-side-bar-left .ag-tool-panel-horizontal-resize {
  right: -3px;
}
.ag-rtl .ag-side-bar-left .ag-tool-panel-horizontal-resize {
  left: -3px;
}

.ag-ltr .ag-side-bar-right .ag-tool-panel-horizontal-resize {
  left: -3px;
}
.ag-rtl .ag-side-bar-right .ag-tool-panel-horizontal-resize {
  right: -3px;
}

.ag-details-row {
  width: 100%;
}

.ag-details-row-fixed-height {
  height: 100%;
}

.ag-details-grid {
  width: 100%;
}

.ag-details-grid-fixed-height {
  height: 100%;
}

.ag-header-group-cell {
  display: flex;
  align-items: center;
  height: 100%;
  position: absolute;
}

.ag-cell-label-container {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.ag-right-aligned-header .ag-cell-label-container {
  flex-direction: row;
}

/**
 ****************************
 * Side Bar
 ****************************
*/
.ag-side-bar {
  display: flex;
  flex-direction: row-reverse;
}

.ag-side-bar-left {
  order: -1;
  flex-direction: row;
}

.ag-side-button-button {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
}

.ag-side-button-label {
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
}

/**
 ****************************
 * Status Bar
 ****************************
*/
.ag-status-bar {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}

.ag-status-panel {
  display: inline-flex;
}

.ag-status-name-value {
  white-space: nowrap;
}

.ag-status-bar-left {
  display: inline-flex;
}

.ag-status-bar-center {
  display: inline-flex;
}

.ag-status-bar-right {
  display: inline-flex;
}

/**
 ****************************
 * Widgets
 ****************************
*/
.ag-icon {
  display: block;
  speak: none;
}

.ag-group {
  position: relative;
  width: 100%;
}

.ag-group-title-bar {
  display: flex;
  align-items: center;
}

.ag-group-title {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ag-group-title-bar .ag-group-title {
  cursor: default;
}

.ag-group-toolbar {
  display: flex;
  align-items: center;
}

.ag-group-container {
  display: flex;
}

.ag-disabled .ag-group-container {
  pointer-events: none;
}

.ag-group-container-horizontal {
  flex-direction: row;
  flex-wrap: wrap;
}

.ag-group-container-vertical {
  flex-direction: column;
}

.ag-charts-font-size-color {
  display: flex;
  align-self: stretch;
  justify-content: space-between;
}

.ag-column-group-icons {
  display: block;
}
.ag-column-group-icons > * {
  cursor: pointer;
}

.ag-group-item-alignment-stretch .ag-group-item {
  align-items: stretch;
}

.ag-group-item-alignment-start .ag-group-item {
  align-items: flex-start;
}

.ag-group-item-alignment-end .ag-group-item {
  align-items: flex-end;
}

.ag-toggle-button-icon {
  transition: right 0.3s;
  position: absolute;
  top: -1px;
}

.ag-input-field, .ag-select {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.ag-input-field-input {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
}

.ag-floating-filter-input .ag-input-field-input[type=date] {
  width: 1px;
}

.ag-range-field {
  display: flex;
  align-items: center;
}

.ag-angle-select {
  display: flex;
  align-items: center;
}

.ag-angle-select-wrapper {
  display: flex;
}

.ag-angle-select-parent-circle {
  display: block;
  position: relative;
}

.ag-angle-select-child-circle {
  position: absolute;
}

.ag-slider-wrapper {
  display: flex;
}
.ag-slider-wrapper .ag-input-field {
  flex: 1 1 auto;
}

.ag-picker-field-display {
  flex: 1 1 auto;
}

.ag-picker-field {
  display: flex;
  align-items: center;
}

.ag-picker-field-icon {
  display: flex;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

.ag-picker-field-wrapper {
  overflow: hidden;
}

.ag-label-align-right .ag-label {
  order: 1;
}
.ag-label-align-right > * {
  flex: none;
}

.ag-label-align-top {
  flex-direction: column;
  align-items: flex-start;
}
.ag-label-align-top > * {
  align-self: stretch;
}

.ag-color-panel {
  width: 100%;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.ag-spectrum-color {
  flex: 1 1 auto;
  position: relative;
  overflow: hidden;
  cursor: default;
}

.ag-spectrum-fill {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ag-spectrum-val {
  cursor: pointer;
}

.ag-spectrum-dragger {
  position: absolute;
  pointer-events: none;
  cursor: pointer;
}

.ag-spectrum-hue {
  cursor: default;
  background: linear-gradient(to left, #ff0000 3%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}

.ag-spectrum-alpha {
  cursor: default;
}

.ag-spectrum-hue-background {
  width: 100%;
  height: 100%;
}

.ag-spectrum-alpha-background {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), black);
  width: 100%;
  height: 100%;
}

.ag-spectrum-tool {
  cursor: pointer;
}

.ag-spectrum-slider {
  position: absolute;
  pointer-events: none;
}

.ag-recent-colors {
  display: flex;
}

.ag-recent-color {
  cursor: pointer;
}

.ag-ltr .ag-column-select-indent-1 {
  padding-left: 20px;
}
.ag-rtl .ag-column-select-indent-1 {
  padding-right: 20px;
}

.ag-ltr .ag-row-group-indent-1 {
  padding-left: 20px;
}
.ag-rtl .ag-row-group-indent-1 {
  padding-right: 20px;
}

.ag-ltr .ag-column-select-indent-2 {
  padding-left: 40px;
}
.ag-rtl .ag-column-select-indent-2 {
  padding-right: 40px;
}

.ag-ltr .ag-row-group-indent-2 {
  padding-left: 40px;
}
.ag-rtl .ag-row-group-indent-2 {
  padding-right: 40px;
}

.ag-ltr .ag-column-select-indent-3 {
  padding-left: 60px;
}
.ag-rtl .ag-column-select-indent-3 {
  padding-right: 60px;
}

.ag-ltr .ag-row-group-indent-3 {
  padding-left: 60px;
}
.ag-rtl .ag-row-group-indent-3 {
  padding-right: 60px;
}

.ag-ltr .ag-column-select-indent-4 {
  padding-left: 80px;
}
.ag-rtl .ag-column-select-indent-4 {
  padding-right: 80px;
}

.ag-ltr .ag-row-group-indent-4 {
  padding-left: 80px;
}
.ag-rtl .ag-row-group-indent-4 {
  padding-right: 80px;
}

.ag-ltr .ag-column-select-indent-5 {
  padding-left: 100px;
}
.ag-rtl .ag-column-select-indent-5 {
  padding-right: 100px;
}

.ag-ltr .ag-row-group-indent-5 {
  padding-left: 100px;
}
.ag-rtl .ag-row-group-indent-5 {
  padding-right: 100px;
}

.ag-ltr .ag-column-select-indent-6 {
  padding-left: 120px;
}
.ag-rtl .ag-column-select-indent-6 {
  padding-right: 120px;
}

.ag-ltr .ag-row-group-indent-6 {
  padding-left: 120px;
}
.ag-rtl .ag-row-group-indent-6 {
  padding-right: 120px;
}

.ag-ltr .ag-column-select-indent-7 {
  padding-left: 140px;
}
.ag-rtl .ag-column-select-indent-7 {
  padding-right: 140px;
}

.ag-ltr .ag-row-group-indent-7 {
  padding-left: 140px;
}
.ag-rtl .ag-row-group-indent-7 {
  padding-right: 140px;
}

.ag-ltr .ag-column-select-indent-8 {
  padding-left: 160px;
}
.ag-rtl .ag-column-select-indent-8 {
  padding-right: 160px;
}

.ag-ltr .ag-row-group-indent-8 {
  padding-left: 160px;
}
.ag-rtl .ag-row-group-indent-8 {
  padding-right: 160px;
}

.ag-ltr .ag-column-select-indent-9 {
  padding-left: 180px;
}
.ag-rtl .ag-column-select-indent-9 {
  padding-right: 180px;
}

.ag-ltr .ag-row-group-indent-9 {
  padding-left: 180px;
}
.ag-rtl .ag-row-group-indent-9 {
  padding-right: 180px;
}

.ag-ltr .ag-column-select-indent-10 {
  padding-left: 200px;
}
.ag-rtl .ag-column-select-indent-10 {
  padding-right: 200px;
}

.ag-ltr .ag-row-group-indent-10 {
  padding-left: 200px;
}
.ag-rtl .ag-row-group-indent-10 {
  padding-right: 200px;
}

.ag-ltr .ag-column-select-indent-11 {
  padding-left: 220px;
}
.ag-rtl .ag-column-select-indent-11 {
  padding-right: 220px;
}

.ag-ltr .ag-row-group-indent-11 {
  padding-left: 220px;
}
.ag-rtl .ag-row-group-indent-11 {
  padding-right: 220px;
}

.ag-ltr .ag-column-select-indent-12 {
  padding-left: 240px;
}
.ag-rtl .ag-column-select-indent-12 {
  padding-right: 240px;
}

.ag-ltr .ag-row-group-indent-12 {
  padding-left: 240px;
}
.ag-rtl .ag-row-group-indent-12 {
  padding-right: 240px;
}

.ag-ltr .ag-column-select-indent-13 {
  padding-left: 260px;
}
.ag-rtl .ag-column-select-indent-13 {
  padding-right: 260px;
}

.ag-ltr .ag-row-group-indent-13 {
  padding-left: 260px;
}
.ag-rtl .ag-row-group-indent-13 {
  padding-right: 260px;
}

.ag-ltr .ag-column-select-indent-14 {
  padding-left: 280px;
}
.ag-rtl .ag-column-select-indent-14 {
  padding-right: 280px;
}

.ag-ltr .ag-row-group-indent-14 {
  padding-left: 280px;
}
.ag-rtl .ag-row-group-indent-14 {
  padding-right: 280px;
}

.ag-ltr .ag-column-select-indent-15 {
  padding-left: 300px;
}
.ag-rtl .ag-column-select-indent-15 {
  padding-right: 300px;
}

.ag-ltr .ag-row-group-indent-15 {
  padding-left: 300px;
}
.ag-rtl .ag-row-group-indent-15 {
  padding-right: 300px;
}

.ag-ltr .ag-column-select-indent-16 {
  padding-left: 320px;
}
.ag-rtl .ag-column-select-indent-16 {
  padding-right: 320px;
}

.ag-ltr .ag-row-group-indent-16 {
  padding-left: 320px;
}
.ag-rtl .ag-row-group-indent-16 {
  padding-right: 320px;
}

.ag-ltr .ag-column-select-indent-17 {
  padding-left: 340px;
}
.ag-rtl .ag-column-select-indent-17 {
  padding-right: 340px;
}

.ag-ltr .ag-row-group-indent-17 {
  padding-left: 340px;
}
.ag-rtl .ag-row-group-indent-17 {
  padding-right: 340px;
}

.ag-ltr .ag-column-select-indent-18 {
  padding-left: 360px;
}
.ag-rtl .ag-column-select-indent-18 {
  padding-right: 360px;
}

.ag-ltr .ag-row-group-indent-18 {
  padding-left: 360px;
}
.ag-rtl .ag-row-group-indent-18 {
  padding-right: 360px;
}

.ag-ltr .ag-column-select-indent-19 {
  padding-left: 380px;
}
.ag-rtl .ag-column-select-indent-19 {
  padding-right: 380px;
}

.ag-ltr .ag-row-group-indent-19 {
  padding-left: 380px;
}
.ag-rtl .ag-row-group-indent-19 {
  padding-right: 380px;
}

.ag-ltr .ag-column-select-indent-20 {
  padding-left: 400px;
}
.ag-rtl .ag-column-select-indent-20 {
  padding-right: 400px;
}

.ag-ltr .ag-row-group-indent-20 {
  padding-left: 400px;
}
.ag-rtl .ag-row-group-indent-20 {
  padding-right: 400px;
}

.ag-ltr .ag-column-select-indent-21 {
  padding-left: 420px;
}
.ag-rtl .ag-column-select-indent-21 {
  padding-right: 420px;
}

.ag-ltr .ag-row-group-indent-21 {
  padding-left: 420px;
}
.ag-rtl .ag-row-group-indent-21 {
  padding-right: 420px;
}

.ag-ltr .ag-column-select-indent-22 {
  padding-left: 440px;
}
.ag-rtl .ag-column-select-indent-22 {
  padding-right: 440px;
}

.ag-ltr .ag-row-group-indent-22 {
  padding-left: 440px;
}
.ag-rtl .ag-row-group-indent-22 {
  padding-right: 440px;
}

.ag-ltr .ag-column-select-indent-23 {
  padding-left: 460px;
}
.ag-rtl .ag-column-select-indent-23 {
  padding-right: 460px;
}

.ag-ltr .ag-row-group-indent-23 {
  padding-left: 460px;
}
.ag-rtl .ag-row-group-indent-23 {
  padding-right: 460px;
}

.ag-ltr .ag-column-select-indent-24 {
  padding-left: 480px;
}
.ag-rtl .ag-column-select-indent-24 {
  padding-right: 480px;
}

.ag-ltr .ag-row-group-indent-24 {
  padding-left: 480px;
}
.ag-rtl .ag-row-group-indent-24 {
  padding-right: 480px;
}

.ag-ltr .ag-column-select-indent-25 {
  padding-left: 500px;
}
.ag-rtl .ag-column-select-indent-25 {
  padding-right: 500px;
}

.ag-ltr .ag-row-group-indent-25 {
  padding-left: 500px;
}
.ag-rtl .ag-row-group-indent-25 {
  padding-right: 500px;
}

.ag-ltr .ag-column-select-indent-26 {
  padding-left: 520px;
}
.ag-rtl .ag-column-select-indent-26 {
  padding-right: 520px;
}

.ag-ltr .ag-row-group-indent-26 {
  padding-left: 520px;
}
.ag-rtl .ag-row-group-indent-26 {
  padding-right: 520px;
}

.ag-ltr .ag-column-select-indent-27 {
  padding-left: 540px;
}
.ag-rtl .ag-column-select-indent-27 {
  padding-right: 540px;
}

.ag-ltr .ag-row-group-indent-27 {
  padding-left: 540px;
}
.ag-rtl .ag-row-group-indent-27 {
  padding-right: 540px;
}

.ag-ltr .ag-column-select-indent-28 {
  padding-left: 560px;
}
.ag-rtl .ag-column-select-indent-28 {
  padding-right: 560px;
}

.ag-ltr .ag-row-group-indent-28 {
  padding-left: 560px;
}
.ag-rtl .ag-row-group-indent-28 {
  padding-right: 560px;
}

.ag-ltr .ag-column-select-indent-29 {
  padding-left: 580px;
}
.ag-rtl .ag-column-select-indent-29 {
  padding-right: 580px;
}

.ag-ltr .ag-row-group-indent-29 {
  padding-left: 580px;
}
.ag-rtl .ag-row-group-indent-29 {
  padding-right: 580px;
}

.ag-ltr .ag-column-select-indent-30 {
  padding-left: 600px;
}
.ag-rtl .ag-column-select-indent-30 {
  padding-right: 600px;
}

.ag-ltr .ag-row-group-indent-30 {
  padding-left: 600px;
}
.ag-rtl .ag-row-group-indent-30 {
  padding-right: 600px;
}

.ag-ltr .ag-column-select-indent-31 {
  padding-left: 620px;
}
.ag-rtl .ag-column-select-indent-31 {
  padding-right: 620px;
}

.ag-ltr .ag-row-group-indent-31 {
  padding-left: 620px;
}
.ag-rtl .ag-row-group-indent-31 {
  padding-right: 620px;
}

.ag-ltr .ag-column-select-indent-32 {
  padding-left: 640px;
}
.ag-rtl .ag-column-select-indent-32 {
  padding-right: 640px;
}

.ag-ltr .ag-row-group-indent-32 {
  padding-left: 640px;
}
.ag-rtl .ag-row-group-indent-32 {
  padding-right: 640px;
}

.ag-ltr .ag-column-select-indent-33 {
  padding-left: 660px;
}
.ag-rtl .ag-column-select-indent-33 {
  padding-right: 660px;
}

.ag-ltr .ag-row-group-indent-33 {
  padding-left: 660px;
}
.ag-rtl .ag-row-group-indent-33 {
  padding-right: 660px;
}

.ag-ltr .ag-column-select-indent-34 {
  padding-left: 680px;
}
.ag-rtl .ag-column-select-indent-34 {
  padding-right: 680px;
}

.ag-ltr .ag-row-group-indent-34 {
  padding-left: 680px;
}
.ag-rtl .ag-row-group-indent-34 {
  padding-right: 680px;
}

.ag-ltr .ag-column-select-indent-35 {
  padding-left: 700px;
}
.ag-rtl .ag-column-select-indent-35 {
  padding-right: 700px;
}

.ag-ltr .ag-row-group-indent-35 {
  padding-left: 700px;
}
.ag-rtl .ag-row-group-indent-35 {
  padding-right: 700px;
}

.ag-ltr .ag-column-select-indent-36 {
  padding-left: 720px;
}
.ag-rtl .ag-column-select-indent-36 {
  padding-right: 720px;
}

.ag-ltr .ag-row-group-indent-36 {
  padding-left: 720px;
}
.ag-rtl .ag-row-group-indent-36 {
  padding-right: 720px;
}

.ag-ltr .ag-column-select-indent-37 {
  padding-left: 740px;
}
.ag-rtl .ag-column-select-indent-37 {
  padding-right: 740px;
}

.ag-ltr .ag-row-group-indent-37 {
  padding-left: 740px;
}
.ag-rtl .ag-row-group-indent-37 {
  padding-right: 740px;
}

.ag-ltr .ag-column-select-indent-38 {
  padding-left: 760px;
}
.ag-rtl .ag-column-select-indent-38 {
  padding-right: 760px;
}

.ag-ltr .ag-row-group-indent-38 {
  padding-left: 760px;
}
.ag-rtl .ag-row-group-indent-38 {
  padding-right: 760px;
}

.ag-ltr .ag-column-select-indent-39 {
  padding-left: 780px;
}
.ag-rtl .ag-column-select-indent-39 {
  padding-right: 780px;
}

.ag-ltr .ag-row-group-indent-39 {
  padding-left: 780px;
}
.ag-rtl .ag-row-group-indent-39 {
  padding-right: 780px;
}

.ag-ltr .ag-column-select-indent-40 {
  padding-left: 800px;
}
.ag-rtl .ag-column-select-indent-40 {
  padding-right: 800px;
}

.ag-ltr .ag-row-group-indent-40 {
  padding-left: 800px;
}
.ag-rtl .ag-row-group-indent-40 {
  padding-right: 800px;
}

.ag-ltr .ag-column-select-indent-41 {
  padding-left: 820px;
}
.ag-rtl .ag-column-select-indent-41 {
  padding-right: 820px;
}

.ag-ltr .ag-row-group-indent-41 {
  padding-left: 820px;
}
.ag-rtl .ag-row-group-indent-41 {
  padding-right: 820px;
}

.ag-ltr .ag-column-select-indent-42 {
  padding-left: 840px;
}
.ag-rtl .ag-column-select-indent-42 {
  padding-right: 840px;
}

.ag-ltr .ag-row-group-indent-42 {
  padding-left: 840px;
}
.ag-rtl .ag-row-group-indent-42 {
  padding-right: 840px;
}

.ag-ltr .ag-column-select-indent-43 {
  padding-left: 860px;
}
.ag-rtl .ag-column-select-indent-43 {
  padding-right: 860px;
}

.ag-ltr .ag-row-group-indent-43 {
  padding-left: 860px;
}
.ag-rtl .ag-row-group-indent-43 {
  padding-right: 860px;
}

.ag-ltr .ag-column-select-indent-44 {
  padding-left: 880px;
}
.ag-rtl .ag-column-select-indent-44 {
  padding-right: 880px;
}

.ag-ltr .ag-row-group-indent-44 {
  padding-left: 880px;
}
.ag-rtl .ag-row-group-indent-44 {
  padding-right: 880px;
}

.ag-ltr .ag-column-select-indent-45 {
  padding-left: 900px;
}
.ag-rtl .ag-column-select-indent-45 {
  padding-right: 900px;
}

.ag-ltr .ag-row-group-indent-45 {
  padding-left: 900px;
}
.ag-rtl .ag-row-group-indent-45 {
  padding-right: 900px;
}

.ag-ltr .ag-column-select-indent-46 {
  padding-left: 920px;
}
.ag-rtl .ag-column-select-indent-46 {
  padding-right: 920px;
}

.ag-ltr .ag-row-group-indent-46 {
  padding-left: 920px;
}
.ag-rtl .ag-row-group-indent-46 {
  padding-right: 920px;
}

.ag-ltr .ag-column-select-indent-47 {
  padding-left: 940px;
}
.ag-rtl .ag-column-select-indent-47 {
  padding-right: 940px;
}

.ag-ltr .ag-row-group-indent-47 {
  padding-left: 940px;
}
.ag-rtl .ag-row-group-indent-47 {
  padding-right: 940px;
}

.ag-ltr .ag-column-select-indent-48 {
  padding-left: 960px;
}
.ag-rtl .ag-column-select-indent-48 {
  padding-right: 960px;
}

.ag-ltr .ag-row-group-indent-48 {
  padding-left: 960px;
}
.ag-rtl .ag-row-group-indent-48 {
  padding-right: 960px;
}

.ag-ltr .ag-column-select-indent-49 {
  padding-left: 980px;
}
.ag-rtl .ag-column-select-indent-49 {
  padding-right: 980px;
}

.ag-ltr .ag-row-group-indent-49 {
  padding-left: 980px;
}
.ag-rtl .ag-row-group-indent-49 {
  padding-right: 980px;
}

.ag-ltr .ag-column-select-indent-50 {
  padding-left: 1000px;
}
.ag-rtl .ag-column-select-indent-50 {
  padding-right: 1000px;
}

.ag-ltr .ag-row-group-indent-50 {
  padding-left: 1000px;
}
.ag-rtl .ag-row-group-indent-50 {
  padding-right: 1000px;
}

.ag-ltr .ag-column-select-indent-51 {
  padding-left: 1020px;
}
.ag-rtl .ag-column-select-indent-51 {
  padding-right: 1020px;
}

.ag-ltr .ag-row-group-indent-51 {
  padding-left: 1020px;
}
.ag-rtl .ag-row-group-indent-51 {
  padding-right: 1020px;
}

.ag-ltr .ag-column-select-indent-52 {
  padding-left: 1040px;
}
.ag-rtl .ag-column-select-indent-52 {
  padding-right: 1040px;
}

.ag-ltr .ag-row-group-indent-52 {
  padding-left: 1040px;
}
.ag-rtl .ag-row-group-indent-52 {
  padding-right: 1040px;
}

.ag-ltr .ag-column-select-indent-53 {
  padding-left: 1060px;
}
.ag-rtl .ag-column-select-indent-53 {
  padding-right: 1060px;
}

.ag-ltr .ag-row-group-indent-53 {
  padding-left: 1060px;
}
.ag-rtl .ag-row-group-indent-53 {
  padding-right: 1060px;
}

.ag-ltr .ag-column-select-indent-54 {
  padding-left: 1080px;
}
.ag-rtl .ag-column-select-indent-54 {
  padding-right: 1080px;
}

.ag-ltr .ag-row-group-indent-54 {
  padding-left: 1080px;
}
.ag-rtl .ag-row-group-indent-54 {
  padding-right: 1080px;
}

.ag-ltr .ag-column-select-indent-55 {
  padding-left: 1100px;
}
.ag-rtl .ag-column-select-indent-55 {
  padding-right: 1100px;
}

.ag-ltr .ag-row-group-indent-55 {
  padding-left: 1100px;
}
.ag-rtl .ag-row-group-indent-55 {
  padding-right: 1100px;
}

.ag-ltr .ag-column-select-indent-56 {
  padding-left: 1120px;
}
.ag-rtl .ag-column-select-indent-56 {
  padding-right: 1120px;
}

.ag-ltr .ag-row-group-indent-56 {
  padding-left: 1120px;
}
.ag-rtl .ag-row-group-indent-56 {
  padding-right: 1120px;
}

.ag-ltr .ag-column-select-indent-57 {
  padding-left: 1140px;
}
.ag-rtl .ag-column-select-indent-57 {
  padding-right: 1140px;
}

.ag-ltr .ag-row-group-indent-57 {
  padding-left: 1140px;
}
.ag-rtl .ag-row-group-indent-57 {
  padding-right: 1140px;
}

.ag-ltr .ag-column-select-indent-58 {
  padding-left: 1160px;
}
.ag-rtl .ag-column-select-indent-58 {
  padding-right: 1160px;
}

.ag-ltr .ag-row-group-indent-58 {
  padding-left: 1160px;
}
.ag-rtl .ag-row-group-indent-58 {
  padding-right: 1160px;
}

.ag-ltr .ag-column-select-indent-59 {
  padding-left: 1180px;
}
.ag-rtl .ag-column-select-indent-59 {
  padding-right: 1180px;
}

.ag-ltr .ag-row-group-indent-59 {
  padding-left: 1180px;
}
.ag-rtl .ag-row-group-indent-59 {
  padding-right: 1180px;
}

.ag-ltr .ag-column-select-indent-60 {
  padding-left: 1200px;
}
.ag-rtl .ag-column-select-indent-60 {
  padding-right: 1200px;
}

.ag-ltr .ag-row-group-indent-60 {
  padding-left: 1200px;
}
.ag-rtl .ag-row-group-indent-60 {
  padding-right: 1200px;
}

.ag-ltr .ag-column-select-indent-61 {
  padding-left: 1220px;
}
.ag-rtl .ag-column-select-indent-61 {
  padding-right: 1220px;
}

.ag-ltr .ag-row-group-indent-61 {
  padding-left: 1220px;
}
.ag-rtl .ag-row-group-indent-61 {
  padding-right: 1220px;
}

.ag-ltr .ag-column-select-indent-62 {
  padding-left: 1240px;
}
.ag-rtl .ag-column-select-indent-62 {
  padding-right: 1240px;
}

.ag-ltr .ag-row-group-indent-62 {
  padding-left: 1240px;
}
.ag-rtl .ag-row-group-indent-62 {
  padding-right: 1240px;
}

.ag-ltr .ag-column-select-indent-63 {
  padding-left: 1260px;
}
.ag-rtl .ag-column-select-indent-63 {
  padding-right: 1260px;
}

.ag-ltr .ag-row-group-indent-63 {
  padding-left: 1260px;
}
.ag-rtl .ag-row-group-indent-63 {
  padding-right: 1260px;
}

.ag-ltr .ag-column-select-indent-64 {
  padding-left: 1280px;
}
.ag-rtl .ag-column-select-indent-64 {
  padding-right: 1280px;
}

.ag-ltr .ag-row-group-indent-64 {
  padding-left: 1280px;
}
.ag-rtl .ag-row-group-indent-64 {
  padding-right: 1280px;
}

.ag-ltr .ag-column-select-indent-65 {
  padding-left: 1300px;
}
.ag-rtl .ag-column-select-indent-65 {
  padding-right: 1300px;
}

.ag-ltr .ag-row-group-indent-65 {
  padding-left: 1300px;
}
.ag-rtl .ag-row-group-indent-65 {
  padding-right: 1300px;
}

.ag-ltr .ag-column-select-indent-66 {
  padding-left: 1320px;
}
.ag-rtl .ag-column-select-indent-66 {
  padding-right: 1320px;
}

.ag-ltr .ag-row-group-indent-66 {
  padding-left: 1320px;
}
.ag-rtl .ag-row-group-indent-66 {
  padding-right: 1320px;
}

.ag-ltr .ag-column-select-indent-67 {
  padding-left: 1340px;
}
.ag-rtl .ag-column-select-indent-67 {
  padding-right: 1340px;
}

.ag-ltr .ag-row-group-indent-67 {
  padding-left: 1340px;
}
.ag-rtl .ag-row-group-indent-67 {
  padding-right: 1340px;
}

.ag-ltr .ag-column-select-indent-68 {
  padding-left: 1360px;
}
.ag-rtl .ag-column-select-indent-68 {
  padding-right: 1360px;
}

.ag-ltr .ag-row-group-indent-68 {
  padding-left: 1360px;
}
.ag-rtl .ag-row-group-indent-68 {
  padding-right: 1360px;
}

.ag-ltr .ag-column-select-indent-69 {
  padding-left: 1380px;
}
.ag-rtl .ag-column-select-indent-69 {
  padding-right: 1380px;
}

.ag-ltr .ag-row-group-indent-69 {
  padding-left: 1380px;
}
.ag-rtl .ag-row-group-indent-69 {
  padding-right: 1380px;
}

.ag-ltr .ag-column-select-indent-70 {
  padding-left: 1400px;
}
.ag-rtl .ag-column-select-indent-70 {
  padding-right: 1400px;
}

.ag-ltr .ag-row-group-indent-70 {
  padding-left: 1400px;
}
.ag-rtl .ag-row-group-indent-70 {
  padding-right: 1400px;
}

.ag-ltr .ag-column-select-indent-71 {
  padding-left: 1420px;
}
.ag-rtl .ag-column-select-indent-71 {
  padding-right: 1420px;
}

.ag-ltr .ag-row-group-indent-71 {
  padding-left: 1420px;
}
.ag-rtl .ag-row-group-indent-71 {
  padding-right: 1420px;
}

.ag-ltr .ag-column-select-indent-72 {
  padding-left: 1440px;
}
.ag-rtl .ag-column-select-indent-72 {
  padding-right: 1440px;
}

.ag-ltr .ag-row-group-indent-72 {
  padding-left: 1440px;
}
.ag-rtl .ag-row-group-indent-72 {
  padding-right: 1440px;
}

.ag-ltr .ag-column-select-indent-73 {
  padding-left: 1460px;
}
.ag-rtl .ag-column-select-indent-73 {
  padding-right: 1460px;
}

.ag-ltr .ag-row-group-indent-73 {
  padding-left: 1460px;
}
.ag-rtl .ag-row-group-indent-73 {
  padding-right: 1460px;
}

.ag-ltr .ag-column-select-indent-74 {
  padding-left: 1480px;
}
.ag-rtl .ag-column-select-indent-74 {
  padding-right: 1480px;
}

.ag-ltr .ag-row-group-indent-74 {
  padding-left: 1480px;
}
.ag-rtl .ag-row-group-indent-74 {
  padding-right: 1480px;
}

.ag-ltr .ag-column-select-indent-75 {
  padding-left: 1500px;
}
.ag-rtl .ag-column-select-indent-75 {
  padding-right: 1500px;
}

.ag-ltr .ag-row-group-indent-75 {
  padding-left: 1500px;
}
.ag-rtl .ag-row-group-indent-75 {
  padding-right: 1500px;
}

.ag-ltr .ag-column-select-indent-76 {
  padding-left: 1520px;
}
.ag-rtl .ag-column-select-indent-76 {
  padding-right: 1520px;
}

.ag-ltr .ag-row-group-indent-76 {
  padding-left: 1520px;
}
.ag-rtl .ag-row-group-indent-76 {
  padding-right: 1520px;
}

.ag-ltr .ag-column-select-indent-77 {
  padding-left: 1540px;
}
.ag-rtl .ag-column-select-indent-77 {
  padding-right: 1540px;
}

.ag-ltr .ag-row-group-indent-77 {
  padding-left: 1540px;
}
.ag-rtl .ag-row-group-indent-77 {
  padding-right: 1540px;
}

.ag-ltr .ag-column-select-indent-78 {
  padding-left: 1560px;
}
.ag-rtl .ag-column-select-indent-78 {
  padding-right: 1560px;
}

.ag-ltr .ag-row-group-indent-78 {
  padding-left: 1560px;
}
.ag-rtl .ag-row-group-indent-78 {
  padding-right: 1560px;
}

.ag-ltr .ag-column-select-indent-79 {
  padding-left: 1580px;
}
.ag-rtl .ag-column-select-indent-79 {
  padding-right: 1580px;
}

.ag-ltr .ag-row-group-indent-79 {
  padding-left: 1580px;
}
.ag-rtl .ag-row-group-indent-79 {
  padding-right: 1580px;
}

.ag-ltr .ag-column-select-indent-80 {
  padding-left: 1600px;
}
.ag-rtl .ag-column-select-indent-80 {
  padding-right: 1600px;
}

.ag-ltr .ag-row-group-indent-80 {
  padding-left: 1600px;
}
.ag-rtl .ag-row-group-indent-80 {
  padding-right: 1600px;
}

.ag-ltr .ag-column-select-indent-81 {
  padding-left: 1620px;
}
.ag-rtl .ag-column-select-indent-81 {
  padding-right: 1620px;
}

.ag-ltr .ag-row-group-indent-81 {
  padding-left: 1620px;
}
.ag-rtl .ag-row-group-indent-81 {
  padding-right: 1620px;
}

.ag-ltr .ag-column-select-indent-82 {
  padding-left: 1640px;
}
.ag-rtl .ag-column-select-indent-82 {
  padding-right: 1640px;
}

.ag-ltr .ag-row-group-indent-82 {
  padding-left: 1640px;
}
.ag-rtl .ag-row-group-indent-82 {
  padding-right: 1640px;
}

.ag-ltr .ag-column-select-indent-83 {
  padding-left: 1660px;
}
.ag-rtl .ag-column-select-indent-83 {
  padding-right: 1660px;
}

.ag-ltr .ag-row-group-indent-83 {
  padding-left: 1660px;
}
.ag-rtl .ag-row-group-indent-83 {
  padding-right: 1660px;
}

.ag-ltr .ag-column-select-indent-84 {
  padding-left: 1680px;
}
.ag-rtl .ag-column-select-indent-84 {
  padding-right: 1680px;
}

.ag-ltr .ag-row-group-indent-84 {
  padding-left: 1680px;
}
.ag-rtl .ag-row-group-indent-84 {
  padding-right: 1680px;
}

.ag-ltr .ag-column-select-indent-85 {
  padding-left: 1700px;
}
.ag-rtl .ag-column-select-indent-85 {
  padding-right: 1700px;
}

.ag-ltr .ag-row-group-indent-85 {
  padding-left: 1700px;
}
.ag-rtl .ag-row-group-indent-85 {
  padding-right: 1700px;
}

.ag-ltr .ag-column-select-indent-86 {
  padding-left: 1720px;
}
.ag-rtl .ag-column-select-indent-86 {
  padding-right: 1720px;
}

.ag-ltr .ag-row-group-indent-86 {
  padding-left: 1720px;
}
.ag-rtl .ag-row-group-indent-86 {
  padding-right: 1720px;
}

.ag-ltr .ag-column-select-indent-87 {
  padding-left: 1740px;
}
.ag-rtl .ag-column-select-indent-87 {
  padding-right: 1740px;
}

.ag-ltr .ag-row-group-indent-87 {
  padding-left: 1740px;
}
.ag-rtl .ag-row-group-indent-87 {
  padding-right: 1740px;
}

.ag-ltr .ag-column-select-indent-88 {
  padding-left: 1760px;
}
.ag-rtl .ag-column-select-indent-88 {
  padding-right: 1760px;
}

.ag-ltr .ag-row-group-indent-88 {
  padding-left: 1760px;
}
.ag-rtl .ag-row-group-indent-88 {
  padding-right: 1760px;
}

.ag-ltr .ag-column-select-indent-89 {
  padding-left: 1780px;
}
.ag-rtl .ag-column-select-indent-89 {
  padding-right: 1780px;
}

.ag-ltr .ag-row-group-indent-89 {
  padding-left: 1780px;
}
.ag-rtl .ag-row-group-indent-89 {
  padding-right: 1780px;
}

.ag-ltr .ag-column-select-indent-90 {
  padding-left: 1800px;
}
.ag-rtl .ag-column-select-indent-90 {
  padding-right: 1800px;
}

.ag-ltr .ag-row-group-indent-90 {
  padding-left: 1800px;
}
.ag-rtl .ag-row-group-indent-90 {
  padding-right: 1800px;
}

.ag-ltr .ag-column-select-indent-91 {
  padding-left: 1820px;
}
.ag-rtl .ag-column-select-indent-91 {
  padding-right: 1820px;
}

.ag-ltr .ag-row-group-indent-91 {
  padding-left: 1820px;
}
.ag-rtl .ag-row-group-indent-91 {
  padding-right: 1820px;
}

.ag-ltr .ag-column-select-indent-92 {
  padding-left: 1840px;
}
.ag-rtl .ag-column-select-indent-92 {
  padding-right: 1840px;
}

.ag-ltr .ag-row-group-indent-92 {
  padding-left: 1840px;
}
.ag-rtl .ag-row-group-indent-92 {
  padding-right: 1840px;
}

.ag-ltr .ag-column-select-indent-93 {
  padding-left: 1860px;
}
.ag-rtl .ag-column-select-indent-93 {
  padding-right: 1860px;
}

.ag-ltr .ag-row-group-indent-93 {
  padding-left: 1860px;
}
.ag-rtl .ag-row-group-indent-93 {
  padding-right: 1860px;
}

.ag-ltr .ag-column-select-indent-94 {
  padding-left: 1880px;
}
.ag-rtl .ag-column-select-indent-94 {
  padding-right: 1880px;
}

.ag-ltr .ag-row-group-indent-94 {
  padding-left: 1880px;
}
.ag-rtl .ag-row-group-indent-94 {
  padding-right: 1880px;
}

.ag-ltr .ag-column-select-indent-95 {
  padding-left: 1900px;
}
.ag-rtl .ag-column-select-indent-95 {
  padding-right: 1900px;
}

.ag-ltr .ag-row-group-indent-95 {
  padding-left: 1900px;
}
.ag-rtl .ag-row-group-indent-95 {
  padding-right: 1900px;
}

.ag-ltr .ag-column-select-indent-96 {
  padding-left: 1920px;
}
.ag-rtl .ag-column-select-indent-96 {
  padding-right: 1920px;
}

.ag-ltr .ag-row-group-indent-96 {
  padding-left: 1920px;
}
.ag-rtl .ag-row-group-indent-96 {
  padding-right: 1920px;
}

.ag-ltr .ag-column-select-indent-97 {
  padding-left: 1940px;
}
.ag-rtl .ag-column-select-indent-97 {
  padding-right: 1940px;
}

.ag-ltr .ag-row-group-indent-97 {
  padding-left: 1940px;
}
.ag-rtl .ag-row-group-indent-97 {
  padding-right: 1940px;
}

.ag-ltr .ag-column-select-indent-98 {
  padding-left: 1960px;
}
.ag-rtl .ag-column-select-indent-98 {
  padding-right: 1960px;
}

.ag-ltr .ag-row-group-indent-98 {
  padding-left: 1960px;
}
.ag-rtl .ag-row-group-indent-98 {
  padding-right: 1960px;
}

.ag-ltr .ag-column-select-indent-99 {
  padding-left: 1980px;
}
.ag-rtl .ag-column-select-indent-99 {
  padding-right: 1980px;
}

.ag-ltr .ag-row-group-indent-99 {
  padding-left: 1980px;
}
.ag-rtl .ag-row-group-indent-99 {
  padding-right: 1980px;
}

.ag-ltr {
  direction: ltr;
}
.ag-ltr .ag-body, .ag-ltr .ag-floating-top, .ag-ltr .ag-floating-bottom, .ag-ltr .ag-header, .ag-ltr .ag-body-viewport, .ag-ltr .ag-body-horizontal-scroll {
  flex-direction: row;
}

.ag-rtl {
  direction: rtl;
}
.ag-rtl .ag-body, .ag-rtl .ag-floating-top, .ag-rtl .ag-floating-bottom, .ag-rtl .ag-header, .ag-rtl .ag-body-viewport, .ag-rtl .ag-body-horizontal-scroll {
  flex-direction: row-reverse;
}
.ag-rtl .ag-icon-contracted,
.ag-rtl .ag-icon-tree-closed {
  display: block;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.ag-layout-print.ag-body-viewport {
  flex: none;
}
.ag-layout-print.ag-root-wrapper {
  display: inline-flex;
}
.ag-layout-print .ag-center-cols-clipper {
  min-width: 100%;
}
.ag-layout-print .ag-body-horizontal-scroll {
  display: none;
}
.ag-layout-print.ag-force-vertical-scroll {
  overflow-y: visible !important;
}

@media print {
  .ag-root-wrapper.ag-layout-print,
.ag-root-wrapper.ag-layout-print .ag-root-wrapper-body,
.ag-root-wrapper.ag-layout-print .ag-root,
.ag-root-wrapper.ag-layout-print .ag-body-viewport,
.ag-root-wrapper.ag-layout-print .ag-center-cols-container,
.ag-root-wrapper.ag-layout-print .ag-center-cols-viewport,
.ag-root-wrapper.ag-layout-print .ag-center-cols-clipper,
.ag-root-wrapper.ag-layout-print .ag-body-horizontal-scroll-viewport,
.ag-root-wrapper.ag-layout-print .ag-virtual-list-viewport {
    height: auto !important;
    overflow: hidden !important;
    display: block !important;
  }
  .ag-root-wrapper.ag-layout-print .ag-row {
    page-break-inside: avoid;
  }
}
.ag-body .ag-body-viewport {
  -webkit-overflow-scrolling: touch;
}

.ag-chart {
  position: relative;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.ag-chart-components-wrapper {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
}

.ag-chart-title-edit {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  text-align: center;
}

.ag-chart-title-edit.currently-editing {
  display: inline-block;
}

.ag-chart-canvas-wrapper {
  position: relative;
  flex: 1 1 auto;
  overflow: hidden;
}

.ag-charts-canvas {
  display: block;
}

.ag-chart-menu {
  position: absolute;
  top: 10px;
  width: 24px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.ag-ltr .ag-chart-menu {
  right: 20px;
}
.ag-rtl .ag-chart-menu {
  left: 20px;
}

.ag-chart-docked-container {
  position: relative;
  width: 0;
  min-width: 0;
  transition: min-width 0.4s;
}

.ag-chart-menu-hidden ~ .ag-chart-docked-container {
  max-width: 0;
  overflow: hidden;
}

.ag-chart-tabbed-menu {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.ag-chart-tabbed-menu-header {
  flex: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: default;
}

.ag-chart-tabbed-menu-body {
  display: flex;
  flex: 1 1 auto;
  align-items: stretch;
  overflow: hidden;
}

.ag-chart-tab {
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
}

.ag-chart-settings {
  overflow-x: hidden;
}

.ag-chart-settings-wrapper {
  position: relative;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.ag-chart-settings-nav-bar {
  display: flex;
  align-items: center;
  width: 100%;
  height: 30px;
  padding: 0 10px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.ag-chart-settings-card-selector {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex: 1 1 auto;
  height: 100%;
  padding: 0 10px;
}

.ag-chart-settings-card-item {
  cursor: pointer;
  width: 10px;
  height: 10px;
  background-color: #000;
  position: relative;
}
.ag-chart-settings-card-item.ag-not-selected {
  opacity: 0.2;
}
.ag-chart-settings-card-item::before {
  content: " ";
  display: block;
  position: absolute;
  background-color: transparent;
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px;
  width: 20px;
  height: 20px;
}

.ag-chart-settings-prev,
.ag-chart-settings-next {
  position: relative;
  flex: none;
}

.ag-chart-settings-prev-button,
.ag-chart-settings-next-button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}

.ag-chart-settings-mini-charts-container {
  position: relative;
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
}

.ag-chart-settings-mini-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  overflow: hidden;
}
.ag-chart-settings-mini-wrapper.ag-animating {
  transition: left 0.3s;
  transition-timing-function: ease-in-out;
}

.ag-chart-mini-thumbnail {
  cursor: pointer;
}

.ag-chart-mini-thumbnail-canvas {
  display: block;
}

.ag-chart-data-wrapper,
.ag-chart-format-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.ag-chart-data-section,
.ag-chart-format-section {
  display: flex;
  margin: 0;
}

.ag-charts-font-panel-controls {
  justify-content: space-between;
}

.ag-chart-empty-text {
  display: flex;
  top: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.ag-chart .ag-chart-menu {
  opacity: 0;
  pointer-events: none;
}

.ag-chart-menu-hidden:hover .ag-chart-menu {
  opacity: 1;
  pointer-events: all;
}

.ag-date-time-list-page-title-bar {
  display: flex;
}

.ag-date-time-list-page-column-labels-row,
.ag-date-time-list-page-entries-row {
  display: flex;
}

.ag-date-time-list-page-column-label,
.ag-date-time-list-page-entry {
  flex-basis: 0;
  flex-grow: 1;
}

.ag-date-time-list-page-entry {
  cursor: pointer;
}

.ag-theme-balham {
  -webkit-font-smoothing: antialiased;
  color: #000;
  color: var(--ag-foreground-color, #000);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 12px;
  line-height: normal;
}
@font-face {
  font-family: "agGridBalham";
  src: url("data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABgoAAsAAAAALEgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAAmMAAAR2YfRkQU9TLzIAAANsAAAAQQAAAFZWUFLwY21hcAAAA7AAAAIMAAAFnGSNxkJnbHlmAAAFvAAADpIAABo4y6JNTGhlYWQAABRQAAAANAAAADZ2zcSBaGhlYQAAFIQAAAAaAAAAJAfQBDFobXR4AAAUoAAAABoAAAEgs7L//WxvY2EAABS8AAAAawAAAJJHu0GKbWF4cAAAFSgAAAAfAAAAIAFeAKpuYW1lAAAVSAAAATUAAAJG0OP3eXBvc3QAABaAAAABqAAAAm9qOX49eJx9lM1SE1EQhc8wAYFEoDQqRkRQ/IvKMD8Zk/CTkJBoWS5cWJYLN1hWWVZRrngOH8AnYOkT+AAufAIfwIVL15ZfdwaDLMitTO50n+4+fW7fKJA0qw3taGJv+Pyl5g72Dz+qppJGH/Of3AcHH97va/r4DV/Jf6cVlCqa00291qG+BXPBYXA0UQ1r4avwXfg5/BL+UghqReugy1TcUKyEZ6RUmRrKNaEpbDH7x2qCDnm23HpBVzXpnp76WqRmTEzfM9b1THe0QJ6u5+loG1TKspwdnkPWXc2fgch1j/wZbDaxllBkmf2WqprRHiw7MGkT38R/kZo71I6I6uLrwm4SS4t9W5fgZBElV/Wp3ugRfuvUsmRFTMo31q6/R/5WZh2jWuRpUMty12FwbG9QNSHiIdkzUFuFonVUL+NNwUTEtl1Biy6DTOCWapWd9ZnAtaI1MC/01qvuFjEd13SkQB32Y3vX8+V0ftLaJtcQ7AM4jK12PvepFWngXS2COdAnHemrvuuHfuq3/uicLlMn8R62yb5zpjbTKHga3cPb+me1XqeYgdOo/xEzdN5wdWJ8/UJDq1amM1MnZR9hTR0/C0/D92CTcx4lakRe1056krXJewz6fDGdTVbFle4zBfM+wQOfhRoTlui6ZxzNYY7WS2S03YhfzXVrku+an5upazdswd/sLth51zj/ZX4jOsxcpyd4V7BYprHlhkflsLcc6/hzWI+rGaslWGU+0TZjA78dPSrdop8Rk0S3/WYMfL7WYJAVN7XKGRr7dnFiVxwXe1TAP0FU3PDUtbOZ7sLN5mP4F/iHapMAeJxjYGSqZ5zAwMrAwFTFtIeBgaEHQjM+YDBkZAKKMrAyM2AFAWmuKQwHGHQ/GjG/AHKjmN8wsABpRpAcANz2CuAAAAB4nLXUZ1IbQRCG4VeBKIEDOeNEVkAgssjhh0+BM4UDhTPn8Nl8jz4B/ma7fQBc5al61Duzo9FMrb4F2oCCLEkR8p3kdEUur9FcNl6gOxsv8lv9Mp3kdV3hgiturHF7q9EK51xybbms97flNLvMODOsqbdHjRab7NPglDrbrLLDFge62+SIZTZY4ZAT1tnlmDN9P+2iqD2206Hf7dJOSlqxh17u84A++hlgkCGGGWGUMf3WBJNMMa15j3jME57yTPNmmGWOeRZ0XWJRpyppzwtUtcl27tb27jg/tVprc79xWt/WibcO1po67MbK4cn67vHZPyz2H1o5fRR+Re856Ym6dNrzUJMXoSUvw6a8CvvyOjTkTTiVt6Eu78K2XIRVuQw78j5syYdwIB9D+ld9Ck25CkdyHZblc9iQL2FFvoZD+RZO5HtYlx9hV36GY7kJeoCWcykvlnekWnApX1Z0KWPW5lL2rN2Raocj1U5Hql2OVLtdyqSVHKmWXXqS1uNItdeR6j2n7GBBKcKCsoE9dEoW1ueUMazfKW3YgFPusEGnBGJDTlnEhp1SiY045RMbdUoqNuaUWWzcKb3YhFOOsUmnRGNTLjvvtFPKsaC8Y0HJx4LeAVjQ2wAL2XlnHKnOOlKdc6Q670h1wZHqosvWWXLZ3iqOdL/q0vvVai6bU3cpY7bssjUbjuofQy2jW3ic7VlrkBzVde5ze2d6et7d04+Z2Z33a3deu/OWZnd79EDL7gr0YldCBqQoEnKwVhgpwsJCC7ZwBBI4JlIBdkXxq8qmoCouJ65QlC3ZKeKCpYIWhUAShCs/sBML4mAcq1LljaaVc3t6VlqhAPa/VLLT3ff07XvPPfecc8/57l2GZfCP/Q77HUZlSsx2hoEwUUXWTbieVJFkiE8jjaQlbvWAVZbUMKg9KQ0aIluETDoRt1oStYSsqObPyhk/uVKryLFMtVFvYNt6o57O0F8txgr9a7LQ0wPZNf36T/WfXnmDkP7z1DIAtodUExCGcKJKHA6kp+5a8V/wZGsBfI5o2K04vHa/J5p2qwst/Rj0cLJ7pVu2WsORITEEcJB95nqsIWS8raqnbv/6+j/6VJe1OQzLLrRYj+hUFKdP7FuluPwht+ptzToG5aTkHHL6PEKfPylFE6upqsDQ15fZLzMRhvGpXKahcjHBKDJCzCgaMcEoVGFuPH/yZH4cXEtL/dfm+xvXr1/87jLHIy+yEmPDF3OcBLxxtPDaa4WjGjl1NP/aa/mj+jIqliHbHnYPIzEDTA3bx6k5JGqaMrVDldqBK9N3iX4x7FKnX3zIFzkj/0wDLu7eMl2uVMrTW17pErunJ8ayuVx2bOJZSkAWqelvFb797cK3jCe7Z0lzg9CWNjco/dfdHvhkFmX2s36kOMaBOq0ICXo3KnLi3OzsuwcOvHPvveQu/ZNkvP38woLR/PJlfFxg32F8TIZBNgMQL0JNqGpQiZXDIAuSG9hY3E2pMK3T6NcicID6A7ba/lzplqGhW0qkUw62Z0PlEF7kIaPs17e9UvkKfPpKi5LRg/1mqBRqH8YHXuQL+PgVtix/Be65Vqbcx5eJjeG6+CiJVrZ/TEY+Why9OG64y2X8Q1kuGLIw0B0+EVsUyXI9SapXMaeDHblGCvbC1V9pOXatBKY972N3MRb0WD/D8MCpPLCNCHRig6SU6zXqiOTf9O3NnXobtLm5l77rcAQ8SmlNSfEE4AX4xjB+0P8GRufmNJcr3JsOxEuleCDVF6bse4wxCqzb9BkPw6QSQsVn3kDv51qtH2ja6VarfVbT3iLl9vyVe3Edk5OsBeVEGanfkxP6+/mf/SwPFzulOZebcT35mAQzREfpKnB4UaksRkEkFKyp46c0jm7YXI5hPfnzi7mJXHYiT4vcRPpSul43HnrPiuxEDp7QP5mqzeI3qBgNcvpZfJByPa3/mDaFkXRddxIxN55r1VJX5H6RvEjXCixZtVctRxK9eplZGebyJfZu9heMF2cSYsaZzzF/hr3p8rd0pEcvqNfYRA2EmGpVcTK+lOQmON2eWlUjFTpZyRpPZ4pAp4tuU6axvayo1K3iWF2r1sthtkJti6mhSKgOymFidur0iYCihklDxYBT0qgCJdkDboI6HWSxu8Lu5XbfY9HXZRqNDKlnGmPf01fBMQKsxXue6Nt5MSx5Vclrt7j8MZ+a9Nldth6b5FH7nGpUsRKb2/4XYlwJCS4v77ZxNo9TUByiV+oVxIgi+gWb3cX1WDxh0eqwiKLDJdpHclnCEpvDZiE1wtk9TiupsGAXbeTnts8csZBlmUuvGsIcO3fpOHvfGwFeaD/+j85I2GcTe6MpOV5LS30ZkffYXbJULUdzit9v97g9gQHF40iJDrcjIDhV0S3YrJwvVkz5XLJf9todHtHn4h08y3EWzhf64x+c5h1WO+eyW/jXeY+Nd/PzHt7uFamp/992/3tttzR3m5igQnxm7oabOrkb5joxbYmdJz7Sxg2avKv1SlmJQItQkymy5AHEaGjXeHoQOOoE6Vr1w01T2LqW5yySR/B5R1bY3VaXzeOT10057bwoiT23bunhBaz5MKXOfXaP2+VQvD7/Jz7hES0Wr1MI7f2sRxbdPG998JDVZhU8IvN/ZI5L8gqmPo4HcgKTif4+eMk/0eziBS82sRi55Wm2iZllOXMTM81sw/b1RgXhdwdF08juhkwHOzcMlIZhXnWDBwywTV+tRkKqNkCDFhQJ9ql31juXMlZtpdwCY1Un4hwktt8l3v7M55MuQewNRtOj+Ym1z26cumFjyevjHQ6vN98ayWtDN6mQ3rh+x523K1Jfc2Jk13AeHh5aq0L4wBNfW5toTgzf2czp88HcjbnBTD6YHc8OZsivSiy77pFb++LhbF8sgIxToiSXmpt7i5JfDsujudH8U5Fba2SrNirJYau9Lze8a3iiqf9ddGuNjN89ysbjWDMy0TzfP4gcg/nMYA6LK7n+aTbB9DJFZhg1ZexQTBVZr1YP7jVUN+lqp6MRrtxxlSJgUFOpJhD3hIAGQUQ90F7Ux9q9n/r0/q0byqYuWn89Azd98e6IqYuNn09QBYw3dzSbOw7sWL58xz9kx6fGs8aDTSxOfl0y4fasaG4xJz69q6dFRmfWdCYeCt67ns42shxZdPj8PWQpkyzpFNR1TGxTwP0Yokgw5xkCrlE3J5sehZhFMvdccqPWcQ1cOgUY8K9q+G2nAQhw/vqqwADZ1z5rMyh0kc5XciEzFBoeCvLOP3xsen/TYQuURsNDyTUtgQ+WRkNDqSODU9iiWQrygikPWTD8me96tEVICOQ3plfrv6ctOraiO+Ei4+zMgby3iM98OJte3DElDGw8yDCNRK2iXnWnPuJ9wcByVxDd9V8WZjt/LbPUzBLFsS3Z59ZwzY0yK5k1Rgz6rXa8PpTGgpg9dU35O+5tT83OwkH9JViuH1uknEhd1Cfhud9tO9v+d03TWubNMB+wYQftUpRMcibi/WdN66Le9n+iBbt+uJ/tRc0J1O4IaKnpWbWRwdlieMy04Jh+sHVcPw/p+fnSLLyth2dL5HHttHYc0pDWz8+X0QLlLq99iKOzzBbDp1GtHCoYwxvVar0FtXSmhH7uBnTpMDSwRqOhzxc3WmEljXZF8wPtLeEHrC4Z697gkiB+3GvEeu32vpnQLf3JKmdVAqKTFVPePo/bm8gdXp6NzBT8ITW7K3tzaM+g2qfmwjbgUgHZIdIuuQaokggOVky4+yS7Y3UxnSVreKeld9NAOrQn5HO5RtOJsaDIJlJiUs7sHColc72qJ7qn+PBwMQJ8FLl+YXgoGuYdlsiugopcfW7P+mKoJhl9Yr7kHYXSep+364+Pso9+YI0w1KMoprfgbXgX3g3znUMaPVS7Zy4/By/k5/IQWFhozy8srEWabMNaXCnbFiJI4JUvowdswxKvuWcWrvhCm7QRWbpwtx2hzsClBgF3Eo1fsG+O7d+4H/7WLOfOs7T8aqcw90MF8mp3rw7oCd0fW2h/CaONeUOghbZvdW0fx/htjGcOZA4Lr/YYA/1JZ7z/eLMHi33wozfZsX2b9pt9n8V9XscHuwgKXbdzEALNx4pvnS8+thL+aiVSbw0+Bhseyp09m3sIzrTn4UyHphga+RxhDzIKRp8G02LWMlPIj7qaqhhul0kb3tXQiEpfOavphxh0qW9hK1qZQcTBg2KE20FATAJGp3pDNYK02kjDwh2bN+61O7Ppmyeev/WO1aMrCElF73505YbxG27j+VR607oz66azCZtt69jkU1Grdf3oqslqKQOH9F9WZgayCFHOrFrerx9NOvzBenMTr1XLsiJejrCfIdXS09vuvG3DslpKVlrLvjq1ZXLlznqL5LNf3DB98/pizpItbJ6Y3vh4rvDy6MTYbDzJWYIK3K8/5e1NpavN4VdIWNGPtk6sXD1QsGjsQP+INnzZvngGM8Pej97Xz4ygZoyDIuPwSE588KAgwZUVujmo1iGG4Euo1odBjtUoOBMkK9nndAcimyMBt3M2vjyOF1zslAtCIBAPBMChO4PJZLAFB7VgKsWGRMnvFkW3XxKxkT5pdnoOH4I/6ser/fVUAJ4LJmdnk0F9MpBajE+HDZmbKHEXIdXRCFhQY3E0QdIwg4uJ5tEIcGmcEnSs11CVioGhYOMJID0WPtQcbOx0N0NRCMsr1vwB5lBWkgvqkxge/8XHO23eU/X+sgBBm0rARp6w4VbALXpfhwdOIGLwOPsdvGNHcTQs62/3TTvvtFoCtdyQ6sDu5Eter8+tnHKzbK/+r1Yp46+KT2Iw52zi64z9qrwURe2vZMYM77yN2cHs/h9yU0xQjINVC01PEYQxndUgI9DhEp0jScVQRkpSK7WMlavUGllARVQwscoV6tEpa4KTK410Qq58WOKCQ+2XfvkeZhW+bQPMMVH4vj0/PZXns2P9B/j89HTeviJZDoah/TIcvh9gtlVdi5nuUAvOHKLtURfLsw/+aNmND35oKrvUftnKY/P3zgpeHAzuB4/BnL+n/8Yc4fNTOA7gdkvJhseWPfDDydqDv6mntrcOH47ThAdweBYeWPQJeu5Fzz/N008v9YIoVYf3mtPPuLG5oF/g4iMH9q2+4YbV+w6At0s9cnD3zubISHPn7veQGB5Ggr1AP+jvL22sLWlDiZHumurKov1W0lxzNmu0+bgiwnevc+r6seXWJ6eX9qTMrsUCFD9gwMdkpCIowGieYffp54+39INwrHW8NKuH4e3Z0vw8IorzxykaOE5hwPy8yYeeT7swEjO4z0Mcae77BEs3urP+9vO3lOJkPF7SvzfTPHeuOTOFrH4CSf0n9BQQkn0zw+fODc/AycXzeAs5aZzj0QMKtkd/34AyZDeFp0gw17YDemaGeCzfga1HOuVimxe6Z4IqttFP/CVu0VeRJ5AoPAyrFnkViESt7EMdnDaSnk9bjKV72Rm0ew7xJeOLI5BEtI6Zhm7GMLJiPvEhpgkTBDMZ7goGygBFO6qxtOk/Uzq0cW7zNCFJQv4Ulr1LLAalz71LvEU1pGz6/Z1JraAl7sr6Y5xNDmoF+MbAuhBWCYXA4GZRECJIR6JWpXfnMnYPdraQU/rcO8gQrOQUNN4l+n0IX7B9xGDk7PUW+5KTvchoMmrwUVhLOd+/Ffm0Iptv7y8N4wz/G4A9L1cAAHicY2BkYGAAYgWvvDnx/DZfGbiZXwAFojgf72uA0f/////D/IL5DVAlBwMTkGQAAHb/DvN4nGNgZGBgfsHAACL//wezGRlQgQcAdFMFCgAAeJxjYGBgYH6BDf//j8C41AwspgcAANyGMDUAAHicY2AAghkMFxieMTowRjEuYXzFpMEUxVTD1Md0g+kT8wWWdSxHWM1YV7DuYQtgO8EuwK7FXsL+iYOHw4hjD8cPTjFOA04/ziIuJq4YrgPcadxreIR4zHgSeEp42nhm8azglSEdAgCdlRu1AHicY2BkYGDwYJjHwMMAAkxAzAWEDAz/wXwGACBkAgkAeJx1jz9OwzAYxV9oWkSLEBISYsMTC1L6Z2Do2KHZO3RgcxsnbZXEkeNW6sYxOAHHYOQInIJD8BK+oUKqLTk///zeJwXALb4QoFkBrtuzWRe45O2PO6Q74ZD8KNzFAM/CPfoX4T7tTHjAZsEJQXhF84A34Qvc4F24Q/8hHJI/hbu4x7dwj/5HuI9lEAoP8BS86ix222Sm840uFibb59qdqlNeGldvbanG0ehUx6Y0TnuTqNVR1Yds4n2qUmcLNbelN3luVeXszqx9tPG+mg6HqfhobQtoZIjhsEXCP9fIseFZYAHDlz3vmq/nUuf8km2Hmt6ihMIYEUZn0zHTZdvQ8PwmbKxw5FnjwM6E1iPlPWXGsqEwbyc36Zzb0lTt245mTR9xdtOqMMWQO/2Xj5jipF9al2jJAAAAeJxtkQdv2zAQhf3Fku3YaeO6bbr3Hmrr7p3upj+DpmiZiEQKJOWRX18iLgIE6AE8vPdwvHu4a2201tFv/T/22KBNQkqHLj026TNgixOcZJshpxhxmjOcZYdznOcCF7nEZa5wlWtc5wY3ucVt7nCXe9znAQ95xGMynvCUZ4x5zgte8orXvOEt73jPBz7yic/s8oWvfOM7P/jJL36zx5/WQBSFU4UI2pqOcM4ufFt42ZHCSFWmciZcGMqZkvsTu8wOgcp3jgRtchWUq7QRQY2O5Mb8q9yStrQuq3UkrhtJUxnfl9YEJ2RQeSJtvUqls963pZ+n8WXjJFdepmoZDXQPczbuqWUt4qx8U61U5kvhZ+2IOlNdxvHpVDsfksLpOi2cbeokFoSkVNPQKbWJPrqlFbk2Ra8SS13pA5VUyjS96HvNjDVqYGzIRFnahcrTOjZQ7VqbtNZzG4YufrfZpAnBmsxOp9vHBZM6XcxC4sVc9X0Vu2S5XZjeGkZDIW5gFJxSx1fWa8zaIIIChyKgsRgWeCQlM/aZsIwnzqloqFkxZ8pBq/UXq/Gj5g==") format("woff");
  font-weight: normal;
  font-style: normal;
}
.ag-theme-balham .ag-icon {
  font-family: "agGridBalham";
  font-size: 16px;
  line-height: 16px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ag-theme-balham .ag-icon-aggregation::before {
  content: "\f101";
}
.ag-theme-balham .ag-icon-arrows::before {
  content: "\f102";
}
.ag-theme-balham .ag-icon-asc::before {
  content: "\f103";
}
.ag-theme-balham .ag-icon-cancel::before {
  content: "\f104";
}
.ag-theme-balham .ag-icon-chart::before {
  content: "\f105";
}
.ag-theme-balham .ag-icon-color-picker::before {
  content: "\f109";
}
.ag-theme-balham .ag-icon-columns::before {
  content: "\f10a";
}
.ag-theme-balham .ag-icon-contracted::before {
  content: "\f10b";
}
.ag-theme-balham .ag-icon-copy::before {
  content: "\f10c";
}
.ag-theme-balham .ag-icon-cross::before {
  content: "\f10d";
}
.ag-theme-balham .ag-icon-csv::before {
  content: "\f10e";
}
.ag-theme-balham .ag-icon-desc::before {
  content: "\f10f";
}
.ag-theme-balham .ag-icon-excel::before {
  content: "\f110";
}
.ag-theme-balham .ag-icon-expanded::before {
  content: "\f111";
}
.ag-theme-balham .ag-icon-eye-slash::before {
  content: "\f112";
}
.ag-theme-balham .ag-icon-eye::before {
  content: "\f113";
}
.ag-theme-balham .ag-icon-filter::before {
  content: "\f114";
}
.ag-theme-balham .ag-icon-first::before {
  content: "\f115";
}
.ag-theme-balham .ag-icon-grip::before {
  content: "\f116";
}
.ag-theme-balham .ag-icon-group::before {
  content: "\f117";
}
.ag-theme-balham .ag-icon-last::before {
  content: "\f118";
}
.ag-theme-balham .ag-icon-left::before {
  content: "\f119";
}
.ag-theme-balham .ag-icon-linked::before {
  content: "\f11a";
}
.ag-theme-balham .ag-icon-loading::before {
  content: "\f11b";
}
.ag-theme-balham .ag-icon-maximize::before {
  content: "\f11c";
}
.ag-theme-balham .ag-icon-menu::before {
  content: "\f11d";
}
.ag-theme-balham .ag-icon-minimize::before {
  content: "\f11e";
}
.ag-theme-balham .ag-icon-next::before {
  content: "\f11f";
}
.ag-theme-balham .ag-icon-none::before {
  content: "\f120";
}
.ag-theme-balham .ag-icon-not-allowed::before {
  content: "\f121";
}
.ag-theme-balham .ag-icon-paste::before {
  content: "\f122";
}
.ag-theme-balham .ag-icon-pin::before {
  content: "\f123";
}
.ag-theme-balham .ag-icon-pivot::before {
  content: "\f124";
}
.ag-theme-balham .ag-icon-previous::before {
  content: "\f125";
}
.ag-theme-balham .ag-icon-right::before {
  content: "\f128";
}
.ag-theme-balham .ag-icon-save::before {
  content: "\f129";
}
.ag-theme-balham .ag-icon-small-down::before {
  content: "\f12a";
}
.ag-theme-balham .ag-icon-small-left::before {
  content: "\f12b";
}
.ag-theme-balham .ag-icon-small-right::before {
  content: "\f12c";
}
.ag-theme-balham .ag-icon-small-up::before {
  content: "\f12d";
}
.ag-theme-balham .ag-icon-tick::before {
  content: "\f12e";
}
.ag-theme-balham .ag-icon-tree-closed::before {
  content: "\f12f";
}
.ag-theme-balham .ag-icon-tree-indeterminate::before {
  content: "\f130";
}
.ag-theme-balham .ag-icon-tree-open::before {
  content: "\f131";
}
.ag-theme-balham .ag-icon-unlinked::before {
  content: "\f132";
}
.ag-theme-balham .ag-icon-row-drag::before {
  content: "\f116";
}
.ag-theme-balham .ag-left-arrow::before {
  content: "\f119";
}
.ag-theme-balham .ag-right-arrow::before {
  content: "\f128";
}
.ag-theme-balham .ag-root-wrapper {
  background-color: white;
  background-color: var(--ag-background-color, white);
}
.ag-theme-balham [class^=ag-], .ag-theme-balham [class^=ag-]:focus, .ag-theme-balham [class^=ag-]:after, .ag-theme-balham [class^=ag-]:before {
  box-sizing: border-box;
  outline: none;
}
.ag-theme-balham [class^=ag-]::-ms-clear {
  display: none;
}
.ag-theme-balham .ag-checkbox .ag-input-wrapper,
.ag-theme-balham .ag-radio-button .ag-input-wrapper {
  overflow: visible;
}
.ag-theme-balham .ag-range-field .ag-input-wrapper {
  height: 100%;
}
.ag-theme-balham .ag-toggle-button {
  flex: none;
  width: unset;
  min-width: unset;
}
.ag-theme-balham .ag-ltr .ag-label-align-right .ag-label {
  margin-left: 4px;
}

.ag-theme-balham .ag-rtl .ag-label-align-right .ag-label {
  margin-right: 4px;
}

.ag-theme-balham input[class^=ag-] {
  margin: 0;
  background-color: white;
  background-color: var(--ag-background-color, white);
}
.ag-theme-balham textarea[class^=ag-],
.ag-theme-balham select[class^=ag-] {
  background-color: white;
  background-color: var(--ag-background-color, white);
}
.ag-theme-balham input[class^=ag-]:not([type]),
.ag-theme-balham input[class^=ag-][type=text],
.ag-theme-balham input[class^=ag-][type=number],
.ag-theme-balham input[class^=ag-][type=tel],
.ag-theme-balham input[class^=ag-][type=date],
.ag-theme-balham input[class^=ag-][type=datetime-local],
.ag-theme-balham textarea[class^=ag-] {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  border-width: 1px;
  border-style: solid;
  border-color: #95a5a6;
  border-color: var(--ag-input-border-color, #95a5a6);
}
.ag-theme-balham input[class^=ag-]:not([type]):disabled,
.ag-theme-balham input[class^=ag-][type=text]:disabled,
.ag-theme-balham input[class^=ag-][type=number]:disabled,
.ag-theme-balham input[class^=ag-][type=tel]:disabled,
.ag-theme-balham input[class^=ag-][type=date]:disabled,
.ag-theme-balham input[class^=ag-][type=datetime-local]:disabled,
.ag-theme-balham textarea[class^=ag-]:disabled {
  color: rgba(0, 0, 0, 0.38);
  color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, 0.38));
  background-color: #ebebeb;
  background-color: var(--ag-input-disabled-background-color, #ebebeb);
  border-color: rgba(149, 165, 166, 0.3);
  border-color: var(--ag-input-disabled-border-color, rgba(149, 165, 166, 0.3));
}
.ag-theme-balham input[class^=ag-]:not([type]):focus,
.ag-theme-balham input[class^=ag-][type=text]:focus,
.ag-theme-balham input[class^=ag-][type=number]:focus,
.ag-theme-balham input[class^=ag-][type=tel]:focus,
.ag-theme-balham input[class^=ag-][type=date]:focus,
.ag-theme-balham input[class^=ag-][type=datetime-local]:focus,
.ag-theme-balham textarea[class^=ag-]:focus {
  outline: none;
  box-shadow: 0 0 2px 1px #719ECE;
  border-color: #719ECE;
  border-color: var(--ag-input-focus-border-color, #719ECE);
}
.ag-theme-balham input[class^=ag-][type=number] {
  -moz-appearance: textfield;
}
.ag-theme-balham input[class^=ag-][type=number]::-webkit-outer-spin-button, .ag-theme-balham input[class^=ag-][type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ag-theme-balham input[class^=ag-][type=range] {
  padding: 0;
}
.ag-theme-balham input[class^=ag-][type=button]:focus, .ag-theme-balham button[class^=ag-]:focus {
  box-shadow: 0 0 2px 1px #719ECE;
}
.ag-theme-balham .ag-drag-handle {
  color: rgba(0, 0, 0, 0.54);
  color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54));
}
.ag-theme-balham .ag-list-item, .ag-theme-balham .ag-virtual-list-item {
  height: 24px;
}
.ag-theme-balham .ag-keyboard-focus .ag-virtual-list-item:focus {
  outline: none;
}
.ag-theme-balham .ag-keyboard-focus .ag-virtual-list-item:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: #719ECE;
  border-color: var(--ag-input-focus-border-color, #719ECE);
}
.ag-theme-balham .ag-select-list {
  background-color: white;
  background-color: var(--ag-background-color, white);
  overflow-y: auto;
  overflow-x: hidden;
}
.ag-theme-balham .ag-list-item {
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-theme-balham .ag-list-item.ag-active-item {
  background-color: #ecf0f1;
  background-color: var(--ag-row-hover-color, #ecf0f1);
}
.ag-theme-balham .ag-select-list-item {
  padding-left: 4px;
  padding-right: 4px;
  cursor: default;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ag-theme-balham .ag-select-list-item span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ag-theme-balham .ag-select .ag-picker-field-wrapper {
  background-color: white;
  background-color: var(--ag-background-color, white);
  min-height: 24px;
  cursor: default;
}
.ag-theme-balham .ag-select.ag-disabled .ag-picker-field-wrapper:focus {
  box-shadow: none;
}
.ag-theme-balham .ag-select:not(.ag-cell-editor) {
  height: 24px;
}
.ag-theme-balham .ag-select .ag-picker-field-display {
  margin: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-theme-balham .ag-select .ag-picker-field-icon {
  display: flex;
  align-items: center;
}
.ag-theme-balham .ag-select.ag-disabled {
  opacity: 0.5;
}
.ag-theme-balham .ag-rich-select {
  background-color: #f5f7f7;
  background-color: var(--ag-control-panel-background-color, #f5f7f7);
}
.ag-theme-balham .ag-rich-select-list {
  width: 100%;
  min-width: 200px;
  height: 182px;
}
.ag-theme-balham .ag-rich-select-value {
  padding: 0 4px 0 12px;
  height: 28px;
  border-bottom: solid 1px;
  border-bottom-color: #bdc3c7;
  border-bottom-color: var(--ag-secondary-border-color, var(--ag-border-color, #bdc3c7));
}
.ag-theme-balham .ag-rich-select-virtual-list-item {
  cursor: default;
  height: 24px;
}
.ag-theme-balham .ag-rich-select-virtual-list-item:hover {
  background-color: #ecf0f1;
  background-color: var(--ag-row-hover-color, #ecf0f1);
}
.ag-theme-balham .ag-rich-select-row {
  padding-left: 12px;
}
.ag-theme-balham .ag-rich-select-row-selected {
  background-color: #b7e4ff;
  background-color: var(--ag-selected-row-background-color, #b7e4ff);
}
.ag-theme-balham .ag-row-drag,
.ag-theme-balham .ag-selection-checkbox,
.ag-theme-balham .ag-group-expanded,
.ag-theme-balham .ag-group-contracted {
  color: rgba(0, 0, 0, 0.54);
  color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54));
}
.ag-theme-balham .ag-ltr .ag-row-drag, .ag-theme-balham .ag-ltr .ag-selection-checkbox, .ag-theme-balham .ag-ltr .ag-group-expanded, .ag-theme-balham .ag-ltr .ag-group-contracted {
  margin-right: 12px;
}

.ag-theme-balham .ag-rtl .ag-row-drag, .ag-theme-balham .ag-rtl .ag-selection-checkbox, .ag-theme-balham .ag-rtl .ag-group-expanded, .ag-theme-balham .ag-rtl .ag-group-contracted {
  margin-left: 12px;
}

.ag-theme-balham .ag-cell-wrapper > *:not(.ag-cell-value):not(.ag-group-value) {
  height: 26px;
  display: flex;
  align-items: center;
  flex: none;
}
.ag-theme-balham .ag-group-expanded,
.ag-theme-balham .ag-group-contracted {
  cursor: pointer;
}
.ag-theme-balham .ag-group-title-bar-icon {
  cursor: pointer;
  flex: none;
  color: rgba(0, 0, 0, 0.54);
  color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54));
}
.ag-theme-balham .ag-ltr .ag-group-child-count {
  margin-left: 2px;
}

.ag-theme-balham .ag-rtl .ag-group-child-count {
  margin-right: 2px;
}

.ag-theme-balham .ag-group-title-bar {
  background-color: #e2e9eb;
  background-color: var(--ag-subheader-background-color, #e2e9eb);
  padding: 4px;
}
.ag-theme-balham .ag-group-toolbar {
  padding: 4px;
}
.ag-theme-balham .ag-disabled-group-title-bar, .ag-theme-balham .ag-disabled-group-container {
  opacity: 0.5;
}
.ag-theme-balham .group-item {
  margin: 2px 0;
}
.ag-theme-balham .ag-label {
  white-space: nowrap;
}
.ag-theme-balham .ag-ltr .ag-label {
  margin-right: 4px;
}

.ag-theme-balham .ag-rtl .ag-label {
  margin-left: 4px;
}

.ag-theme-balham .ag-label-align-top .ag-label {
  margin-bottom: 2px;
}
.ag-theme-balham .ag-ltr .ag-slider-field, .ag-theme-balham .ag-ltr .ag-angle-select-field {
  margin-right: 8px;
}

.ag-theme-balham .ag-rtl .ag-slider-field, .ag-theme-balham .ag-rtl .ag-angle-select-field {
  margin-left: 8px;
}

.ag-theme-balham .ag-angle-select-parent-circle {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  border: solid 1px;
  border-color: #bdc3c7;
  border-color: var(--ag-border-color, #bdc3c7);
  background-color: white;
  background-color: var(--ag-background-color, white);
}
.ag-theme-balham .ag-angle-select-child-circle {
  top: 4px;
  left: 12px;
  width: 6px;
  height: 6px;
  margin-left: -3px;
  margin-top: -4px;
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.54);
  background-color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54));
}
.ag-theme-balham .ag-picker-field-wrapper {
  border: 1px solid;
  border-color: #bdc3c7;
  border-color: var(--ag-border-color, #bdc3c7);
  border-radius: 5px;
}
.ag-theme-balham .ag-picker-field-wrapper:focus {
  box-shadow: 0 0 2px 1px #719ECE;
}
.ag-theme-balham .ag-picker-field-button {
  background-color: white;
  background-color: var(--ag-background-color, white);
  color: rgba(0, 0, 0, 0.54);
  color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54));
}
.ag-theme-balham .ag-dialog.ag-color-dialog {
  border-radius: 5px;
}
.ag-theme-balham .ag-color-picker .ag-picker-field-display {
  height: 16px;
}
.ag-theme-balham .ag-color-panel {
  padding: 4px;
}
.ag-theme-balham .ag-spectrum-color {
  background-color: red;
  border-radius: 2px;
}
.ag-theme-balham .ag-spectrum-tools {
  padding: 10px;
}
.ag-theme-balham .ag-spectrum-sat {
  background-image: linear-gradient(to right, white, rgba(204, 154, 129, 0));
}
.ag-theme-balham .ag-spectrum-val {
  background-image: linear-gradient(to top, black, rgba(204, 154, 129, 0));
}
.ag-theme-balham .ag-spectrum-dragger {
  border-radius: 12px;
  height: 12px;
  width: 12px;
  border: 1px solid white;
  background: black;
  box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.24);
}
.ag-theme-balham .ag-spectrum-hue-background {
  border-radius: 2px;
}
.ag-theme-balham .ag-spectrum-alpha-background {
  border-radius: 2px;
}
.ag-theme-balham .ag-spectrum-tool {
  margin-bottom: 10px;
  height: 11px;
  border-radius: 2px;
}
.ag-theme-balham .ag-spectrum-slider {
  margin-top: -12px;
  width: 13px;
  height: 13px;
  border-radius: 13px;
  background-color: #f8f8f8;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
}
.ag-theme-balham .ag-recent-color {
  margin: 0 3px;
}
.ag-theme-balham .ag-recent-color:first-child {
  margin-left: 0;
}
.ag-theme-balham .ag-recent-color:last-child {
  margin-right: 0;
}
.ag-theme-balham.ag-dnd-ghost {
  border: solid 1px;
  border-color: #bdc3c7;
  border-color: var(--ag-border-color, #bdc3c7);
  background: white;
  background: var(--ag-background-color, white);
  border-radius: 2px;
  box-shadow: none;
  padding: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  border: solid 1px;
  border-color: #bdc3c7;
  border-color: var(--ag-secondary-border-color, var(--ag-border-color, #bdc3c7));
  color: rgba(0, 0, 0, 0.54);
  color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54));
  height: 32px !important;
  line-height: 32px;
  margin: 0;
  padding: 0 8px;
  -webkit-transform: translateY(8px);
          transform: translateY(8px);
}
.ag-theme-balham .ag-dnd-ghost-icon {
  margin-right: 4px;
  color: #000;
  color: var(--ag-foreground-color, #000);
}
.ag-theme-balham .ag-popup-child:not(.ag-tooltip-custom) {
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
}
.ag-dragging-range-handle .ag-theme-balham .ag-dialog, .ag-dragging-fill-handle .ag-theme-balham .ag-dialog {
  opacity: 0.7;
  pointer-events: none;
}
.ag-theme-balham .ag-dialog {
  border-radius: 2px;
  border: solid 1px;
  border-color: #bdc3c7;
  border-color: var(--ag-border-color, #bdc3c7);
}
.ag-theme-balham .ag-panel {
  background-color: white;
  background-color: var(--ag-background-color, white);
}
.ag-theme-balham .ag-panel-title-bar {
  background-color: #f5f7f7;
  background-color: var(--ag-header-background-color, #f5f7f7);
  color: rgba(0, 0, 0, 0.54);
  color: var(--ag-header-foreground-color, var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54)));
  height: 32px;
  padding: 4px 12px;
  border-bottom: solid 1px;
  border-bottom-color: #bdc3c7;
  border-bottom-color: var(--ag-border-color, #bdc3c7);
}
.ag-theme-balham .ag-ltr .ag-panel-title-bar-button {
  margin-left: 4px;
}

.ag-theme-balham .ag-rtl .ag-panel-title-bar-button {
  margin-right: 4px;
}

.ag-theme-balham .ag-tooltip {
  background-color: #f5f7f7;
  background-color: var(--ag-header-background-color, #f5f7f7);
  color: #000;
  color: var(--ag-foreground-color, #000);
  padding: 4px;
  border: solid 1px;
  border-color: #bdc3c7;
  border-color: var(--ag-border-color, #bdc3c7);
  border-radius: 2px;
  transition: opacity 1s;
  white-space: normal;
}
.ag-theme-balham .ag-tooltip.ag-tooltip-hiding {
  opacity: 0;
}
.ag-theme-balham .ag-ltr .ag-column-select-indent-1 {
  padding-left: 20px;
}

.ag-theme-balham .ag-rtl .ag-column-select-indent-1 {
  padding-right: 20px;
}

.ag-theme-balham .ag-ltr .ag-column-select-indent-2 {
  padding-left: 40px;
}

.ag-theme-balham .ag-rtl .ag-column-select-indent-2 {
  padding-right: 40px;
}

.ag-theme-balham .ag-ltr .ag-column-select-indent-3 {
  padding-left: 60px;
}

.ag-theme-balham .ag-rtl .ag-column-select-indent-3 {
  padding-right: 60px;
}

.ag-theme-balham .ag-ltr .ag-column-select-indent-4 {
  padding-left: 80px;
}

.ag-theme-balham .ag-rtl .ag-column-select-indent-4 {
  padding-right: 80px;
}

.ag-theme-balham .ag-ltr .ag-column-select-indent-5 {
  padding-left: 100px;
}

.ag-theme-balham .ag-rtl .ag-column-select-indent-5 {
  padding-right: 100px;
}

.ag-theme-balham .ag-ltr .ag-column-select-indent-6 {
  padding-left: 120px;
}

.ag-theme-balham .ag-rtl .ag-column-select-indent-6 {
  padding-right: 120px;
}

.ag-theme-balham .ag-ltr .ag-column-select-indent-7 {
  padding-left: 140px;
}

.ag-theme-balham .ag-rtl .ag-column-select-indent-7 {
  padding-right: 140px;
}

.ag-theme-balham .ag-ltr .ag-column-select-indent-8 {
  padding-left: 160px;
}

.ag-theme-balham .ag-rtl .ag-column-select-indent-8 {
  padding-right: 160px;
}

.ag-theme-balham .ag-ltr .ag-column-select-indent-9 {
  padding-left: 180px;
}

.ag-theme-balham .ag-rtl .ag-column-select-indent-9 {
  padding-right: 180px;
}

.ag-theme-balham .ag-column-select-header-icon {
  cursor: pointer;
}
.ag-theme-balham .ag-keyboard-focus .ag-column-select-header-icon:focus {
  outline: none;
}
.ag-theme-balham .ag-keyboard-focus .ag-column-select-header-icon:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 0px;
  left: 0px;
  display: block;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  border: 1px solid;
  border-color: #719ECE;
  border-color: var(--ag-input-focus-border-color, #719ECE);
}
.ag-theme-balham .ag-ltr .ag-column-group-icons:not(:last-child), .ag-theme-balham .ag-ltr .ag-column-select-header-icon:not(:last-child), .ag-theme-balham .ag-ltr .ag-column-select-header-checkbox:not(:last-child), .ag-theme-balham .ag-ltr .ag-column-select-header-filter-wrapper:not(:last-child), .ag-theme-balham .ag-ltr .ag-column-select-checkbox:not(:last-child), .ag-theme-balham .ag-ltr .ag-column-select-column-drag-handle:not(:last-child), .ag-theme-balham .ag-ltr .ag-column-select-column-group-drag-handle:not(:last-child), .ag-theme-balham .ag-ltr .ag-column-select-column-label:not(:last-child) {
  margin-right: 6px;
}

.ag-theme-balham .ag-rtl .ag-column-group-icons:not(:last-child), .ag-theme-balham .ag-rtl .ag-column-select-header-icon:not(:last-child), .ag-theme-balham .ag-rtl .ag-column-select-header-checkbox:not(:last-child), .ag-theme-balham .ag-rtl .ag-column-select-header-filter-wrapper:not(:last-child), .ag-theme-balham .ag-rtl .ag-column-select-checkbox:not(:last-child), .ag-theme-balham .ag-rtl .ag-column-select-column-drag-handle:not(:last-child), .ag-theme-balham .ag-rtl .ag-column-select-column-group-drag-handle:not(:last-child), .ag-theme-balham .ag-rtl .ag-column-select-column-label:not(:last-child) {
  margin-left: 6px;
}

.ag-theme-balham .ag-keyboard-focus .ag-column-select-virtual-list-item:focus {
  outline: none;
}
.ag-theme-balham .ag-keyboard-focus .ag-column-select-virtual-list-item:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid;
  border-color: #719ECE;
  border-color: var(--ag-input-focus-border-color, #719ECE);
}
.ag-theme-balham .ag-column-select-column-group:not(:last-child),
.ag-theme-balham .ag-column-select-column:not(:last-child) {
  margin-bottom: 4px;
}
.ag-theme-balham .ag-column-select-column-readonly,
.ag-theme-balham .ag-column-select-column-group-readonly {
  color: rgba(0, 0, 0, 0.38);
  color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, 0.38));
  pointer-events: none;
}
.ag-theme-balham .ag-ltr .ag-column-select-add-group-indent {
  margin-left: 24px;
}

.ag-theme-balham .ag-rtl .ag-column-select-add-group-indent {
  margin-right: 24px;
}

.ag-theme-balham .ag-column-select-virtual-list-viewport {
  padding: 3px 0px;
}
.ag-theme-balham .ag-column-select-virtual-list-item {
  margin: 0 6px;
}
.ag-theme-balham .ag-rtl {
  text-align: right;
}
.ag-theme-balham .ag-root-wrapper {
  border: solid 1px;
  border-color: #bdc3c7;
  border-color: var(--ag-border-color, #bdc3c7);
}
.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-1 {
  padding-left: 40px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-1 {
  padding-right: 40px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-1 {
  padding-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-1 {
  padding-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row-level-1 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-1 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-2 {
  padding-left: 68px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-2 {
  padding-right: 68px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-2 {
  padding-left: 56px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-2 {
  padding-right: 56px;
}

.ag-theme-balham .ag-ltr .ag-row-level-2 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-2 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-3 {
  padding-left: 96px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-3 {
  padding-right: 96px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-3 {
  padding-left: 84px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-3 {
  padding-right: 84px;
}

.ag-theme-balham .ag-ltr .ag-row-level-3 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-3 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-4 {
  padding-left: 124px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-4 {
  padding-right: 124px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-4 {
  padding-left: 112px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-4 {
  padding-right: 112px;
}

.ag-theme-balham .ag-ltr .ag-row-level-4 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-4 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-5 {
  padding-left: 152px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-5 {
  padding-right: 152px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-5 {
  padding-left: 140px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-5 {
  padding-right: 140px;
}

.ag-theme-balham .ag-ltr .ag-row-level-5 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-5 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-6 {
  padding-left: 180px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-6 {
  padding-right: 180px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-6 {
  padding-left: 168px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-6 {
  padding-right: 168px;
}

.ag-theme-balham .ag-ltr .ag-row-level-6 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-6 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-7 {
  padding-left: 208px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-7 {
  padding-right: 208px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-7 {
  padding-left: 196px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-7 {
  padding-right: 196px;
}

.ag-theme-balham .ag-ltr .ag-row-level-7 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-7 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-8 {
  padding-left: 236px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-8 {
  padding-right: 236px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-8 {
  padding-left: 224px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-8 {
  padding-right: 224px;
}

.ag-theme-balham .ag-ltr .ag-row-level-8 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-8 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-9 {
  padding-left: 264px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-9 {
  padding-right: 264px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-9 {
  padding-left: 252px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-9 {
  padding-right: 252px;
}

.ag-theme-balham .ag-ltr .ag-row-level-9 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-9 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-10 {
  padding-left: 292px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-10 {
  padding-right: 292px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-10 {
  padding-left: 280px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-10 {
  padding-right: 280px;
}

.ag-theme-balham .ag-ltr .ag-row-level-10 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-10 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-11 {
  padding-left: 320px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-11 {
  padding-right: 320px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-11 {
  padding-left: 308px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-11 {
  padding-right: 308px;
}

.ag-theme-balham .ag-ltr .ag-row-level-11 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-11 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-12 {
  padding-left: 348px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-12 {
  padding-right: 348px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-12 {
  padding-left: 336px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-12 {
  padding-right: 336px;
}

.ag-theme-balham .ag-ltr .ag-row-level-12 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-12 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-13 {
  padding-left: 376px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-13 {
  padding-right: 376px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-13 {
  padding-left: 364px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-13 {
  padding-right: 364px;
}

.ag-theme-balham .ag-ltr .ag-row-level-13 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-13 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-14 {
  padding-left: 404px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-14 {
  padding-right: 404px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-14 {
  padding-left: 392px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-14 {
  padding-right: 392px;
}

.ag-theme-balham .ag-ltr .ag-row-level-14 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-14 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-15 {
  padding-left: 432px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-15 {
  padding-right: 432px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-15 {
  padding-left: 420px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-15 {
  padding-right: 420px;
}

.ag-theme-balham .ag-ltr .ag-row-level-15 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-15 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-16 {
  padding-left: 460px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-16 {
  padding-right: 460px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-16 {
  padding-left: 448px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-16 {
  padding-right: 448px;
}

.ag-theme-balham .ag-ltr .ag-row-level-16 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-16 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-17 {
  padding-left: 488px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-17 {
  padding-right: 488px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-17 {
  padding-left: 476px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-17 {
  padding-right: 476px;
}

.ag-theme-balham .ag-ltr .ag-row-level-17 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-17 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-18 {
  padding-left: 516px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-18 {
  padding-right: 516px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-18 {
  padding-left: 504px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-18 {
  padding-right: 504px;
}

.ag-theme-balham .ag-ltr .ag-row-level-18 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-18 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-19 {
  padding-left: 544px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-19 {
  padding-right: 544px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-19 {
  padding-left: 532px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-19 {
  padding-right: 532px;
}

.ag-theme-balham .ag-ltr .ag-row-level-19 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-19 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-20 {
  padding-left: 572px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-20 {
  padding-right: 572px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-20 {
  padding-left: 560px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-20 {
  padding-right: 560px;
}

.ag-theme-balham .ag-ltr .ag-row-level-20 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-20 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-21 {
  padding-left: 600px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-21 {
  padding-right: 600px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-21 {
  padding-left: 588px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-21 {
  padding-right: 588px;
}

.ag-theme-balham .ag-ltr .ag-row-level-21 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-21 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-22 {
  padding-left: 628px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-22 {
  padding-right: 628px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-22 {
  padding-left: 616px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-22 {
  padding-right: 616px;
}

.ag-theme-balham .ag-ltr .ag-row-level-22 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-22 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-23 {
  padding-left: 656px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-23 {
  padding-right: 656px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-23 {
  padding-left: 644px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-23 {
  padding-right: 644px;
}

.ag-theme-balham .ag-ltr .ag-row-level-23 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-23 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-24 {
  padding-left: 684px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-24 {
  padding-right: 684px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-24 {
  padding-left: 672px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-24 {
  padding-right: 672px;
}

.ag-theme-balham .ag-ltr .ag-row-level-24 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-24 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-25 {
  padding-left: 712px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-25 {
  padding-right: 712px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-25 {
  padding-left: 700px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-25 {
  padding-right: 700px;
}

.ag-theme-balham .ag-ltr .ag-row-level-25 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-25 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-26 {
  padding-left: 740px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-26 {
  padding-right: 740px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-26 {
  padding-left: 728px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-26 {
  padding-right: 728px;
}

.ag-theme-balham .ag-ltr .ag-row-level-26 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-26 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-27 {
  padding-left: 768px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-27 {
  padding-right: 768px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-27 {
  padding-left: 756px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-27 {
  padding-right: 756px;
}

.ag-theme-balham .ag-ltr .ag-row-level-27 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-27 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-28 {
  padding-left: 796px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-28 {
  padding-right: 796px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-28 {
  padding-left: 784px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-28 {
  padding-right: 784px;
}

.ag-theme-balham .ag-ltr .ag-row-level-28 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-28 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-29 {
  padding-left: 824px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-29 {
  padding-right: 824px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-29 {
  padding-left: 812px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-29 {
  padding-right: 812px;
}

.ag-theme-balham .ag-ltr .ag-row-level-29 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-29 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-30 {
  padding-left: 852px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-30 {
  padding-right: 852px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-30 {
  padding-left: 840px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-30 {
  padding-right: 840px;
}

.ag-theme-balham .ag-ltr .ag-row-level-30 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-30 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-31 {
  padding-left: 880px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-31 {
  padding-right: 880px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-31 {
  padding-left: 868px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-31 {
  padding-right: 868px;
}

.ag-theme-balham .ag-ltr .ag-row-level-31 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-31 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-32 {
  padding-left: 908px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-32 {
  padding-right: 908px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-32 {
  padding-left: 896px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-32 {
  padding-right: 896px;
}

.ag-theme-balham .ag-ltr .ag-row-level-32 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-32 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-33 {
  padding-left: 936px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-33 {
  padding-right: 936px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-33 {
  padding-left: 924px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-33 {
  padding-right: 924px;
}

.ag-theme-balham .ag-ltr .ag-row-level-33 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-33 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-34 {
  padding-left: 964px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-34 {
  padding-right: 964px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-34 {
  padding-left: 952px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-34 {
  padding-right: 952px;
}

.ag-theme-balham .ag-ltr .ag-row-level-34 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-34 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-35 {
  padding-left: 992px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-35 {
  padding-right: 992px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-35 {
  padding-left: 980px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-35 {
  padding-right: 980px;
}

.ag-theme-balham .ag-ltr .ag-row-level-35 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-35 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-36 {
  padding-left: 1020px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-36 {
  padding-right: 1020px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-36 {
  padding-left: 1008px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-36 {
  padding-right: 1008px;
}

.ag-theme-balham .ag-ltr .ag-row-level-36 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-36 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-37 {
  padding-left: 1048px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-37 {
  padding-right: 1048px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-37 {
  padding-left: 1036px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-37 {
  padding-right: 1036px;
}

.ag-theme-balham .ag-ltr .ag-row-level-37 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-37 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-38 {
  padding-left: 1076px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-38 {
  padding-right: 1076px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-38 {
  padding-left: 1064px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-38 {
  padding-right: 1064px;
}

.ag-theme-balham .ag-ltr .ag-row-level-38 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-38 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-39 {
  padding-left: 1104px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-39 {
  padding-right: 1104px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-39 {
  padding-left: 1092px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-39 {
  padding-right: 1092px;
}

.ag-theme-balham .ag-ltr .ag-row-level-39 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-39 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-40 {
  padding-left: 1132px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-40 {
  padding-right: 1132px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-40 {
  padding-left: 1120px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-40 {
  padding-right: 1120px;
}

.ag-theme-balham .ag-ltr .ag-row-level-40 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-40 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-41 {
  padding-left: 1160px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-41 {
  padding-right: 1160px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-41 {
  padding-left: 1148px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-41 {
  padding-right: 1148px;
}

.ag-theme-balham .ag-ltr .ag-row-level-41 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-41 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-42 {
  padding-left: 1188px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-42 {
  padding-right: 1188px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-42 {
  padding-left: 1176px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-42 {
  padding-right: 1176px;
}

.ag-theme-balham .ag-ltr .ag-row-level-42 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-42 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-43 {
  padding-left: 1216px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-43 {
  padding-right: 1216px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-43 {
  padding-left: 1204px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-43 {
  padding-right: 1204px;
}

.ag-theme-balham .ag-ltr .ag-row-level-43 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-43 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-44 {
  padding-left: 1244px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-44 {
  padding-right: 1244px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-44 {
  padding-left: 1232px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-44 {
  padding-right: 1232px;
}

.ag-theme-balham .ag-ltr .ag-row-level-44 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-44 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-45 {
  padding-left: 1272px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-45 {
  padding-right: 1272px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-45 {
  padding-left: 1260px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-45 {
  padding-right: 1260px;
}

.ag-theme-balham .ag-ltr .ag-row-level-45 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-45 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-46 {
  padding-left: 1300px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-46 {
  padding-right: 1300px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-46 {
  padding-left: 1288px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-46 {
  padding-right: 1288px;
}

.ag-theme-balham .ag-ltr .ag-row-level-46 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-46 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-47 {
  padding-left: 1328px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-47 {
  padding-right: 1328px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-47 {
  padding-left: 1316px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-47 {
  padding-right: 1316px;
}

.ag-theme-balham .ag-ltr .ag-row-level-47 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-47 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-48 {
  padding-left: 1356px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-48 {
  padding-right: 1356px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-48 {
  padding-left: 1344px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-48 {
  padding-right: 1344px;
}

.ag-theme-balham .ag-ltr .ag-row-level-48 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-48 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-49 {
  padding-left: 1384px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-49 {
  padding-right: 1384px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-49 {
  padding-left: 1372px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-49 {
  padding-right: 1372px;
}

.ag-theme-balham .ag-ltr .ag-row-level-49 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-49 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-50 {
  padding-left: 1412px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-50 {
  padding-right: 1412px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-50 {
  padding-left: 1400px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-50 {
  padding-right: 1400px;
}

.ag-theme-balham .ag-ltr .ag-row-level-50 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-50 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-51 {
  padding-left: 1440px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-51 {
  padding-right: 1440px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-51 {
  padding-left: 1428px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-51 {
  padding-right: 1428px;
}

.ag-theme-balham .ag-ltr .ag-row-level-51 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-51 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-52 {
  padding-left: 1468px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-52 {
  padding-right: 1468px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-52 {
  padding-left: 1456px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-52 {
  padding-right: 1456px;
}

.ag-theme-balham .ag-ltr .ag-row-level-52 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-52 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-53 {
  padding-left: 1496px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-53 {
  padding-right: 1496px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-53 {
  padding-left: 1484px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-53 {
  padding-right: 1484px;
}

.ag-theme-balham .ag-ltr .ag-row-level-53 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-53 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-54 {
  padding-left: 1524px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-54 {
  padding-right: 1524px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-54 {
  padding-left: 1512px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-54 {
  padding-right: 1512px;
}

.ag-theme-balham .ag-ltr .ag-row-level-54 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-54 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-55 {
  padding-left: 1552px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-55 {
  padding-right: 1552px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-55 {
  padding-left: 1540px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-55 {
  padding-right: 1540px;
}

.ag-theme-balham .ag-ltr .ag-row-level-55 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-55 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-56 {
  padding-left: 1580px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-56 {
  padding-right: 1580px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-56 {
  padding-left: 1568px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-56 {
  padding-right: 1568px;
}

.ag-theme-balham .ag-ltr .ag-row-level-56 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-56 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-57 {
  padding-left: 1608px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-57 {
  padding-right: 1608px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-57 {
  padding-left: 1596px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-57 {
  padding-right: 1596px;
}

.ag-theme-balham .ag-ltr .ag-row-level-57 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-57 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-58 {
  padding-left: 1636px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-58 {
  padding-right: 1636px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-58 {
  padding-left: 1624px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-58 {
  padding-right: 1624px;
}

.ag-theme-balham .ag-ltr .ag-row-level-58 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-58 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-59 {
  padding-left: 1664px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-59 {
  padding-right: 1664px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-59 {
  padding-left: 1652px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-59 {
  padding-right: 1652px;
}

.ag-theme-balham .ag-ltr .ag-row-level-59 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-59 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-60 {
  padding-left: 1692px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-60 {
  padding-right: 1692px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-60 {
  padding-left: 1680px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-60 {
  padding-right: 1680px;
}

.ag-theme-balham .ag-ltr .ag-row-level-60 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-60 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-61 {
  padding-left: 1720px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-61 {
  padding-right: 1720px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-61 {
  padding-left: 1708px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-61 {
  padding-right: 1708px;
}

.ag-theme-balham .ag-ltr .ag-row-level-61 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-61 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-62 {
  padding-left: 1748px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-62 {
  padding-right: 1748px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-62 {
  padding-left: 1736px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-62 {
  padding-right: 1736px;
}

.ag-theme-balham .ag-ltr .ag-row-level-62 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-62 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-63 {
  padding-left: 1776px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-63 {
  padding-right: 1776px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-63 {
  padding-left: 1764px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-63 {
  padding-right: 1764px;
}

.ag-theme-balham .ag-ltr .ag-row-level-63 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-63 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-64 {
  padding-left: 1804px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-64 {
  padding-right: 1804px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-64 {
  padding-left: 1792px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-64 {
  padding-right: 1792px;
}

.ag-theme-balham .ag-ltr .ag-row-level-64 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-64 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-65 {
  padding-left: 1832px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-65 {
  padding-right: 1832px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-65 {
  padding-left: 1820px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-65 {
  padding-right: 1820px;
}

.ag-theme-balham .ag-ltr .ag-row-level-65 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-65 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-66 {
  padding-left: 1860px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-66 {
  padding-right: 1860px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-66 {
  padding-left: 1848px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-66 {
  padding-right: 1848px;
}

.ag-theme-balham .ag-ltr .ag-row-level-66 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-66 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-67 {
  padding-left: 1888px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-67 {
  padding-right: 1888px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-67 {
  padding-left: 1876px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-67 {
  padding-right: 1876px;
}

.ag-theme-balham .ag-ltr .ag-row-level-67 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-67 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-68 {
  padding-left: 1916px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-68 {
  padding-right: 1916px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-68 {
  padding-left: 1904px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-68 {
  padding-right: 1904px;
}

.ag-theme-balham .ag-ltr .ag-row-level-68 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-68 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-69 {
  padding-left: 1944px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-69 {
  padding-right: 1944px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-69 {
  padding-left: 1932px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-69 {
  padding-right: 1932px;
}

.ag-theme-balham .ag-ltr .ag-row-level-69 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-69 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-70 {
  padding-left: 1972px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-70 {
  padding-right: 1972px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-70 {
  padding-left: 1960px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-70 {
  padding-right: 1960px;
}

.ag-theme-balham .ag-ltr .ag-row-level-70 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-70 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-71 {
  padding-left: 2000px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-71 {
  padding-right: 2000px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-71 {
  padding-left: 1988px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-71 {
  padding-right: 1988px;
}

.ag-theme-balham .ag-ltr .ag-row-level-71 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-71 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-72 {
  padding-left: 2028px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-72 {
  padding-right: 2028px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-72 {
  padding-left: 2016px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-72 {
  padding-right: 2016px;
}

.ag-theme-balham .ag-ltr .ag-row-level-72 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-72 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-73 {
  padding-left: 2056px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-73 {
  padding-right: 2056px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-73 {
  padding-left: 2044px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-73 {
  padding-right: 2044px;
}

.ag-theme-balham .ag-ltr .ag-row-level-73 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-73 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-74 {
  padding-left: 2084px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-74 {
  padding-right: 2084px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-74 {
  padding-left: 2072px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-74 {
  padding-right: 2072px;
}

.ag-theme-balham .ag-ltr .ag-row-level-74 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-74 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-75 {
  padding-left: 2112px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-75 {
  padding-right: 2112px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-75 {
  padding-left: 2100px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-75 {
  padding-right: 2100px;
}

.ag-theme-balham .ag-ltr .ag-row-level-75 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-75 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-76 {
  padding-left: 2140px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-76 {
  padding-right: 2140px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-76 {
  padding-left: 2128px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-76 {
  padding-right: 2128px;
}

.ag-theme-balham .ag-ltr .ag-row-level-76 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-76 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-77 {
  padding-left: 2168px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-77 {
  padding-right: 2168px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-77 {
  padding-left: 2156px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-77 {
  padding-right: 2156px;
}

.ag-theme-balham .ag-ltr .ag-row-level-77 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-77 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-78 {
  padding-left: 2196px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-78 {
  padding-right: 2196px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-78 {
  padding-left: 2184px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-78 {
  padding-right: 2184px;
}

.ag-theme-balham .ag-ltr .ag-row-level-78 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-78 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-79 {
  padding-left: 2224px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-79 {
  padding-right: 2224px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-79 {
  padding-left: 2212px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-79 {
  padding-right: 2212px;
}

.ag-theme-balham .ag-ltr .ag-row-level-79 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-79 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-80 {
  padding-left: 2252px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-80 {
  padding-right: 2252px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-80 {
  padding-left: 2240px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-80 {
  padding-right: 2240px;
}

.ag-theme-balham .ag-ltr .ag-row-level-80 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-80 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-81 {
  padding-left: 2280px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-81 {
  padding-right: 2280px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-81 {
  padding-left: 2268px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-81 {
  padding-right: 2268px;
}

.ag-theme-balham .ag-ltr .ag-row-level-81 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-81 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-82 {
  padding-left: 2308px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-82 {
  padding-right: 2308px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-82 {
  padding-left: 2296px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-82 {
  padding-right: 2296px;
}

.ag-theme-balham .ag-ltr .ag-row-level-82 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-82 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-83 {
  padding-left: 2336px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-83 {
  padding-right: 2336px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-83 {
  padding-left: 2324px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-83 {
  padding-right: 2324px;
}

.ag-theme-balham .ag-ltr .ag-row-level-83 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-83 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-84 {
  padding-left: 2364px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-84 {
  padding-right: 2364px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-84 {
  padding-left: 2352px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-84 {
  padding-right: 2352px;
}

.ag-theme-balham .ag-ltr .ag-row-level-84 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-84 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-85 {
  padding-left: 2392px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-85 {
  padding-right: 2392px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-85 {
  padding-left: 2380px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-85 {
  padding-right: 2380px;
}

.ag-theme-balham .ag-ltr .ag-row-level-85 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-85 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-86 {
  padding-left: 2420px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-86 {
  padding-right: 2420px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-86 {
  padding-left: 2408px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-86 {
  padding-right: 2408px;
}

.ag-theme-balham .ag-ltr .ag-row-level-86 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-86 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-87 {
  padding-left: 2448px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-87 {
  padding-right: 2448px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-87 {
  padding-left: 2436px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-87 {
  padding-right: 2436px;
}

.ag-theme-balham .ag-ltr .ag-row-level-87 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-87 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-88 {
  padding-left: 2476px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-88 {
  padding-right: 2476px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-88 {
  padding-left: 2464px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-88 {
  padding-right: 2464px;
}

.ag-theme-balham .ag-ltr .ag-row-level-88 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-88 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-89 {
  padding-left: 2504px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-89 {
  padding-right: 2504px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-89 {
  padding-left: 2492px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-89 {
  padding-right: 2492px;
}

.ag-theme-balham .ag-ltr .ag-row-level-89 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-89 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-90 {
  padding-left: 2532px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-90 {
  padding-right: 2532px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-90 {
  padding-left: 2520px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-90 {
  padding-right: 2520px;
}

.ag-theme-balham .ag-ltr .ag-row-level-90 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-90 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-91 {
  padding-left: 2560px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-91 {
  padding-right: 2560px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-91 {
  padding-left: 2548px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-91 {
  padding-right: 2548px;
}

.ag-theme-balham .ag-ltr .ag-row-level-91 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-91 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-92 {
  padding-left: 2588px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-92 {
  padding-right: 2588px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-92 {
  padding-left: 2576px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-92 {
  padding-right: 2576px;
}

.ag-theme-balham .ag-ltr .ag-row-level-92 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-92 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-93 {
  padding-left: 2616px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-93 {
  padding-right: 2616px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-93 {
  padding-left: 2604px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-93 {
  padding-right: 2604px;
}

.ag-theme-balham .ag-ltr .ag-row-level-93 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-93 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-94 {
  padding-left: 2644px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-94 {
  padding-right: 2644px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-94 {
  padding-left: 2632px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-94 {
  padding-right: 2632px;
}

.ag-theme-balham .ag-ltr .ag-row-level-94 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-94 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-95 {
  padding-left: 2672px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-95 {
  padding-right: 2672px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-95 {
  padding-left: 2660px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-95 {
  padding-right: 2660px;
}

.ag-theme-balham .ag-ltr .ag-row-level-95 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-95 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-96 {
  padding-left: 2700px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-96 {
  padding-right: 2700px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-96 {
  padding-left: 2688px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-96 {
  padding-right: 2688px;
}

.ag-theme-balham .ag-ltr .ag-row-level-96 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-96 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-97 {
  padding-left: 2728px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-97 {
  padding-right: 2728px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-97 {
  padding-left: 2716px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-97 {
  padding-right: 2716px;
}

.ag-theme-balham .ag-ltr .ag-row-level-97 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-97 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-98 {
  padding-left: 2756px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-98 {
  padding-right: 2756px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-98 {
  padding-left: 2744px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-98 {
  padding-right: 2744px;
}

.ag-theme-balham .ag-ltr .ag-row-level-98 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-98 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-99 {
  padding-left: 2784px;
}

.ag-theme-balham .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-99 {
  padding-right: 2784px;
}

.ag-theme-balham .ag-ltr .ag-row-group-indent-99 {
  padding-left: 2772px;
}

.ag-theme-balham .ag-rtl .ag-row-group-indent-99 {
  padding-right: 2772px;
}

.ag-theme-balham .ag-ltr .ag-row-level-99 .ag-pivot-leaf-group {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-level-99 .ag-pivot-leaf-group {
  margin-right: 28px;
}

.ag-theme-balham .ag-ltr .ag-row-group-leaf-indent {
  margin-left: 28px;
}

.ag-theme-balham .ag-rtl .ag-row-group-leaf-indent {
  margin-right: 28px;
}

.ag-theme-balham .ag-value-change-delta {
  padding-right: 2px;
}
.ag-theme-balham .ag-value-change-delta-up {
  color: #43a047;
  color: var(--ag-value-change-delta-up-color, #43a047);
}
.ag-theme-balham .ag-value-change-delta-down {
  color: #e53935;
  color: var(--ag-value-change-delta-down-color, #e53935);
}
.ag-theme-balham .ag-value-change-value {
  background-color: transparent;
  border-radius: 1px;
  padding-left: 1px;
  padding-right: 1px;
  transition: background-color 1s;
}
.ag-theme-balham .ag-value-change-value-highlight {
  background-color: rgba(22, 160, 133, 0.5);
  background-color: var(--ag-value-change-value-highlight-background-color, rgba(22, 160, 133, 0.5));
  transition: background-color 0.1s;
}
.ag-theme-balham .ag-cell-data-changed {
  background-color: rgba(22, 160, 133, 0.5) !important;
  background-color: var(--ag-value-change-value-highlight-background-color, rgba(22, 160, 133, 0.5)) !important;
}
.ag-theme-balham .ag-cell-data-changed-animation {
  background-color: transparent;
}
.ag-theme-balham .ag-cell-highlight {
  background-color: #0091ea !important;
  background-color: var(--ag-range-selection-highlight-color, var(--ag-balham-active-color, #0091ea)) !important;
}
.ag-theme-balham .ag-row {
  height: 28px;
  background-color: white;
  background-color: var(--ag-background-color, white);
  color: #000;
  color: var(--ag-data-color, var(--ag-foreground-color, #000));
  border-width: 1px;
  border-color: #d9dcde;
  border-color: var(--ag-row-border-color, #d9dcde);
  border-bottom-style: solid;
}
.ag-theme-balham .ag-row-highlight-above::after, .ag-theme-balham .ag-row-highlight-below::after {
  content: "";
  position: absolute;
  width: calc(100% - 1px);
  height: 1px;
  background-color: #0091ea;
  background-color: var(--ag-range-selection-border-color, var(--ag-balham-active-color, #0091ea));
  left: 1px;
}
.ag-theme-balham .ag-row-highlight-above::after {
  top: -1px;
}
.ag-theme-balham .ag-row-highlight-above.ag-row-first::after {
  top: 0;
}
.ag-theme-balham .ag-row-highlight-below::after {
  bottom: 0px;
}
.ag-theme-balham .ag-row-odd {
  background-color: #fcfdfe;
  background-color: var(--ag-odd-row-background-color, #fcfdfe);
}
.ag-theme-balham .ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-left-spacer:not(.ag-scroller-corner) {
  border-right: solid 1px;
  border-right-color: #bdc3c7;
  border-right-color: var(--ag-border-color, #bdc3c7);
}
.ag-theme-balham .ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-right-spacer:not(.ag-scroller-corner) {
  border-left: solid 1px;
  border-left-color: #bdc3c7;
  border-left-color: var(--ag-border-color, #bdc3c7);
}
.ag-theme-balham .ag-row-hover {
  background-color: #ecf0f1;
  background-color: var(--ag-row-hover-color, #ecf0f1);
}
.ag-theme-balham .ag-column-hover {
  background-color: #ecf0f1;
  background-color: var(--ag-column-hover-color, #ecf0f1);
}
.ag-theme-balham .ag-ltr .ag-right-aligned-cell {
  text-align: right;
}

.ag-theme-balham .ag-rtl .ag-right-aligned-cell {
  text-align: left;
}

.ag-theme-balham .ag-ltr .ag-right-aligned-cell .ag-cell-value, .ag-theme-balham .ag-ltr .ag-right-aligned-cell .ag-group-value {
  margin-left: auto;
}

.ag-theme-balham .ag-rtl .ag-right-aligned-cell .ag-cell-value, .ag-theme-balham .ag-rtl .ag-right-aligned-cell .ag-group-value {
  margin-right: auto;
}

.ag-theme-balham .ag-cell, .ag-theme-balham .ag-full-width-row .ag-cell-wrapper.ag-row-group {
  border: 1px solid transparent;
  line-height: 26px;
  padding-left: 11px;
  padding-right: 11px;
  -webkit-font-smoothing: subpixel-antialiased;
}
.ag-theme-balham .ag-row > .ag-cell-wrapper {
  padding-left: 11px;
  padding-right: 11px;
}
.ag-theme-balham .ag-row-dragging {
  cursor: move;
  opacity: 0.5;
}
.ag-theme-balham .ag-cell-inline-editing {
  border: solid 1px;
  border-color: #bdc3c7;
  border-color: var(--ag-border-color, #bdc3c7);
  background: white;
  background: var(--ag-background-color, white);
  border-radius: 2px;
  box-shadow: none;
  padding: 4px;
  padding: 0;
  height: 28px;
  background-color: #f5f7f7;
  background-color: var(--ag-control-panel-background-color, #f5f7f7);
}
.ag-theme-balham .ag-popup-editor {
  border: solid 1px;
  border-color: #bdc3c7;
  border-color: var(--ag-border-color, #bdc3c7);
  background: white;
  background: var(--ag-background-color, white);
  border-radius: 2px;
  box-shadow: none;
  padding: 4px;
  background-color: #f5f7f7;
  background-color: var(--ag-control-panel-background-color, #f5f7f7);
  padding: 0;
}
.ag-theme-balham .ag-large-text-input {
  height: auto;
  padding: 12px;
}
.ag-theme-balham .ag-details-row {
  padding: 20px;
  background-color: white;
  background-color: var(--ag-background-color, white);
}
.ag-theme-balham .ag-layout-auto-height .ag-center-cols-clipper, .ag-theme-balham .ag-layout-auto-height .ag-center-cols-container, .ag-theme-balham .ag-layout-print .ag-center-cols-clipper, .ag-theme-balham .ag-layout-print .ag-center-cols-container {
  min-height: 50px;
}
.ag-theme-balham .ag-overlay-loading-wrapper {
  background-color: rgba(255, 255, 255, 0.66);
  background-color: var(--ag-modal-overlay-background-color, rgba(255, 255, 255, 0.66));
}
.ag-theme-balham .ag-overlay-loading-center {
  border: solid 1px;
  border-color: #bdc3c7;
  border-color: var(--ag-border-color, #bdc3c7);
  background: white;
  background: var(--ag-background-color, white);
  border-radius: 2px;
  box-shadow: none;
  padding: 4px;
}
.ag-theme-balham .ag-overlay-no-rows-wrapper.ag-layout-auto-height {
  padding-top: 30px;
}
.ag-theme-balham .ag-loading {
  padding-left: 12px;
  display: flex;
  height: 100%;
  align-items: center;
}
.ag-theme-balham .ag-loading-icon {
  padding-right: 12px;
}
.ag-theme-balham .ag-icon-loading {
  -webkit-animation-name: spin;
          animation-name: spin;
  -webkit-animation-duration: 1000ms;
          animation-duration: 1000ms;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.ag-theme-balham .ag-floating-top {
  border-bottom: solid 1px;
  border-bottom-color: #bdc3c7;
  border-bottom-color: var(--ag-border-color, #bdc3c7);
}
.ag-theme-balham .ag-floating-bottom {
  border-top: solid 1px;
  border-top-color: #bdc3c7;
  border-top-color: var(--ag-border-color, #bdc3c7);
}
.ag-theme-balham .ag-ltr .ag-cell {
  border-right: solid transparent;
}

.ag-theme-balham .ag-rtl .ag-cell {
  border-left: solid transparent;
}

.ag-theme-balham .ag-ltr .ag-cell {
  border-right-width: 1px;
}

.ag-theme-balham .ag-rtl .ag-cell {
  border-left-width: 1px;
}

.ag-theme-balham .ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left):not(.ag-cell-range-single-cell) {
  border-left: solid 1px;
  border-left-color: #bdc3c7;
  border-left-color: var(--ag-border-color, #bdc3c7);
}
.ag-theme-balham .ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell) {
  border-right: solid 1px;
  border-right-color: #bdc3c7;
  border-right-color: var(--ag-border-color, #bdc3c7);
}
.ag-theme-balham .ag-row-selected {
  background-color: #b7e4ff;
  background-color: var(--ag-selected-row-background-color, #b7e4ff);
}
.ag-theme-balham .ag-cell-range-selected:not(.ag-cell-focus),
.ag-theme-balham .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing) {
  background-color: rgba(0, 145, 234, 0.2);
  background-color: var(--ag-range-selection-background-color, rgba(0, 145, 234, 0.2));
}
.ag-theme-balham .ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart,
.ag-theme-balham .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart {
  background-color: rgba(0, 88, 255, 0.1) !important;
  background-color: var(--ag-range-selection-chart-background-color, rgba(0, 88, 255, 0.1)) !important;
}
.ag-theme-balham .ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart.ag-cell-range-chart-category,
.ag-theme-balham .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart.ag-cell-range-chart-category {
  background-color: rgba(0, 255, 132, 0.1) !important;
  background-color: var(--ag-range-selection-chart-category-background-color, rgba(0, 255, 132, 0.1)) !important;
}
.ag-theme-balham .ag-cell-range-selected-1:not(.ag-cell-focus),
.ag-theme-balham .ag-root:not(.ag-context-menu-open) .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-1:not(.ag-cell-inline-editing) {
  background-color: rgba(0, 145, 234, 0.2);
  background-color: var(--ag-range-selection-background-color-1, var(--ag-range-selection-background-color, rgba(0, 145, 234, 0.2)));
}
.ag-theme-balham .ag-cell-range-selected-2:not(.ag-cell-focus),
.ag-theme-balham .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-2 {
  background-color: rgba(0, 145, 234, 0.36);
  background-color: var(--ag-range-selection-background-color-2, rgba(0, 145, 234, 0.36));
}
.ag-theme-balham .ag-cell-range-selected-3:not(.ag-cell-focus),
.ag-theme-balham .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-3 {
  background-color: rgba(0, 145, 234, 0.488);
  background-color: var(--ag-range-selection-background-color-3, rgba(0, 145, 234, 0.488));
}
.ag-theme-balham .ag-cell-range-selected-4:not(.ag-cell-focus),
.ag-theme-balham .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-4 {
  background-color: rgba(0, 145, 234, 0.5904);
  background-color: var(--ag-range-selection-background-color-4, rgba(0, 145, 234, 0.5904));
}
.ag-theme-balham .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top {
  border-top-color: #0091ea;
  border-top-color: var(--ag-range-selection-border-color, var(--ag-balham-active-color, #0091ea));
}
.ag-theme-balham .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right {
  border-right-color: #0091ea;
  border-right-color: var(--ag-range-selection-border-color, var(--ag-balham-active-color, #0091ea));
}
.ag-theme-balham .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom {
  border-bottom-color: #0091ea;
  border-bottom-color: var(--ag-range-selection-border-color, var(--ag-balham-active-color, #0091ea));
}
.ag-theme-balham .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left {
  border-left-color: #0091ea;
  border-left-color: var(--ag-range-selection-border-color, var(--ag-balham-active-color, #0091ea));
}
.ag-theme-balham .ag-ltr .ag-has-focus .ag-cell-focus:not(.ag-cell-range-selected),
.ag-theme-balham .ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
.ag-theme-balham .ag-ltr .ag-has-focus .ag-full-width-row.ag-row-focus .ag-cell-wrapper.ag-row-group,
.ag-theme-balham .ag-ltr .ag-cell-range-single-cell,
.ag-theme-balham .ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle, .ag-theme-balham .ag-rtl .ag-has-focus .ag-cell-focus:not(.ag-cell-range-selected),
.ag-theme-balham .ag-rtl .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
.ag-theme-balham .ag-rtl .ag-has-focus .ag-full-width-row.ag-row-focus .ag-cell-wrapper.ag-row-group,
.ag-theme-balham .ag-rtl .ag-cell-range-single-cell,
.ag-theme-balham .ag-rtl .ag-cell-range-single-cell.ag-cell-range-handle {
  border: 1px solid;
  border-color: #0091ea;
  border-color: var(--ag-range-selection-border-color, var(--ag-balham-active-color, #0091ea));
  outline: initial;
}
.ag-theme-balham .ag-cell.ag-selection-fill-top,
.ag-theme-balham .ag-cell.ag-selection-fill-top.ag-cell-range-selected {
  border-top: 1px dashed;
  border-top-color: #0091ea;
  border-top-color: var(--ag-range-selection-border-color, var(--ag-balham-active-color, #0091ea));
}
.ag-theme-balham .ag-ltr .ag-cell.ag-selection-fill-right, .ag-theme-balham .ag-ltr .ag-cell.ag-selection-fill-right.ag-cell-range-selected {
  border-right: 1px dashed;
  border-right-color: #0091ea;
  border-right-color: var(--ag-range-selection-border-color, var(--ag-balham-active-color, #0091ea));
}

.ag-theme-balham .ag-rtl .ag-cell.ag-selection-fill-right, .ag-theme-balham .ag-rtl .ag-cell.ag-selection-fill-right.ag-cell-range-selected {
  border-left: 1px dashed;
  border-left-color: #0091ea;
  border-left-color: var(--ag-range-selection-border-color, var(--ag-balham-active-color, #0091ea));
}

.ag-theme-balham .ag-cell.ag-selection-fill-bottom,
.ag-theme-balham .ag-cell.ag-selection-fill-bottom.ag-cell-range-selected {
  border-bottom: 1px dashed;
  border-bottom-color: #0091ea;
  border-bottom-color: var(--ag-range-selection-border-color, var(--ag-balham-active-color, #0091ea));
}
.ag-theme-balham .ag-ltr .ag-cell.ag-selection-fill-left, .ag-theme-balham .ag-ltr .ag-cell.ag-selection-fill-left.ag-cell-range-selected {
  border-left: 1px dashed;
  border-left-color: #0091ea;
  border-left-color: var(--ag-range-selection-border-color, var(--ag-balham-active-color, #0091ea));
}

.ag-theme-balham .ag-rtl .ag-cell.ag-selection-fill-left, .ag-theme-balham .ag-rtl .ag-cell.ag-selection-fill-left.ag-cell-range-selected {
  border-right: 1px dashed;
  border-right-color: #0091ea;
  border-right-color: var(--ag-range-selection-border-color, var(--ag-balham-active-color, #0091ea));
}

.ag-theme-balham .ag-range-handle, .ag-theme-balham .ag-fill-handle {
  position: absolute;
  width: 6px;
  height: 6px;
  bottom: -1px;
  background-color: #0091ea;
  background-color: var(--ag-range-selection-border-color, var(--ag-balham-active-color, #0091ea));
}
.ag-theme-balham .ag-ltr .ag-range-handle, .ag-theme-balham .ag-ltr .ag-fill-handle {
  right: -1px;
}

.ag-theme-balham .ag-rtl .ag-range-handle, .ag-theme-balham .ag-rtl .ag-fill-handle {
  left: -1px;
}

.ag-theme-balham .ag-fill-handle {
  cursor: cell;
}
.ag-theme-balham .ag-range-handle {
  cursor: nwse-resize;
}
.ag-theme-balham .ag-cell-inline-editing {
  border-color: #719ECE !important;
  border-color: var(--ag-input-focus-border-color, #719ECE) !important;
}
.ag-theme-balham .ag-menu {
  border: solid 1px;
  border-color: #bdc3c7;
  border-color: var(--ag-border-color, #bdc3c7);
  background: white;
  background: var(--ag-background-color, white);
  border-radius: 2px;
  box-shadow: none;
  padding: 4px;
  padding: 0;
}
.ag-theme-balham .ag-menu-list {
  cursor: default;
  padding: 4px 0;
}
.ag-theme-balham .ag-menu-separator {
  height: 9px;
}
.ag-theme-balham .ag-menu-separator-part::after {
  content: "";
  display: block;
  border-top: solid 1px;
  border-top-color: #bdc3c7;
  border-top-color: var(--ag-border-color, #bdc3c7);
}
.ag-theme-balham .ag-menu-option-active, .ag-theme-balham .ag-compact-menu-option-active {
  background-color: #ecf0f1;
  background-color: var(--ag-row-hover-color, #ecf0f1);
}
.ag-theme-balham .ag-menu-option-part, .ag-theme-balham .ag-compact-menu-option-part {
  line-height: 16px;
  padding: 6px 0;
}
.ag-theme-balham .ag-menu-option-disabled, .ag-theme-balham .ag-compact-menu-option-disabled {
  opacity: 0.5;
}
.ag-theme-balham .ag-menu-option-icon, .ag-theme-balham .ag-compact-menu-option-icon {
  width: 16px;
}
.ag-theme-balham .ag-ltr .ag-menu-option-icon, .ag-theme-balham .ag-ltr .ag-compact-menu-option-icon {
  padding-left: 8px;
}

.ag-theme-balham .ag-rtl .ag-menu-option-icon, .ag-theme-balham .ag-rtl .ag-compact-menu-option-icon {
  padding-right: 8px;
}

.ag-theme-balham .ag-menu-option-text, .ag-theme-balham .ag-compact-menu-option-text {
  padding-left: 8px;
  padding-right: 8px;
}
.ag-theme-balham .ag-ltr .ag-menu-option-shortcut, .ag-theme-balham .ag-ltr .ag-compact-menu-option-shortcut {
  padding-right: 4px;
}

.ag-theme-balham .ag-rtl .ag-menu-option-shortcut, .ag-theme-balham .ag-rtl .ag-compact-menu-option-shortcut {
  padding-left: 4px;
}

.ag-theme-balham .ag-menu-option-popup-pointer, .ag-theme-balham .ag-compact-menu-option-popup-pointer {
  padding-right: 4px;
}
.ag-theme-balham .ag-tabs {
  min-width: 220px;
}
.ag-theme-balham .ag-tabs-header {
  width: 100%;
  display: flex;
}
.ag-theme-balham .ag-tab {
  border-bottom: 0 solid transparent;
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.ag-theme-balham .ag-keyboard-focus .ag-tab:focus {
  outline: none;
}
.ag-theme-balham .ag-keyboard-focus .ag-tab:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: #719ECE;
  border-color: var(--ag-input-focus-border-color, #719ECE);
}
.ag-theme-balham .ag-tab-selected {
  border-bottom-color: #0091ea;
  border-bottom-color: var(--ag-selected-tab-underline-color, var(--ag-range-selection-border-color, var(--ag-balham-active-color, #0091ea)));
}
.ag-theme-balham .ag-menu-header {
  color: rgba(0, 0, 0, 0.54);
  color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54));
}
.ag-theme-balham .ag-filter-separator {
  border-top: solid 1px;
  border-top-color: #bdc3c7;
  border-top-color: var(--ag-border-color, #bdc3c7);
}
.ag-theme-balham .ag-filter-condition-operator {
  height: 17px;
}
.ag-theme-balham .ag-ltr .ag-filter-condition-operator-or {
  margin-left: 8px;
}

.ag-theme-balham .ag-rtl .ag-filter-condition-operator-or {
  margin-right: 8px;
}

.ag-theme-balham .ag-set-filter-select-all {
  padding-top: 6px;
}
.ag-theme-balham .ag-set-filter-list, .ag-theme-balham .ag-filter-no-matches {
  height: 144px;
}
.ag-theme-balham .ag-set-filter-filter {
  margin-top: 6px;
  margin-left: 6px;
  margin-right: 6px;
}
.ag-theme-balham .ag-filter-to {
  margin-top: 4px;
}
.ag-theme-balham .ag-mini-filter {
  margin: 6px 6px;
}
.ag-theme-balham .ag-set-filter-item {
  margin: 0px 6px;
}
.ag-theme-balham .ag-ltr .ag-set-filter-item-value {
  margin-left: 6px;
}

.ag-theme-balham .ag-rtl .ag-set-filter-item-value {
  margin-right: 6px;
}

.ag-theme-balham .ag-filter-apply-panel {
  padding: 6px 6px;
  border-top: solid 1px;
  border-top-color: #bdc3c7;
  border-top-color: var(--ag-secondary-border-color, var(--ag-border-color, #bdc3c7));
}
.ag-theme-balham .ag-filter-apply-panel-button {
  line-height: 1.5;
}
.ag-theme-balham .ag-ltr .ag-filter-apply-panel-button {
  margin-left: 8px;
}

.ag-theme-balham .ag-rtl .ag-filter-apply-panel-button {
  margin-right: 8px;
}

.ag-theme-balham .ag-simple-filter-body-wrapper {
  padding: 6px 6px;
  padding-bottom: 2px;
}
.ag-theme-balham .ag-simple-filter-body-wrapper > * {
  margin-bottom: 4px;
}
.ag-theme-balham .ag-filter-no-matches {
  padding: 6px 6px;
}
.ag-theme-balham .ag-multi-filter-menu-item {
  margin: 4px 0;
}
.ag-theme-balham .ag-multi-filter-group-title-bar {
  padding: 8px 4px;
  background-color: transparent;
}
.ag-theme-balham .ag-keyboard-focus .ag-multi-filter-group-title-bar:focus {
  outline: none;
}
.ag-theme-balham .ag-keyboard-focus .ag-multi-filter-group-title-bar:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: #719ECE;
  border-color: var(--ag-input-focus-border-color, #719ECE);
}
.ag-theme-balham .ag-side-bar {
  position: relative;
}
.ag-theme-balham .ag-tool-panel-wrapper {
  width: 200px;
  background-color: #f5f7f7;
  background-color: var(--ag-control-panel-background-color, #f5f7f7);
}
.ag-theme-balham .ag-side-buttons {
  padding-top: 16px;
  width: 20px;
  position: relative;
  color: #000;
  color: var(--ag-foreground-color, #000);
  overflow: hidden;
}
.ag-theme-balham button.ag-side-button-button {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  background: transparent;
  padding: 8px 0 8px 0;
  width: calc(100% + 1px);
  margin: 0;
  min-height: 72px;
  background-position-y: center;
  background-position-x: center;
  background-repeat: no-repeat;
  border: none;
  border-top: solid 1px;
  border-top-color: #bdc3c7;
  border-top-color: var(--ag-border-color, #bdc3c7);
  border-bottom: solid 1px;
  border-bottom-color: #bdc3c7;
  border-bottom-color: var(--ag-border-color, #bdc3c7);
}
.ag-theme-balham button.ag-side-button-button:focus {
  box-shadow: none;
}
.ag-theme-balham .ag-keyboard-focus .ag-side-button-button:focus {
  outline: none;
}
.ag-theme-balham .ag-keyboard-focus .ag-side-button-button:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: #719ECE;
  border-color: var(--ag-input-focus-border-color, #719ECE);
}
.ag-theme-balham .ag-selected .ag-side-button-button {
  background-color: #f5f7f7;
  background-color: var(--ag-control-panel-background-color, #f5f7f7);
  border-top-color: #bdc3c7;
  border-top-color: var(--ag-border-color, #bdc3c7);
  border-bottom-color: #bdc3c7;
  border-bottom-color: var(--ag-border-color, #bdc3c7);
}
.ag-theme-balham .ag-side-button-icon-wrapper {
  margin-bottom: 3px;
}
.ag-theme-balham .ag-ltr .ag-side-bar-left,
.ag-theme-balham .ag-rtl .ag-side-bar-right {
  border-right: solid 1px;
  border-right-color: #bdc3c7;
  border-right-color: var(--ag-border-color, #bdc3c7);
}
.ag-theme-balham .ag-ltr .ag-side-bar-left .ag-tool-panel-wrapper,
.ag-theme-balham .ag-rtl .ag-side-bar-right .ag-tool-panel-wrapper {
  border-left: solid 1px;
  border-left-color: #bdc3c7;
  border-left-color: var(--ag-border-color, #bdc3c7);
}
.ag-theme-balham .ag-ltr .ag-side-bar-left .ag-side-button-button,
.ag-theme-balham .ag-rtl .ag-side-bar-right .ag-side-button-button {
  border-right: 0 solid transparent;
  margin-right: -1px;
  padding-right: 1px;
}
.ag-theme-balham .ag-ltr .ag-side-bar-left .ag-selected .ag-side-button-button,
.ag-theme-balham .ag-rtl .ag-side-bar-right .ag-selected .ag-side-button-button {
  border-right-color: #0091ea;
  border-right-color: var(--ag-selected-tab-underline-color, var(--ag-range-selection-border-color, var(--ag-balham-active-color, #0091ea)));
}
.ag-theme-balham .ag-rtl .ag-side-bar-left,
.ag-theme-balham .ag-ltr .ag-side-bar-right {
  border-left: solid 1px;
  border-left-color: #bdc3c7;
  border-left-color: var(--ag-border-color, #bdc3c7);
}
.ag-theme-balham .ag-rtl .ag-side-bar-left .ag-tool-panel-wrapper,
.ag-theme-balham .ag-ltr .ag-side-bar-right .ag-tool-panel-wrapper {
  border-right: solid 1px;
  border-right-color: #bdc3c7;
  border-right-color: var(--ag-border-color, #bdc3c7);
}
.ag-theme-balham .ag-rtl .ag-side-bar-left .ag-side-button-button,
.ag-theme-balham .ag-ltr .ag-side-bar-right .ag-side-button-button {
  border-left: 0 solid transparent;
  margin-left: -1px;
  padding-left: 1px;
}
.ag-theme-balham .ag-rtl .ag-side-bar-left .ag-selected .ag-side-button-button,
.ag-theme-balham .ag-ltr .ag-side-bar-right .ag-selected .ag-side-button-button {
  border-left-color: #0091ea;
  border-left-color: var(--ag-selected-tab-underline-color, var(--ag-range-selection-border-color, var(--ag-balham-active-color, #0091ea)));
}
.ag-theme-balham .ag-filter-toolpanel-header {
  height: 24px;
}
.ag-theme-balham .ag-ltr .ag-filter-toolpanel-header, .ag-theme-balham .ag-ltr .ag-filter-toolpanel-search {
  padding-left: 4px;
}

.ag-theme-balham .ag-rtl .ag-filter-toolpanel-header, .ag-theme-balham .ag-rtl .ag-filter-toolpanel-search {
  padding-right: 4px;
}

.ag-theme-balham .ag-keyboard-focus .ag-filter-toolpanel-header:focus {
  outline: none;
}
.ag-theme-balham .ag-keyboard-focus .ag-filter-toolpanel-header:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: #719ECE;
  border-color: var(--ag-input-focus-border-color, #719ECE);
}
.ag-theme-balham .ag-filter-toolpanel-group.ag-has-filter > .ag-group-title-bar .ag-group-title::after {
  font-family: "agGridBalham";
  font-size: 16px;
  line-height: 16px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f114";
  position: absolute;
}
.ag-theme-balham .ag-ltr .ag-filter-toolpanel-group.ag-has-filter > .ag-group-title-bar .ag-group-title::after {
  padding-left: 4px;
}

.ag-theme-balham .ag-rtl .ag-filter-toolpanel-group.ag-has-filter > .ag-group-title-bar .ag-group-title::after {
  padding-right: 4px;
}

.ag-theme-balham .ag-filter-toolpanel-group-level-0-header {
  height: 32px;
}
.ag-theme-balham .ag-filter-toolpanel-group-item {
  margin-top: 2px;
  margin-bottom: 2px;
}
.ag-theme-balham .ag-filter-toolpanel-search {
  height: 32px;
}
.ag-theme-balham .ag-filter-toolpanel-search-input {
  flex-grow: 1;
  height: 16px;
}
.ag-theme-balham .ag-ltr .ag-filter-toolpanel-search-input {
  margin-right: 4px;
}

.ag-theme-balham .ag-rtl .ag-filter-toolpanel-search-input {
  margin-left: 4px;
}

.ag-theme-balham .ag-filter-toolpanel-group-level-0 {
  border-top: solid 1px;
  border-top-color: #bdc3c7;
  border-top-color: var(--ag-secondary-border-color, var(--ag-border-color, #bdc3c7));
}
.ag-theme-balham .ag-ltr .ag-filter-toolpanel-expand, .ag-theme-balham .ag-ltr .ag-filter-toolpanel-group-title-bar-icon {
  margin-right: 4px;
}

.ag-theme-balham .ag-rtl .ag-filter-toolpanel-expand, .ag-theme-balham .ag-rtl .ag-filter-toolpanel-group-title-bar-icon {
  margin-left: 4px;
}

.ag-theme-balham .ag-filter-toolpanel-group-level-1 .ag-filter-toolpanel-group-level-1-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-theme-balham .ag-ltr .ag-filter-toolpanel-group-level-1 .ag-filter-toolpanel-group-level-2-header {
  padding-left: 20px;
}

.ag-theme-balham .ag-rtl .ag-filter-toolpanel-group-level-1 .ag-filter-toolpanel-group-level-2-header {
  padding-right: 20px;
}

.ag-theme-balham .ag-filter-toolpanel-group-level-2 .ag-filter-toolpanel-group-level-2-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-theme-balham .ag-ltr .ag-filter-toolpanel-group-level-2 .ag-filter-toolpanel-group-level-3-header {
  padding-left: 36px;
}

.ag-theme-balham .ag-rtl .ag-filter-toolpanel-group-level-2 .ag-filter-toolpanel-group-level-3-header {
  padding-right: 36px;
}

.ag-theme-balham .ag-filter-toolpanel-group-level-3 .ag-filter-toolpanel-group-level-3-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-theme-balham .ag-ltr .ag-filter-toolpanel-group-level-3 .ag-filter-toolpanel-group-level-4-header {
  padding-left: 52px;
}

.ag-theme-balham .ag-rtl .ag-filter-toolpanel-group-level-3 .ag-filter-toolpanel-group-level-4-header {
  padding-right: 52px;
}

.ag-theme-balham .ag-filter-toolpanel-group-level-4 .ag-filter-toolpanel-group-level-4-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-theme-balham .ag-ltr .ag-filter-toolpanel-group-level-4 .ag-filter-toolpanel-group-level-5-header {
  padding-left: 68px;
}

.ag-theme-balham .ag-rtl .ag-filter-toolpanel-group-level-4 .ag-filter-toolpanel-group-level-5-header {
  padding-right: 68px;
}

.ag-theme-balham .ag-filter-toolpanel-group-level-5 .ag-filter-toolpanel-group-level-5-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-theme-balham .ag-ltr .ag-filter-toolpanel-group-level-5 .ag-filter-toolpanel-group-level-6-header {
  padding-left: 84px;
}

.ag-theme-balham .ag-rtl .ag-filter-toolpanel-group-level-5 .ag-filter-toolpanel-group-level-6-header {
  padding-right: 84px;
}

.ag-theme-balham .ag-filter-toolpanel-group-level-6 .ag-filter-toolpanel-group-level-6-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-theme-balham .ag-ltr .ag-filter-toolpanel-group-level-6 .ag-filter-toolpanel-group-level-7-header {
  padding-left: 100px;
}

.ag-theme-balham .ag-rtl .ag-filter-toolpanel-group-level-6 .ag-filter-toolpanel-group-level-7-header {
  padding-right: 100px;
}

.ag-theme-balham .ag-filter-toolpanel-group-level-7 .ag-filter-toolpanel-group-level-7-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-theme-balham .ag-ltr .ag-filter-toolpanel-group-level-7 .ag-filter-toolpanel-group-level-8-header {
  padding-left: 116px;
}

.ag-theme-balham .ag-rtl .ag-filter-toolpanel-group-level-7 .ag-filter-toolpanel-group-level-8-header {
  padding-right: 116px;
}

.ag-theme-balham .ag-filter-toolpanel-group-level-8 .ag-filter-toolpanel-group-level-8-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-theme-balham .ag-ltr .ag-filter-toolpanel-group-level-8 .ag-filter-toolpanel-group-level-9-header {
  padding-left: 132px;
}

.ag-theme-balham .ag-rtl .ag-filter-toolpanel-group-level-8 .ag-filter-toolpanel-group-level-9-header {
  padding-right: 132px;
}

.ag-theme-balham .ag-filter-toolpanel-group-level-9 .ag-filter-toolpanel-group-level-9-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-theme-balham .ag-ltr .ag-filter-toolpanel-group-level-9 .ag-filter-toolpanel-group-level-10-header {
  padding-left: 148px;
}

.ag-theme-balham .ag-rtl .ag-filter-toolpanel-group-level-9 .ag-filter-toolpanel-group-level-10-header {
  padding-right: 148px;
}

.ag-theme-balham .ag-filter-toolpanel-group-level-10 .ag-filter-toolpanel-group-level-10-header.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-theme-balham .ag-ltr .ag-filter-toolpanel-group-level-10 .ag-filter-toolpanel-group-level-11-header {
  padding-left: 164px;
}

.ag-theme-balham .ag-rtl .ag-filter-toolpanel-group-level-10 .ag-filter-toolpanel-group-level-11-header {
  padding-right: 164px;
}

.ag-theme-balham .ag-filter-toolpanel-instance-header.ag-filter-toolpanel-group-level-1-header {
  padding-left: 4px;
}
.ag-theme-balham .ag-filter-toolpanel-instance-filter {
  border-top: solid 1px;
  border-top-color: #bdc3c7;
  border-top-color: var(--ag-border-color, #bdc3c7);
  border-bottom: solid 1px;
  border-bottom-color: #bdc3c7;
  border-bottom-color: var(--ag-border-color, #bdc3c7);
  margin-top: 4px;
}
.ag-theme-balham .ag-ltr .ag-filter-toolpanel-instance-header-icon {
  margin-left: 4px;
}

.ag-theme-balham .ag-rtl .ag-filter-toolpanel-instance-header-icon {
  margin-right: 4px;
}

.ag-theme-balham .ag-pivot-mode-panel {
  min-height: 32px;
  height: 32px;
  display: flex;
}
.ag-theme-balham .ag-pivot-mode-select {
  display: flex;
  align-items: center;
}
.ag-theme-balham .ag-ltr .ag-pivot-mode-select {
  margin-left: 6px;
}

.ag-theme-balham .ag-rtl .ag-pivot-mode-select {
  margin-right: 6px;
}

.ag-theme-balham .ag-keyboard-focus .ag-column-select-header:focus {
  outline: none;
}
.ag-theme-balham .ag-keyboard-focus .ag-column-select-header:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: #719ECE;
  border-color: var(--ag-input-focus-border-color, #719ECE);
}
.ag-theme-balham .ag-column-select-header {
  height: 32px;
  align-items: center;
  padding: 0 6px;
  border-bottom: solid 1px;
  border-bottom-color: #bdc3c7;
  border-bottom-color: var(--ag-secondary-border-color, var(--ag-border-color, #bdc3c7));
}
.ag-theme-balham .ag-column-panel-column-select {
  border-bottom: solid 1px;
  border-bottom-color: #bdc3c7;
  border-bottom-color: var(--ag-secondary-border-color, var(--ag-border-color, #bdc3c7));
  border-top: solid 1px;
  border-top-color: #bdc3c7;
  border-top-color: var(--ag-secondary-border-color, var(--ag-border-color, #bdc3c7));
}
.ag-theme-balham .ag-column-group-icons,
.ag-theme-balham .ag-column-select-header-icon {
  color: rgba(0, 0, 0, 0.54);
  color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54));
}
.ag-theme-balham .ag-column-select-list .ag-column-list-item-hovered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #0091ea;
  background-color: var(--ag-range-selection-border-color, var(--ag-balham-active-color, #0091ea));
}
.ag-theme-balham .ag-column-select-list .ag-item-highlight-top::after {
  top: 0;
}
.ag-theme-balham .ag-column-select-list .ag-item-highlight-bottom::after {
  bottom: 0;
}
.ag-theme-balham .ag-header {
  background-color: #f5f7f7;
  background-color: var(--ag-header-background-color, #f5f7f7);
  border-bottom: solid 1px;
  border-bottom-color: #bdc3c7;
  border-bottom-color: var(--ag-border-color, #bdc3c7);
}
.ag-theme-balham .ag-header-row {
  color: rgba(0, 0, 0, 0.54);
  color: var(--ag-header-foreground-color, var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54)));
  height: 32px;
}
.ag-theme-balham .ag-pinned-right-header {
  border-left: solid 1px;
  border-left-color: #bdc3c7;
  border-left-color: var(--ag-border-color, #bdc3c7);
}
.ag-theme-balham .ag-pinned-left-header {
  border-right: solid 1px;
  border-right-color: #bdc3c7;
  border-right-color: var(--ag-border-color, #bdc3c7);
}
.ag-theme-balham .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon {
  margin-left: 4px;
}

.ag-theme-balham .ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon {
  margin-right: 4px;
}

.ag-theme-balham .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon {
  margin-right: 4px;
}

.ag-theme-balham .ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-label-icon {
  margin-left: 4px;
}

.ag-theme-balham .ag-header-cell,
.ag-theme-balham .ag-header-group-cell {
  padding-left: 12px;
  padding-right: 12px;
}
.ag-theme-balham .ag-header-cell.ag-header-cell-moving,
.ag-theme-balham .ag-header-group-cell.ag-header-cell-moving {
  background-color: white;
  background-color: var(--ag-header-cell-moving-background-color, var(--ag-background-color, white));
}
.ag-theme-balham .ag-keyboard-focus .ag-header-cell:focus {
  outline: none;
}
.ag-theme-balham .ag-keyboard-focus .ag-header-cell:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: #719ECE;
  border-color: var(--ag-input-focus-border-color, #719ECE);
}
.ag-theme-balham .ag-keyboard-focus .ag-header-group-cell:focus {
  outline: none;
}
.ag-theme-balham .ag-keyboard-focus .ag-header-group-cell:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: #719ECE;
  border-color: var(--ag-input-focus-border-color, #719ECE);
}
.ag-theme-balham .ag-header-icon {
  color: rgba(0, 0, 0, 0.54);
  color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54));
}
.ag-theme-balham .ag-header-expand-icon {
  cursor: pointer;
}
.ag-theme-balham .ag-ltr .ag-header-expand-icon {
  padding-left: 4px;
}

.ag-theme-balham .ag-rtl .ag-header-expand-icon {
  padding-right: 4px;
}

.ag-theme-balham .ag-header-row:not(:first-child) .ag-header-cell,
.ag-theme-balham .ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group {
  border-top: solid 1px;
  border-top-color: #bdc3c7;
  border-top-color: var(--ag-border-color, #bdc3c7);
}
.ag-theme-balham .ag-header-cell::after,
.ag-theme-balham .ag-header-group-cell::after {
  content: "";
  position: absolute;
  z-index: 1;
  display: block;
  width: 1px;
  height: 50%;
  top: calc(50% - 25%);
  background-color: rgba(189, 195, 199, 0.5);
  background-color: var(--ag-header-column-separator-color, rgba(189, 195, 199, 0.5));
}
.ag-theme-balham .ag-ltr .ag-header-cell::after, .ag-theme-balham .ag-ltr .ag-header-group-cell::after {
  right: 0;
}

.ag-theme-balham .ag-rtl .ag-header-cell::after, .ag-theme-balham .ag-rtl .ag-header-group-cell::after {
  left: 0;
}

.ag-theme-balham .ag-ltr .ag-header-select-all {
  margin-right: 12px;
}

.ag-theme-balham .ag-rtl .ag-header-select-all {
  margin-left: 12px;
}

.ag-theme-balham .ag-ltr .ag-floating-filter-button {
  margin-left: 12px;
}

.ag-theme-balham .ag-rtl .ag-floating-filter-button {
  margin-right: 12px;
}

.ag-theme-balham .ag-floating-filter-button-button {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: none;
  height: 16px;
  padding: 0;
  width: 16px;
}
.ag-theme-balham .ag-filter-loading {
  background-color: #f5f7f7;
  background-color: var(--ag-control-panel-background-color, #f5f7f7);
  height: 100%;
  padding: 6px 6px;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.ag-theme-balham .ag-paging-panel {
  border-top: 1px solid;
  border-top-color: #bdc3c7;
  border-top-color: var(--ag-border-color, #bdc3c7);
  color: rgba(0, 0, 0, 0.54);
  color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54));
  height: 32px;
}
.ag-theme-balham .ag-paging-panel > * {
  margin: 0 12px;
}
.ag-theme-balham .ag-paging-button {
  cursor: pointer;
}
.ag-theme-balham .ag-paging-button.ag-disabled {
  cursor: default;
  color: rgba(0, 0, 0, 0.38);
  color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, 0.38));
}
.ag-theme-balham .ag-keyboard-focus .ag-paging-button:focus {
  outline: none;
}
.ag-theme-balham .ag-keyboard-focus .ag-paging-button:focus::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 0px;
  left: 0px;
  display: block;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  border: 1px solid;
  border-color: #719ECE;
  border-color: var(--ag-input-focus-border-color, #719ECE);
}
.ag-theme-balham .ag-paging-button, .ag-theme-balham .ag-paging-description {
  margin: 0 4px;
}
.ag-theme-balham .ag-status-bar {
  border-top: solid 1px;
  border-top-color: #bdc3c7;
  border-top-color: var(--ag-border-color, #bdc3c7);
  color: rgba(0, 0, 0, 0.38);
  color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, 0.38));
  padding-right: 16px;
  padding-left: 16px;
  line-height: 1.5;
}
.ag-theme-balham .ag-status-name-value-value {
  color: #000;
  color: var(--ag-foreground-color, #000);
}
.ag-theme-balham .ag-status-bar-center {
  text-align: center;
}
.ag-theme-balham .ag-status-name-value {
  margin-left: 4px;
  margin-right: 4px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.ag-theme-balham .ag-column-drop-cell {
  background: #dddede;
  background: var(--ag-chip-background-color, #dddede);
  border-radius: 16px;
  height: 16px;
  padding: 0 2px;
}
.ag-theme-balham .ag-column-drop-cell-text {
  margin: 0 4px;
}
.ag-theme-balham .ag-column-drop-cell-button {
  min-width: 16px;
  margin: 0 2px;
  color: rgba(0, 0, 0, 0.54);
  color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54));
}
.ag-theme-balham .ag-column-drop-cell-drag-handle {
  margin-left: 8px;
}
.ag-theme-balham .ag-column-drop-cell-ghost {
  opacity: 0.5;
}
.ag-theme-balham .ag-column-drop-horizontal {
  background-color: #f5f7f7;
  background-color: var(--ag-control-panel-background-color, #f5f7f7);
  color: rgba(0, 0, 0, 0.54);
  color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54));
  height: 28px;
  border-bottom: solid 1px;
  border-bottom-color: #bdc3c7;
  border-bottom-color: var(--ag-border-color, #bdc3c7);
}
.ag-theme-balham .ag-ltr .ag-column-drop-horizontal {
  padding-left: 12px;
}

.ag-theme-balham .ag-rtl .ag-column-drop-horizontal {
  padding-right: 12px;
}

.ag-theme-balham .ag-ltr .ag-column-drop-horizontal-half-width:not(:last-child) {
  border-right: solid 1px;
  border-right-color: #bdc3c7;
  border-right-color: var(--ag-border-color, #bdc3c7);
}

.ag-theme-balham .ag-rtl .ag-column-drop-horizontal-half-width:not(:last-child) {
  border-left: solid 1px;
  border-left-color: #bdc3c7;
  border-left-color: var(--ag-border-color, #bdc3c7);
}

.ag-theme-balham .ag-column-drop-horizontal-cell-separator {
  margin: 0 4px;
  color: rgba(0, 0, 0, 0.54);
  color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54));
}
.ag-theme-balham .ag-column-drop-horizontal-empty-message {
  color: rgba(0, 0, 0, 0.38);
  color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, 0.38));
}
.ag-theme-balham .ag-ltr .ag-column-drop-horizontal-icon {
  margin-right: 12px;
}

.ag-theme-balham .ag-rtl .ag-column-drop-horizontal-icon {
  margin-left: 12px;
}

.ag-theme-balham .ag-column-drop-vertical-list {
  padding-bottom: 4px;
  padding-right: 4px;
  padding-left: 4px;
}
.ag-theme-balham .ag-column-drop-vertical-cell {
  margin-top: 4px;
}
.ag-theme-balham .ag-column-drop-vertical {
  min-height: 50px;
  border-bottom: solid 1px;
  border-bottom-color: #bdc3c7;
  border-bottom-color: var(--ag-secondary-border-color, var(--ag-border-color, #bdc3c7));
}
.ag-theme-balham .ag-column-drop-vertical.ag-last-column-drop {
  border-bottom: none;
}
.ag-theme-balham .ag-column-drop-vertical-icon {
  margin-left: 4px;
  margin-right: 4px;
}
.ag-theme-balham .ag-column-drop-vertical-empty-message {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.38);
  color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, 0.38));
  margin-top: 4px;
}
.ag-theme-balham .ag-select-agg-func-popup {
  border: solid 1px;
  border-color: #bdc3c7;
  border-color: var(--ag-border-color, #bdc3c7);
  background: white;
  background: var(--ag-background-color, white);
  border-radius: 2px;
  box-shadow: none;
  padding: 4px;
  background: white;
  background: var(--ag-background-color, white);
  height: 70px;
  padding: 0;
}
.ag-theme-balham .ag-select-agg-func-virtual-list-item {
  cursor: default;
  line-height: 20px;
  padding-left: 8px;
}
.ag-theme-balham .ag-select-agg-func-virtual-list-item:hover {
  background-color: #b7e4ff;
  background-color: var(--ag-selected-row-background-color, #b7e4ff);
}
.ag-theme-balham .ag-chart-menu {
  border-radius: 2px;
  background: white;
  background: var(--ag-background-color, white);
}
.ag-theme-balham .ag-chart-menu-icon {
  opacity: 0.5;
  line-height: 24px;
  font-size: 24px;
  width: 24px;
  height: 24px;
  margin: 2px 0;
  cursor: pointer;
  border-radius: 2px;
  color: rgba(0, 0, 0, 0.54);
  color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54));
}
.ag-theme-balham .ag-chart-menu-icon:hover {
  opacity: 1;
}
.ag-theme-balham .ag-chart-mini-thumbnail {
  border: 1px solid;
  border-color: #bdc3c7;
  border-color: var(--ag-secondary-border-color, var(--ag-border-color, #bdc3c7));
  border-radius: 5px;
  margin: 5px;
}
.ag-theme-balham .ag-chart-mini-thumbnail:nth-last-child(3), .ag-theme-balham .ag-chart-mini-thumbnail:nth-last-child(3) ~ .ag-chart-mini-thumbnail {
  margin-left: auto;
  margin-right: auto;
}
.ag-theme-balham .ag-ltr .ag-chart-mini-thumbnail:first-child {
  margin-left: 0;
}

.ag-theme-balham .ag-rtl .ag-chart-mini-thumbnail:first-child {
  margin-right: 0;
}

.ag-theme-balham .ag-ltr .ag-chart-mini-thumbnail:last-child {
  margin-right: 0;
}

.ag-theme-balham .ag-rtl .ag-chart-mini-thumbnail:last-child {
  margin-left: 0;
}

.ag-theme-balham .ag-chart-mini-thumbnail.ag-selected {
  border-color: #0091ea;
  border-color: var(--ag-minichart-selected-chart-color, var(--ag-checkbox-checked-color, var(--ag-balham-active-color, #0091ea)));
}
.ag-theme-balham .ag-chart-settings-card-item {
  background: #000;
  background: var(--ag-foreground-color, #000);
  width: 8px;
  height: 8px;
  border-radius: 4px;
}
.ag-theme-balham .ag-chart-settings-card-item.ag-selected {
  background-color: #0091ea;
  background-color: var(--ag-minichart-selected-page-color, var(--ag-checkbox-checked-color, var(--ag-balham-active-color, #0091ea)));
}
.ag-theme-balham .ag-chart-data-column-drag-handle {
  margin-left: 4px;
}
.ag-theme-balham .ag-charts-settings-group-title-bar,
.ag-theme-balham .ag-charts-data-group-title-bar,
.ag-theme-balham .ag-charts-format-top-level-group-title-bar {
  border-top: solid 1px;
  border-top-color: #bdc3c7;
  border-top-color: var(--ag-secondary-border-color, var(--ag-border-color, #bdc3c7));
}
.ag-theme-balham .ag-charts-settings-group-container {
  padding: 4px;
}
.ag-theme-balham .ag-charts-data-group-container {
  padding: 6px 6px;
  padding-bottom: 2px;
}
.ag-theme-balham .ag-charts-data-group-container > * {
  margin-bottom: 4px;
}
.ag-theme-balham .ag-charts-format-top-level-group-container {
  margin-left: 8px;
  padding: 4px;
}
.ag-theme-balham .ag-charts-format-top-level-group-item {
  margin: 4px 0;
}
.ag-theme-balham .ag-charts-format-sub-level-group-container {
  padding: 6px 6px;
  padding-bottom: 2px;
}
.ag-theme-balham .ag-charts-format-sub-level-group-container > * {
  margin-bottom: 4px;
}
.ag-theme-balham .ag-charts-group-container.ag-group-container-horizontal {
  padding: 4px;
}
.ag-theme-balham .ag-chart-data-section,
.ag-theme-balham .ag-chart-format-section {
  display: flex;
  margin: 0;
}
.ag-theme-balham .ag-chart-menu-panel {
  background-color: #f5f7f7;
  background-color: var(--ag-control-panel-background-color, #f5f7f7);
}
.ag-theme-balham .ag-ltr .ag-chart-menu-panel {
  border-left: solid 1px;
  border-left-color: #bdc3c7;
  border-left-color: var(--ag-border-color, #bdc3c7);
}

.ag-theme-balham .ag-rtl .ag-chart-menu-panel {
  border-right: solid 1px;
  border-right-color: #bdc3c7;
  border-right-color: var(--ag-border-color, #bdc3c7);
}

.ag-theme-balham .ag-date-time-list-page-title {
  flex-grow: 1;
  text-align: center;
}
.ag-theme-balham .ag-date-time-list-page-column-label {
  text-align: center;
}
.ag-theme-balham .ag-date-time-list-page-entry {
  text-align: center;
}
.ag-theme-balham .ag-checkbox-input-wrapper {
  font-family: "agGridBalham";
  font-size: 16px;
  line-height: 16px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 16px;
  height: 16px;
  background-color: white;
  background-color: var(--ag-checkbox-background-color, var(--ag-background-color, white));
  border-radius: 3px;
  display: inline-block;
  vertical-align: middle;
  flex: none;
}
.ag-theme-balham .ag-checkbox-input-wrapper input, .ag-theme-balham .ag-checkbox-input-wrapper input {
  -webkit-appearance: none;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.ag-theme-balham .ag-checkbox-input-wrapper:focus-within, .ag-theme-balham .ag-checkbox-input-wrapper:active {
  outline: none;
  box-shadow: 0 0 2px 1px #719ECE;
}
.ag-theme-balham .ag-checkbox-input-wrapper.ag-disabled {
  opacity: 0.5;
}
.ag-theme-balham .ag-checkbox-input-wrapper::after {
  content: "\f108";
  color: #7f8c8d;
  color: var(--ag-checkbox-unchecked-color, #7f8c8d);
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-theme-balham .ag-checkbox-input-wrapper.ag-checked::after {
  content: "\f106";
  color: #0091ea;
  color: var(--ag-checkbox-checked-color, var(--ag-balham-active-color, #0091ea));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-theme-balham .ag-checkbox-input-wrapper.ag-indeterminate::after {
  content: "\f107";
  color: #7f8c8d;
  color: var(--ag-checkbox-indeterminate-color, var(--ag-checkbox-unchecked-color, #7f8c8d));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-theme-balham .ag-toggle-button-input-wrapper {
  box-sizing: border-box;
  width: 32px;
  height: 16px;
  background-color: #7f8c8d;
  background-color: var(--ag-toggle-button-off-background-color, var(--ag-checkbox-unchecked-color, #7f8c8d));
  border-radius: 8px;
  position: relative;
  flex: none;
  border: 1px solid;
  border-color: #7f8c8d;
  border-color: var(--ag-toggle-button-off-border-color, var(--ag-checkbox-unchecked-color, #7f8c8d));
}
.ag-theme-balham .ag-toggle-button-input-wrapper input {
  opacity: 0;
  height: 100%;
  width: 100%;
}
.ag-theme-balham .ag-toggle-button-input-wrapper:focus-within {
  outline: none;
  box-shadow: 0 0 2px 1px #719ECE;
}
.ag-theme-balham .ag-toggle-button-input-wrapper.ag-disabled {
  opacity: 0.5;
}
.ag-theme-balham .ag-toggle-button-input-wrapper.ag-checked {
  background-color: #0091ea;
  background-color: var(--ag-toggle-button-on-background-color, var(--ag-checkbox-checked-color, var(--ag-balham-active-color, #0091ea)));
  border-color: #0091ea;
  border-color: var(--ag-toggle-button-on-border-color, var(--ag-checkbox-checked-color, var(--ag-balham-active-color, #0091ea)));
}
.ag-theme-balham .ag-toggle-button-input-wrapper::before {
  content: " ";
  position: absolute;
  top: -1px;
  left: -1px;
  display: block;
  box-sizing: border-box;
  height: 16px;
  width: 16px;
  background-color: white;
  background-color: var(--ag-toggle-button-switch-background-color, var(--ag-background-color, white));
  border-radius: 8px;
  transition: left 100ms;
  border: 1px solid;
  border-color: #7f8c8d;
  border-color: var(--ag-toggle-button-switch-border-color, var(--ag-toggle-button-off-border-color, var(--ag-checkbox-unchecked-color, #7f8c8d)));
}
.ag-theme-balham .ag-toggle-button-input-wrapper.ag-checked::before {
  left: calc(100% - 16px );
  border-color: #0091ea;
  border-color: var(--ag-toggle-button-on-border-color, var(--ag-checkbox-checked-color, var(--ag-balham-active-color, #0091ea)));
}
.ag-theme-balham .ag-radio-button-input-wrapper {
  font-family: "agGridBalham";
  font-size: 16px;
  line-height: 16px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 16px;
  height: 16px;
  background-color: white;
  background-color: var(--ag-checkbox-background-color, var(--ag-background-color, white));
  border-radius: 3px;
  display: inline-block;
  vertical-align: middle;
  flex: none;
  border-radius: 16px;
}
.ag-theme-balham .ag-radio-button-input-wrapper input, .ag-theme-balham .ag-radio-button-input-wrapper input {
  -webkit-appearance: none;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.ag-theme-balham .ag-radio-button-input-wrapper:focus-within, .ag-theme-balham .ag-radio-button-input-wrapper:active {
  outline: none;
  box-shadow: 0 0 2px 1px #719ECE;
}
.ag-theme-balham .ag-radio-button-input-wrapper.ag-disabled {
  opacity: 0.5;
}
.ag-theme-balham .ag-radio-button-input-wrapper::after {
  content: "\f126";
  color: #7f8c8d;
  color: var(--ag-checkbox-unchecked-color, #7f8c8d);
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-theme-balham .ag-radio-button-input-wrapper.ag-checked::after {
  content: "\f127";
  color: #0091ea;
  color: var(--ag-checkbox-checked-color, var(--ag-balham-active-color, #0091ea));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-theme-balham input[class^=ag-][type=range] {
  -webkit-appearance: none;
  width: 100%;
  height: 100%;
  background: none;
  overflow: visible;
}
.ag-theme-balham input[class^=ag-][type=range]::-webkit-slider-runnable-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: #bdc3c7;
  background-color: var(--ag-border-color, #bdc3c7);
  border-radius: 2px;
  border-radius: 3px;
}
.ag-theme-balham input[class^=ag-][type=range]::-moz-range-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: #bdc3c7;
  background-color: var(--ag-border-color, #bdc3c7);
  border-radius: 2px;
  border-radius: 3px;
}
.ag-theme-balham input[class^=ag-][type=range]::-ms-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: #bdc3c7;
  background-color: var(--ag-border-color, #bdc3c7);
  border-radius: 2px;
  border-radius: 3px;
  color: transparent;
  width: calc(100% - 2px);
}
.ag-theme-balham input[class^=ag-][type=range]::-webkit-slider-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  background-color: white;
  background-color: var(--ag-background-color, white);
  border: 1px solid;
  border-color: #7f8c8d;
  border-color: var(--ag-checkbox-unchecked-color, #7f8c8d);
  border-radius: 16px;
  -webkit-transform: translateY(-6.5px);
          transform: translateY(-6.5px);
}
.ag-theme-balham input[class^=ag-][type=range]::-ms-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  background-color: white;
  background-color: var(--ag-background-color, white);
  border: 1px solid;
  border-color: #7f8c8d;
  border-color: var(--ag-checkbox-unchecked-color, #7f8c8d);
  border-radius: 16px;
}
.ag-theme-balham input[class^=ag-][type=range]::-moz-ag-range-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  background-color: white;
  background-color: var(--ag-background-color, white);
  border: 1px solid;
  border-color: #7f8c8d;
  border-color: var(--ag-checkbox-unchecked-color, #7f8c8d);
  border-radius: 16px;
}
.ag-theme-balham input[class^=ag-][type=range]:focus {
  outline: none;
}
.ag-theme-balham input[class^=ag-][type=range]:focus::-webkit-slider-thumb {
  box-shadow: 0 0 2px 1px #719ECE;
  border-color: #0091ea;
  border-color: var(--ag-checkbox-checked-color, var(--ag-balham-active-color, #0091ea));
}
.ag-theme-balham input[class^=ag-][type=range]:focus::-ms-thumb {
  box-shadow: 0 0 2px 1px #719ECE;
  border-color: #0091ea;
  border-color: var(--ag-checkbox-checked-color, var(--ag-balham-active-color, #0091ea));
}
.ag-theme-balham input[class^=ag-][type=range]:focus::-moz-ag-range-thumb {
  box-shadow: 0 0 2px 1px #719ECE;
  border-color: #0091ea;
  border-color: var(--ag-checkbox-checked-color, var(--ag-balham-active-color, #0091ea));
}
.ag-theme-balham input[class^=ag-][type=range]:active::-webkit-slider-runnable-track {
  background-color: #719ECE;
  background-color: var(--ag-input-focus-border-color, #719ECE);
}
.ag-theme-balham input[class^=ag-][type=range]:active::-moz-ag-range-track {
  background-color: #719ECE;
  background-color: var(--ag-input-focus-border-color, #719ECE);
}
.ag-theme-balham input[class^=ag-][type=range]:active::-ms-track {
  background-color: #719ECE;
  background-color: var(--ag-input-focus-border-color, #719ECE);
}
.ag-theme-balham input[class^=ag-][type=range]:disabled {
  opacity: 0.5;
}
.ag-theme-balham .ag-filter-toolpanel-header,
.ag-theme-balham .ag-filter-toolpanel-search,
.ag-theme-balham .ag-status-bar,
.ag-theme-balham .ag-header-row,
.ag-theme-balham .ag-multi-filter-group-title-bar {
  font-weight: 600;
  color: rgba(0, 0, 0, 0.54);
  color: var(--ag-header-foreground-color, var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54)));
}
.ag-theme-balham .ag-ltr input[class^=ag-]:not([type]),
.ag-theme-balham .ag-ltr input[class^=ag-][type=text],
.ag-theme-balham .ag-ltr input[class^=ag-][type=number],
.ag-theme-balham .ag-ltr input[class^=ag-][type=tel],
.ag-theme-balham .ag-ltr input[class^=ag-][type=date],
.ag-theme-balham .ag-ltr input[class^=ag-][type=datetime-local],
.ag-theme-balham .ag-ltr textarea[class^=ag-] {
  padding-left: 4px;
}

.ag-theme-balham .ag-rtl input[class^=ag-]:not([type]),
.ag-theme-balham .ag-rtl input[class^=ag-][type=text],
.ag-theme-balham .ag-rtl input[class^=ag-][type=number],
.ag-theme-balham .ag-rtl input[class^=ag-][type=tel],
.ag-theme-balham .ag-rtl input[class^=ag-][type=date],
.ag-theme-balham .ag-rtl input[class^=ag-][type=datetime-local],
.ag-theme-balham .ag-rtl textarea[class^=ag-] {
  padding-right: 4px;
}

.ag-theme-balham .ag-column-drop-vertical-empty-message, .ag-theme-balham .ag-status-bar {
  font-weight: 600;
  color: rgba(0, 0, 0, 0.38);
  color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, 0.38));
}
.ag-theme-balham .ag-dnd-ghost {
  font-weight: 600;
}
.ag-theme-balham .ag-tab {
  border: 1px solid transparent;
  padding: 4px 8px;
  margin: 4px;
  margin-bottom: -1px;
}
.ag-theme-balham .ag-tab-selected {
  background-color: white;
  background-color: var(--ag-background-color, white);
  border-color: #bdc3c7;
  border-color: var(--ag-border-color, #bdc3c7);
  border-bottom-color: transparent;
}
.ag-theme-balham .ag-tabs-header {
  border-bottom: 1px solid;
  border-bottom-color: #bdc3c7;
  border-bottom-color: var(--ag-border-color, #bdc3c7);
}
.ag-theme-balham .ag-column-drop-cell {
  height: 24px;
}
.ag-theme-balham .ag-column-drop-vertical-title {
  color: #000;
  color: var(--ag-foreground-color, #000);
}
.ag-theme-balham .ag-column-drop-vertical-cell {
  margin-left: 8px;
  margin-right: 8px;
}
.ag-theme-balham .ag-column-drop-vertical-cell-text {
  margin-left: 8px;
}
.ag-theme-balham .ag-column-drop-vertical-icon {
  color: rgba(0, 0, 0, 0.54);
  color: var(--ag-secondary-foreground-color, rgba(0, 0, 0, 0.54));
}
.ag-theme-balham .ag-ltr .ag-column-drop-vertical-empty-message {
  padding-left: 24px;
  padding-right: 4px;
}

.ag-theme-balham .ag-rtl .ag-column-drop-vertical-empty-message {
  padding-right: 24px;
  padding-left: 4px;
}

.ag-theme-balham .ag-column-drop-horizontal {
  height: 32px;
}
.ag-theme-balham .ag-column-drop-empty {
  color: rgba(0, 0, 0, 0.38);
  color: var(--ag-disabled-foreground-color, rgba(0, 0, 0, 0.38));
}
.ag-theme-balham .ag-column-drop-horizontal-cell-text {
  margin-left: 8px;
}
.ag-theme-balham .ag-column-drop-vertical {
  padding-top: 8px;
}
.ag-theme-balham .ag-menu-header {
  background-color: #f5f7f7;
  background-color: var(--ag-header-background-color, #f5f7f7);
}
.ag-theme-balham .ag-overlay-loading-center {
  background-color: white;
  background-color: var(--ag-background-color, white);
  border: 1px solid;
  border-color: #bdc3c7;
  border-color: var(--ag-border-color, #bdc3c7);
  color: #000;
  color: var(--ag-foreground-color, #000);
  padding: 16px;
}
.ag-theme-balham .ag-tooltip {
  border: none;
  background-color: #cbd0d3;
}
.ag-theme-balham .ag-panel-title-bar-button-icon {
  font-size: 20px;
}
.ag-theme-balham .ag-chart-data-section,
.ag-theme-balham .ag-chart-format-section {
  padding-bottom: 2px;
}
.ag-theme-balham .ag-group-toolbar {
  background-color: rgba(226, 233, 235, 0.5);
  background-color: var(--ag-subheader-toolbar-background-color, rgba(226, 233, 235, 0.5));
}
.ag-theme-balham .ag-chart-tab {
  padding-top: 2px;
}
.ag-theme-balham .ag-charts-format-sub-level-group-item {
  margin-bottom: 6px;
}



* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ag-theme-balham .ag-header {
    background-color: #FAFCFC !important;
}

.ag-theme-balham .ag-floating-top {
}

.ag-theme-balham .ag-column-drop-horizontal {
    background-color: #F8FBFE;
    background-color: #f5f5f5;
}

.ag-theme-balham .ag-column-drop-cell {
    background-color:white;
}

.ag-row {
}

.ag-row {
    border-bottom: 1px solid #B2CCD8;
}

.ag-row-level-0 {
    background-color: #fff !important;
}

.ag-row-level-1, .ag-row-level-1 .ag-cell {
    background-image: url(/Images/RT/Dark/overlay/gray_808080_5.png) !important;
    background-color:white;
}

.ag-row-level-2, .ag-row-level-2 .ag-cell {
    background-color: white;
}

.ag-row-level-3, .ag-row-level-3 .ag-cell {
    background-image: url(/Images/RT/Dark/overlay/gray_808080_10.png) !important;
    background-color: white;
}

.ag-row-level-4 {
    background-color: #fff !important;
}

.ag-row-level-5 {
    background-image: url(/Images/RT/Dark/overlay/gray_808080_5.png) !important;
    background-color: white;
}

.ag-row-level-6 {
    background-color: #fff ;
}
.ag-row-level-7 {
    background-image: url(/Images/RT/Dark/overlay/gray_808080_10.png) !important;
    background-color: white;
}

.ag-row-level-8 {
    background-image: url(/Images/RT/Dark/overlay/gray_808080_5.png) !important;
    background-color: white;
}

.ag-row-level-9 {
    background-color: #fff ;
}

/*deze moet onder de ag-row-levels ivm inheritance*/
.ag-row-hover, .ag-row-hover .ag-cell {
    background-image: url(/Images/RT/Dark/blue_overlay_10.png) !important;
}

.ag-row-disabled, .ag-row-disabled .ag-cell {
    background-image: url(/Images/RT/Dark/overlay/gray_808080_20.png) !important;
}

.ag-cell, .ag-theme-balham .ag-ltr .ag-cell {
    border-right: solid 1px #d9dcde;
}

    .ag-cell > div {
        text-align: right;
        height: 100%;
    }

    .ag-cell.highlight {
           background-color: rgba(255,255,255,0.1)!important;
        }

    .ag-cell.cell-post {
        background-color: #F5F5F5;
        padding: 0px 2px 0px 0px;
        border-color: white;
        line-height: 21px;
    }

    .ag-cell.border-left-thickness-2 {
        border-left: solid 2px #d9dcde;
    }

/*group header row (drop area)*/
.ag-column-drop {

}

/*ag-pinned-left-header*/
.ag-pinned-left-header {

}

.ag-pinned-left-header {

}

.ag-pinned-left-floating-top {

}
.ag-row-group {
    
}
/*pinned cols container (left) group + pinned cols */
.ag-pinned-left-cols-container {
}

.condorgrid .popover-content {
    background-color: white;
    border-radius: 5px;
    transition: opacity 1s;
    overflow: hidden;
    pointer-events: none;
    height: auto;
    max-width: 240px;
    width: 100%;
    padding: 5px;
}

.ag-overlay {
    background-color: white;
}

.post-chip {
    background-color: white;
    border: solid transparent 1px;
    overflow: hidden;
    display: block;
    flex-direction: column;
    overflow: hidden;
    padding-right: 8px;
    padding-left: 8px;
    margin-top: 1px;
    line-height: 20px;
}

    .post-chip:hover {
        box-shadow: none;
        cursor: pointer;
        background-color: lightgray;
        background-image: none;
        opacity: 1;
    }

    .post-chip.cyclic {
        border: dashed #121212 1px;
    }

        .post-chip.cyclic.source {
            color: black;
            border: solid #121212 1px;
        }

    .post-chip .value {
        height: 100%;
        display: inline-block;
        font-weight: 900;
    }

    .post-chip .icon {
        display: inline;
        margin-left:4px;
    }

    .post-chip:hover .area-edit {
        display: inline-block;
        cursor: pointer;
    }


    /* posten op de hoofdtijdlijn zijn vierkant omdat je ze niet kunt draggen*/
    .post-chip[draggable=true] {
        opacity: 1;
        border-radius: 25px;
    }

        .post-chip[draggable=true]:hover {
            z-index: 13;
            margin-left:1px;
            margin-top:1px;
            cursor:grab;
        }

.condorgrid-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

    .condorgrid-container.full-screen {
        position: fixed;
        background-color:#f1f1f1;
        left:48px;
    }

.popupView .condorgrid-container.full-screen {
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index:10;
}


/*als menu = pinned, content links inlaten springen in full-screen mode*/
body.menu-pinned .condorgrid-container.full-screen {
    left: 220px;
}

/*tenzij het grid geopend is vanuit een popup, dan grid helemaal links uitlijnen*/
body.menu-pinned .popupView .condorgrid-container.full-screen {
    left: 0px;
}

.condorgrid .btn-group {
}

.condorgrid .pre-filter, .condorgrid .sortFilterToggleButton {
    width: 120px;
    
}

.condorgrid .input-group .pre-filter .sortFilterToggleButton {
    border-radius: 0px;
    height: 32px;
    box-shadow: none;
    border: 1px solid #c7c6c6;
    
}

        .condorgrid .btn-group .pre-filter .sortFilterToggleButton a, .condorgrid .btn-group .pre-filter .sortFilterToggleButton span.glyphicon {

        }

        .condorgrid .btn-group .btn {
            float: none;
        }

/* Styling voor totaal regel icoontjes */
.condorgrid span.totalSigmaIcon { /* Styling voor sigma icoontje */
    background-color: black;
    float: left;
    border-radius: 6px;
    width: 11px;
    height: 11px;
    margin-top: 7px;
    line-height: 1;
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 10px;
    margin-left: -8px;
}

    .condorgrid span.totalSigmaIcon:before { /* Content Sigma icoontje */
        content: "\03a3";
    }

.condorgrid span.totalGlyphIcon { /* Styling glyphicon icoontjes */
    float: left;
    line-height: 2 !important;
    margin-left: -8px;
}

/* Styling voor total regel achtergrond kleuren */
.condorgrid div.warning { /* Voor de kosten cell, als die hoger is dan het budget */
    background-color: #FCFCD5 !important;
}

.condorgrid div.danger { /* Voor de totaal cell, als die hoger is dan het budget */
    background-color: #FCE7DE !important;
}

.condorgrid div.bg-white { /* Voor de totaal cell, als die hoger is dan het budget */
    background-color: white !important;
}

.ag-theme-balham .ag-rich-select {
    width: 350px;
}

.ag-theme-balham .ag-rich-select .ag-rich-select-list {
    width: auto;
    height: unset;
}

.ag-theme-balham .ag-rich-select .ag-rich-select-list .ag-rich-select-row, .ag-theme-balham .ag-rich-select .ag-rich-select-value {
    white-space: normal;
    overflow: hidden;
    flex-wrap: wrap;
}

.ag-theme-balham .ag-rich-select .ag-rich-select-list .ag-rich-select-virtual-list-item:not(:last-child) {
    border-bottom: 1px gray dotted;
}
/*Styles for condor top app bar*/

[data-type=tabs] > .header, [data-type=popuppanels] [data-type=tabs] > .header, [data-type=popuppanels] > div > div.header {
    height: 98px;
    display: grid;
    grid-template-columns: min-content 1fr 1fr auto;
    grid-template-rows: 58px 32px;
    background-color: white;
}

.header .box {
    grid-area: 1 / 2 / span 1 / span 2;
    display: flex;
}

    .header .box .title {
        flex: 0 1 auto;
        overflow: hidden;
    }

.header .title h2 {
    max-width: 100%;
}

.header .box .proces {
    flex: 0 1 400px;
    flex: 1 1 auto;
}

.header ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .header ul.dropdown-menu {
        max-height:90vh;
        overflow:auto;
    }

.header a {
    color: #006AAA;
}

    .header a.mdi mdi-information-outline {
        vertical-align: top;
    }

.header h4 {
    font-size: 12px;
    line-height:20px;
}

.header h5 {
    color: rgba(0,0,0,0.7);
    margin-bottom: 4px;
}


.sectionPreview .header .title {
    grid-area: 1 / 2 / span 1 / span 3;
}

.sectionPreview .header img {
    display: none;
}

div.contentRight .content {
    top: 88px;
}

.contentRight [data-type=tabs] .header {
    height: 80px;
    grid-template-rows: 54px 32px;
    background-color: transparent;
}

.contentRight .popupView [data-type=tabs] .header {
    height: 88px;
    background-color: rgba(3,169,244,0.33);
}

.header .title {
    grid-area: 1 / 2 / span 1 / span 1;
    padding-left: 8px;
    padding-top: 8px;
}

    .header .title h2 {
        font-size: 16px;
        font-family: 'MuseoSans-700';
        margin: 0;
        margin-bottom: 4px;
    }

.contentRight .header .title {
    padding-top: 12px;
    grid-area: 1 / 2 / span 1 / span 3;
}

    .contentRight .header .title h2 {
        font-size: 12px;
    }

    .contentRight .header .title h4 {
        font-weight: normal;
    }

.header .proces {
    grid-area: 1 / 3 / span 1 / span 1;
    display: grid;
    justify-self: start;
    padding-top: 8px;
    height: 100%;
    margin-left: 16px;
}

    .header .proces div {
        display: flex;
        flex-direction: row;
    }

    .header .proces .indicator {
        height: 100%;
        width: 4px;
        align-items: center;
        justify-content: center;
    }


        .header .proces .indicator.danger {
            background-color: #ED2027;
            color: white;
        }

        .header .proces .indicator.warning {
            background-color: #f89520;
            color: white;
        }

        .header .proces .indicator.info {
            background-color: #006aaa;
            color: white;
        }

        .header .proces .indicator.success {
            background-color: #7FC242;
            color: white;
        }

        .header .proces .indicator .mdi {
            font-size: 16px;
        }

    .header .proces .info-box {
        display: flex;
        min-width: 156px;
        flex-direction: column;
        align-items: stretch;
        padding-left: 8px;
        padding-right: 8px;
        width:100%;
    }

        .header .proces .info-box h4 {
            font-weight: 900;
        }

        .header .proces .info-box h5 {
            min-height: 9px;
        }

        .header .proces .info-box > ul {
            display: flex;
        }

    .header .proces ul li {
        margin-right: 12px;
        flex: 0 0 auto;
    }

        .header .proces ul li a {
            text-decoration: underline;
            text-decoration-style: dotted;
        }

        .header .proces ul li a:hover{
            text-decoration: underline;
        }

            .header .proces ul li a.dropdown-toggle {
                display: block;
                width: 22px;
                height: 22px;
                margin-top: -6px;
                padding: 1px;
                position: relative;
                color: rgba(0,0,0,0.8);
                text-align: center;
                border-radius: 4px;
                margin-right: 0px;
                background-color: #e8e8e8;
                border: solid 1px #C7C6C6;
            }

        .header .proces ul li.dropdown {
            position: absolute;
            right: -15px;
            top: 0;
        }

        .header .proces ul li a.dropdown-toggle span {
            font-size: 16px;
            color: black;
        }

    .header .proces .droptabs {
        position: relative;
    }

    .header .proces ul li ul.dropdown-menu > li {
        margin-right: 0;
    }

        .header .proces ul li ul.dropdown-menu > li > a {
            padding-left: 8px;
            padding-right: 8px;
            text-decoration: none;
        }

.proces .indicator.default {
    background-color: #E6E7E8;
    background-color: rgba(0,0,0,0.2);
}

.header .buttons {
    grid-area: 1 / 4 / span 1 / span 2;
    height: 24px;
    display: flex;
    justify-content: flex-end;
    margin-top:4px;
}

[data-type=popuppanels] .header .buttons {
    padding-right: 28px;
}

/*master > detail heeft geen close button */
[data-type=popuppanels] .contentRight .header > .buttons {
    padding-right: 0px;
}

[data-type=popuppanels] .contentRight [data-type=popuppanels] .header .buttons {
    padding-right: 24px;
}

.header .buttons li {
    display: inline-block;
    margin-right: 4px;
}

    .header .buttons li a {
        display: block;
        width: 24px;
        height: 24px;
        padding-top: 2px;
        position: relative;
        color: rgba(0,0,0,0.7);
        text-align: center;
    }

        .header .buttons li a .mdi {
            font-size: 18px;
        }

.header .tabs {
    overflow: hidden;
    grid-area: 2 / 1 / span 1 / span 4;
}

    .header .tabs > ul {
        position: relative;
        padding-left: 8px;
    }

    .header .tabs ul li {
        display: inline-block;
    }

        .header .tabs ul li.dropdown {
            position: absolute;
            right: 4px;
            top: 0;
        }

            .header .tabs ul li.dropdown ul li {
                display: block;
            }

                .header .tabs ul li.dropdown ul li a {
                    display: block;
                }

    .header .tabs ul > li a {
        height: 100%;
        display: inline-block;
        text-decoration: none;
        color: rgba(0,0,0,0.5);
        padding: 9px 0rem;
        padding-bottom: 5px;
        margin-right: 1rem;
        font-family: 'MuseoSans-700';
    }

    .header .tabs ul li a:hover {
        border-bottom: solid 4px rgba(0,0,0,0.4);
    }

    .header .tabs ul li a.dropdown-toggle {
        display: block;
        width: 23px;
        height: 23px;
        margin-top: 4px;
        padding-top: 2px;
        position: relative;
        text-align: center;
        border-radius: 4px;
        margin-right: 0px;
        background-color: #e8e8e8;
        color: #333333;
        border: solid 1px #C7C6C6;
    }

        .header .tabs ul li a.dropdown-toggle:hover, .header .proces ul li a.dropdown-toggle:hover {
            background-color: rgba(0,0,0,0.2);
            border-bottom: none;
        }

        .header .tabs ul li a.dropdown-toggle span {
            font-size: 16px;
            color: black;
        }

    .header .tabs ul li ul.dropdown-menu li {
    }

        .header .tabs ul li ul.dropdown-menu li a {
            padding-left: 8px;
            background-color: none;
            border-bottom: none !important;
            white-space: normal;
            margin-right: 0rem;
        }

    .header .tabs ul li.selected a {
        font-family: 'MuseoSans-900';
        border-bottom: solid 4px rgba(0,0,0,0.9);
        color: rgba(0,0,0,0.9);
    }

    .header .tabs ul li.selected.dirty {
        font-family: 'MuseoSans-700';
        margin-right: -6px;
        color: #ed2027;
    }

        .header .tabs ul li.selected.dirty::after {
            content: "*";
            position: relative;
            left: -15px;
        }

.content .header .tabs ul li a {
    border-bottom-width: 2px;
}

.content .header .tabs ul li.selected a {
    font-family: 'MuseoSans-900';
}

.header img {
    height: 56px;
    grid-area: 1 / 1 / span 1 / span 1;
    background-color: rgba(0,0,0,0.2);
}

.header .actions {
    grid-area: 2 / 5 / span 1 / span 1;
    justify-self: end;
    display: flex;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
}

    .header .actions > a, .header .actions > span {
        margin-right: 4px;
        box-shadow: none;
        background-color: #e8e8e8;
        color: #333333;
        border: solid 1px #C7C6C6;
    }

    .header .actions a.dropdown-toggle {
        display: inline-block;
        color: rgba(0,0,0,0.8);
        text-align: center;
        border-radius: 4px;
        padding: 2px;
    }

    .header .actions span a.dropdown-toggle span {
        font-size: 16px;
    }

/*theming*/
.header a {
    position: relative;
}

.header .actions a:hover::before, .header .buttons a:hover::before {
    content: "";
    background-color: rgba(0,0,0,0.2);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    border-radius: 4px;
}




.bgPopup {
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    opacity: 0.55;
    z-index: 5;
    display: block;
    background-color: Gray;
    filter: alpha(opacity=55);
    -moz-opacity: 0.55;
}
/*stapeling van popups*/

.popup5Container .bgPopup, .popup5Container ~ .bgPopup {
    z-index: 25;
}

/* Style voor popUp */
.popup5Container {
    position: fixed;
    z-index: 20;
    min-width: 556px;
    background-color: white;
    -webkit-box-shadow: 0 13px 17px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 13px 17px rgba(0, 0, 0, 0.5);
    box-shadow: 0 13px 17px rgba(0, 0, 0, 0.5);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    outline: none;
    margin-left: auto;
    margin-right: auto;
    top: 15px !important;
    left: 58px !important;
    right: 10px !important;
    bottom: 10px !important;
}

    .popup5Container div.content {
        overflow: auto;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #e7e8e8;
    }

.popup5Content {
    position: absolute;
    top: 60px;
    bottom: 0;
    left: 0;
    right: 0;
    padding-left: 20px;
    padding-right: 20px;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #e7e8e8;
}

.popup5Content.scrollable-list {
    bottom: 52px;
    padding:8px;
    padding-left:24px;
    padding-right:24px;
}

.popup5SelectedItemText {
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    height: 32px;
    padding-left: 20px;
    /* padding-top: 5px; */
    overflow: initial;
    background: #fafafa;
    line-height: 32px;
}

    .popup5SelectedItemText span {
        line-height: 12px;
        color: #00AEEF;
    }

    .popup5SelectedItemText a {
        color: #333333;
        margin-left: 5px;
    }

    .popup5SelectedItemText > a > span {
        display: inline-block;
    }

    .popup5SelectedItemText input {
        margin-bottom: -4px;
    }

.selectedItemTextOffset {
    top: 90px; /* popup5Content.top + popup5SelectedItemText.top*/
}

.popup5Title {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    background-color: white;
    padding-left: 20px;
    background-color: rgba(3,169,244,0.33);
}

    .popup5Title h1, .editFormContainer .popup5Title > h1 {
        font-size: 22px;
        font-weight: 500;
        line-height: 60px;
    }

/*buttons bottom left*/

.popup5Buttons {
    position: absolute;
    right: 4px;
    top: 4px;
}

div.popup5Buttons ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.popup5Buttons ul li, .workFlowBtnLst.crudButtons ul li {
    list-style: none;
}

.popup5Buttons a, .workFlowBtnLst.crudButtons a, a.preview-close {
    display: inline-block;
    font-size: 18px;
    height: 24px !important;
    width: 24px;
    text-align: center;
    border: none;
    border-radius: 4px;
    padding-top: 2px;
    color: rgba(0,0,0,0.7);
}

    .popup5Buttons a span, a.preview-close span {
        font-size: 18px;
    }

    .popup5Buttons a:hover {
        opacity: 1;
        background: none;
        border-color: none;
        cursor: pointer;
        background-color:rgba(0,0,0,0.2);
    }

    .popup5Buttons li a:hover::before, a.preview-close:hover::before {
        content: "";
        background-color: rgba(0,0,0,0.2);
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        border-radius: 4px;
    }

.popup5DialogButtons {
    position: absolute;
    right: 5px;
    bottom: 10px;
    margin-bottom: 0;
    text-align: right;
}

    .popup5DialogButtons input, .popup5DialogButtons a {
        font-size: 14px;
        background: none;
        border: none;
        margin-right: 10px;
        color: #03A9F4;
        opacity: 0.7;
    }

        .popup5DialogButtons input:hover, .popup5DialogButtons a:hover {
            color: #03A9F4;
            cursor: pointer;
            opacity: 1;
        }


.opslaanButton {
    color: lightgray !important;
    cursor: default !important;
}

.opslaanButtonE {
    color: #F2f2f2;
    cursor: pointer;
}

/* popup5Container dialog */

/*centreer de popup met fixt width en height*/
.popup5Container.dialog {
    max-height: 400px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

    .popup5Container.dialog .pageTitle {
        background: white;
        height: 80px;
    }


        .popup5Container.dialog .pageTitle h1, .popup5Container.dialog .pageTitle h2, .popup5Container.dialog .pageTitle h3 {
            font-size: 24px;
            color: #03a9f4;
            font-weight: 500;
            line-height: 60px;
            font-family: "MuseoSans-100";
        }

    .popup5Container.dialog div.workFlowBtnLst ul li a {
        color: #03a9f4;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 9px;
        padding-right: 12px;
        padding-left: 12px;
        line-height: 24px;
        display: inline-block;
        border-radius: 12px;
        border: solid 1px #03a9f4;
        margin-right: 5px;
    }

        .popup5Container.dialog div.workFlowBtnLst ul li a:hover {
            background: #03a9f4;
            text-decoration: none;
            text-transform: uppercase;
            font-size: 9px;
            color: white;
            padding-right: 12px;
            padding-left: 12px;
            line-height: 24px;
            display: inline-block;
            border-radius: 12px;
            border: solid 1px #03a9f4;
            margin-right: 5px;
        }

    .popup5Container.dialog div.pageTitle ~ div.content {
        top: 80px;
    }

/*condor default theme*/
:root {
    --main-header-background-color: 3,169,244;
}
/* 
background-color: #9addfb; 
background-color: #ace3fb; 
background-color: #ace3fb;
        background-color: #e3f6fe;
        background-color: #97DAF7;

        #19A8E6 donker maarm mooi

        goede smarty kleur #85CEFA dee is gebaseerd iop #006AAA, vind ik wel mooi
*/
[data-type=tabs] > .header, [data-type=popuppanels] [data-type=tabs] > .header, [data-type=popuppanels] > div > div.header, .condorReportViewer .pageTitle {
    background-color: rgba(var(--main-header-background-color),0.33);
}

/*master Detail header*/
.contentRight [data-type="tabs"] > .header {
    background-color:transparent;
}

/*condor default theme*/
:root {
    --condor-primary-color: 229,79,22;
    --indicator-info-secondary-color: 230,247,252;
    --indicator-succes-primary-color: 100,175,75;
    --indicator-succes-secondary-color: 235,243,229;
    --indicator-warning-primary-color: 248,149,32;
    --indicator-warning-secondary-color: 255,244,232;
    --indicator-danger-primary-color: 237,32,39;
    --indicator-danger-secondary-color: 253,232,233;
    --indicator-info-primary-color: 0,106,170;
    --indicator-info-secondary-color: 230,247,252;
}

/*indicator styles*/
.tile .indicator.danger {
    background-color: rgb(var(--indicator-danger-primary-color));
}

.succes {
    background-color: rgb(var(--indicator-succes-primary-color)) !important;
}

.succes-secondary {
    background-color: rgb(var(--indicator-succes-secondary-color)) !important;
}

.text-succes {
    color: rgb(var(--indicator-succes-primary-color)) !important;
}

.warning {
    background-color: rgb(var(--indicator-warning-primary-color)) !important;
}
.warning-secondary {
    background-color: rgb(var(--indicator-warning-secondary-color)) !important;
}
.text-warning {
    color: rgb(var(--indicator-warning-primary-color)) !important;
}

/* GRAY : deze komt op de item-CssStyles van de tileList */
.bgLightGray, div.bgLightGray, .bg-light-gray {
    background-color: #f1f1f1;
}

.hoverBgLightGray:hover {
    background-image: url(/Images/RT/Dark/blue_overlay_10.png);
    cursor: pointer;
}

/*.hoverBgLightGray:hover * {
        color: white;
        text-shadow: 1px 1px 0px rgba(0,0,0,0.5);
    }*/

/* GRAY : deze komt op de Selected-CssStyles van de tileList */
.selectedBgLightGray {
    background-color: rgb(241, 241, 242);
}


/* GRAY : deze komt op de item-CssStyles van de tileList */
.bgYellow {
    background-color: #FFDE17;
}

.hoverbgYellow:hover {
    background-color: #FFDE17;
    cursor: pointer;
}

    .hoverbgYellow:hover * {
        color: white;
        text-shadow: 1px 1px 0px #FFDE17;
    }

/* GRAY : deze komt op de Selected-CssStyles van de tileList */
.selectedbgYellow {
    background-color: #FFDE17;
}


/* GRAY : deze komt op de item-CssStyles van de tileList */
.bgGray, div.bgGray {
    background-image: url(/Images/RT/Dark/blue_overlay_10.png);
}

.hoverBgGray:hover {
    background-image: url(/Images/RT/Dark/blue_overlay_10.png);
    cursor: pointer;
}

.hoverBgGray:hover {
    color: black;
    /*     text-shadow: 1px 1px 0px rgba(0,0,0,0.5);*/
}

/* GRAY : deze komt op de Selected-CssStyles van de tileList */
.selectedBgGray {
    background-color: rgb(102, 102, 102);
}

.brdrSelected {
    box-shadow: 2px 2px 10px orangered;
    border: solid 1px orangered !important;
}

.brdrUnSelected {
    box-shadow: none;
}

/* Blue : deze komt op de item-CssStyles van de tileList */
.bgRed {
    background-color: #E3252A;
}

.hoverBgRed:hover {
    background-color: #E3252A;
    cursor: pointer;
}

    .hoverBgRed:hover * {
        color: white;
        text-shadow: 1px 1px 0px rgba(0,0,0,0.5);
    }

/* Blue : deze komt op de item-CssStyles van de tileList */
.bgPurple {
    background-color: #6E6273;
}

.hoverbgPurple:hover {
    background-color: #6E6273;
    cursor: pointer;
}

    .hoverbgPurple:hover * {
        color: white;
        text-shadow: 1px 1px 0px rgba(0,0,0,0.5);
    }



/* Blue : deze komt op de item-CssStyles van de tileList */
.bgBlue, .bg-blue {
    background-image: url(/Images/RT/Dark/blue_overlay_10.png);

}

.hoverBgBlue:hover {
    background-color: rgb(101, 137, 150);
    cursor: pointer;
}

    .hoverBgBlue:hover * {
        color: black;
    }
/* Blue : deze komt op de Selected-CssStyles van de tileList */
.selectedBgBlue {
    background-color: rgb(101, 137, 150);
}

/* Orange : deze komt op de item-CssStyles van de tileList */
.bgOrange, .bg-orange {
    background-color: rgb(243, 111, 36);
}

.hoverBgOrange:hover, .bg-orange-hover:hover {
    background-color: rgb(243, 111, 36);
    cursor: pointer;
}

/* Orange : deze komt op de item-CssStyles van de tileList */
.bgGreenSoft, .bg-greensoft {
    background-color: #75913D;
}

.hoverbgGreenSoft:hover, .bg-greensoft-hover:hover {
    background-color: #75913D;
    cursor: pointer;
}

    .hoverbgGreenSoft:hover * {
        color: white;
        text-shadow: 1px 1px 0px rgba(0,0,0,0.5);
    }


/* Blue : deze komt op de Selected-CssStyles van de tileList */
.selectedBgOrange, .bg-orange-selected {
    background-color: rgb(243, 111, 36);
}

.bgWhite, .bg-white, div.bg-white {
    background-color: #ffffff;
}

.bgPurpleLight {
    background-color: #CFBFD2;
}
.bgPinkLight {
    background:#F3BBD6;
}
.bgRedLight {
    background-color: #F6B1B8;
}
.bgOrangeRedLight {
    background-color: #F8C3B5;
}
.bgOrangeLight {
    background-color: #FDE0AD;
}
.bgYellowLight {
    background-color: #FFF3C1;
}
.bgLimeLight {
    background-color: #EBEABD;
}
.bgGreenLight{
    background-color:#D9E1BA;
}
.bgTealLight {
    background-color: #C0DDDB;
}
.bgBlueLight {
    background-color: #B2E7F3;
}

.bgGreen {
    background-color: #99CC66;
}

td.bgPurpleLight {
    background-color: #CFBFD2;
}
td.bgPinkLight {
    background-color: #F3BBD6;
}
td.bgRedLight {
    background-color: #F6B1B8;
}
td.bgOrangeRedLight {
    background-color: #F8C3B5;
}
td.bgOrangeLight {
    background:#FDE0AD;
}
td.bgYellowLight, .bgYellowLight {
    background-color: #FFF3C1;
}
td.bgLimeLight {
    background-color: #EBEABD;
}
td.bgGreenLight, .bgGreenLight {
    background-color: #D9E1BA;
}
td.bgTealLight {
    background-color: #C0DDDB;
}
td.bgBlueLight {
    background-color: #B2E7F3;
}


/*user Custom colors for objects */

/*AliceBlue*/

.bgObjectLightestAliceBlue {
    background-color: #DAEBF9;
}

.bgObjectLightAliceBlue {
    background-color: #B8DCF4;
}

.bgObjectAliceBlue {
    background-color: #95CDF0;
}

.bgObjectDarkerAliceBlue {
    background-color: #70C1EC;
}

.bgObjectDarkestAliceBlue {
    background-color: #40B5E8;
}

/*Blue*/

.bgObjectLightestBlue {
    background-color: #DEE7ED;
}

.bgObjectLightBlue {
    background-color: #C0D6E1;
}

.bgObjectBlue {
    background-color: #A4C5D5;
}

.bgObjectDarkerBlue {
    background-color: #88B6CA;
}

.bgObjectDarkestBlue {
    background-color: #6BA8C0;
}

/*orange*/

.bgObjectLightestOrange {
    background-color: #FCE7D9;
}

.bgObjectLightOrange {
    background-color: #F9D3BB;
}

.bgObjectOrange {
    background-color: #F6BF9F;
}

.bgObjectDarkerOrange {
    background-color: #F3AC84;
}

.bgObjectDarkestOrange {
    background-color: #F0996C;
}

/*grey*/

.bgObjectLightestGrey {
    background-color: #F3F4F4;
}

.bgObjectLightGrey {
    background-color: #EBEBEC;
}

.bgObjectGrey {
    background-color: #E2E3E4;
}

.bgObjectDarkerGrey {
    background-color: #DADBDC;
}

.bgObjectDarkestGrey {
    background-color: #D1D3D4;
}

.borderDefault {
    border: solid 1px #c7c6c6;
}

/*hatch*/
/*hatching bg */

.asset-status:before {
    font-family: "Material Design Icons" !important;
    font-size: 11px;
    
    width: 16px;
    opacity: 0.3;
    height: 16px;
    position: absolute;
    top: 0px;
    left: -5px;
    text-shadow: 1px 1px 0px white;
    -webkit-transition: opacity 0.2s ease-in;
    -moz-transition: opacity 0.2s ease-in;
    -o-transition: opacity 0.2s ease-in;
    -ms-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
}
.ag-row:hover .asset-status:before {
    opacity: 1;
}
.asset-status.indicator-yellow:before {
    color: rgb(255, 222, 23);
}

.asset-status.indicator-red:before {
    color: rgb(227, 37, 42);
}
.asset-status.indicator-purple:before {
    color: #6E6273;
}
.asset-status.indicator-orange:before {
    color: rgb(243, 111, 36);
}
.asset-status.indicator-green:before {
    color: #99CC66;
}
.asset-status.indicator-pink:before {
    color: #CC6699;
}
.asset-status.indicator-lime:before {
    color: #CCCC66;
}
.asset-status.indicator-teal:before {
    color: #669999;
}
.asset-status.indicator-blue:before {
    color: rgb(101, 137, 150);
}

/*repeating-linear-gradient(90deg, #00D4F0, #00D4F0 2px, #f2f2f2 2px, #f2f2f2 4px)*/