/* Minification failed. Returning unminified contents. (16403,15): run-time error CSS1039: Token not allowed after unary operator: '-ag-foreground-color' (16518,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color' (16540,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color' (16544,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color' (16558,24): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-border-color' (16567,19): run-time error CSS1039: Token not allowed after unary operator: '-ag-disabled-foreground-color' (16569,30): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-disabled-background-color' (16571,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-disabled-border-color' (16582,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-focus-border-color' (16594,17): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-foreground-color' (16611,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-focus-border-color' (16614,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color' (16622,30): run-time error CSS1039: Token not allowed after unary operator: '-ag-row-hover-color' (16637,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color' (16656,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-control-panel-background-color' (16666,31): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-border-color' (16666,64): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (16672,30): run-time error CSS1039: Token not allowed after unary operator: '-ag-row-hover-color' (16677,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-selected-row-background-color' (16683,17): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-foreground-color' (16700,17): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-foreground-color' (16707,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-subheader-background-color' (16733,24): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (16735,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color' (16745,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-foreground-color' (16749,24): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (16755,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color' (16757,17): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-foreground-color' (16804,24): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (16806,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color' (16815,24): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-border-color' (16815,57): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (16817,17): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-foreground-color' (16827,17): run-time error CSS1039: Token not allowed after unary operator: '-ag-foreground-color' (16838,24): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (16841,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color' (16844,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-header-background-color' (16846,17): run-time error CSS1039: Token not allowed after unary operator: '-ag-header-foreground-color' (16846,51): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-foreground-color' (16851,31): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (16858,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-header-background-color' (16860,17): run-time error CSS1039: Token not allowed after unary operator: '-ag-foreground-color' (16864,24): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (16921,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-focus-border-color' (16940,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-focus-border-color' (16947,17): run-time error CSS1039: Token not allowed after unary operator: '-ag-disabled-foreground-color' (16960,24): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (17195,17): run-time error CSS1039: Token not allowed after unary operator: '-ag-value-change-delta-up-color' (17198,17): run-time error CSS1039: Token not allowed after unary operator: '-ag-value-change-delta-down-color' (17207,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-value-change-value-highlight-background-color' (17211,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-value-change-value-highlight-background-color' (17216,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-highlight-color' (17216,70): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color' (17220,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color' (17222,17): run-time error CSS1039: Token not allowed after unary operator: '-ag-data-color' (17222,38): run-time error CSS1039: Token not allowed after unary operator: '-ag-foreground-color' (17225,24): run-time error CSS1039: Token not allowed after unary operator: '-ag-row-border-color' (17236,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-border-color' (17236,67): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color' (17246,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-odd-row-background-color' (17250,30): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (17254,29): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (17257,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-row-hover-color' (17281,24): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (17283,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color' (17290,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-control-panel-background-color' (17294,24): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (17296,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color' (17301,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-control-panel-background-color' (17309,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color' (17314,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-modal-overlay-background-color' (17318,24): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (17320,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color' (17361,31): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (17365,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (17377,29): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (17381,30): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (17384,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-selected-row-background-color' (17388,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-background-color' (17392,30): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-chart-background-color' (17396,32): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-chart-category-background-color' (17400,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-background-color-1' (17400,73): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-background-color' (17404,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-background-color-2' (17408,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-background-color-3' (17412,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-background-color-4' (17415,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-border-color' (17415,67): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color' (17418,30): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-border-color' (17418,69): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color' (17421,31): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-border-color' (17421,70): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color' (17424,29): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-border-color' (17424,68): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color' (17432,24): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-border-color' (17432,63): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color' (17438,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-border-color' (17438,67): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color' (17442,30): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-border-color' (17442,69): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color' (17446,29): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-border-color' (17446,68): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color' (17451,31): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-border-color' (17451,70): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color' (17455,29): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-border-color' (17455,68): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color' (17459,30): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-border-color' (17459,69): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color' (17466,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-border-color' (17466,67): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color' (17477,24): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-focus-border-color' (17481,24): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (17483,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color' (17498,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (17501,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-row-hover-color' (17547,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-focus-border-color' (17550,31): run-time error CSS1039: Token not allowed after unary operator: '-ag-selected-tab-underline-color' (17550,70): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-border-color' (17550,109): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color' (17553,17): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-foreground-color' (17557,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (17586,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-border-color' (17586,61): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (17619,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-focus-border-color' (17624,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-control-panel-background-color' (17630,17): run-time error CSS1039: Token not allowed after unary operator: '-ag-foreground-color' (17649,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (17652,31): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (17669,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-focus-border-color' (17672,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-control-panel-background-color' (17674,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (17676,31): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (17683,30): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (17688,31): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (17697,32): run-time error CSS1039: Token not allowed after unary operator: '-ag-selected-tab-underline-color' (17697,71): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-border-color' (17697,110): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color' (17702,29): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (17707,32): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (17716,31): run-time error CSS1039: Token not allowed after unary operator: '-ag-selected-tab-underline-color' (17716,70): run-time error CSS1039: Token not allowed after unary operator: '-ag-range-selection-border-color' (17716,109): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color' (17737,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-focus-border-color' (17772,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-border-color' (17772,61): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (17842,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (17845,31): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (17875,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-focus-border-color' (17882,31): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-border-color' (17882,64): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (17886,31): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-border-color' (17886,64): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (17889,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-border-color' (17889,61): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (17893,17): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-foreground-color' (17896,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-header-background-color' (17899,31): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (17902,17): run-time error CSS1039: Token not allowed after unary operator: '-ag-header-foreground-color' (17902,51): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-foreground-color' (17906,29): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (17910,30): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (17928,30): run-time error CSS1039: Token not allowed after unary operator: '-ag-header-cell-moving-background-color' (17928,76): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color' (17943,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-focus-border-color' (17958,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-focus-border-color' (17961,17): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-foreground-color' (17972,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (17983,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-header-column-separator-color' (18012,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-control-panel-background-color' (18021,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (18023,17): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-foreground-color' (18032,17): run-time error CSS1039: Token not allowed after unary operator: '-ag-disabled-foreground-color' (18047,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-focus-border-color' (18053,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (18055,17): run-time error CSS1039: Token not allowed after unary operator: '-ag-disabled-foreground-color' (18061,17): run-time error CSS1039: Token not allowed after unary operator: '-ag-foreground-color' (18071,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-chip-background-color' (18081,17): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-foreground-color' (18088,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-control-panel-background-color' (18090,17): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-foreground-color' (18094,31): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (18102,30): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (18106,29): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (18110,17): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-foreground-color' (18113,17): run-time error CSS1039: Token not allowed after unary operator: '-ag-disabled-foreground-color' (18129,31): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-border-color' (18129,64): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (18145,17): run-time error CSS1039: Token not allowed after unary operator: '-ag-disabled-foreground-color' (18150,24): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (18152,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color' (18157,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color' (18166,30): run-time error CSS1039: Token not allowed after unary operator: '-ag-selected-row-background-color' (18170,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color' (18181,17): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-foreground-color' (18187,24): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-border-color' (18187,57): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (18204,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-minichart-selected-chart-color' (18204,67): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-checked-color' (18204,100): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color' (18207,22): run-time error CSS1039: Token not allowed after unary operator: '-ag-foreground-color' (18213,30): run-time error CSS1039: Token not allowed after unary operator: '-ag-minichart-selected-page-color' (18213,70): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-checked-color' (18213,103): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color' (18221,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-border-color' (18221,61): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (18247,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-control-panel-background-color' (18251,31): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (18255,32): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (18277,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-background-color' (18277,64): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color' (18295,19): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-unchecked-color' (18303,19): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-checked-color' (18303,52): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color' (18311,19): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-indeterminate-color' (18311,58): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-unchecked-color' (18321,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-toggle-button-off-background-color' (18321,73): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-unchecked-color' (18327,24): run-time error CSS1039: Token not allowed after unary operator: '-ag-toggle-button-off-border-color' (18327,65): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-unchecked-color' (18339,30): run-time error CSS1039: Token not allowed after unary operator: '-ag-toggle-button-on-background-color' (18339,74): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-checked-color' (18339,107): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color' (18341,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-toggle-button-on-border-color' (18341,66): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-checked-color' (18341,99): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color' (18352,30): run-time error CSS1039: Token not allowed after unary operator: '-ag-toggle-button-switch-background-color' (18352,78): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color' (18357,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-toggle-button-switch-border-color' (18357,70): run-time error CSS1039: Token not allowed after unary operator: '-ag-toggle-button-off-border-color' (18357,111): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-unchecked-color' (18361,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-toggle-button-on-border-color' (18361,66): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-checked-color' (18361,99): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color' (18376,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-background-color' (18376,64): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color' (18395,19): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-unchecked-color' (18403,19): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-checked-color' (18403,52): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color' (18420,30): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (18429,30): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (18438,30): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (18450,30): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color' (18453,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-unchecked-color' (18464,30): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color' (18467,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-unchecked-color' (18476,30): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color' (18479,26): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-unchecked-color' (18486,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-checked-color' (18486,61): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color' (18490,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-checked-color' (18490,61): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color' (18494,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-checkbox-checked-color' (18494,61): run-time error CSS1039: Token not allowed after unary operator: '-ag-balham-active-color' (18497,30): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-focus-border-color' (18500,30): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-focus-border-color' (18503,30): run-time error CSS1039: Token not allowed after unary operator: '-ag-input-focus-border-color' (18513,17): run-time error CSS1039: Token not allowed after unary operator: '-ag-header-foreground-color' (18513,51): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-foreground-color' (18533,17): run-time error CSS1039: Token not allowed after unary operator: '-ag-disabled-foreground-color' (18543,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color' (18545,24): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (18550,31): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (18555,17): run-time error CSS1039: Token not allowed after unary operator: '-ag-foreground-color' (18563,17): run-time error CSS1039: Token not allowed after unary operator: '-ag-secondary-foreground-color' (18574,17): run-time error CSS1039: Token not allowed after unary operator: '-ag-disabled-foreground-color' (18581,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-header-background-color' (18584,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-background-color' (18587,24): run-time error CSS1039: Token not allowed after unary operator: '-ag-border-color' (18589,17): run-time error CSS1039: Token not allowed after unary operator: '-ag-foreground-color' (18601,28): run-time error CSS1039: Token not allowed after unary operator: '-ag-subheader-toolbar-background-color' (23679,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (23680,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (23682,18): run-time error CSS1039: Token not allowed after unary operator: '-height-of-loader' (23691,22): run-time error CSS1039: Token not allowed after unary operator: '-loader-color' (23751,17): run-time error CSS1039: Token not allowed after unary operator: '-sds-c-input-text-color-focus' (23770,17): run-time error CSS1039: Token not allowed after unary operator: '-sds-c-input-text-color-focus' (24054,6): run-time error CSS1035: Expected colon, found '{' : run-time error CSS1066: Unexpected end of file encountered */ /*! jQuery UI - v1.12.1 - 2016-09-14 * 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 */ /* Layout helpers ----------------------------------*/ .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); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .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; } /* Misc visuals ----------------------------------*/ /* Overlays */ .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; /* support: IE10, see #8844 */ 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; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .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; /* Support: IE <= 11 */ overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } /* no icon support for input elements */ input.ui-button.ui-button-icon-only { text-indent: 0; } /* button icon element(s) */ .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; } /* workarounds */ /* Support: Firefox 5 - 40 */ 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; } /* Spinner specific style fixes */ .ui-controlgroup-vertical .ui-spinner-input { /* Support: IE8 only, Android < 4.4 only */ 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; } /* with multiple calendars */ .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; } /* RTL support */ .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; } /* Icons */ .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); /* support: IE8 */ 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; } /* support: IE8 - See #6727 */ .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; } /* more specificity required here to override default borders */ .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;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ 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; } /* Component containers ----------------------------------*/ .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 #dddddd; background: #ffffff; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #dddddd; background: #e9e9e9; color: #333333; font-weight: bold; } .ui-widget-header a { color: #333333; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, /* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */ 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 #cccccc; 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: #ffffff; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .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); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .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-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .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-button .ui-icon { background-image: url("images/ui-icons_777777_256x240.png"); } /* positioning */ .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 is deprecated, use ui-icon-seek-start instead */ .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; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .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; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ } .ui-widget-shadow { -webkit-box-shadow: 0px 0px 5px #666666; box-shadow: 0px 0px 5px #666666; } @charset "UTF-8"; /*@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,400italic);*/ @font-face { font-family: Source Sans Pro; src: url('/Vendor/fonts/SourceSansPro/SourceSansPro-Regular.ttf'); } /*! * * Angle - Bootstrap Admin App + AngularJS * * Version: 3.1.0 * Author: @themicon_co * Website: http://themicon.co * License: https://wrapbootstrap.com/help/licenses * */ /* ======================================================================== [Table of contents] 1. Bootstrap reset 1.1 bootstrap 1.2 bootstrap-reset 2. Typography 2.1 typo 3. Layout 3.1 layout / .wrapper .content-wrapper 3.2 top-navbar / .top-navbar 3.3 sidebar / .sidebar 3.4 offsidebar / .offsidebar 3.5 preloader / .preloader 4. Components 4.1 button-extra 4.2 placeholder / .box-placeholder 4.3 panels 4.4 progress-extra 4.5 radial-bar / .radial-bar 4.6 user-block / .user-block 4.7 circles / .circle 4.8 timeline / .timeline 4.9 dropdown-extra 4.10 row-extra / .row-table .row-flush 4.11 half-float / .half-float 4.12 masonry-grid / .row-masonry 4.13 widget / .widget 4.14 typeahead / .typeahead-ctrl 4.15 animate 4.16 loading-bar 4.17 table-grid 4.18 todo / .todo 4.19 ngwig 4.20 ngDialog 4.21 nestable 4.22 carousel 4.23 masonry-grid-deck 5. Charts 5.1 chart-flot / .flot-chart 5.2 chart-easypie / .easypie-chart 6. Form elements 6.1 form-elements 6.2 form-imgcrop 6.3 form-validation 6.4 form-wizard 6.5 form-tags 6.6 uiselect 6.7 code-editor 7. Tables 7.1 datatable 7.2 table-extras 7.3 table-ngtable 7.4 table-ng-grid 7.5 angular grid 8. Plugins 8.1 plugins 8.2 slim-scroll / .slimScrollBar 8.3 datepicker / .bootstrap-datetimepicker-widget 8.4 alerts / .alerts 8.5 notifiy / .notifiy 8.6 calendar / .fc-* 8.7 spinner / .whirl 8.8 gmap / .gmap 8.9 vector-map / vector-map 8.10 portlets / .portlet 9. Utilities 9.1 utils 10. Print CSS 10.1 print 11. Settings 11.1 settings 12. Documentation 12.1 docs ========================================================================== */ /* ======================================================================== Component: bootstrap-reset.less ========================================================================== */ .glyphicon { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } .glyphicon.pull-left { margin-right: 0.3em; } .glyphicon.pull-right { margin-left: 0.3em; } .glyphicon.glyphicon-chevron-left:before { content: "\f053"; } .glyphicon.glyphicon-chevron-right:before { content: "\f054"; } .glyphicon.glyphicon-chevron-up:before { content: "\f077"; } .glyphicon.glyphicon-chevron-down:before { content: "\f078"; } .glyphicon.glyphicon-folder-open:before { content: "\f07c"; } [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: none !important; } *:focus { outline: 0 !important; } a { outline: none !important; } a.text-muted:hover, a.text-muted:focus { color: #748690; } [ng-click], [data-ng-click] { cursor: pointer; } hr { border-top: 1px solid #e4eaec; } now { display: inline-block; } .navbar-toggle .icon-bar { background-color: #fff; } .list-group { line-height: 1.3; } .list-group .list-group-item { padding: 10px; } .panel > .list-group .list-group-item { border-top: 0; } .page-header { border-bottom-color: #e4eaec; } .panel .panel-heading { border-bottom: 0; font-size: 14px; } .panel .panel-heading a { text-decoration: none !important; } .panel.panel-default { border-top-width: 3px; margin-bottom: 10px; } .well { border: 1px solid #dde6e9; } .jumbotron { border: 1px solid #dde6e9; } @media only screen and (min-width: 768px) { .jumbotron { padding: 30px 15px; } } .nav-tabs > li > a { font-weight: bold; color: #515253; background-color: #edf1f2; margin: 0; border: 1px solid #dde6e9; border-radius: 0; padding: 10px 20px; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: inherit; border-bottom-color: #fff; } .tab-content { padding: 10px 20px; border-style: solid; border-width: 0 1px 1px 1px; border-color: #dde6e9; } .nav-pills + .tab-content { border: 0; padding: 0; } .p0 .tab-content { padding: 0 !important; } .btn { border-radius: 3px; font-size: 13px; border-color: transparent; -webkit-appearance: none; outline: none !important; -webkit-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s; } .btn.btn-link { box-shadow: none; border: 0; } .btn.btn-default { border-color: #eaeaea; } .input-group .btn { font-size: 14px; border-color: #dde6e9; } .input-group .input-sm + .input-group-btn .btn { font-size: 13px; } .form-control { box-shadow: 0 0 0 #000 !important; } .input-sm, select.input-sm { height: 31px; } fieldset { padding-bottom: 20px; border-bottom: 1px dashed #eee; margin-bottom: 20px; } fieldset.last-child, fieldset:last-child { border-bottom: 0; } fieldset .form-group { margin-bottom: 15px; } @media only screen and (max-width: 767px) { input[type="text"], input[type="email"], input[type="search"], input[type="password"] { -webkit-appearance: none; } } .table > thead > tr > th { border-bottom-width: 1px; } .table > tbody + tbody { border-bottom-width: 1px; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 1px; } .progress { -webkit-box-shadow: 0 0 0 #000000; box-shadow: 0 0 0 #000000; border-radius: 3px; border: 1px solid #f1f1f1; background-color: #fff; } .progress .progress-bar { -webkit-box-shadow: 0 0 0 #000000; box-shadow: 0 0 0 #000000; } .popover { box-shadow: 0 0 0 #000; border-color: #eee; border-bottom: 2px solid #e4eaec; border-radius: 3px; } .popover .popover-title { border: 0; } .nav.nav-pills .active > a { background-color: #5d9cec; } .dropdown-menu { border-radius: 3px; } .dropdown-header { color: #a1a2a3; } .navbar-top .navbar-nav > .active > a { color: #999; } .navbar-top .navbar-nav > .active > a:hover, .navbar-top .navbar-nav > .active > a:focus { color: #d1d2d3; } .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #666; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #222; } .carousel .carousel-indicators { bottom: 0; } .carousel .carousel-control.left, .carousel .carousel-control.right { background-image: none; } .carousel .carousel-control em { position: absolute; top: 50%; left: 50%; z-index: 5; display: inline-block; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; } .nav, .pagination, .carousel, .panel-title a { cursor: pointer; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border-bottom: 0; } .modal-backdrop { position: fixed; bottom: 0; } .topnavbar, .navbar, .navbar .dropdown-menu { filter: none !important; } /* ======================================================================== Component: typo.less ========================================================================== */ body { font-family: "Source Sans Pro", sans-serif; color: #656565; } h1, h2, h3, h4 { font-weight: bold; } /* ======================================================================== Component: layout.less ========================================================================== */ html { /* @replace rtl */ direction: ltr; height: 100%; -ms-touch-action: manipulation; touch-action: manipulation; } html, body { height: 100%; } .wrapper { position: relative; width: 100%; height: auto; min-height: 100%; overflow-x: hidden; } .wrapper.ng-leave { display: none; } .wrapper > .aside { position: absolute; width: 220px; top: 0; left: 0; bottom: 0; z-index: 116; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; background-color: #ffffff; } .wrapper > .aside .aside-inner { padding-top: 110px; height: 100%; width: 220px; overflow: hidden; } .wrapper > .aside > .nav-floating { left: inherit; margin-left: 220px; z-index: 1110; min-width: 190px; overflow: auto; } .wrapper > .aside .dropdown-backdrop { z-index: -1; } .wrapper > section { position: relative; height: 100%; margin-left: 0; z-index: 111; background-color: #f5f7fa; margin-bottom: 60px !important; } .wrapper > footer { position: absolute; left: 0; right: 0; bottom: 0; height: 60px; border-top: 1px solid #e4eaec; padding: 20px; z-index: 109; } .wrapper > footer > p { margin: 0; } .modal-open .wrapper { z-index: 0; } .content-wrapper { padding: 15px; width: 100%; border-top: 1px solid rgba(0, 0, 0, 0.15); margin-top: -1px; } .content-wrapper > .unwrap { margin: -15px; } @media only screen and (min-width: 768px) { .content-wrapper > .unwrap { margin: -20px; } } .content-wrapper > h3, .content-wrapper > .content-heading { font-size: 24px; line-height: 1.1; color: #929292; margin: -15px; margin-bottom: 20px; padding: 15px; font-weight: normal; background-color: #fafbfc; border-bottom: 1px solid #cfdbe2; } .content-wrapper > h3 > small, .content-wrapper > .content-heading > small { display: block; font-size: 12px; color: #909fa7; } .content-wrapper > button, .content-wrapper > .btn { margin: 10px 10px 0 0; } .content-wrapper .container, .content-wrapper .container-fluid { padding-left: 0; padding-right: 0; } @media only screen and (min-width: 768px) { .content-wrapper { padding: 20px; } .content-wrapper > h3, .content-wrapper > .content-heading { margin: -20px; margin-bottom: 10px; /*padding: 20px;*/ } .content-wrapper > button, .content-wrapper > .btn { margin: 0; } } @media only screen and (min-width: 768px) { body { min-height: 100%; } .wrapper > .aside .aside-inner { padding-top: 55px; } .wrapper > section, .wrapper > footer { margin-left: 220px; } .wrapper > section.has-sidebar-right { margin-right: 240px; } .wrapper > section.has-sidebar-right + .offsidebar { z-index: 1; } } @media only screen and (max-width: 767px) { .wrapper > .aside { margin-left: -220px; } .aside-toggled .wrapper > section, .aside-toggled .wrapper > footer { margin-left: 220px; } .aside-toggled .wrapper > .aside { margin-left: 0; } .csstransforms3d .wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .csstransforms3d .wrapper > section, .csstransforms3d .wrapper > footer { margin-left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.3s ease; -moz-transition: -moz-transform 0.3s ease; -o-transition: -o-transform 0.3s ease; transition: transform 0.3s ease; } .csstransforms3d .wrapper > .aside { margin-left: 0; -webkit-transform: translate3d(-220px, 0, 0); transform: translate3d(-220px, 0, 0); -webkit-transition: -webkit-transform 0.3s ease; -moz-transition: -moz-transform 0.3s ease; -o-transition: -o-transform 0.3s ease; transition: transform 0.3s ease; } .csstransforms3d .aside-toggled .wrapper > section, .csstransforms3d .aside-toggled .wrapper > footer { -webkit-transform: translate3d(220px, 0, 0); transform: translate3d(220px, 0, 0); } .csstransforms3d .aside-toggled .wrapper > .aside { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @media only screen and (max-width: 767px) { .aside-collapsed .wrapper > .aside { margin-left: -70px; } .aside-collapsed.aside-toggled .wrapper > section, .aside-collapsed.aside-toggled .wrapper > footer { margin-left: 70px; } .aside-collapsed.aside-toggled .wrapper > .aside { margin-left: 0; } .csstransforms3d .aside-collapsed .wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .csstransforms3d .aside-collapsed .wrapper > section, .csstransforms3d .aside-collapsed .wrapper > footer { margin-left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 0.3s ease; -moz-transition: -moz-transform 0.3s ease; -o-transition: -o-transform 0.3s ease; transition: transform 0.3s ease; } .csstransforms3d .aside-collapsed .wrapper > .aside { margin-left: 0; -webkit-transform: translate3d(-70px, 0, 0); transform: translate3d(-70px, 0, 0); -webkit-transition: -webkit-transform 0.3s ease; -moz-transition: -moz-transform 0.3s ease; -o-transition: -o-transform 0.3s ease; transition: transform 0.3s ease; } .csstransforms3d .aside-collapsed.aside-toggled .wrapper > section, .csstransforms3d .aside-collapsed.aside-toggled .wrapper > footer { -webkit-transform: translate3d(70px, 0, 0); transform: translate3d(70px, 0, 0); } .csstransforms3d .aside-collapsed.aside-toggled .wrapper > .aside { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .aside-collapsed { overflow-y: auto; } .aside-collapsed .wrapper > .aside, .aside-collapsed .wrapper > .aside > .aside-inner { width: 70px; } .aside-collapsed .wrapper > .aside > .nav-floating { margin-left: 70px; } @media only screen and (min-width: 768px) { .aside-collapsed .wrapper > section, .aside-collapsed .wrapper > footer { margin-left: 70px; } } @media (max-width: 1140px) { .layout-fixed.aside-toggled, .layout-fixed.offsidebar-open { overflow-y: hidden; } } .layout-fixed .wrapper { /* only applied to sidebar */ } .layout-fixed .wrapper .topnavbar-wrapper { position: fixed; top: 0; width: 100%; z-index: 121; /*display: none !important;*/ } .layout-fixed .wrapper > aside { position: fixed; } .layout-fixed .wrapper > .aside { /* safari fix */ height: 1px; min-height: 100%; /* ios blanks space fix */ } .layout-fixed .wrapper > .aside > .aside-inner { position: fixed; top: 0; bottom: 0; } .layout-fixed .wrapper > section { margin-top: 114px; } @media only screen and (min-width: 768px) { .layout-fixed .wrapper > section { margin-top: 55px; } } /* IE10+ hack: safari fix breaks ie so we need to target ie only to restore */ _:-ms-lang(x), .layout-fixed .wrapper > .aside > .aside-inner { position: static !important; } @media only screen and (min-width: 992px) { .layout-boxed { overflow: auto !important; } .layout-boxed .wrapper { margin: 0 auto; overflow: hidden; box-shadow: 0 0 13px rgba(0, 0, 0, 0.25); } .layout-boxed .wrapper .offsidebar { position: absolute !important; } .layout-boxed .wrapper > .aside { left: inherit; } .layout-boxed .wrapper, .layout-boxed .wrapper .topnavbar-wrapper { width: 970px; } .layout-boxed.layout-fixed .wrapper > .aside > .aside-inner { left: inherit; } } @media only screen and (min-width: 1200px) { .layout-boxed .wrapper, .layout-boxed .wrapper .topnavbar-wrapper { width: 1140px; } } /* ======================================================================== Component: layout-extra.less ========================================================================== */ .hidden-footer .wrapper > footer { display: none; } .hidden-footer .wrapper > section { margin-bottom: 0 !important; } .layout-fs .wrapper > section { position: absolute; top: 114px; left: 0; right: 0; bottom: 60px; height: auto; margin-top: 0 !important; margin-bottom: 0 !important; overflow-y: auto; -webkit-overflow-scrolling: touch; } @media only screen and (min-width: 480px) { .layout-fs .wrapper > section { overflow: hidden; } } @media only screen and (min-width: 768px) { .layout-fs .wrapper > section { top: 55px; } } .layout-fs .wrapper > section > .content-wrapper { width: 100%; height: 100%; padding: 0; } .layout-fs.hidden-footer .wrapper > section { bottom: 0; } .d-table, .d-table-fixed { display: table; width: 100%; height: 100%; min-height: 240px; border-spacing: 0; } .d-table-fixed { table-layout: fixed; } .d-row { display: table-row; height: 100%; } .d-cell, .d-cell-wrapper { position: relative; display: table-cell; height: 100%; width: 100%; vertical-align: top; overflow: auto; } .d-cell-wrapper { display: block; } .d-cell-wrapper .d-cell-inner { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } @media only screen and (max-width: 767px) { .d-table-fixed { display: block; } .d-table-fixed > .d-cell { display: block; width: auto; height: auto; } } /* Target Firefox only */ @-moz-document url-prefix() { .d-table, .d-table-desktop { height: 240px; min-height: 100%; } .d-cell-inner { overflow: auto; } } .fh { height: 100% !important; } .fw { width: 100% !important; } .scroll { overflow: auto; } .scroll-y { overflow-y: auto; } .scroll-y { overflow-y: auto; } .layout-h .wrapper > section { max-width: 1140px; margin-left: auto; margin-right: auto; } .layout-h .wrapper > section > .content-wrapper > h3 { display: none; } .layout-h .wrapper > section { margin-top: 0; } .layout-h .wrapper > .offsidebar { margin-top: 55px; } .layout-h .wrapper > footer { margin: 0; } .layout-h.layout-fixed .wrapper > section, .layout-h.layout-fixed .wrapper > .offsidebar { margin-top: 55px; } .aside-float .wrapper { box-shadow: 0 0 0 #000; } .aside-float .wrapper > footer { border: 0; } .aside-float .wrapper > .aside { padding: 15px 0; background: transparent; } .aside-float .wrapper > .aside > .aside-inner { height: 100%; top: 15px; bottom: 15px; left: inherit; } .aside-float .wrapper > .aside .sidebar { border: 1px solid #e4eaec; } .aside-float .wrapper > .aside .sidebar:after { display: none; } @media only screen and (min-width: 768px) { .aside-float .wrapper > section { padding-left: 15px; } .aside-float .wrapper > footer { left: 15px; } } .aside-float .wrapper .content-wrapper { border: 0; } .aside-float .wrapper .content-wrapper > h3, .aside-float .wrapper .content-wrapper > .content-heading { padding-top: 30px; border: 0; background-color: transparent; } .aside-float .wrapper .content-wrapper > .unwrap { margin: 0 !important; } .aside-float.aside-toggled .wrapper > .aside { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } .aside-float.aside-toggled .wrapper > .aside > .aside-inner { margin-left: 15px; } .aside-float.aside-toggled .wrapper > section { padding-left: 15px; } .aside-float.aside-toggled .wrapper > footer { left: 15px; } @media only screen and (min-width: 768px) { .aside-float.aside-collapsed .topnavbar .navbar-header { width: 100px; } .aside-float.layout-fs .wrapper > section > .content-wrapper { padding: 0 0 0 20px; } .aside-float .wrapper > .aside > .aside-inner { margin-left: 15px; } } @media only screen and (min-width: 992px) { .aside-float.layout-boxed .wrapper > .aside > .aside-inner { margin-left: 0; } .aside-float.layout-boxed .wrapper > section { padding-left: 0; } } .aside-float.aside-toggled.layout-fs .wrapper > section > .content-wrapper { padding: 0 0 0 20px; } /* ======================================================================== Component: layout-animation.less ========================================================================== */ .wrapper > .aside { -webkit-transition: width .2s cubic-bezier(0.35, 0, 0.25, 1), translate .2s cubic-bezier(0.35, 0, 0.25, 1); -o-transition: width .2s cubic-bezier(0.35, 0, 0.25, 1), translate .2s cubic-bezier(0.35, 0, 0.25, 1); transition: width .2s cubic-bezier(0.35, 0, 0.25, 1), translate .2s cubic-bezier(0.35, 0, 0.25, 1); } .aside-inner, .navbar-header, .sidebar > .nav > li { -webkit-transition: width 0.2s cubic-bezier(0.35, 0, 0.25, 1); -o-transition: width 0.2s cubic-bezier(0.35, 0, 0.25, 1); transition: width 0.2s cubic-bezier(0.35, 0, 0.25, 1); } .wrapper > section { -webkit-transition: margin-left 0.2s cubic-bezier(0.35, 0, 0.25, 1); -o-transition: margin-left 0.2s cubic-bezier(0.35, 0, 0.25, 1); transition: margin-left 0.2s cubic-bezier(0.35, 0, 0.25, 1); } .sidebar > .nav .label { -webkit-animation: fadeInRight 1s; -o-animation: fadeInRight 1s; animation: fadeInRight 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .aside-collapsed .sidebar > .nav .label { -webkit-animation: fadeIn 1s; -o-animation: fadeIn 1s; animation: fadeIn 1s; } .sidebar .nav > li > a { -webkit-animation: fadeInLeft 0.5s; -o-animation: fadeInLeft 0.5s; animation: fadeInLeft 0.5s; } .sidebar > .nav > .nav-heading, .sidebar > .nav > li > a > span, .navbar-brand .brand-logo { -webkit-animation: fadeIn 1s; -o-animation: fadeIn 1s; animation: fadeIn 1s; } .sidebar li > a, .sidebar li > .nav-item, .sidebar > .nav > .nav-heading { white-space: nowrap; } .aside-collapsed .user-block-picture { -webkit-transition: width 0.2s cubic-bezier(0.35, 0, 0.25, 1); -o-transition: width 0.2s cubic-bezier(0.35, 0, 0.25, 1); transition: width 0.2s cubic-bezier(0.35, 0, 0.25, 1); } .aside-collapsed .user-block { -webkit-transition: padding 0.2s cubic-bezier(0.35, 0, 0.25, 1); -o-transition: padding 0.2s cubic-bezier(0.35, 0, 0.25, 1); transition: padding 0.2s cubic-bezier(0.35, 0, 0.25, 1); } /* ======================================================================== Component: top-navbar.less ========================================================================== */ .topnavbar { -webkit-backface-visibility: hidden; /* fixes chrome jump */ margin-bottom: 0; border-radius: 0; background-color: #fff; z-index: 1050; border: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.15); } @media only screen and (min-width: 768px) { .topnavbar .navbar-header { width: 220px; text-align: center; } .topnavbar .navbar-header .navbar-brand { width: 100%; } } .topnavbar { position: relative; } .topnavbar .navbar-header { background-color: transparent; background-image: -webkit-linear-gradient(left, #23b7e5 0%, #51c6ea 100%); background-image: -o-linear-gradient(left, #23b7e5 0%, #51c6ea 100%); background-image: linear-gradient(to right, #23b7e5 0%, #51c6ea 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff23b7e5', endColorstr='#ff51c6ea', GradientType=1); } @media only screen and (min-width: 768px) { .topnavbar .navbar-header { background-image: none; } } .topnavbar .navbar-header { position: relative; z-index: 11; } .topnavbar .navbar-header .navbar-brand { padding: 0; } .topnavbar .navbar-header .brand-logo > img, .topnavbar .navbar-header .brand-logo-collapsed > img { margin: 0 auto; } .topnavbar .navbar-header .brand-logo { display: block; padding: 10px 15px; } .topnavbar .navbar-header .brand-logo-collapsed { display: none; padding: 6px 15px; } .topnavbar .navbar-nav > li > a, .topnavbar .navbar-nav > .open > a { color: #23b7e5; } .topnavbar .navbar-nav > li > a:hover, .topnavbar .navbar-nav > .open > a:hover, .topnavbar .navbar-nav > li > a:focus, .topnavbar .navbar-nav > .open > a:focus { color: #117391; } .topnavbar .navbar-nav > .active > a, .topnavbar .navbar-nav > .open > a, .topnavbar .navbar-nav > .active > a:hover, .topnavbar .navbar-nav > .open > a:hover, .topnavbar .navbar-nav > .active > a:focus, .topnavbar .navbar-nav > .open > a:focus { background-color: transparent; } .topnavbar .navbar-nav > li > [data-toggle='navbar-search'] { position: absolute; top: 0; right: 0; z-index: 20; font-size: 16px; line-height: 55px; color: #fff; padding-top: 0; padding-bottom: 0; -webkit-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; } @media only screen and (min-width: 768px) { .topnavbar .navbar-nav > li > [data-toggle='navbar-search'] { color: #ffffff; } } @media only screen and (max-width: 767px) { .sidebar-toggle { position: absolute !important; top: 5px; right: 0; z-index: 3001; } .sidebar-toggle > em { color: white; } } .nav-wrapper { padding: 0 15px; background-color: transparent; } .nav-wrapper .nav.navbar-nav { float: left; } .nav-wrapper .nav.navbar-nav.navbar-right { float: right; } .nav-wrapper .nav > li { position: static; float: left; } .nav-wrapper .navbar-nav .open .dropdown-menu { position: absolute; background-color: #ffffff; left: 0px; right: 0px; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; } .topnavbar .navbar-form { position: absolute; top: -100%; left: 0; right: 0; margin: 0; padding: 0; height: 55px; z-index: 9001; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; border: 0; border-bottom: 1px solid #e1e2e3; } .topnavbar .navbar-form .form-group { height: 100%; width: 100%; } .topnavbar .navbar-form .form-control { height: 100%; border: 0; border-radius: 0; width: 100%; } .topnavbar .navbar-form.open { top: 0; } .topnavbar .navbar-form .has-feedback .form-control-feedback { height: 30px; cursor: pointer; top: 50%; margin-top: -15px; line-height: 30px; margin-right: 10px; color: #c1c2c3; font-size: 1.5em; pointer-events: auto; } @media only screen and (min-width: 768px) { .topnavbar .navbar-form { left: 220px; } } @media only screen and (min-width: 768px) { .topnavbar { border: 0; background-color: #23b7e5; background-image: -webkit-linear-gradient(left, #23b7e5 0%, #51c6ea 100%); background-image: -o-linear-gradient(left, #23b7e5 0%, #51c6ea 100%); background-image: linear-gradient(to right, #23b7e5 0%, #51c6ea 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff23b7e5', endColorstr='#ff51c6ea', GradientType=1); } .topnavbar .navbar-header { background-image: none; background-repeat: no-repeat; filter: none; } .topnavbar .navbar-nav > a { box-shadow: 0 0 0 #000 inset; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .topnavbar .navbar-nav > .open > a, .topnavbar .navbar-nav > .open > a:hover, .topnavbar .navbar-nav > .open > a:focus { box-shadow: 0 -3px 0 #19a5d1 inset; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .topnavbar .navbar-nav > li > a, .topnavbar .navbar-nav > .open > a { color: #ffffff; } .topnavbar .navbar-nav > li > a:hover, .topnavbar .navbar-nav > .open > a:hover, .topnavbar .navbar-nav > li > a:focus, .topnavbar .navbar-nav > .open > a:focus { color: #117391; } .topnavbar .navbar-nav > li > [data-toggle='navbar-search'] { position: static; } .nav-wrapper { position: relative; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); z-index: 10; } .nav-wrapper:before, .nav-wrapper:after { content: " "; display: table; } .nav-wrapper:after { clear: both; } .nav-wrapper .nav > li { position: relative; } .nav-wrapper .navbar-nav .open .dropdown-menu { left: auto; right: auto; } .nav-wrapper .navbar-nav.navbar-right .open .dropdown-menu { left: auto; right: 0; } } @media only screen and (min-width: 768px) { .aside-collapsed .topnavbar .navbar-header .brand-logo { display: none; } .aside-collapsed .topnavbar .navbar-header .brand-logo-collapsed { display: block; } .aside-collapsed .topnavbar .navbar-header { width: 70px; } .aside-collapsed .topnavbar .navbar-form { left: 70px; } } /* ======================================================================== Component: sidebar.less ========================================================================== */ .sidebar { height: 100%; padding-bottom: 20px; background-color: #ffffff; overflow-x: hidden; -webkit-overflow-scrolling: touch; } .sidebar:after { content: ""; background: rgba(0, 0, 0, 0.15); position: absolute; display: block; top: 0; bottom: 0; right: 0; width: 1px; -webkit-transform: translateZ(0px); } .sidebar .nav-heading { padding: 12px 15px; color: #919da8; font-size: 13px; letter-spacing: .035em; pointer-events: none; cursor: default; } .sidebar > .nav { position: relative; } .sidebar > .nav > .nav-heading:first-child { padding-top: 20px; } .sidebar > .nav > li { border-left: 3px solid transparent; -webkit-transition: border-left-color 0.4s ease; -o-transition: border-left-color 0.4s ease; transition: border-left-color 0.4s ease; } .sidebar > .nav > li > a, .sidebar > .nav > li > .nav-item { padding: 12px 24px; color: #515253; letter-spacing: .025em; font-weight: normal; } .sidebar > .nav > li > a:focus, .sidebar > .nav > li > .nav-item:focus, .sidebar > .nav > li > a:hover, .sidebar > .nav > li > .nav-item:hover { text-decoration: none; outline: none; color: #23b7e5; } .sidebar > .nav > li > a > em, .sidebar > .nav > li > .nav-item > em { width: 2em; display: inline-block; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; color: inherits; } .sidebar > .nav > li.active, .sidebar > .nav > li.open, .sidebar > .nav > li.active > a, .sidebar > .nav > li.open > a, .sidebar > .nav > li.active .nav, .sidebar > .nav > li.open .nav { background-color: #fcfcfc; color: #23b7e5; } .sidebar > .nav > li.active > a > em, .sidebar > .nav > li.open > a > em { color: #23b7e5; } .sidebar > .nav > li.active { border-left-color: #23b7e5; } .sidebar > .nav .label { display: block; } @media only screen and (min-width: 1025px) { .sidebar:not(.show-scrollbar) { margin-right: -17px; overflow-y: scroll; } } .sidebar-subnav { background-color: #ffffff; } .sidebar-subnav > .sidebar-subnav-header { color: #515253; display: none; padding: 10px 20px; font-weight: bold; } .sidebar-subnav > li { border-left: 0 !important; } .sidebar-subnav > li > a, .sidebar-subnav > li > .nav-item { display: block; position: relative; padding: 10px 20px; padding-left: 53px; font-weight: normal; background-color: transparent !important; color: #515253; } .sidebar-subnav > li > a:focus, .sidebar-subnav > li > .nav-item:focus, .sidebar-subnav > li > a:hover, .sidebar-subnav > li > .nav-item:hover { color: #23b7e5; } .sidebar-subnav > li > a > em, .sidebar-subnav > li > .nav-item > em { display: inline-block; width: 2em; margin: 0 0 0 -2em; } .sidebar-subnav > li.active > a, .sidebar-subnav > li.active > .nav-item { color: #23b7e5; } .sidebar-subnav > li.active > a:after, .sidebar-subnav > li.active > .nav-item:after { border-color: #23b7e5; background-color: #23b7e5; } .sidebar-subnav > li .nav > li { padding-left: 5px; } .sidebar-subnav.nav-floating { border: 1px solid rgba(0, 0, 0, 0.15); margin-left: -1px; } .sidebar-subnav.nav-floating, .sidebar-subnav.nav-floating .collapse { height: auto !important; display: block !important; visibility: visible !important; } .sidebar-subnav.nav-floating > .sidebar-subnav-header { display: block; } .sidebar-subnav.nav-floating li > a { padding-left: 20px; } .sidebar-subnav.nav-floating li > a em { margin-left: 0; } @media only screen and (min-width: 768px) { .sidebar > .nav .label { margin: 2px 0 0 0; } } .aside-collapsed .sidebar { overflow-x: hidden; } .aside-collapsed .sidebar > .nav .nav, .aside-collapsed .sidebar > .nav > .nav-heading, .aside-collapsed .sidebar > .nav > li > a > span { display: none !important; } .aside-collapsed .sidebar > .nav > li { width: 68px; } .aside-collapsed .sidebar > .nav > li > a, .aside-collapsed .sidebar > .nav > li > .nav-item { text-indent: -3px; padding: 20px 0; text-align: center; } .aside-collapsed .sidebar > .nav > li > a > em, .aside-collapsed .sidebar > .nav > li > .nav-item > em { font-size: 1.6em; width: auto; } .aside-collapsed .sidebar > .nav > li > a:focus, .aside-collapsed .sidebar > .nav > li > .nav-item:focus { background-color: transparent; } .aside-collapsed .sidebar > .nav > li > a:focus > em, .aside-collapsed .sidebar > .nav > li > .nav-item:focus > em { color: inherit; } .aside-collapsed .sidebar .nav .label { position: absolute; top: 10px; right: 5px; text-indent: 0; } /* ======================================================================== Component: offsidebar.less ========================================================================== */ .offsidebar { position: absolute; top: 0; bottom: 0; right: 0; width: 235px; margin-top: 114px; border-left: 1px solid #cccccc; background-color: #ffffff; color: #515253; z-index: 116; overflow: auto; -webkit-overflow-scrolling: touch; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .offsidebar > nav { min-height: 100%; overflow: hidden; -webkit-transform: translateZ(0px); } .offsidebar .progress { border: 0; } .offsidebar .nav > li > a:hover, .offsidebar .nav > li > a:focus { background-color: rgba(0, 0, 0, 0.025); } .offsidebar .tab-content { padding: 0; border: 0; } .offsidebar .nav-tabs.nav-justified > li > a, .offsidebar .nav-tabs.nav-justified > li > a:hover, .offsidebar .nav-tabs.nav-justified > li > a:focus { background-color: transparent; border: 0; border-right: 1px solid rgba(0, 0, 0, 0.05); border-bottom: 1px solid rgba(0, 0, 0, 0.05); border-radius: 0; color: #909fa7; } .offsidebar .nav-tabs.nav-justified > li.active > a { color: #5d9cec; } @media only screen and (min-width: 768px) { .offsidebar { margin-top: 55px; } } .offsidebar-open .offsidebar { overflow-y: auto; } @media only screen and (min-width: 768px) { .offsidebar-open { overflow-y: auto; } } .no-csstransforms3d .offsidebar { right: -235px; } .no-csstransforms3d .offsidebar-open .offsidebar { right: 0; } /* Transformation ready devices*/ .csstransforms3d .offsidebar { -webkit-transform: translate3d(235px, 0, 0); transform: translate3d(235px, 0, 0); } .csstransforms3d .offsidebar-open .offsidebar { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* ======================================================================== Component: preloader.less ========================================================================== */ /*@noflip*/ .preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background-color: #23b7e5; background-image: -webkit-linear-gradient(90deg, #23b7e5 10%, #19a9d5 90%); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient(90deg, #23b7e5 10%, #19a9d5 90%); /* FF3.6+ */ background-image: -ms-linear-gradient(90deg, #23b7e5 10%, #19a9d5 90%); /* IE10 */ background-image: -o-linear-gradient(90deg, #23b7e5 10%, #19a9d5 90%); /* Opera 11.10+ */ background-image: linear-gradient(90deg, #23b7e5 10%, #19a9d5 90%); /* W3C */ z-index: 9999; -webkit-transition: opacity 0.65s; -o-transition: opacity 0.65s; transition: opacity 0.65s; } /*@noflip*/ .preloader-progress { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100px; height: 30px; margin: auto; overflow: auto; background-image: url(../img/preloader/preloader.empty.png); background-size: 100px 30px; } /*@noflip*/ .preloader-progress-bar { position: absolute; top: 0; left: 0; bottom: 0; min-width: 10px; background-image: url(../img/preloader/preloader.full.png); background-size: 100px 30px; } .preloader-hidden { display: none; } .preloader-hidden-add { opacity: 1; display: block; } .preloader-hidden-add .preloader-progress { -webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .preloader-hidden-add-active { opacity: 0; } /* ======================================================================== Component: breadcrumbs.less ========================================================================== */ .breadcrumb { font-weight: normal; border-radius: 0; color: #909fa7; padding: 10px 20px; } h3 + .breadcrumb, .content-heading + .breadcrumb { margin: -25px -25px 20px -20px; background-color: #fafbfc; border-top: 1px solid #cfdbe2; border-bottom: 1px solid #cfdbe2; } h3 > .breadcrumb, .content-heading > .breadcrumb { background: transparent; font-size: 13px; border: 0; padding: 10px 10px 0 0; margin-bottom: 0; } h3 > .breadcrumb.pull-right, .content-heading > .breadcrumb.pull-right { margin: -2px 0 0; } /* ======================================================================== Component: loading-bar.less ========================================================================== */ /* * angular-loading-bar v0.6.0 * https://chieffancypants.github.io/angular-loading-bar * Copyright (c) 2014 Wes Cruver * License: MIT */ #loading-bar { position: absolute; z-index: 90002; top: 0; left: 0; right: 0; height: 3px; } /* Make clicks pass-through */ #loading-bar, #loading-bar-spinner { pointer-events: none; -webkit-pointer-events: none; -webkit-transition: 350ms linear all; -moz-transition: 350ms linear all; -o-transition: 350ms linear all; transition: 350ms linear all; } #loading-bar.ng-enter, #loading-bar.ng-leave.ng-leave-active, #loading-bar-spinner.ng-enter, #loading-bar-spinner.ng-leave.ng-leave-active { opacity: 0; } #loading-bar.ng-enter.ng-enter-active, #loading-bar.ng-leave, #loading-bar-spinner.ng-enter.ng-enter-active, #loading-bar-spinner.ng-leave { opacity: 1; } #loading-bar .bar { height: 100%; width: 100%; -webkit-transition: width 350ms; -moz-transition: width 350ms; -o-transition: width 350ms; transition: width 350ms; background: #23b7e5; border-bottom-right-radius: 1px; border-top-right-radius: 1px; } /* Fancy blur effect */ #loading-bar .peg { position: absolute; width: 70px; right: 0; top: 0; height: 2px; opacity: .45; -moz-box-shadow: #23b7e5 1px 0 6px 1px; -ms-box-shadow: #23b7e5 1px 0 6px 1px; -webkit-box-shadow: #23b7e5 1px 0 6px 1px; box-shadow: #23b7e5 1px 0 6px 1px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; } #loading-bar-spinner { display: block; position: fixed; z-index: 90002; top: 10px; left: 10px; } #loading-bar-spinner .spinner-icon { width: 14px; height: 14px; border: solid 2px transparent; border-top-color: #23b7e5; border-left-color: #23b7e5; border-radius: 10px; -webkit-animation: loading-bar-spinner 400ms linear infinite; -moz-animation: loading-bar-spinner 400ms linear infinite; -ms-animation: loading-bar-spinner 400ms linear infinite; -o-animation: loading-bar-spinner 400ms linear infinite; animation: loading-bar-spinner 400ms linear infinite; } @-webkit-keyframes loading-bar-spinner { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes loading-bar-spinner { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes loading-bar-spinner { 0% { -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } } @-ms-keyframes loading-bar-spinner { 0% { -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loading-bar-spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* ======================================================================== Component: animate.less ========================================================================== */ [ui-view].ng-leave { display: none !important; } [ui-view].ng-leave.ng-fluid { display: block !important; } .ng-fluid.ng-animate { position: absolute; width: 100%; height: 100%; overflow: hidden; } .ng-fadeIn.ng-enter { -webkit-animation: fadeIn 0.5s; -o-animation: fadeIn 0.5s; animation: fadeIn 0.5s; } .ng-fadeIn.ng-leave { -webkit-animation: fadeOut 0.5s; -o-animation: fadeOut 0.5s; animation: fadeOut 0.5s; } .ng-fadeInUp.ng-enter { -webkit-animation: fadeInUp 0.5s; -o-animation: fadeInUp 0.5s; animation: fadeInUp 0.5s; } .ng-fadeInUp.ng-leave { -webkit-animation: fadeOutDown 0.5s; -o-animation: fadeOutDown 0.5s; animation: fadeOutDown 0.5s; } .ng-fadeInDown.ng-enter { -webkit-animation: fadeInDown 0.5s; -o-animation: fadeInDown 0.5s; animation: fadeInDown 0.5s; } .ng-fadeInDown.ng-leave { -webkit-animation: fadeOutUp 0.5s; -o-animation: fadeOutUp 0.5s; animation: fadeOutUp 0.5s; } .ng-fadeInRight.ng-enter { -webkit-animation: fadeInRight 0.5s; -o-animation: fadeInRight 0.5s; animation: fadeInRight 0.5s; } .ng-fadeInRight.ng-leave { -webkit-animation: fadeOutLeft 0.5s; -o-animation: fadeOutLeft 0.5s; animation: fadeOutLeft 0.5s; } .ng-fadeInLeft.ng-enter { -webkit-animation: fadeInLeft 0.5s; -o-animation: fadeInLeft 0.5s; animation: fadeInLeft 0.5s; } .ng-fadeInLeft.ng-leave { -webkit-animation: fadeOutRight 0.5s; -o-animation: fadeOutRight 0.5s; animation: fadeOutRight 0.5s; } .ng-fadeInUpBig.ng-enter { -webkit-animation: fadeInDownBig 0.5s; -o-animation: fadeInDownBig 0.5s; animation: fadeInDownBig 0.5s; } .ng-fadeInUpBig.ng-leave { -webkit-animation: fadeOutDownBig 0.5s; -o-animation: fadeOutDownBig 0.5s; animation: fadeOutDownBig 0.5s; } .ng-fadeInDownBig.ng-enter { -webkit-animation: fadeInUpBig 0.5s; -o-animation: fadeInUpBig 0.5s; animation: fadeInUpBig 0.5s; } .ng-fadeInDownBig.ng-leave { -webkit-animation: fadeOutUpBig 0.5s; -o-animation: fadeOutUpBig 0.5s; animation: fadeOutUpBig 0.5s; } .ng-fadeInRightBig.ng-enter { -webkit-animation: fadeInRightBig 0.5s; -o-animation: fadeInRightBig 0.5s; animation: fadeInRightBig 0.5s; } .ng-fadeInRightBig.ng-leave { -webkit-animation: fadeOutLeftBig 0.5s; -o-animation: fadeOutLeftBig 0.5s; animation: fadeOutLeftBig 0.5s; } .ng-fadeInLeftBig.ng-enter { -webkit-animation: fadeInLeftBig 0.5s; -o-animation: fadeInLeftBig 0.5s; animation: fadeInLeftBig 0.5s; } .ng-fadeInLeftBig.ng-leave { -webkit-animation: fadeOutRightBig 0.5s; -o-animation: fadeOutRightBig 0.5s; animation: fadeOutRightBig 0.5s; } .ng-zoomBackDown.ng-enter { -webkit-animation: fadeInDown 1s cubic-bezier(0.23, 1, 0.32, 1); -o-animation: fadeInDown 1s cubic-bezier(0.23, 1, 0.32, 1); animation: fadeInDown 1s cubic-bezier(0.23, 1, 0.32, 1); } .ng-zoomBackDown.ng-leave { -webkit-animation: zoomBack 1s cubic-bezier(0.23, 1, 0.32, 1); -o-animation: zoomBack 1s cubic-bezier(0.23, 1, 0.32, 1); animation: zoomBack 1s cubic-bezier(0.23, 1, 0.32, 1); } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); -ms-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); -ms-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); -ms-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); -ms-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); -ms-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); -ms-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); -ms-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); -ms-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); -ms-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); -ms-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); -ms-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); -ms-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); -ms-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); -ms-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); -ms-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); -ms-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } @keyframes wobble { 0% { -webkit-transform: none; -ms-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); -ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); -ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); -ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); -ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; -ms-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); -ms-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); -ms-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); -ms-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); -ms-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); -ms-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); -ms-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); -ms-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); -ms-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; -ms-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); -ms-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); -ms-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); -ms-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); -ms-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; -ms-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); -ms-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); -ms-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); -ms-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); -ms-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; -ms-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); -ms-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); -ms-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); -ms-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); -ms-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); -ms-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); -ms-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); -ms-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); -ms-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); -ms-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); -ms-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); -ms-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); -ms-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); -ms-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); -ms-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); -ms-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); -ms-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -18px, 0); transform: translate3d(0, -18px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -18px, 0); -ms-transform: translate3d(0, -18px, 0); transform: translate3d(0, -18px, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); -ms-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-18px, 0, 0); transform: translate3d(-18px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-18px, 0, 0); -ms-transform: translate3d(-18px, 0, 0); transform: translate3d(-18px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); -ms-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(18px, 0, 0); transform: translate3d(18px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(18px, 0, 0); -ms-transform: translate3d(18px, 0, 0); transform: translate3d(18px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); -ms-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 18px, 0); transform: translate3d(0, 18px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 18px, 0); -ms-transform: translate3d(0, 18px, 0); transform: translate3d(0, 18px, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); -ms-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 18px, 0); transform: translate3d(0, 18px, 0); } } @keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 18px, 0); -ms-transform: translate3d(0, 18px, 0); transform: translate3d(0, 18px, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); -ms-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-18px, 0, 0); transform: translate3d(-18px, 0, 0); } } @keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-18px, 0, 0); -ms-transform: translate3d(-18px, 0, 0); transform: translate3d(-18px, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); -ms-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(18px, 0, 0); transform: translate3d(18px, 0, 0); } } @keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(18px, 0, 0); -ms-transform: translate3d(18px, 0, 0); transform: translate3d(18px, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); -ms-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -18px, 0); transform: translate3d(0, -18px, 0); } } @keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -18px, 0); -ms-transform: translate3d(0, -18px, 0); transform: translate3d(0, -18px, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); -ms-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -ms-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); -ms-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); -ms-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); -ms-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); -ms-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); -ms-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(18px, 0, 0) skewX(-30deg); transform: translate3d(18px, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(18px, 0, 0) skewX(-30deg); -ms-transform: translate3d(18px, 0, 0) skewX(-30deg); transform: translate3d(18px, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); -ms-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); -ms-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(18px, 0, 0) skewX(30deg); transform: translate3d(18px, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(18px, 0, 0) skewX(30deg); -ms-transform: translate3d(18px, 0, 0) skewX(30deg); transform: translate3d(18px, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); -ms-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); -ms-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); -ms-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); -ms-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); -ms-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); -ms-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0, 0, 1, 45deg); transform: rotate(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0, 0, 1, 45deg); -ms-transform: rotate(0, 0, 1, 45deg); transform: rotate(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); -ms-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); -ms-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); -ms-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); -ms-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); -ms-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); -ms-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-18px, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-18px, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-18px, 0, 0) rotate3d(0, 0, 1, -120deg); -ms-transform: translate3d(-18px, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-18px, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(18px, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(18px, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(18px, 0, 0) rotate3d(0, 0, 1, 120deg); -ms-transform: translate3d(18px, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(18px, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); -ms-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); -ms-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes fadeOutUpShort { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } } @keyframes fadeOutUpShort { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -20px, 0); -ms-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } } .fadeOutUpShort { -webkit-animation-name: fadeOutUpShort; animation-name: fadeOutUpShort; } @-webkit-keyframes fadeInUpShort { 0% { opacity: 0; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpShort { 0% { opacity: 0; -webkit-transform: translate3d(0, 20px, 0); -ms-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .fadeInUpShort { -webkit-animation-name: fadeInUpShort; animation-name: fadeInUpShort; } @-webkit-keyframes zoomInShort { 0% { opacity: 0; -webkit-transform: scale3d(0.95, 0.95, 0.95); transform: scale3d(0.95, 0.95, 0.95); } 50% { opacity: 1; } } @keyframes zoomInShort { 0% { opacity: 0; -webkit-transform: scale3d(0.95, 0.95, 0.95); -ms-transform: scale3d(0.95, 0.95, 0.95); transform: scale3d(0.95, 0.95, 0.95); } 50% { opacity: 1; } } .zoomInShort { -webkit-animation-name: zoomInShort; animation-name: zoomInShort; } @-webkit-keyframes zoomBack { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); } 100% { opacity: 0; } } @keyframes zoomBack { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 0.5); -ms-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); } 100% { opacity: 0; } } .zoomBack { -webkit-animation-name: zoomBack; animation-name: zoomBack; } /* ======================================================================== Component: button-extra.less ========================================================================== */ .btn-inverse { color: #ffffff; background-color: #131e26; border-color: #131e26; } .btn-inverse:focus, .btn-inverse.focus { color: #ffffff; background-color: #0c1318; border-color: #05090b; } .btn-inverse:hover { color: #ffffff; background-color: #0c1318; border-color: #05090b; } .btn-inverse:active, .btn-inverse.active, .open > .dropdown-toggle.btn-inverse { color: #ffffff; background-color: #0c1318; border-color: #05090b; } .btn-inverse:active:hover, .btn-inverse.active:hover, .open > .dropdown-toggle.btn-inverse:hover, .btn-inverse:active:focus, .btn-inverse.active:focus, .open > .dropdown-toggle.btn-inverse:focus, .btn-inverse:active.focus, .btn-inverse.active.focus, .open > .dropdown-toggle.btn-inverse.focus { color: #ffffff; background-color: #0c1318; border-color: #05090b; } .btn-inverse:active, .btn-inverse.active, .open > .dropdown-toggle.btn-inverse { background-image: none; } .btn-inverse.disabled, .btn-inverse[disabled], fieldset[disabled] .btn-inverse, .btn-inverse.disabled:hover, .btn-inverse[disabled]:hover, fieldset[disabled] .btn-inverse:hover, .btn-inverse.disabled:focus, .btn-inverse[disabled]:focus, fieldset[disabled] .btn-inverse:focus, .btn-inverse.disabled.focus, .btn-inverse[disabled].focus, fieldset[disabled] .btn-inverse.focus, .btn-inverse.disabled:active, .btn-inverse[disabled]:active, fieldset[disabled] .btn-inverse:active, .btn-inverse.disabled.active, .btn-inverse[disabled].active, fieldset[disabled] .btn-inverse.active { background-color: #131e26; border-color: #131e26; } .btn-inverse .badge { color: #131e26; background-color: #ffffff; } .btn-green { color: #ffffff; background-color: #37bc9b; border-color: transparent; } .btn-green:focus, .btn-green.focus { color: #ffffff; background-color: #32ac8e; border-color: rgba(0, 0, 0, 0); } .btn-green:hover { color: #ffffff; background-color: #32ac8e; border-color: rgba(0, 0, 0, 0); } .btn-green:active, .btn-green.active, .open > .dropdown-toggle.btn-green { color: #ffffff; background-color: #32ac8e; border-color: rgba(0, 0, 0, 0); } .btn-green:active:hover, .btn-green.active:hover, .open > .dropdown-toggle.btn-green:hover, .btn-green:active:focus, .btn-green.active:focus, .open > .dropdown-toggle.btn-green:focus, .btn-green:active.focus, .btn-green.active.focus, .open > .dropdown-toggle.btn-green.focus { color: #ffffff; background-color: #32ac8e; border-color: rgba(0, 0, 0, 0); } .btn-green:active, .btn-green.active, .open > .dropdown-toggle.btn-green { background-image: none; } .btn-green.disabled, .btn-green[disabled], fieldset[disabled] .btn-green, .btn-green.disabled:hover, .btn-green[disabled]:hover, fieldset[disabled] .btn-green:hover, .btn-green.disabled:focus, .btn-green[disabled]:focus, fieldset[disabled] .btn-green:focus, .btn-green.disabled.focus, .btn-green[disabled].focus, fieldset[disabled] .btn-green.focus, .btn-green.disabled:active, .btn-green[disabled]:active, fieldset[disabled] .btn-green:active, .btn-green.disabled.active, .btn-green[disabled].active, fieldset[disabled] .btn-green.active { background-color: #37bc9b; border-color: transparent; } .btn-green .badge { color: #37bc9b; background-color: #ffffff; } .btn-purple { color: #ffffff; background-color: #7266ba; border-color: transparent; } .btn-purple:focus, .btn-purple.focus { color: #ffffff; background-color: #6558b4; border-color: rgba(0, 0, 0, 0); } .btn-purple:hover { color: #ffffff; background-color: #6558b4; border-color: rgba(0, 0, 0, 0); } .btn-purple:active, .btn-purple.active, .open > .dropdown-toggle.btn-purple { color: #ffffff; background-color: #6558b4; border-color: rgba(0, 0, 0, 0); } .btn-purple:active:hover, .btn-purple.active:hover, .open > .dropdown-toggle.btn-purple:hover, .btn-purple:active:focus, .btn-purple.active:focus, .open > .dropdown-toggle.btn-purple:focus, .btn-purple:active.focus, .btn-purple.active.focus, .open > .dropdown-toggle.btn-purple.focus { color: #ffffff; background-color: #6558b4; border-color: rgba(0, 0, 0, 0); } .btn-purple:active, .btn-purple.active, .open > .dropdown-toggle.btn-purple { background-image: none; } .btn-purple.disabled, .btn-purple[disabled], fieldset[disabled] .btn-purple, .btn-purple.disabled:hover, .btn-purple[disabled]:hover, fieldset[disabled] .btn-purple:hover, .btn-purple.disabled:focus, .btn-purple[disabled]:focus, fieldset[disabled] .btn-purple:focus, .btn-purple.disabled.focus, .btn-purple[disabled].focus, fieldset[disabled] .btn-purple.focus, .btn-purple.disabled:active, .btn-purple[disabled]:active, fieldset[disabled] .btn-purple:active, .btn-purple.disabled.active, .btn-purple[disabled].active, fieldset[disabled] .btn-purple.active { background-color: #7266ba; border-color: transparent; } .btn-purple .badge { color: #7266ba; background-color: #ffffff; } .btn-pink { color: #ffffff; background-color: #f532e5; border-color: transparent; } .btn-pink:focus, .btn-pink.focus { color: #ffffff; background-color: #f41fe3; border-color: rgba(0, 0, 0, 0); } .btn-pink:hover { color: #ffffff; background-color: #f41fe3; border-color: rgba(0, 0, 0, 0); } .btn-pink:active, .btn-pink.active, .open > .dropdown-toggle.btn-pink { color: #ffffff; background-color: #f41fe3; border-color: rgba(0, 0, 0, 0); } .btn-pink:active:hover, .btn-pink.active:hover, .open > .dropdown-toggle.btn-pink:hover, .btn-pink:active:focus, .btn-pink.active:focus, .open > .dropdown-toggle.btn-pink:focus, .btn-pink:active.focus, .btn-pink.active.focus, .open > .dropdown-toggle.btn-pink.focus { color: #ffffff; background-color: #f41fe3; border-color: rgba(0, 0, 0, 0); } .btn-pink:active, .btn-pink.active, .open > .dropdown-toggle.btn-pink { background-image: none; } .btn-pink.disabled, .btn-pink[disabled], fieldset[disabled] .btn-pink, .btn-pink.disabled:hover, .btn-pink[disabled]:hover, fieldset[disabled] .btn-pink:hover, .btn-pink.disabled:focus, .btn-pink[disabled]:focus, fieldset[disabled] .btn-pink:focus, .btn-pink.disabled.focus, .btn-pink[disabled].focus, fieldset[disabled] .btn-pink.focus, .btn-pink.disabled:active, .btn-pink[disabled]:active, fieldset[disabled] .btn-pink:active, .btn-pink.disabled.active, .btn-pink[disabled].active, fieldset[disabled] .btn-pink.active { background-color: #f532e5; border-color: transparent; } .btn-pink .badge { color: #f532e5; background-color: #ffffff; } .btn-outline { background-color: transparent; border-color: #fff; } .btn-outline:hover, .btn-outline:focus { background-color: #fff; color: #5d9cec; } .btn-flat { border-bottom-width: 1px; border-radius: 0; box-shadow: 0 0 0 #000; } .btn-xl { padding: 20px 16px; font-size: 18px; } .btn-square { border-radius: 0; } .btn-pill-left, .btn-oval { border-top-left-radius: 50px; border-bottom-left-radius: 50px; padding-left: 18px; } .btn-pill-right, .btn-oval { border-top-right-radius: 50px; border-bottom-right-radius: 50px; padding-right: 18px; } .btn-labeled { padding-top: 0; padding-bottom: 0; } .btn-label { position: relative; background: transparent; background: rgba(0, 0, 0, 0.05); display: inline-block; padding: 6px 16px; left: -16px; border-radius: 3px 0 0 3px; } .btn-label.btn-label-right { left: auto; right: -16px; border-radius: 0 3px 3px 0; } .btn-lg .btn-label { padding: 10px 20px; left: -20px; border-radius: 5px 0 0 5px; } .btn-lg .btn-label.btn-label-right { left: auto; right: -20px; border-radius: 0 5px 5px 0; } .btn-sm .btn-label { padding: 5px 10px; left: -10px; border-radius: 2px 0 0 2px; } .btn-sm .btn-label.btn-label-right { left: auto; right: -10px; border-radius: 0 2px 2px 0; } .btn-xs .btn-label { padding: 1px 5px; left: -5px; border-radius: 2px 0 0 2px; } .btn-xs .btn-label.btn-label-right { left: auto; right: -5px; border-radius: 0 2px 2px 0; } .btn-fw { min-width: 80px; } .btn-fw.btn-sm { min-width: 40px; } .btn-fw.btn-md { min-width: 60px; } .btn-fw.btn-lg { min-width: 140px; } .btn-circle { width: 35px; height: 35px; text-align: center; font-size: 12px; line-height: 35px; border-radius: 500px; padding: 0; border: 0; } .btn-circle > * { line-height: inherit !important; } .btn-circle.btn-lg { width: 50px; height: 50px; font-size: 18px; line-height: 50px; } /* ======================================================================== Component: placeholder.less ========================================================================== */ .box-placeholder { margin-bottom: 15px; padding: 20px; border: 1px dashed #dddddd; background: #fafafa; color: #444444; } .box-placeholder > :last-child { margin-bottom: 0; } .box-placeholder-lg { padding-top: 80px; padding-bottom: 80px; } /* ======================================================================== Component: panels.less ========================================================================== */ .panel .table { margin-bottom: 0; border: 0; } .panel.panel-transparent { border: 0; background-color: transparent; box-shadow: 0 0 0 #000; } .panel.panel-transparent .panel-heading, .panel.panel-transparent .panel-body { background-color: transparent; padding-left: 0; padding-right: 0; } .panel-flat { margin: 0 !important; border: 0; } .panel-group .panel-flat { box-shadow: 0 0 0 #000; } .panel-group .panel-flat:first-child { border-radius: 4px 4px 0 0; } .panel-group .panel-flat:last-child { border-radius: 0 0 4px 4px; } .panel-heading paneltool > a { display: inline-block; color: #fff; width: 2em; text-align: center; } .panel-default .panel-heading paneltool > a { color: #c1c2c3; } .panel-heading > .label.pull-right { margin-top: 3px; } .panel-heading > .label.pull-right + .label.pull-right { margin-right: 10px; } .panel-heading.panel-heading-collapsed { border-radius: 3px; } .panel-footer .pagination { margin: 0; } .panel-footer .radial-bar { margin-bottom: 0; } .panel-footer p { margin-bottom: 0; } .panel-heading-active { background-color: #27c24c !important; font-weight: bold; font-size: 16px; } .panel-heading-active > a { padding: 15px 0; color: #fff !important; -webkit-transition: padding 0.5s ease; -o-transition: padding 0.5s ease; transition: padding 0.5s ease; } .panel-heading-active + .panel-collapse:after { content: ""; display: block; width: 60%; margin: 0 auto; height: 0; border-bottom: 1px solid #e1e2e3; } .panel-inverse { border-color: #cfdbe2; } .panel-inverse > .panel-heading { color: #ffffff; background-color: #131e26; border-color: #131e26; } .panel-inverse > .panel-heading + .panel-collapse > .panel-body { border-top-color: #cfdbe2; } .panel-inverse > .panel-heading .badge { color: #131e26; background-color: #ffffff; } .panel-inverse > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #cfdbe2; } .panel-green { border-color: #cfdbe2; } .panel-green > .panel-heading { color: #ffffff; background-color: #37bc9b; border-color: #37bc9b; } .panel-green > .panel-heading + .panel-collapse > .panel-body { border-top-color: #cfdbe2; } .panel-green > .panel-heading .badge { color: #37bc9b; background-color: #ffffff; } .panel-green > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #cfdbe2; } .panel-pink { border-color: #cfdbe2; } .panel-pink > .panel-heading { color: #ffffff; background-color: #f532e5; border-color: #f532e5; } .panel-pink > .panel-heading + .panel-collapse > .panel-body { border-top-color: #cfdbe2; } .panel-pink > .panel-heading .badge { color: #f532e5; background-color: #ffffff; } .panel-pink > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #cfdbe2; } .panel-purple { border-color: #cfdbe2; } .panel-purple > .panel-heading { color: #ffffff; background-color: #7266ba; border-color: #7266ba; } .panel-purple > .panel-heading + .panel-collapse > .panel-body { border-top-color: #cfdbe2; } .panel-purple > .panel-heading .badge { color: #7266ba; background-color: #ffffff; } .panel-purple > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #cfdbe2; } .panel-dark { border-color: #cfdbe2; } .panel-dark > .panel-heading { color: #ffffff; background-color: #3a3f51; border-color: #3a3f51; } .panel-dark > .panel-heading + .panel-collapse > .panel-body { border-top-color: #cfdbe2; } .panel-dark > .panel-heading .badge { color: #3a3f51; background-color: #ffffff; } .panel-dark > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #cfdbe2; } /* ======================================================================== Component: progress-extra.less ========================================================================== */ .progress-sm { height: 15px; } .progress-xs { height: 8px; } .progress-bar-purple { background-color: #7266ba; } .progress-striped .progress-bar-purple { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-inverse { background-color: #131e26; } .progress-striped .progress-bar-inverse { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-green { background-color: #37bc9b; } .progress-striped .progress-bar-green { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-pink { background-color: #f532e5; } .progress-striped .progress-bar-pink { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-0 { width: 0%; } .progress-10 { width: 10%; } .progress-20 { width: 20%; } .progress-30 { width: 30%; } .progress-40 { width: 40%; } .progress-50 { width: 50%; } .progress-60 { width: 60%; } .progress-70 { width: 70%; } .progress-80 { width: 80%; } .progress-90 { width: 90%; } .progress-100 { width: 100%; } /* ======================================================================== Component: radial-bar.less ========================================================================== */ /* ------------------------------------- * Bar container * ------------------------------------- */ .radial-bar { position: relative; display: inline-block; font-size: 16px; border-radius: 50%; border: 2px solid #fafafa; background-color: transparent; margin-bottom: 20px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: 80px; height: 80px; font-size: 18px; } .radial-bar:after, .radial-bar > img { display: inline-block; position: absolute; top: 0; left: 0; border-radius: 50%; text-align: center; font-weight: bold; color: #a1a2a3; } .radial-bar:after { content: attr(data-label); background-color: #ffffff; z-index: 101; } .radial-bar > img { z-index: 102; } .radial-bar:after, .radial-bar > img { width: 56px; height: 56px; margin-left: 12px; margin-top: 12px; line-height: 56px; } .radial-bar.radial-bar-0 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(90deg, #5d9cec 50%, #fafafa 50%, #fafafa); } .radial-bar.radial-bar-5 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(108deg, #5d9cec 50%, #fafafa 50%, #fafafa); } .radial-bar.radial-bar-10 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(126deg, #5d9cec 50%, #fafafa 50%, #fafafa); } .radial-bar.radial-bar-15 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(144deg, #5d9cec 50%, #fafafa 50%, #fafafa); } .radial-bar.radial-bar-20 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #5d9cec 50%, #fafafa 50%, #fafafa); } .radial-bar.radial-bar-25 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #5d9cec 50%, #fafafa 50%, #fafafa); } .radial-bar.radial-bar-30 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(198deg, #5d9cec 50%, #fafafa 50%, #fafafa); } .radial-bar.radial-bar-35 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(216deg, #5d9cec 50%, #fafafa 50%, #fafafa); } .radial-bar.radial-bar-40 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #5d9cec 50%, #fafafa 50%, #fafafa); } .radial-bar.radial-bar-45 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(252deg, #5d9cec 50%, #fafafa 50%, #fafafa); } .radial-bar.radial-bar-50 { background-image: linear-gradient(270deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa); } .radial-bar.radial-bar-55 { background-image: linear-gradient(288deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa); } .radial-bar.radial-bar-60 { background-image: linear-gradient(306deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa); } .radial-bar.radial-bar-65 { background-image: linear-gradient(324deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa); } .radial-bar.radial-bar-70 { background-image: linear-gradient(342deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa); } .radial-bar.radial-bar-75 { background-image: linear-gradient(360deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa); } .radial-bar.radial-bar-80 { background-image: linear-gradient(378deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa); } .radial-bar.radial-bar-85 { background-image: linear-gradient(396deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa); } .radial-bar.radial-bar-90 { background-image: linear-gradient(414deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa); } .radial-bar.radial-bar-95 { background-image: linear-gradient(432deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa); } .radial-bar.radial-bar-100 { background-image: linear-gradient(450deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa); } .radial-bar-primary.radial-bar-0 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(90deg, #5d9cec 50%, #fafafa 50%, #fafafa); } .radial-bar-primary.radial-bar-5 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(108deg, #5d9cec 50%, #fafafa 50%, #fafafa); } .radial-bar-primary.radial-bar-10 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(126deg, #5d9cec 50%, #fafafa 50%, #fafafa); } .radial-bar-primary.radial-bar-15 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(144deg, #5d9cec 50%, #fafafa 50%, #fafafa); } .radial-bar-primary.radial-bar-20 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #5d9cec 50%, #fafafa 50%, #fafafa); } .radial-bar-primary.radial-bar-25 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #5d9cec 50%, #fafafa 50%, #fafafa); } .radial-bar-primary.radial-bar-30 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(198deg, #5d9cec 50%, #fafafa 50%, #fafafa); } .radial-bar-primary.radial-bar-35 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(216deg, #5d9cec 50%, #fafafa 50%, #fafafa); } .radial-bar-primary.radial-bar-40 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #5d9cec 50%, #fafafa 50%, #fafafa); } .radial-bar-primary.radial-bar-45 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(252deg, #5d9cec 50%, #fafafa 50%, #fafafa); } .radial-bar-primary.radial-bar-50 { background-image: linear-gradient(270deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa); } .radial-bar-primary.radial-bar-55 { background-image: linear-gradient(288deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa); } .radial-bar-primary.radial-bar-60 { background-image: linear-gradient(306deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa); } .radial-bar-primary.radial-bar-65 { background-image: linear-gradient(324deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa); } .radial-bar-primary.radial-bar-70 { background-image: linear-gradient(342deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa); } .radial-bar-primary.radial-bar-75 { background-image: linear-gradient(360deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa); } .radial-bar-primary.radial-bar-80 { background-image: linear-gradient(378deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa); } .radial-bar-primary.radial-bar-85 { background-image: linear-gradient(396deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa); } .radial-bar-primary.radial-bar-90 { background-image: linear-gradient(414deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa); } .radial-bar-primary.radial-bar-95 { background-image: linear-gradient(432deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa); } .radial-bar-primary.radial-bar-100 { background-image: linear-gradient(450deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa); } .radial-bar-success.radial-bar-0 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(90deg, #27c24c 50%, #fafafa 50%, #fafafa); } .radial-bar-success.radial-bar-5 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(108deg, #27c24c 50%, #fafafa 50%, #fafafa); } .radial-bar-success.radial-bar-10 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(126deg, #27c24c 50%, #fafafa 50%, #fafafa); } .radial-bar-success.radial-bar-15 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(144deg, #27c24c 50%, #fafafa 50%, #fafafa); } .radial-bar-success.radial-bar-20 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #27c24c 50%, #fafafa 50%, #fafafa); } .radial-bar-success.radial-bar-25 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #27c24c 50%, #fafafa 50%, #fafafa); } .radial-bar-success.radial-bar-30 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(198deg, #27c24c 50%, #fafafa 50%, #fafafa); } .radial-bar-success.radial-bar-35 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(216deg, #27c24c 50%, #fafafa 50%, #fafafa); } .radial-bar-success.radial-bar-40 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #27c24c 50%, #fafafa 50%, #fafafa); } .radial-bar-success.radial-bar-45 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(252deg, #27c24c 50%, #fafafa 50%, #fafafa); } .radial-bar-success.radial-bar-50 { background-image: linear-gradient(270deg, #27c24c 50%, transparent 50%, transparent), linear-gradient(270deg, #27c24c 50%, #fafafa 50%, #fafafa); } .radial-bar-success.radial-bar-55 { background-image: linear-gradient(288deg, #27c24c 50%, transparent 50%, transparent), linear-gradient(270deg, #27c24c 50%, #fafafa 50%, #fafafa); } .radial-bar-success.radial-bar-60 { background-image: linear-gradient(306deg, #27c24c 50%, transparent 50%, transparent), linear-gradient(270deg, #27c24c 50%, #fafafa 50%, #fafafa); } .radial-bar-success.radial-bar-65 { background-image: linear-gradient(324deg, #27c24c 50%, transparent 50%, transparent), linear-gradient(270deg, #27c24c 50%, #fafafa 50%, #fafafa); } .radial-bar-success.radial-bar-70 { background-image: linear-gradient(342deg, #27c24c 50%, transparent 50%, transparent), linear-gradient(270deg, #27c24c 50%, #fafafa 50%, #fafafa); } .radial-bar-success.radial-bar-75 { background-image: linear-gradient(360deg, #27c24c 50%, transparent 50%, transparent), linear-gradient(270deg, #27c24c 50%, #fafafa 50%, #fafafa); } .radial-bar-success.radial-bar-80 { background-image: linear-gradient(378deg, #27c24c 50%, transparent 50%, transparent), linear-gradient(270deg, #27c24c 50%, #fafafa 50%, #fafafa); } .radial-bar-success.radial-bar-85 { background-image: linear-gradient(396deg, #27c24c 50%, transparent 50%, transparent), linear-gradient(270deg, #27c24c 50%, #fafafa 50%, #fafafa); } .radial-bar-success.radial-bar-90 { background-image: linear-gradient(414deg, #27c24c 50%, transparent 50%, transparent), linear-gradient(270deg, #27c24c 50%, #fafafa 50%, #fafafa); } .radial-bar-success.radial-bar-95 { background-image: linear-gradient(432deg, #27c24c 50%, transparent 50%, transparent), linear-gradient(270deg, #27c24c 50%, #fafafa 50%, #fafafa); } .radial-bar-success.radial-bar-100 { background-image: linear-gradient(450deg, #27c24c 50%, transparent 50%, transparent), linear-gradient(270deg, #27c24c 50%, #fafafa 50%, #fafafa); } .radial-bar-info.radial-bar-0 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(90deg, #23b7e5 50%, #fafafa 50%, #fafafa); } .radial-bar-info.radial-bar-5 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(108deg, #23b7e5 50%, #fafafa 50%, #fafafa); } .radial-bar-info.radial-bar-10 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(126deg, #23b7e5 50%, #fafafa 50%, #fafafa); } .radial-bar-info.radial-bar-15 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(144deg, #23b7e5 50%, #fafafa 50%, #fafafa); } .radial-bar-info.radial-bar-20 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #23b7e5 50%, #fafafa 50%, #fafafa); } .radial-bar-info.radial-bar-25 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #23b7e5 50%, #fafafa 50%, #fafafa); } .radial-bar-info.radial-bar-30 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(198deg, #23b7e5 50%, #fafafa 50%, #fafafa); } .radial-bar-info.radial-bar-35 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(216deg, #23b7e5 50%, #fafafa 50%, #fafafa); } .radial-bar-info.radial-bar-40 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #23b7e5 50%, #fafafa 50%, #fafafa); } .radial-bar-info.radial-bar-45 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(252deg, #23b7e5 50%, #fafafa 50%, #fafafa); } .radial-bar-info.radial-bar-50 { background-image: linear-gradient(270deg, #23b7e5 50%, transparent 50%, transparent), linear-gradient(270deg, #23b7e5 50%, #fafafa 50%, #fafafa); } .radial-bar-info.radial-bar-55 { background-image: linear-gradient(288deg, #23b7e5 50%, transparent 50%, transparent), linear-gradient(270deg, #23b7e5 50%, #fafafa 50%, #fafafa); } .radial-bar-info.radial-bar-60 { background-image: linear-gradient(306deg, #23b7e5 50%, transparent 50%, transparent), linear-gradient(270deg, #23b7e5 50%, #fafafa 50%, #fafafa); } .radial-bar-info.radial-bar-65 { background-image: linear-gradient(324deg, #23b7e5 50%, transparent 50%, transparent), linear-gradient(270deg, #23b7e5 50%, #fafafa 50%, #fafafa); } .radial-bar-info.radial-bar-70 { background-image: linear-gradient(342deg, #23b7e5 50%, transparent 50%, transparent), linear-gradient(270deg, #23b7e5 50%, #fafafa 50%, #fafafa); } .radial-bar-info.radial-bar-75 { background-image: linear-gradient(360deg, #23b7e5 50%, transparent 50%, transparent), linear-gradient(270deg, #23b7e5 50%, #fafafa 50%, #fafafa); } .radial-bar-info.radial-bar-80 { background-image: linear-gradient(378deg, #23b7e5 50%, transparent 50%, transparent), linear-gradient(270deg, #23b7e5 50%, #fafafa 50%, #fafafa); } .radial-bar-info.radial-bar-85 { background-image: linear-gradient(396deg, #23b7e5 50%, transparent 50%, transparent), linear-gradient(270deg, #23b7e5 50%, #fafafa 50%, #fafafa); } .radial-bar-info.radial-bar-90 { background-image: linear-gradient(414deg, #23b7e5 50%, transparent 50%, transparent), linear-gradient(270deg, #23b7e5 50%, #fafafa 50%, #fafafa); } .radial-bar-info.radial-bar-95 { background-image: linear-gradient(432deg, #23b7e5 50%, transparent 50%, transparent), linear-gradient(270deg, #23b7e5 50%, #fafafa 50%, #fafafa); } .radial-bar-info.radial-bar-100 { background-image: linear-gradient(450deg, #23b7e5 50%, transparent 50%, transparent), linear-gradient(270deg, #23b7e5 50%, #fafafa 50%, #fafafa); } .radial-bar-warning.radial-bar-0 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(90deg, #ff902b 50%, #fafafa 50%, #fafafa); } .radial-bar-warning.radial-bar-5 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(108deg, #ff902b 50%, #fafafa 50%, #fafafa); } .radial-bar-warning.radial-bar-10 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(126deg, #ff902b 50%, #fafafa 50%, #fafafa); } .radial-bar-warning.radial-bar-15 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(144deg, #ff902b 50%, #fafafa 50%, #fafafa); } .radial-bar-warning.radial-bar-20 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #ff902b 50%, #fafafa 50%, #fafafa); } .radial-bar-warning.radial-bar-25 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #ff902b 50%, #fafafa 50%, #fafafa); } .radial-bar-warning.radial-bar-30 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(198deg, #ff902b 50%, #fafafa 50%, #fafafa); } .radial-bar-warning.radial-bar-35 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(216deg, #ff902b 50%, #fafafa 50%, #fafafa); } .radial-bar-warning.radial-bar-40 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #ff902b 50%, #fafafa 50%, #fafafa); } .radial-bar-warning.radial-bar-45 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(252deg, #ff902b 50%, #fafafa 50%, #fafafa); } .radial-bar-warning.radial-bar-50 { background-image: linear-gradient(270deg, #ff902b 50%, transparent 50%, transparent), linear-gradient(270deg, #ff902b 50%, #fafafa 50%, #fafafa); } .radial-bar-warning.radial-bar-55 { background-image: linear-gradient(288deg, #ff902b 50%, transparent 50%, transparent), linear-gradient(270deg, #ff902b 50%, #fafafa 50%, #fafafa); } .radial-bar-warning.radial-bar-60 { background-image: linear-gradient(306deg, #ff902b 50%, transparent 50%, transparent), linear-gradient(270deg, #ff902b 50%, #fafafa 50%, #fafafa); } .radial-bar-warning.radial-bar-65 { background-image: linear-gradient(324deg, #ff902b 50%, transparent 50%, transparent), linear-gradient(270deg, #ff902b 50%, #fafafa 50%, #fafafa); } .radial-bar-warning.radial-bar-70 { background-image: linear-gradient(342deg, #ff902b 50%, transparent 50%, transparent), linear-gradient(270deg, #ff902b 50%, #fafafa 50%, #fafafa); } .radial-bar-warning.radial-bar-75 { background-image: linear-gradient(360deg, #ff902b 50%, transparent 50%, transparent), linear-gradient(270deg, #ff902b 50%, #fafafa 50%, #fafafa); } .radial-bar-warning.radial-bar-80 { background-image: linear-gradient(378deg, #ff902b 50%, transparent 50%, transparent), linear-gradient(270deg, #ff902b 50%, #fafafa 50%, #fafafa); } .radial-bar-warning.radial-bar-85 { background-image: linear-gradient(396deg, #ff902b 50%, transparent 50%, transparent), linear-gradient(270deg, #ff902b 50%, #fafafa 50%, #fafafa); } .radial-bar-warning.radial-bar-90 { background-image: linear-gradient(414deg, #ff902b 50%, transparent 50%, transparent), linear-gradient(270deg, #ff902b 50%, #fafafa 50%, #fafafa); } .radial-bar-warning.radial-bar-95 { background-image: linear-gradient(432deg, #ff902b 50%, transparent 50%, transparent), linear-gradient(270deg, #ff902b 50%, #fafafa 50%, #fafafa); } .radial-bar-warning.radial-bar-100 { background-image: linear-gradient(450deg, #ff902b 50%, transparent 50%, transparent), linear-gradient(270deg, #ff902b 50%, #fafafa 50%, #fafafa); } .radial-bar-danger.radial-bar-0 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(90deg, #f05050 50%, #fafafa 50%, #fafafa); } .radial-bar-danger.radial-bar-5 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(108deg, #f05050 50%, #fafafa 50%, #fafafa); } .radial-bar-danger.radial-bar-10 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(126deg, #f05050 50%, #fafafa 50%, #fafafa); } .radial-bar-danger.radial-bar-15 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(144deg, #f05050 50%, #fafafa 50%, #fafafa); } .radial-bar-danger.radial-bar-20 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #f05050 50%, #fafafa 50%, #fafafa); } .radial-bar-danger.radial-bar-25 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #f05050 50%, #fafafa 50%, #fafafa); } .radial-bar-danger.radial-bar-30 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(198deg, #f05050 50%, #fafafa 50%, #fafafa); } .radial-bar-danger.radial-bar-35 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(216deg, #f05050 50%, #fafafa 50%, #fafafa); } .radial-bar-danger.radial-bar-40 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #f05050 50%, #fafafa 50%, #fafafa); } .radial-bar-danger.radial-bar-45 { background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(252deg, #f05050 50%, #fafafa 50%, #fafafa); } .radial-bar-danger.radial-bar-50 { background-image: linear-gradient(270deg, #f05050 50%, transparent 50%, transparent), linear-gradient(270deg, #f05050 50%, #fafafa 50%, #fafafa); } .radial-bar-danger.radial-bar-55 { background-image: linear-gradient(288deg, #f05050 50%, transparent 50%, transparent), linear-gradient(270deg, #f05050 50%, #fafafa 50%, #fafafa); } .radial-bar-danger.radial-bar-60 { background-image: linear-gradient(306deg, #f05050 50%, transparent 50%, transparent), linear-gradient(270deg, #f05050 50%, #fafafa 50%, #fafafa); } .radial-bar-danger.radial-bar-65 { background-image: linear-gradient(324deg, #f05050 50%, transparent 50%, transparent), linear-gradient(270deg, #f05050 50%, #fafafa 50%, #fafafa); } .radial-bar-danger.radial-bar-70 { background-image: linear-gradient(342deg, #f05050 50%, transparent 50%, transparent), linear-gradient(270deg, #f05050 50%, #fafafa 50%, #fafafa); } .radial-bar-danger.radial-bar-75 { background-image: linear-gradient(360deg, #f05050 50%, transparent 50%, transparent), linear-gradient(270deg, #f05050 50%, #fafafa 50%, #fafafa); } .radial-bar-danger.radial-bar-80 { background-image: linear-gradient(378deg, #f05050 50%, transparent 50%, transparent), linear-gradient(270deg, #f05050 50%, #fafafa 50%, #fafafa); } .radial-bar-danger.radial-bar-85 { background-image: linear-gradient(396deg, #f05050 50%, transparent 50%, transparent), linear-gradient(270deg, #f05050 50%, #fafafa 50%, #fafafa); } .radial-bar-danger.radial-bar-90 { background-image: linear-gradient(414deg, #f05050 50%, transparent 50%, transparent), linear-gradient(270deg, #f05050 50%, #fafafa 50%, #fafafa); } .radial-bar-danger.radial-bar-95 { background-image: linear-gradient(432deg, #f05050 50%, transparent 50%, transparent), linear-gradient(270deg, #f05050 50%, #fafafa 50%, #fafafa); } .radial-bar-danger.radial-bar-100 { background-image: linear-gradient(450deg, #f05050 50%, transparent 50%, transparent), linear-gradient(270deg, #f05050 50%, #fafafa 50%, #fafafa); } .radial-bar-lg { width: 100px; height: 100px; font-size: 22px; } .radial-bar-lg:after, .radial-bar-lg > img { width: 70px; height: 70px; margin-left: 15px; margin-top: 15px; line-height: 70px; } .radial-bar-sm { width: 50px; height: 50px; font-size: 12px; } .radial-bar-sm:after, .radial-bar-sm > img { width: 35px; height: 35px; margin-left: 7.5px; margin-top: 7.5px; line-height: 35px; } .radial-bar-xs { width: 30px; height: 30px; font-size: 8px; } .radial-bar-xs:after, .radial-bar-xs > img { width: 21px; height: 21px; margin-left: 4.5px; margin-top: 4.5px; line-height: 21px; } x:-o-prefocus, .radial-bar { background-clip: content-box; } /* ======================================================================== Component: user-block.less ========================================================================== */ .has-user-block { display: block; overflow: hidden; border: 0 !important; width: 100% !important; } .user-block { position: relative; padding: 25px 0 10px; cursor: pointer; } .user-block:before, .user-block:after { content: " "; display: table; } .user-block:after { clear: both; } .user-block > .user-block-picture { position: relative; width: 60px; margin: 0 auto; } .user-block > .user-block-picture > img { max-width: 100%; height: auto; } .user-block .user-block-info { padding-top: 15px; text-align: center; white-space: nowrap; } .user-block .user-block-info .user-block-name, .user-block .user-block-info .user-block-role { display: block; } .user-block .user-block-info .user-block-name { color: #7D848F; } .user-block .user-block-info .user-block-role { font-size: 12px; color: #aaa; } .user-block-status { position: relative; } .user-block-status > .circle { position: absolute; bottom: 0; right: 0; border: 2px solid #fff; } .aside-collapsed .user-block { padding: 15px 0 14px; margin: 0; text-align: center; } .aside-collapsed .user-block > .user-block-picture { float: none; margin: 0 auto; width: 50px; } .aside-collapsed .user-block > .user-block-picture > .user-block-status { display: block; } .aside-collapsed .user-block .user-block-info { display: none; } /* ======================================================================== Component: circles.less ========================================================================== */ .circle { display: inline-block; width: 7px; height: 7px; border-radius: 500px; margin: 0 .5em; background-color: #ddd; vertical-align: baseline; border: 2px solid transparent; } .circle.text-left { margin-left: 0; } .circle.text-right { margin-right: 0; } .circle-primary { background-color: #5d9cec; } .circle-success { background-color: #27c24c; } .circle-info { background-color: #23b7e5; } .circle-warning { background-color: #ff902b; } .circle-danger { background-color: #f05050; } .circle-green { background-color: #37bc9b; } .circle-pink { background-color: #f532e5; } .circle-inverse { background-color: #131e26; } .circle-purple { background-color: #7266ba; } .circle-sm { width: 5px; height: 5px; } .circle-lg { width: 11px; height: 11px; } .circle-xl { width: 18px; height: 18px; } .circle-outline { background-color: transparent; } .circle-outline.circle-primary { border: 1px solid #5d9cec; } .circle-outline.circle-success { border: 1px solid #27c24c; } .circle-outline.circle-info { border: 1px solid #23b7e5; } .circle-outline.circle-warning { border: 1px solid #ff902b; } .circle-outline.circle-danger { border: 1px solid #f05050; } /* ======================================================================== Component: timeline.less ========================================================================== */ .timeline, .timeline-alt { list-style: none; padding: 0 0 20px; position: relative; z-index: 0; } .timeline:before, .timeline-alt:before { position: absolute; top: 0; bottom: 0; content: " "; width: 1px; background-color: #d1d2d3; left: 18px; } .timeline .timeline-end, .timeline-alt .timeline-end { float: none; clear: both; } .timeline .popover.left > .arrow:after, .timeline-alt .popover.left > .arrow:after { border-left-color: #fff; } .timeline .popover.right > .arrow:after, .timeline-alt .popover.right > .arrow:after { border-right-color: #fff; } .timeline .popover.left > .popover-title + .arrow:after, .timeline-alt .popover.left > .popover-title + .arrow:after { border-left-color: #fafafa; } .timeline .popover.right > .popover-title + .arrow:after, .timeline-alt .popover.right > .popover-title + .arrow:after { border-right-color: #fafafa; } .timeline > li, .timeline-alt > li { margin-bottom: 20px; } .timeline > li:before, .timeline-alt > li:before, .timeline > li:after, .timeline-alt > li:after { content: " "; display: table; } .timeline > li:after, .timeline-alt > li:after { clear: both; } .timeline > li.timeline-separator, .timeline-alt > li.timeline-separator { position: relative; float: none; clear: both; margin: 0 auto; padding: 40px 0; } .timeline > li.timeline-separator:first-child, .timeline-alt > li.timeline-separator:first-child { padding-top: 0; } .timeline > li.timeline-separator:before, .timeline-alt > li.timeline-separator:before { content: attr(data-datetime); display: inline-block; width: 120px; text-align: center; padding: 0 20px; line-height: 30px; background-color: #b6c5da; color: #fff; } .timeline > li > .timeline-panel, .timeline-alt > li > .timeline-panel { margin-left: 60px; } .timeline > li > .timeline-panel .popover, .timeline-alt > li > .timeline-panel .popover { position: relative; display: block; margin: 0; width: 100%; max-width: none; } .timeline > li > .timeline-panel .popover .arrow, .timeline-alt > li > .timeline-panel .popover .arrow { top: 18px; display: none; } .timeline > li > .timeline-panel .popover .popover-content .popover-title, .timeline-alt > li > .timeline-panel .popover .popover-content .popover-title { background-color: transparent; border: 0; padding-left: 0; padding-top: 0; } .timeline > li > .timeline-date, .timeline-alt > li > .timeline-date { margin: -20px 0 0; display: block; height: 20px; line-height: 20px; font-size: 13px; } .timeline > li > .timeline-date > time:after, .timeline-alt > li > .timeline-date > time:after { content: attr(datetime); } .timeline > li > .timeline-badge, .timeline-alt > li > .timeline-badge { position: absolute; left: 0; width: 36px; height: 36px; border-radius: 500px; line-height: 36px; font-size: 1em; text-align: center; color: #fff; background-color: #999; z-index: 100; } .timeline > li > .timeline-badge.primary, .timeline-alt > li > .timeline-badge.primary { background-color: #5d9cec; } .timeline > li > .timeline-badge.success, .timeline-alt > li > .timeline-badge.success { background-color: #27c24c; } .timeline > li > .timeline-badge.warning, .timeline-alt > li > .timeline-badge.warning { background-color: #ff902b; } .timeline > li > .timeline-badge.danger, .timeline-alt > li > .timeline-badge.danger { background-color: #f05050; } .timeline > li > .timeline-badge.info, .timeline-alt > li > .timeline-badge.info { background-color: #23b7e5; } .timeline > li > .timeline-badge.inverse, .timeline-alt > li > .timeline-badge.inverse { background-color: #131e26; } .timeline > li > .timeline-badge.green, .timeline-alt > li > .timeline-badge.green { background-color: #37bc9b; } .timeline > li > .timeline-badge.pink, .timeline-alt > li > .timeline-badge.pink { background-color: #f532e5; } .timeline > li > .timeline-badge.purple, .timeline-alt > li > .timeline-badge.purple { background-color: #7266ba; } .timeline > li > .timeline-badge.dark, .timeline-alt > li > .timeline-badge.dark { background-color: #3a3f51; } .timeline > li > .timeline-badge.yellow, .timeline-alt > li > .timeline-badge.yellow { background-color: #fad732; } .timeline-alt .popover .arrow { display: block !important; } .timeline-title { margin-top: 0; color: inherit; } .timeline-body > p, .timeline-body > ul { margin-bottom: 0; } .timeline-body > p + p { margin-top: 5px; } @media only screen and (min-width: 992px) { .timeline:before { left: 50%; margin-left: 18px; } .timeline > li { float: left; clear: left; width: 45%; } .timeline > li.timeline-inverted { float: right; clear: right; margin-top: 50px; } .timeline > li.timeline-separator { text-align: center; } .timeline > li.timeline-separator:before { margin-left: 36px; } .timeline > li > .timeline-badge { left: 50%; margin-left: 0; } .timeline > li > .timeline-date { float: none; position: absolute; width: 40%; left: 50%; top: 18px; margin-left: 54px; margin-top: -10px; } .timeline > li > .timeline-panel { margin: 0; } .timeline > li > .timeline-panel:before { border-left-width: 15px; border-right-width: 0; top: 26px; right: -15px; left: auto; } .timeline > li > .timeline-panel:after { border-left-width: 14px; border-right-width: 0; top: 27px; right: -14px; left: auto; } .timeline > li > .timeline-panel .popover .arrow { display: block; } .timeline > li.timeline-inverted > .timeline-panel { padding-left: 36px; } .timeline > li.timeline-inverted .timeline-date { left: auto; right: 50%; width: auto; margin-left: 0; margin-right: 36px; } } /* ======================================================================== Component: dropdown-extras.less ========================================================================== */ .dropdown-lg > .dropdown-menu { min-width: 200px; } .dropdown-list > .dropdown-menu { padding: 0; min-width: 220px; } .dropdown-list .list-group { margin: 0; } .dropdown-list .list-group-item { border-radius: 0; border-left: 0; border-right: 0; } .dropdown-list .list-group-item:first-child { border-top: 0; } .dropdown-list .list-group-item:last-child { border-bottom: 0; } .dropdown > a { position: relative; } .dropdown > a > .label { position: absolute; top: 0; right: 0; padding: 2px 5px; } @media only screen and (min-width: 768px) { .dropdown > a > .label { top: 10px; } } .dropdown-menu-header { padding: 10px 15px; background-color: #fafafa; border-bottom: 1px solid #e1e1e1; } /* ======================================================================== Component: row-extra.less ========================================================================== */ .container-sm { max-width: 750px; width: auto; } .container-md { max-width: 970px; width: auto; } .container-lg { max-width: 1170px; width: auto; } .row-table { display: table; table-layout: fixed; height: 100%; width: 100%; margin: 0; } .row-table > [class*="col-"] { display: table-cell; float: none; table-layout: fixed; vertical-align: middle; } .row-flush > [class*="col-"] { padding-left: 0; padding-right: 0; } /* ======================================================================== Component: half-float.less ========================================================================== */ .half-float { position: relative; margin-bottom: 65px; } .half-float .half-float-bottom, .half-float .half-float-top { position: absolute; left: 50%; bottom: -60px; width: 120px; height: 120px; margin-left: -60px; z-index: 2; } .half-float .half-float-top { bottom: auto; top: -60px; } .half-float + * { margin-top: -55px; padding-top: 65px; } /* ======================================================================== Component: masonry-grid.less ========================================================================== */ .row-masonry { position: relative; margin: 0; padding: 0; width: 100%; } .row-masonry > .col-masonry { display: inline-block; width: 100%; min-height: 1em; margin-bottom: 15px; } /* Columns definition by devices */ @media only screen and (min-width: 480px) { .row-masonry-sm-1 { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; -moz-column-gap: 15px; -webkit-column-gap: 15px; column-gap: 15px; -moz-columns: 1; -webkit-columns: 1; columns: 1; } .no-csscolumns .row-masonry-sm-1 { text-align: justify; } .no-csscolumns .row-masonry-sm-1:after { content: ''; display: inline-block; width: 100%; } .no-csscolumns .row-masonry-sm-1 > .col-masonry { vertical-align: top; display: inline-block; width: 99%; } .row-masonry-sm-2 { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-gap: 15px; -webkit-column-gap: 15px; column-gap: 15px; -moz-columns: 2; -webkit-columns: 2; columns: 2; } .no-csscolumns .row-masonry-sm-2 { text-align: justify; } .no-csscolumns .row-masonry-sm-2:after { content: ''; display: inline-block; width: 100%; } .no-csscolumns .row-masonry-sm-2 > .col-masonry { vertical-align: top; display: inline-block; width: 49%; } .row-masonry-sm-3 { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; -moz-column-gap: 15px; -webkit-column-gap: 15px; column-gap: 15px; -moz-columns: 3; -webkit-columns: 3; columns: 3; } .no-csscolumns .row-masonry-sm-3 { text-align: justify; } .no-csscolumns .row-masonry-sm-3:after { content: ''; display: inline-block; width: 100%; } .no-csscolumns .row-masonry-sm-3 > .col-masonry { vertical-align: top; display: inline-block; width: 32%; } .row-masonry-sm-4 { -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; -moz-column-gap: 15px; -webkit-column-gap: 15px; column-gap: 15px; -moz-columns: 4; -webkit-columns: 4; columns: 4; } .no-csscolumns .row-masonry-sm-4 { text-align: justify; } .no-csscolumns .row-masonry-sm-4:after { content: ''; display: inline-block; width: 100%; } .no-csscolumns .row-masonry-sm-4 > .col-masonry { vertical-align: top; display: inline-block; width: 24%; } .row-masonry-sm-5 { -moz-column-count: 5; -webkit-column-count: 5; column-count: 5; -moz-column-gap: 15px; -webkit-column-gap: 15px; column-gap: 15px; -moz-columns: 5; -webkit-columns: 5; columns: 5; } .no-csscolumns .row-masonry-sm-5 { text-align: justify; } .no-csscolumns .row-masonry-sm-5:after { content: ''; display: inline-block; width: 100%; } .no-csscolumns .row-masonry-sm-5 > .col-masonry { vertical-align: top; display: inline-block; width: 19%; } .row-masonry-sm-6 { -moz-column-count: 6; -webkit-column-count: 6; column-count: 6; -moz-column-gap: 15px; -webkit-column-gap: 15px; column-gap: 15px; -moz-columns: 6; -webkit-columns: 6; columns: 6; } .no-csscolumns .row-masonry-sm-6 { text-align: justify; } .no-csscolumns .row-masonry-sm-6:after { content: ''; display: inline-block; width: 100%; } .no-csscolumns .row-masonry-sm-6 > .col-masonry { vertical-align: top; display: inline-block; width: 15%; } .row-masonry-sm-7 { -moz-column-count: 7; -webkit-column-count: 7; column-count: 7; -moz-column-gap: 15px; -webkit-column-gap: 15px; column-gap: 15px; -moz-columns: 7; -webkit-columns: 7; columns: 7; } .no-csscolumns .row-masonry-sm-7 { text-align: justify; } .no-csscolumns .row-masonry-sm-7:after { content: ''; display: inline-block; width: 100%; } .no-csscolumns .row-masonry-sm-7 > .col-masonry { vertical-align: top; display: inline-block; width: 13%; } .row-masonry-sm-8 { -moz-column-count: 8; -webkit-column-count: 8; column-count: 8; -moz-column-gap: 15px; -webkit-column-gap: 15px; column-gap: 15px; -moz-columns: 8; -webkit-columns: 8; columns: 8; } .no-csscolumns .row-masonry-sm-8 { text-align: justify; } .no-csscolumns .row-masonry-sm-8:after { content: ''; display: inline-block; width: 100%; } .no-csscolumns .row-masonry-sm-8 > .col-masonry { vertical-align: top; display: inline-block; width: 11%; } .row-masonry-sm-9 { -moz-column-count: 9; -webkit-column-count: 9; column-count: 9; -moz-column-gap: 15px; -webkit-column-gap: 15px; column-gap: 15px; -moz-columns: 9; -webkit-columns: 9; columns: 9; } .no-csscolumns .row-masonry-sm-9 { text-align: justify; } .no-csscolumns .row-masonry-sm-9:after { content: ''; display: inline-block; width: 100%; } .no-csscolumns .row-masonry-sm-9 > .col-masonry { vertical-align: top; display: inline-block; width: 10%; } .row-masonry-sm-10 { -moz-column-count: 10; -webkit-column-count: 10; column-count: 10; -moz-column-gap: 15px; -webkit-column-gap: 15px; column-gap: 15px; -moz-columns: 10; -webkit-columns: 10; columns: 10; } .no-csscolumns .row-masonry-sm-10 { text-align: justify; } .no-csscolumns .row-masonry-sm-10:after { content: ''; display: inline-block; width: 100%; } .no-csscolumns .row-masonry-sm-10 > .col-masonry { vertical-align: top; display: inline-block; width: 9%; } .row-masonry-sm-11 { -moz-column-count: 11; -webkit-column-count: 11; column-count: 11; -moz-column-gap: 15px; -webkit-column-gap: 15px; column-gap: 15px; -moz-columns: 11; -webkit-columns: 11; columns: 11; } .no-csscolumns .row-masonry-sm-11 { text-align: justify; } .no-csscolumns .row-masonry-sm-11:after { content: ''; display: inline-block; width: 100%; } .no-csscolumns .row-masonry-sm-11 > .col-masonry { vertical-align: top; display: inline-block; width: 8%; } .row-masonry-sm-12 { -moz-column-count: 12; -webkit-column-count: 12; column-count: 12; -moz-column-gap: 15px; -webkit-column-gap: 15px; column-gap: 15px; -moz-columns: 12; -webkit-columns: 12; columns: 12; } .no-csscolumns .row-masonry-sm-12 { text-align: justify; } .no-csscolumns .row-masonry-sm-12:after { content: ''; display: inline-block; width: 100%; } .no-csscolumns .row-masonry-sm-12 > .col-masonry { vertical-align: top; display: inline-block; width: 7%; } } @media only screen and (min-width: 768px) { .row-masonry-md-1 { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; -moz-column-gap: 15px; -webkit-column-gap: 15px; column-gap: 15px; -moz-columns: 1; -webkit-columns: 1; columns: 1; } .no-csscolumns .row-masonry-md-1 { text-align: justify; } .no-csscolumns .row-masonry-md-1:after { content: ''; display: inline-block; width: 100%; } .no-csscolumns .row-masonry-md-1 > .col-masonry { vertical-align: top; display: inline-block; width: 99%; } .row-masonry-md-2 { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-gap: 15px; -webkit-column-gap: 15px; column-gap: 15px; -moz-columns: 2; -webkit-columns: 2; columns: 2; } .no-csscolumns .row-masonry-md-2 { text-align: justify; } .no-csscolumns .row-masonry-md-2:after { content: ''; display: inline-block; width: 100%; } .no-csscolumns .row-masonry-md-2 > .col-masonry { vertical-align: top; display: inline-block; width: 49%; } .row-masonry-md-3 { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; -moz-column-gap: 15px; -webkit-column-gap: 15px; column-gap: 15px; -moz-columns: 3; -webkit-columns: 3; columns: 3; } .no-csscolumns .row-masonry-md-3 { text-align: justify; } .no-csscolumns .row-masonry-md-3:after { content: ''; display: inline-block; width: 100%; } .no-csscolumns .row-masonry-md-3 > .col-masonry { vertical-align: top; display: inline-block; width: 32%; } .row-masonry-md-4 { -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; -moz-column-gap: 15px; -webkit-column-gap: 15px; column-gap: 15px; -moz-columns: 4; -webkit-columns: 4; columns: 4; } .no-csscolumns .row-masonry-md-4 { text-align: justify; } .no-csscolumns .row-masonry-md-4:after { content: ''; display: inline-block; width: 100%; } .no-csscolumns .row-masonry-md-4 > .col-masonry { vertical-align: top; display: inline-block; width: 24%; } .row-masonry-md-5 { -moz-column-count: 5; -webkit-column-count: 5; column-count: 5; -moz-column-gap: 15px; -webkit-column-gap: 15px; column-gap: 15px; -moz-columns: 5; -webkit-columns: 5; columns: 5; } .no-csscolumns .row-masonry-md-5 { text-align: justify; } .no-csscolumns .row-masonry-md-5:after { content: ''; display: inline-block; width: 100%; } .no-csscolumns .row-masonry-md-5 > .col-masonry { vertical-align: top; display: inline-block; width: 19%; } .row-masonry-md-6 { -moz-column-count: 6; -webkit-column-count: 6; column-count: 6; -moz-column-gap: 15px; -webkit-column-gap: 15px; column-gap: 15px; -moz-columns: 6; -webkit-columns: 6; columns: 6; } .no-csscolumns .row-masonry-md-6 { text-align: justify; } .no-csscolumns .row-masonry-md-6:after { content: ''; display: inline-block; width: 100%; } .no-csscolumns .row-masonry-md-6 > .col-masonry { vertical-align: top; display: inline-block; width: 15%; } .row-masonry-md-7 { -moz-column-count: 7; -webkit-column-count: 7; column-count: 7; -moz-column-gap: 15px; -webkit-column-gap: 15px; column-gap: 15px; -moz-columns: 7; -webkit-columns: 7; columns: 7; } .no-csscolumns .row-masonry-md-7 { text-align: justify; } .no-csscolumns .row-masonry-md-7:after { content: ''; display: inline-block; width: 100%; } .no-csscolumns .row-masonry-md-7 > .col-masonry { vertical-align: top; display: inline-block; width: 13%; } .row-masonry-md-8 { -moz-column-count: 8; -webkit-column-count: 8; column-count: 8; -moz-column-gap: 15px; -webkit-column-gap: 15px; column-gap: 15px; -moz-columns: 8; -webkit-columns: 8; columns: 8; } .no-csscolumns .row-masonry-md-8 { text-align: justify; } .no-csscolumns .row-masonry-md-8:after { content: ''; display: inline-block; width: 100%; } .no-csscolumns .row-masonry-md-8 > .col-masonry { vertical-align: top; display: inline-block; width: 11%; } .row-masonry-md-9 { -moz-column-count: 9; -webkit-column-count: 9; column-count: 9; -moz-column-gap: 15px; -webkit-column-gap: 15px; column-gap: 15px; -moz-columns: 9; -webkit-columns: 9; columns: 9; } .no-csscolumns .row-masonry-md-9 { text-align: justify; } .no-csscolumns .row-masonry-md-9:after { content: ''; display: inline-block; width: 100%; } .no-csscolumns .row-masonry-md-9 > .col-masonry { vertical-align: top; display: inline-block; width: 10%; } .row-masonry-md-10 { -moz-column-count: 10; -webkit-column-count: 10; column-count: 10; -moz-column-gap: 15px; -webkit-column-gap: 15px; column-gap: 15px; -moz-columns: 10; -webkit-columns: 10; columns: 10; } .no-csscolumns .row-masonry-md-10 { text-align: justify; } .no-csscolumns .row-masonry-md-10:after { content: ''; display: inline-block; width: 100%; } .no-csscolumns .row-masonry-md-10 > .col-masonry { vertical-align: top; display: inline-block; width: 9%; } .row-masonry-md-11 { -moz-column-count: 11; -webkit-column-count: 11; column-count: 11; -moz-column-gap: 15px; -webkit-column-gap: 15px; column-gap: 15px; -moz-columns: 11; -webkit-columns: 11; columns: 11; } .no-csscolumns .row-masonry-md-11 { text-align: justify; } .no-csscolumns .row-masonry-md-11:after { content: ''; display: inline-block; width: 100%; } .no-csscolumns .row-masonry-md-11 > .col-masonry { vertical-align: top; display: inline-block; width: 8%; } .row-masonry-md-12 { -moz-column-count: 12; -webkit-column-count: 12; column-count: 12; -moz-column-gap: 15px; -webkit-column-gap: 15px; column-gap: 15px; -moz-columns: 12; -webkit-columns: 12; columns: 12; } .no-csscolumns .row-masonry-md-12 { text-align: justify; } .no-csscolumns .row-masonry-md-12:after { content: ''; display: inline-block; width: 100%; } .no-csscolumns .row-masonry-md-12 > .col-masonry { vertical-align: top; display: inline-block; width: 7%; } } @media only screen and (min-width: 992px) { .row-masonry-lg-1 { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; -moz-column-gap: 15px; -webkit-column-gap: 15px; column-gap: 15px; -moz-columns: 1; -webkit-columns: 1; columns: 1; } .no-csscolumns .row-masonry-lg-1 { text-align: justify; } .no-csscolumns .row-masonry-lg-1:after { content: ''; display: inline-block; width: 100%; } .no-csscolumns .row-masonry-lg-1 > .col-masonry { vertical-align: top; display: inline-block; width: 99%; } .row-masonry-lg-2 { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-gap: 15px; -webkit-column-gap: 15px; column-gap: 15px; -moz-columns: 2; -webkit-columns: 2; columns: 2; } .no-csscolumns .row-masonry-lg-2 { text-align: justify; } .no-csscolumns .row-masonry-lg-2:after { content: ''; display: inline-block; width: 100%; } .no-csscolumns .row-masonry-lg-2 > .col-masonry { vertical-align: top; display: inline-block; width: 49%; } .row-masonry-lg-3 { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; -moz-column-gap: 15px; -webkit-column-gap: 15px; column-gap: 15px; -moz-columns: 3; -webkit-columns: 3; columns: 3; } .no-csscolumns .row-masonry-lg-3 { text-align: justify; } .no-csscolumns .row-masonry-lg-3:after { content: ''; display: inline-block; width: 100%; } .no-csscolumns .row-masonry-lg-3 > .col-masonry { vertical-align: top; display: inline-block; width: 32%; } .row-masonry-lg-4 { -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; -moz-column-gap: 15px; -webkit-column-gap: 15px; column-gap: 15px; -moz-columns: 4; -webkit-columns: 4; columns: 4; } .no-csscolumns .row-masonry-lg-4 { text-align: justify; } .no-csscolumns .row-masonry-lg-4:after { content: ''; display: inline-block; width: 100%; } .no-csscolumns .row-masonry-lg-4 > .col-masonry { vertical-align: top; display: inline-block; width: 24%; } .row-masonry-lg-5 { -moz-column-count: 5; -webkit-column-count: 5; column-count: 5; -moz-column-gap: 15px; -webkit-column-gap: 15px; column-gap: 15px; -moz-columns: 5; -webkit-columns: 5; columns: 5; } .no-csscolumns .row-masonry-lg-5 { text-align: justify; } .no-csscolumns .row-masonry-lg-5:after { content: ''; display: inline-block; width: 100%; } .no-csscolumns .row-masonry-lg-5 > .col-masonry { vertical-align: top; display: inline-block; width: 19%; } .row-masonry-lg-6 { -moz-column-count: 6; -webkit-column-count: 6; column-count: 6; -moz-column-gap: 15px; -webkit-column-gap: 15px; column-gap: 15px; -moz-columns: 6; -webkit-columns: 6; columns: 6; } .no-csscolumns .row-masonry-lg-6 { text-align: justify; } .no-csscolumns .row-masonry-lg-6:after { content: ''; display: inline-block; width: 100%; } .no-csscolumns .row-masonry-lg-6 > .col-masonry { vertical-align: top; display: inline-block; width: 15%; } .row-masonry-lg-7 { -moz-column-count: 7; -webkit-column-count: 7; column-count: 7; -moz-column-gap: 15px; -webkit-column-gap: 15px; column-gap: 15px; -moz-columns: 7; -webkit-columns: 7; columns: 7; } .no-csscolumns .row-masonry-lg-7 { text-align: justify; } .no-csscolumns .row-masonry-lg-7:after { content: ''; display: inline-block; width: 100%; } .no-csscolumns .row-masonry-lg-7 > .col-masonry { vertical-align: top; display: inline-block; width: 13%; } .row-masonry-lg-8 { -moz-column-count: 8; -webkit-column-count: 8; column-count: 8; -moz-column-gap: 15px; -webkit-column-gap: 15px; column-gap: 15px; -moz-columns: 8; -webkit-columns: 8; columns: 8; } .no-csscolumns .row-masonry-lg-8 { text-align: justify; } .no-csscolumns .row-masonry-lg-8:after { content: ''; display: inline-block; width: 100%; } .no-csscolumns .row-masonry-lg-8 > .col-masonry { vertical-align: top; display: inline-block; width: 11%; } .row-masonry-lg-9 { -moz-column-count: 9; -webkit-column-count: 9; column-count: 9; -moz-column-gap: 15px; -webkit-column-gap: 15px; column-gap: 15px; -moz-columns: 9; -webkit-columns: 9; columns: 9; } .no-csscolumns .row-masonry-lg-9 { text-align: justify; } .no-csscolumns .row-masonry-lg-9:after { content: ''; display: inline-block; width: 100%; } .no-csscolumns .row-masonry-lg-9 > .col-masonry { vertical-align: top; display: inline-block; width: 10%; } .row-masonry-lg-10 { -moz-column-count: 10; -webkit-column-count: 10; column-count: 10; -moz-column-gap: 15px; -webkit-column-gap: 15px; column-gap: 15px; -moz-columns: 10; -webkit-columns: 10; columns: 10; } .no-csscolumns .row-masonry-lg-10 { text-align: justify; } .no-csscolumns .row-masonry-lg-10:after { content: ''; display: inline-block; width: 100%; } .no-csscolumns .row-masonry-lg-10 > .col-masonry { vertical-align: top; display: inline-block; width: 9%; } .row-masonry-lg-11 { -moz-column-count: 11; -webkit-column-count: 11; column-count: 11; -moz-column-gap: 15px; -webkit-column-gap: 15px; column-gap: 15px; -moz-columns: 11; -webkit-columns: 11; columns: 11; } .no-csscolumns .row-masonry-lg-11 { text-align: justify; } .no-csscolumns .row-masonry-lg-11:after { content: ''; display: inline-block; width: 100%; } .no-csscolumns .row-masonry-lg-11 > .col-masonry { vertical-align: top; display: inline-block; width: 8%; } .row-masonry-lg-12 { -moz-column-count: 12; -webkit-column-count: 12; column-count: 12; -moz-column-gap: 15px; -webkit-column-gap: 15px; column-gap: 15px; -moz-columns: 12; -webkit-columns: 12; columns: 12; } .no-csscolumns .row-masonry-lg-12 { text-align: justify; } .no-csscolumns .row-masonry-lg-12:after { content: ''; display: inline-block; width: 100%; } .no-csscolumns .row-masonry-lg-12 > .col-masonry { vertical-align: top; display: inline-block; width: 7%; } } @media only screen and (min-width: 1200px) { .row-masonry-xl-1 { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; -moz-column-gap: 15px; -webkit-column-gap: 15px; column-gap: 15px; -moz-columns: 1; -webkit-columns: 1; columns: 1; } .no-csscolumns .row-masonry-xl-1 { text-align: justify; } .no-csscolumns .row-masonry-xl-1:after { content: ''; display: inline-block; width: 100%; } .no-csscolumns .row-masonry-xl-1 > .col-masonry { vertical-align: top; display: inline-block; width: 99%; } .row-masonry-xl-2 { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-gap: 15px; -webkit-column-gap: 15px; column-gap: 15px; -moz-columns: 2; -webkit-columns: 2; columns: 2; } .no-csscolumns .row-masonry-xl-2 { text-align: justify; } .no-csscolumns .row-masonry-xl-2:after { content: ''; display: inline-block; width: 100%; } .no-csscolumns .row-masonry-xl-2 > .col-masonry { vertical-align: top; display: inline-block; width: 49%; } .row-masonry-xl-3 { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; -moz-column-gap: 15px; -webkit-column-gap: 15px; column-gap: 15px; -moz-columns: 3; -webkit-columns: 3; columns: 3; } .no-csscolumns .row-masonry-xl-3 { text-align: justify; } .no-csscolumns .row-masonry-xl-3:after { content: ''; display: inline-block; width: 100%; } .no-csscolumns .row-masonry-xl-3 > .col-masonry { vertical-align: top; display: inline-block; width: 32%; } .row-masonry-xl-4 { -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; -moz-column-gap: 15px; -webkit-column-gap: 15px; column-gap: 15px; -moz-columns: 4; -webkit-columns: 4; columns: 4; } .no-csscolumns .row-masonry-xl-4 { text-align: justify; } .no-csscolumns .row-masonry-xl-4:after { content: ''; display: inline-block; width: 100%; } .no-csscolumns .row-masonry-xl-4 > .col-masonry { vertical-align: top; display: inline-block; width: 24%; } .row-masonry-xl-5 { -moz-column-count: 5; -webkit-column-count: 5; column-count: 5; -moz-column-gap: 15px; -webkit-column-gap: 15px; column-gap: 15px; -moz-columns: 5; -webkit-columns: 5; columns: 5; } .no-csscolumns .row-masonry-xl-5 { text-align: justify; } .no-csscolumns .row-masonry-xl-5:after { content: ''; display: inline-block; width: 100%; } .no-csscolumns .row-masonry-xl-5 > .col-masonry { vertical-align: top; display: inline-block; width: 19%; } .row-masonry-xl-6 { -moz-column-count: 6; -webkit-column-count: 6; column-count: 6; -moz-column-gap: 15px; -webkit-column-gap: 15px; column-gap: 15px; -moz-columns: 6; -webkit-columns: 6; columns: 6; } .no-csscolumns .row-masonry-xl-6 { text-align: justify; } .no-csscolumns .row-masonry-xl-6:after { content: ''; display: inline-block; width: 100%; } .no-csscolumns .row-masonry-xl-6 > .col-masonry { vertical-align: top; display: inline-block; width: 15%; } .row-masonry-xl-7 { -moz-column-count: 7; -webkit-column-count: 7; column-count: 7; -moz-column-gap: 15px; -webkit-column-gap: 15px; column-gap: 15px; -moz-columns: 7; -webkit-columns: 7; columns: 7; } .no-csscolumns .row-masonry-xl-7 { text-align: justify; } .no-csscolumns .row-masonry-xl-7:after { content: ''; display: inline-block; width: 100%; } .no-csscolumns .row-masonry-xl-7 > .col-masonry { vertical-align: top; display: inline-block; width: 13%; } .row-masonry-xl-8 { -moz-column-count: 8; -webkit-column-count: 8; column-count: 8; -moz-column-gap: 15px; -webkit-column-gap: 15px; column-gap: 15px; -moz-columns: 8; -webkit-columns: 8; columns: 8; } .no-csscolumns .row-masonry-xl-8 { text-align: justify; } .no-csscolumns .row-masonry-xl-8:after { content: ''; display: inline-block; width: 100%; } .no-csscolumns .row-masonry-xl-8 > .col-masonry { vertical-align: top; display: inline-block; width: 11%; } .row-masonry-xl-9 { -moz-column-count: 9; -webkit-column-count: 9; column-count: 9; -moz-column-gap: 15px; -webkit-column-gap: 15px; column-gap: 15px; -moz-columns: 9; -webkit-columns: 9; columns: 9; } .no-csscolumns .row-masonry-xl-9 { text-align: justify; } .no-csscolumns .row-masonry-xl-9:after { content: ''; display: inline-block; width: 100%; } .no-csscolumns .row-masonry-xl-9 > .col-masonry { vertical-align: top; display: inline-block; width: 10%; } .row-masonry-xl-10 { -moz-column-count: 10; -webkit-column-count: 10; column-count: 10; -moz-column-gap: 15px; -webkit-column-gap: 15px; column-gap: 15px; -moz-columns: 10; -webkit-columns: 10; columns: 10; } .no-csscolumns .row-masonry-xl-10 { text-align: justify; } .no-csscolumns .row-masonry-xl-10:after { content: ''; display: inline-block; width: 100%; } .no-csscolumns .row-masonry-xl-10 > .col-masonry { vertical-align: top; display: inline-block; width: 9%; } .row-masonry-xl-11 { -moz-column-count: 11; -webkit-column-count: 11; column-count: 11; -moz-column-gap: 15px; -webkit-column-gap: 15px; column-gap: 15px; -moz-columns: 11; -webkit-columns: 11; columns: 11; } .no-csscolumns .row-masonry-xl-11 { text-align: justify; } .no-csscolumns .row-masonry-xl-11:after { content: ''; display: inline-block; width: 100%; } .no-csscolumns .row-masonry-xl-11 > .col-masonry { vertical-align: top; display: inline-block; width: 8%; } .row-masonry-xl-12 { -moz-column-count: 12; -webkit-column-count: 12; column-count: 12; -moz-column-gap: 15px; -webkit-column-gap: 15px; column-gap: 15px; -moz-columns: 12; -webkit-columns: 12; columns: 12; } .no-csscolumns .row-masonry-xl-12 { text-align: justify; } .no-csscolumns .row-masonry-xl-12:after { content: ''; display: inline-block; width: 100%; } .no-csscolumns .row-masonry-xl-12 > .col-masonry { vertical-align: top; display: inline-block; width: 7%; } } /* ======================================================================== Component: widget.less ========================================================================== */ .widget { margin-bottom: 20px; border: 0; } .widget.panel, .widget .panel { overflow: hidden; } .widget .lateral-picture { position: relative; display: block; height: 240px; width: auto; overflow: hidden; } .widget .lateral-picture > img { position: absolute; top: 0; left: 0; max-height: 100%; width: auto; } /* ======================================================================== Component: typeahead.less ========================================================================== */ .typeahead-ctrl .dropdown-menu { max-height: 300px; overflow: auto; } /*! * table-grid (http://mdo.github.io/table-grid) * Released under MIT, (c) 2014 Mark Otto */ /* * The Grid */ @media only screen and (min-width: 768px) { /* Add `.table-grid` for the table */ .table-grid { display: table; width: 100%; height: 100%; table-layout: fixed; } /* Add `.col` for the table cells, or columns */ .col { display: table-cell; vertical-align: top; height: 100%; } .col.col-full-center { vertical-align: middle; } /* Set the widths */ .col-1 { width: 8.333333%; } .col-2 { width: 16.666667%; } .col-3 { width: 25%; } .col-4 { width: 33.333333%; } .col-5 { width: 41.666667%; } .col-6 { width: 50%; } .col-7 { width: 58.333333%; } .col-8 { width: 66.666667%; } .col-9 { width: 75%; } .col-10 { width: 83.333333%; } .col-11 { width: 91.666667%; } .col-12 { width: 100%; } .col-xxs { width: 60px; } .col-xs { width: 90px; } .col-sm { width: 150px; } .col-sd { width: 200px; } .col-md { width: 240px; } .col-lg { width: 280px; } .col-xl { width: 320px; } .col-xxl { width: 360px; } .col-wide { width: 100%; } .col-auto { width: auto; } /* Padded columns */ .table-grid-padded { margin-left: -1rem; margin-right: -1rem; } .table-grid-padded .table-grid { border-spacing: 1rem 0; } } @media only screen and (max-width: 991px) { .table-grid-desktop.table-grid, .table-grid-desktop .col { display: block; width: auto; } } /* * Vertically center grid content * * Requires content within the column to be inline or inline-block. */ .table-grid-align-middle .col { vertical-align: middle; } /* ======================================================================== Component: todo.less ========================================================================== */ .todo .todo-item-list { position: relative; } .todo .todo-item { -webkit-transition: color 0.6s, background-color 0.3s; -o-transition: color 0.6s, background-color 0.3s; transition: color 0.6s, background-color 0.3s; } .todo .todo-item.ng-enter { -webkit-animation: fadeInLeft 1s; -o-animation: fadeInLeft 1s; animation: fadeInLeft 1s; } .todo .todo-item.ng-leave { position: absolute; left: 0; right: 0; -webkit-animation: fadeOutDown 0.7s; -o-animation: fadeOutDown 0.7s; animation: fadeOutDown 0.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .todo .todo-item .todo-edit { display: none; cursor: pointer; } .todo .todo-item:hover .todo-edit { display: inline; } .todo .todo-item.todo-complete .todo-edit { display: none; } .todo textarea { resize: none; max-width: 100%; min-width: 100%; } .todo .todo-complete { background: #edf1f2; opacity: .6; color: #232735; } .todo .todo-complete .todo-title { text-decoration: line-through; } .todo .panel-group > .panel { border: 1px; margin: 0; } .todo .panel-group > .panel .panel-body { border-bottom: 1px solid #edf1f2; } /** * main wrapper for the editor * * .ng-wig * */ .ng-wig { display: block; padding: 0; margin: 0; } .ng-wig, .ng-wig .nw-editor { min-height: 250px; } /** * styling for toolbar and its items * * .nw-toolbar * &__item * */ .nw-toolbar { display: block; margin: 0; padding: 0; list-style: none; font-size: 12px; color: #6B7277; background: -webkit-linear-gradient(90deg, #ffffff 0%, #f9f9f9 100%); background: -moz-linear-gradient(90deg, #ffffff 0%, #f9f9f9 100%); background: linear-gradient(180deg, #ffffff 0%, #f9f9f9 100%); border: 1px solid #CCCCCC; border-radius: 3px 3px 0 0; } .nw-toolbar__item { display: inline-block; vertical-align: top; border-right: 1px solid #DEDEDE; } .nw-toolbar label { line-height: 30px; display: inline-block; padding: 0 6px 0 3px; } .nw-toolbar input[type=checkbox] { vertical-align: -3px; margin-right: -1px; } /** * styling for the editor part: source code (original textarea) and resulting div * * .nw-editor * &__src * &__res * */ .nw-editor { display: block; border: 1px solid #e4eaec; border-radius: 0 0 3px 3px; margin-top: 15px; } .nw-editor__src { width: 100%; height: 100%; resize: none; border-color: #e4eaec; } .nw-editor__res { width: 100%; height: 100%; } .nw-editor__res body { color: #fff; } .ng-wig .btn-group .btn-default { color: #777; } /** * styling & formatting of content inside contenteditable div * * .nw-content * */ .nw-content { padding: 12px; margin: 0; font-family: sans; font-size: 14px; line-height: 24px; color: #616263; } .nw-content h1 { margin: 0 0 6px 0; font-size: 24px; line-height: 36px; font-weight: 400; } .nw-content p { margin: 0 0 12px 0; } .nw-content ul { padding: 0; margin: 0 0 12px 24px; list-style: disc; } .nw-content ol { padding: 0; margin: 0 0 12px 24px; list-style: decimal; } .nw-content li { padding: 0; margin: 0; } .nw-content a { text-decoration: underline; color: #3fae98; /* green */ } .nw-content a:hover { text-decoration: none; } .nw-content bold, .nw-content strong { font-weight: 700; } .nw-content i, .nw-content italic { font-style: italic; } .ngdialog.ngdialog-theme-default .ngdialog-content { background-color: #fff !important; border-radius: 4px !important; font-family: inherit !important; font-size: inherit !important; line-height: inherit !important; } /* ======================================================================== Component: nestable.less ========================================================================== */ .dd { position: relative; display: block; margin: 0; padding: 0; max-width: 600px; list-style: none; font-size: 13px; line-height: 20px; } .dd-list { display: block; position: relative; margin: 0; padding: 0; list-style: none; } .dd-list .dd-list { padding-left: 30px; } .dd-collapsed .dd-list { display: none; } .dd-item, .dd-empty, .dd-placeholder { display: block; position: relative; margin: 0; padding: 0; min-height: 20px; font-size: 13px; line-height: 20px; } .dd-handle { display: block; margin: 5px 0; padding: 10px 10px; text-decoration: none; border: 1px solid #ebebeb; background: #fff; -webkit-border-radius: 3px; border-radius: 3px; } .dd-handle:hover { background: #fff; } .dd-item > button { display: block; position: relative; cursor: pointer; float: left; width: 25px; height: 30px; margin: 5px 0; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: transparent; font-size: 12px; line-height: 1; text-align: center; font-weight: bold; } .dd-item > button:before { content: '+'; display: block; position: absolute; width: 100%; text-align: center; text-indent: 0; } .dd-item > button[data-action="collapse"]:before { content: '-'; } .dd-placeholder, .dd-empty { margin: 5px 0; padding: 0; min-height: 30px; background: #f2fbff; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box; } .dd-empty { border: 1px dashed #bbb; min-height: 100px; background-color: #e5e5e5; background-size: 60px 60px; background-position: 0 0, 30px 30px; } .dd-dragel { position: absolute; pointer-events: none; z-index: 9999; } .dd-dragel > .dd-item .dd-handle { margin-top: 0; } .dd-dragel .dd-handle { -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1); box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1); } /** * Nestable Extras */ .nestable-lists { display: block; clear: both; padding: 30px 0; width: 100%; border: 0; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; } @media only screen and (min-width: 700px) { .dd + .dd { margin-left: 2%; } } .dd-hover > .dd-handle { background: #2ea8e5 !important; } /** * Nestable Draggable Handles */ .dd3-content { display: block; margin: 5px 0; padding: 10px 10px 10px 50px; text-decoration: none; border: 1px solid #ebebeb; background: #fff; -webkit-border-radius: 3px; border-radius: 3px; } .dd-dragel > .dd3-item > .dd3-content { margin: 0; } .dd3-item > button { margin-left: 40px; } .dd3-handle { position: absolute; margin: 0; left: 0; top: 0; cursor: pointer; width: 40px; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 1px solid #ebebeb; background: #fff; border-top-right-radius: 0; border-bottom-right-radius: 0; } .dd3-handle:before { content: '≡'; display: block; position: absolute; left: 0; top: 10px; width: 100%; text-align: center; text-indent: 0; color: #ccc; font-size: 20px; font-weight: normal; } .dd3-handle:hover { background: #f7f7f7; } /* ======================================================================== Component: carousel.less ========================================================================== */ .bgimage { text-align: right; color: white; background-size: cover; height: 100%; background-position: center center; } ul[rn-carousel] { height: 380px; width: 100%; margin: 0 auto; cursor: pointer; } .carousel5 li { width: 100%; height: 100%; font-size: 30px; } .carousel-demo { margin-top: 20px; display: block; text-align: center; } .carousel-demo-3d > ul[rn-carousel] { display: block !important; max-width: 50%; margin: 0 auto !important; } .carousel-demo-fullscreen { width: 100%; height: 100%; } .carousel-demo-fullscreen ul[rn-carousel] { width: 100%; height: 100%; } .carousel-demo ul[rn-carousel-transition="hexagon"] { margin-left: 100px; } .rn-carousel-indicator span { display: inline-block; text-indent: -999px; overflow: hidden; background-color: #3a3f51; border: 1px solid #232735; width: 10px; height: 10px; margin: 0 1px; border-radius: 500px; } .rn-carousel-indicator span.active { background-color: #dde6e9; border: 1px solid #becfd5; } .custom-indicator span { background-color: #1797be; border: 1px solid #1797be; } .custom-indicator span.active { background-color: #23b7e5; border: 1px solid #1797be; } /* ======================================================================== Component: masonry-grid-deck.less ========================================================================== */ .photo { background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 3px; margin: 0 10px 10px 0; position: relative; } .photo .photo-loader { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding-top: 40%; z-index: 1; } .photo img { position: relative; opacity: 0; z-index: 2; } .photo img.photoloaded { opacity: 1; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .photo img.photoloaded + .photo-loader { display: none; } .photo .photo-index { background: rgba(58, 63, 81, 0.75); color: #fff; position: absolute; height: 100%; text-align: center; width: 100%; z-index: 99; } .photo .photo-index p:first-child { margin-top: 10px; } .photo .photo-wrapper { min-height: 100px; } .photo .photo-description { padding: 15px; } .balloon-wrapper { padding-top: 30px; opacity: 1; text-align: center; } .balloon { background: #5d9cec; border-radius: 50%; display: inline-block; font-size: 160%; text-align: center; height: 100px; line-height: 100px; width: 100px; } .deckgrid { margin: 0 auto; padding: 10px; max-width: 100%; } .deckgrid .column { float: left; } .deckgrid .column.size-1-5 { width: 20%; } .deckgrid .column.size-1-4 { width: 25%; } .deckgrid .column.size-1-3 { width: 33.3333%; } .deckgrid .column.size-1-2 { width: 50%; } .deckgrid .column.size-1-1 { width: 100%; } .deckgrid[deckgrid]::before { content: '1 .column.size-1-1'; font-size: 0; visibility: hidden; } @media only screen and (min-width: 480px) { .deckgrid[deckgrid]::before { content: '2 .column.size-1-2'; } } @media only screen and (min-width: 768px) { .deckgrid[deckgrid]::before { content: '3 .column.size-1-3'; } } @media only screen and (min-width: 992px) { .deckgrid[deckgrid]::before { content: '4 .column.size-1-4'; } } @media only screen and (min-width: 1200px) { .deckgrid[deckgrid]::before { content: '5 .column.size-1-5'; } } /* ======================================================================== Component: chart-flot.less ========================================================================== */ flot { display: block; width: 100%; } flot .legend > table tr td { padding: 3px; } flot .legend > table tr td:first-child { padding-left: 3px; } flot .legend > table tr td:last-child { padding-right: 3px; } flot .legend > table tr + tr td { padding-top: 0; } flot .legend > div:first-child { border-color: rgba(0, 0, 0, 0.1) !important; } flot .legend .legendColorBox > div, flot .legend .legendColorBox > div > div { border-radius: 400px; } .flot-chart-content { width: 100%; height: 100%; } .flot-pie-label { padding: 3px 5px; font-size: 10px; text-align: center; color: #fff; } #flotTip { position: relative; padding: 5px; font-size: 12px !important; border-radius: 2px !important; border-color: transparent !important; background-color: rgba(0, 0, 0, 0.75) !important; color: #f1f1f1; z-index: 5; } /* ======================================================================== Component: chart-easypie.less ========================================================================== */ .easypie-chart { display: inline-block; position: relative; padding: 0 6px; } .easypie-chart span { display: block; position: absolute; left: 50%; top: 50%; width: 100%; margin-left: -50%; height: 30px; margin-top: -15px; font-size: 20px; } .easypie-chart canvas { max-width: 100%; } /* ======================================================================== Component: form-elements.less ========================================================================== */ /** * Custom form elements * - Checkbox * - Radios * - Switch * - Rounded inputs */ .c-checkbox, .c-radio { margin-right: 4px; } .c-checkbox *, .c-radio * { cursor: pointer; } .c-checkbox input, .c-radio input { opacity: 0; position: absolute; margin-left: 0 !important; } .c-checkbox span, .c-radio span { position: relative; display: inline-block; vertical-align: top; margin-left: -20px; width: 20px; height: 20px; border-radius: 2px; border: 1px solid #ccc; margin-right: 5px; text-align: center; } .c-checkbox span:before, .c-radio span:before { margin-left: 0; } .c-checkbox:hover span, .c-radio:hover span { border-color: #5d9cec; } .form-inline .c-checkbox span, .form-inline .c-radio span { margin-left: 0; } .c-checkbox.c-checkbox-rounded span, .c-radio.c-checkbox-rounded span, .c-checkbox.c-radio-rounded span, .c-radio.c-radio-rounded span { border-radius: 500px; } /* override for radio */ .c-radio span { border-radius: 500px; } /* the icon */ .c-checkbox span:before, .c-radio span:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; text-align: center !important; font-size: 12px; line-height: 18px; vertical-align: middle; } /* Checked state */ .c-checkbox, .c-radio { /* override for radio */ /* Disable state */ /* override for radio */ } .c-checkbox input[type=checkbox]:checked + span:before, .c-radio input[type=checkbox]:checked + span:before, .c-checkbox input[type=radio]:checked + span:before, .c-radio input[type=radio]:checked + span:before { color: #fff; opacity: 1; transition: color 0.3s ease-out; } .c-checkbox input[type=checkbox]:checked + span, .c-radio input[type=checkbox]:checked + span, .c-checkbox input[type=radio]:checked + span, .c-radio input[type=radio]:checked + span { border-color: #5d9cec; background-color: #5d9cec; } .c-checkbox input[type=radio]:checked + span, .c-radio input[type=radio]:checked + span { background-color: #fff; } .c-checkbox input[type=radio]:checked + span:before, .c-radio input[type=radio]:checked + span:before { color: #5d9cec; } .c-checkbox input[type=checkbox]:disabled + span, .c-radio input[type=checkbox]:disabled + span, .c-checkbox input[type=radio]:disabled + span, .c-radio input[type=radio]:disabled + span { border-color: #dddddd !important; background-color: #dddddd !important; } .c-checkbox input[type=radio]:disabled + span, .c-radio input[type=radio]:disabled + span { background-color: #fff !important; } .c-checkbox input[type=radio]:disabled + span:before, .c-radio input[type=radio]:disabled + span:before { color: #dddddd; } .c-radio.c-radio-nofont { /* override for radio */ /* Disable state */ /* override for radio */ } .c-radio.c-radio-nofont span:before { content: ""; width: 10px; height: 10px; top: 50%; left: 50%; margin-top: -5px; margin-left: -5px; border-radius: 500px; } .c-radio.c-radio-nofont input[type=radio]:checked + span:before { color: #fff; opacity: 1; transition: color 0.3s ease-out; } .c-radio.c-radio-nofont input[type=radio]:checked + span { border-color: #5d9cec; background-color: #5d9cec; } .c-radio.c-radio-nofont input[type=radio]:checked + span { background-color: #fff; } .c-radio.c-radio-nofont input[type=radio]:checked + span:before { background-color: #5d9cec; } .c-radio.c-radio-nofont input[type=radio]:disabled + span { border-color: #dddddd !important; background-color: #dddddd !important; } .c-radio.c-radio-nofont input[type=radio]:disabled + span { background-color: #fff !important; } .c-radio.c-radio-nofont input[type=radio]:disabled + span:before { background-color: #dddddd; } .form-control-rounded { border-radius: 100px; } .switch .form-control { padding-top: 7px; margin-bottom: 0; } .switch * { cursor: pointer; } .switch input { opacity: 0; position: absolute; z-index: -1; } .switch span { position: relative; display: inline-block; width: 40px; height: 20px; background-color: #fff; border: 1px solid #dddddd; border-radius: 100px; transition: all .5s; box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1) inset; vertical-align: middle; } .switch span:after { content: ""; position: absolute; background-color: #fff; top: 0; left: 0; height: 18px; width: 18px; border: 1px solid #ddd; border-radius: 400px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); -webkit-transition: all .2s; } .switch.switch-lg span { width: 50px; height: 25px; } .switch.switch-lg span:after { height: 23px; width: 23px; } .switch.switch-sm span { width: 30px; height: 15px; } .switch.switch-sm span:after { height: 13px; width: 13px; } .switch input:checked + span { background-color: #5d9cec; border-color: #5d9cec; transition: all .5s; } .switch input:checked + span:after { left: 50%; transition: all .2s; } .form-control-feedback { left: 16px; right: auto; } .form-control + .form-control-feedback, .form-control + .parsley-errors-list + .form-control-feedback { right: 0; left: auto; top: 10px; } .input-sm + .form-control-feedback, .input-sm + .parsley-errors-list + .form-control-feedback { top: 0; } label + .form-control + .form-control-feedback, label + .form-control + .parsley-errors-list + .form-control-feedback { top: 36px; } .input-md { width: 260px; } .note-editor { background-image: -webkit-linear-gradient(#eeeeee 0.1em, transparent 0.1em); background-image: linear-gradient(#eeeeee 0.1em, transparent 0.1em); background-size: 100% 20px; background-color: #fff; line-height: 20px; margin-top: 5px; padding: 0; padding-bottom: 1px; border: none; } .note-editor.note-editor-margin { background-image: -webkit-linear-gradient(0deg, transparent 49px, #ffe0c4 49px, #ffe0c4 51px, transparent 51px), -webkit-linear-gradient(#eeeeee 0.1em, transparent 0.1em); background-image: linear-gradient(90deg, transparent 49px, #ffe0c4 49px, #ffe0c4 51px, transparent 51px), linear-gradient(#eeeeee 0.1em, transparent 0.1em); padding-left: 55px; } /* ======================================================================== Component: form-imgcrop.less ========================================================================== */ .imgcrop-area { width: 100%; height: 410px; overflow: hidden; background: #dde6e9; } .imgcrop-preview { position: relative; width: 100%; height: 200px; margin: 0 auto; background: #dde6e9; text-align: center; } .imgcrop-preview:after { content: attr(data-text); display: block; position: absolute; height: 50%; text-align: center; margin: auto; top: 0; left: 0; bottom: 0; right: 0; z-index: 0; color: #909fa7; } .imgcrop-preview > img { position: relative; z-index: 1; max-width: 100%; } /* ======================================================================== Component: form-validation.less ========================================================================== */ .form-validate .form-control.ng-dirty.ng-invalid { border-color: #f05050; } .form-validate .form-control.ng-dirty.ng-valid, .form-validate .form-control.ng-dirty.ng-valid:focus { border-color: #27c24c; } .form-validate .has-error .form-control { border-color: #f05050 !important; } .form-validate .c-checkbox input.ng-dirty.ng-invalid + span, .form-validate .c-radio input.ng-dirty.ng-invalid + span { border-color: #f05050; } .form-validate .ui-select-container.ng-dirty.ng-invalid .btn { border-color: #f05050; } .form-validate .input-group .ui-select-container.ng-dirty.ng-invalid .btn { margin-left: -1px; } .form-validate .chosen-select.ng-dirty.ng-invalid + .chosen-container > .chosen-choices { border-color: #f05050; } .form-validate .chosen-select.ng-dirty.ng-valid + .chosen-container > .chosen-choices, .form-validate .chosen-select.ng-dirty.ng-valid:focus + .chosen-container > .chosen-choices { border-color: #27c24c; } .form-validate .form-control.ng-dirty.ng-invalid + .bootstrap-tagsinput { border-color: #f05050; } .form-validate .form-control.ng-dirty.ng-valid + .bootstrap-tagsinput, .form-validate .form-control.ng-dirty.ng-valid:focus + .bootstrap-tagsinput { border-color: #27c24c; } .parsley-error { border-color: #f05050 !important; } .parsley-errors-list { display: none; margin: 0; padding: 0; } .parsley-errors-list.filled { display: block; } .parsley-errors-list > li { font-size: 12px; list-style: none; color: #f05050; } /* ======================================================================== Component: form-tags.less ========================================================================== */ body .bootstrap-tagsinput { box-shadow: 0 0 0 #000 !important; display: block; width: 100%; height: 35px; padding: 6px 16px; font-size: 14px; line-height: 1.52857143; color: #3a3f51; background-color: #ffffff; background-image: none; border: 1px solid #dde6e9; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; height: auto; min-height: 35px; margin-bottom: 0; } body .bootstrap-tagsinput:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); } body .bootstrap-tagsinput::-moz-placeholder { color: #b7bac9; opacity: 1; } body .bootstrap-tagsinput:-ms-input-placeholder { color: #b7bac9; } body .bootstrap-tagsinput::-webkit-input-placeholder { color: #b7bac9; } body .bootstrap-tagsinput[disabled], body .bootstrap-tagsinput[readonly], fieldset[disabled] body .bootstrap-tagsinput { cursor: not-allowed; background-color: #edf1f2; opacity: 1; } textareabody .bootstrap-tagsinput { height: auto; } body .bootstrap-tagsinput .tag { color: #fff; } /* ======================================================================== Component: form-wizard.less ========================================================================== */ .form-wizard > ol { list-style-type: none; padding: 0 15px; } .form-wizard > ol > li { min-height: 50px; padding-top: 15px; padding-bottom: 15px; background-color: #fcfcfc; cursor: pointer; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .form-wizard > ol > li > a { text-decoration: none; } .form-wizard > ol > li .label { background-color: #5d9cec; vertical-align: super; margin-right: 6px; } .form-wizard > ol > li .label[href]:hover, .form-wizard > ol > li .label[href]:focus { background-color: #2f80e7; } .form-wizard > ol > li h4 { display: inline-block; color: #515253; } .form-wizard > ol > li small { display: block; color: #909fa7; } .form-wizard > ol > li.active { background-color: #23b7e5; } .form-wizard > ol > li.active h4, .form-wizard > ol > li.active small { color: #fff; } .form-wizard > ol > li.active .label { background-color: #fff; border-color: #fff; color: #5d9cec; } .form-wizard .bwizard-buttons { margin: 0; } .form-wizard .well { border: 0; margin: 0; padding: 0; box-shadow: 0 0 0 #000; } .form-wizard .well fieldset { margin: 0; } @media only screen and (min-width: 992px) { .form-wizard.wizard-horizontal > ol > li { display: inline-block; } } .form-wizard.wizard-vertical:before, .form-wizard.wizard-vertical:after { content: " "; display: table; } .form-wizard.wizard-vertical:after { clear: both; } .form-wizard.wizard-vertical > ol { float: left; width: 39%; padding: 0; } .form-wizard.wizard-vertical > ol > li { display: block; padding: 10px; } .form-wizard.wizard-vertical > ol > li h4 { font-size: 14px; } .form-wizard.wizard-vertical > div { float: right; width: 59%; } .form-wizard.wizard-vertical .pager { clear: both; padding-top: 10px; } .form-wizard.wizard-vertical .well { padding: 0; } /* ======================================================================== Component: uiselect.less ========================================================================== */ .ui-select-bootstrap > .ui-select-match { text-align: left; } .ui-select-toggle { font-size: 14px; } .btn-default-focus { box-shadow: 0 0 0 #000 !important; outline: 0 !important; } /* ======================================================================== Component: code-editor.less ========================================================================== */ .code-container { margin: 0; padding: 0; background-color: #fff; } .code-files { border-right: 1px solid #dde6e9; background-color: #edf1f2; } .code-files .nav.nav-pills { padding: 10px; overflow: hidden; } .code-files .nav.nav-pills > li > a { color: #3a3f51; } .code-files .nav.nav-pills > li > a:hover { background-color: #e4eaec; } .code-files .nav.nav-pills > li.active > a { background-color: #23b7e5; color: #ffffff; } .code-toolbar { position: absolute; top: 0; left: 0; right: 0; height: 50px; margin: 0; border-bottom: 1px solid #dde6e9; background: #ffffff; z-index: 5; } .code-editor { position: relative; padding-top: 50px; } @media only screen and (min-width: 480px) { .code-editor .CodeMirror { max-height: 100%; min-height: 180px; height: 100%; } } .code-editor .CodeMirror .CodeMirror-scroll { height: 100%; } .code-editor .CodeMirror .CodeMirror-gutters { min-height: 100%; } /* ======================================================================== Component: datatable.less ========================================================================== */ .dataTables_filter input { margin-left: 10px; } .dataTables_length select { margin-right: 10px; } table.dataTable tfoot > tr > th { color: #a1a2a3; background: #f1f2f3; } .panel .dataTables_wrapper .row { margin: 10px 0; } .panel .dataTable { width: 100% !important; } .ColVis button.ColVis_Button { border-radius: 3px; font-size: 13px; border-color: transparent; -webkit-appearance: none; outline: none !important; -webkit-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s; border-color: #eaeaea; background-image: none; box-shadow: 0 0 0 #000; cursor: pointer; height: 31px; } .ColVis button.ColVis_Button.btn-link { box-shadow: none; border: 0; } .ColVis button.ColVis_Button.btn-default { border-color: #eaeaea; } .input-group .ColVis button.ColVis_Button { font-size: 14px; border-color: #dde6e9; } .input-group .input-sm + .input-group-btn .ColVis button.ColVis_Button { font-size: 13px; } .ColVis button.ColVis_Button > span { color: #656565; } .ColVis_collectionBackground { display: none; } ul.ColVis_collection { background-color: #fff !important; } ul.ColVis_collection > li { border: 0 !important; background-image: none !important; box-shadow: 0 0 0 #000 !important; margin: 0; } ul.ColVis_collection > li > label { margin: 0; } ul.ColVis_collection > li > label > span { color: #888; vertical-align: top; font-weight: normal; } ul.ColVis_collection > li > label > span:hover { color: #555; } ul.ColVis_collection > li > label input[type=checkbox]:checked + span, ul.ColVis_collection > li > label input[type=radio]:checked + span { background-color: transparent; } .ColVis_catcher { cursor: pointer; } table.dataTable { border-bottom: 1px solid #e4eaec !important; } table.dataTable thead th, table.dataTable thead td { border-bottom: 1px solid #e4eaec !important; } .dataTables_wrapper .dataTables_filter input, .dataTables_wrapper select { box-shadow: none; height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; color: #3a3f51; background-color: #ffffff; background-image: none; border: 1px solid #dde6e9; border-radius: 4px; } .dataTables_wrapper .dataTables_paginate .paginate_button { background-image: none !important; background-color: #edf1f2 !important; border: 0 !important; } .dataTables_wrapper .dataTables_paginate .paginate_button:hover { background-color: #fff !important; } body .dataTable:before, body .dataTable:after { content: " "; display: table; } body .dataTable:after { clear: both; } body .dataTables_wrapper .dataTables_paginate .paginate_button { background-color: #fff !important; border: 1px solid #e4eaec !important; margin-left: 0; padding: 6px 16px; } body .dataTables_wrapper .dataTables_paginate .paginate_button.previous { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } body .dataTables_wrapper .dataTables_paginate .paginate_button.next { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } body .dataTables_wrapper .dataTables_paginate .paginate_button:hover { color: #5d9cec !important; } body .dataTables_wrapper .dataTables_paginate .paginate_button.current, body .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { background-color: #5d9cec !important; color: #fff !important; border-color: #5d9cec !important; } body table.dataTable.row-border tbody th, body table.dataTable.row-border tbody td, body table.dataTable.display tbody th, body table.dataTable.display tbody td { border-top-color: #eee; } body table.dataTable tbody tr:nth-child(odd), body table.dataTable.hover tbody tr:hover, body table.dataTable.display tbody tr:hover { background-color: #fafbfc; } body table.dataTable thead th, body .dataTables_wrapper .dataTables_length, body .dataTables_wrapper .dataTables_filter, body .dataTables_wrapper .dataTables_info, body .dataTables_wrapper .dataTables_processing, body .dataTables_wrapper .dataTables_paginate { color: #888; } /* ======================================================================== Component: table-extras.less ========================================================================== */ .table > thead > tr > th { padding: 14px 8px; color: #888; } .table > tbody > tr > td { vertical-align: middle; } .table > tbody > tr > td > .media img { width: 36px; height: 36px; margin: 0 auto; } .table .checkbox { margin: 0 auto; width: 20px; } .table .progress { margin-bottom: 0; } .table .radial-bar { margin-bottom: 0; margin: 0 auto; } .jqstooltip { box-sizing: content-box; } #table-ext-1 th:nth-child(1) { width: 3%; } #table-ext-1 th:nth-child(2) { width: 5%; } #table-ext-1 th:nth-child(7) { width: 5%; } #table-ext-1 th:nth-child(9) { width: 5%; } #table-ext-2 th:nth-child(1) { width: 5%; } #table-ext-2 th:nth-child(3) { width: 10%; } /* ======================================================================== Component: table-ngtable.less ========================================================================== */ body .ng-table th.sortable.sort-desc, body .ng-table th.sortable.sort-asc { background-color: #fff; text-shadow: 0 0 0 rgba(255, 255, 255, 0); } body .ng-table th.sortable div:after, body .ng-table th.sortable div:before { border-color: #3a3f51 transparent; } body .ng-table th.sortable div:before { border-top-color: #3a3f51; } body .ng-table th.sortable.sort-desc div:after { border-top-color: #3a3f51; } body [ng-table-pagination] { padding: 15px 5px; } body [ng-table-pagination] .ng-table-pagination { margin: 0; } body .ng-table .plus, body .ng-table .minus { font-weight: bold; padding-left: 18px; position: relative; } body .ng-table .plus:before, body .ng-table .minus:before { content: ""; border-width: 4px; border-style: solid; left: 8px; top: 50%; position: absolute; margin-top: -2px; } body .ng-table .plus { color: green; } body .ng-table .plus:before { border-color: green; border-top: none; border-left: 4px solid transparent; border-right: 4px solid transparent; } body .ng-table .minus { color: red; } body .ng-table .minus:before { border-color: red; border-bottom: none; border-left: 4px solid transparent; border-right: 4px solid transparent; } body .ng-table-rowselected tr { cursor: pointer; } body .ng-table-pager:before, body .ng-table-pager:after { content: " "; display: table; } body .ng-table-pager:after { clear: both; } /* ======================================================================== Component: table-ng-grid.less ========================================================================== */ .ngGrid { min-height: 480px; background-color: transparent; } .ngGrid .ngVerticalBarVisible { background-color: #e4eaec; } .ngGrid .ngTopPanel { position: relative; z-index: 1; background-color: #fff; border-bottom: 1px solid #e4eaec; } .ngGrid .ngTopPanel .ngHeaderContainer { border-bottom: 1px solid #e4eaec; } .ngGrid .ngGroupPanel { background-color: #fff; border-bottom: 1px solid #e4eaec; } .ngGrid .ngGroupName { background-color: #fff; border: 1px solid #e4eaec; } .ngGrid .ngRow { position: absolute; border-top: 1px solid #e4eaec; } .ngGrid .ngRow.odd { background-color: #edf1f2; } .ngGrid .ngRow.even { background-color: #fff; border-bottom: 1px solid #e4eaec; } .ngGrid .ngRow.selected { background-color: #e4eaec; } .ngGrid .ngFooterPanel { padding: 0 5px; background-color: #fff; border-top: 1px solid #e4eaec; } .ngGrid .ngPagerFirstBar { border-left: 2px solid #3a3f51; } .ngGrid .ngPagerFirstTriangle { border-color: transparent #3a3f51 transparent transparent; } .ngGrid .ngPagerLastTriangle { border-color: transparent transparent transparent #3a3f51; } .ngGrid .ngPagerLastBar { border-left: 2px solid #3a3f51; } .ngGrid .ngPagerButton { background-color: #fff; border: 1px solid #e4eaec; } .ngGrid .ngHeaderText, .ngGrid .ngCellText { padding: 8px 15px; } .ngGrid .ngFooterSelectedItems { padding-top: 0; margin-top: -4px; } .ngGrid .ngGridMaxPagesNumber { position: relative; top: -6px; } .ngGrid .ngViewport { overflow-x: hidden; } .ngGrid .ngSortButtonUp, .ngGrid .ngSortButtonDown { top: 14px; } .ngGrid .ngLabel { margin-right: 10px; } .ngGrid input, .ngGrid select { border: 1px solid #e4eaec; } .ngGrid input { line-height: 18px; } /* ======================================================================== Component: uigrid.less ========================================================================== */ .table-uigrid.ui-grid { border-top-width: 3px; } .table-uigrid.ui-grid, .table-uigrid.ui-grid .ui-grid-header, .table-uigrid.ui-grid .ui-grid-footer-panel, .table-uigrid.ui-grid .ui-grid-cell, .table-uigrid.ui-grid input[type="text"].ui-grid-filter-input { border-color: #dde6e9; } .table-uigrid.ui-grid .ui-grid-filter-input { padding: 2px 4px; } .table-uigrid.ui-grid .ui-grid-row:nth-child(even) .ui-grid-cell { background-color: #edf1f2; border-bottom: 1px solid #e4eaec; border-top: 1px solid #e4eaec; } .table-uigrid.ui-grid .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar { background-color: #dde6e9; } .table-uigrid.ui-grid .ui-grid-top-panel, .table-uigrid.ui-grid .ui-grid-footer-panel { background-color: #fff; background-image: none; } .table-uigrid.ui-grid .ui-grid-cell, .table-uigrid.ui-grid .ui-grid-row { min-height: 36px; } .table-uigrid.ui-grid .ui-grid-cell-contents { padding: 8px 15px; } .table-uigrid.ui-grid .ui-grid-column-menu-button { top: 5px; } .table-uigrid.ui-grid .ui-grid-viewport { overflow-x: hidden !important; } .table-uigrid.ui-grid .ui-grid-pager-panel { padding-top: 8px; padding-bottom: 5px; } .table-uigrid.ui-grid .ui-grid-pager-control button { background-color: #fff; border: 1px solid #edf1f2; } .table-uigrid.ui-grid .ui-grid-pager-control input, .table-uigrid.ui-grid .ui-grid-pager-row-count-picker select { color: #3a3f51; background-color: #ffffff; background-image: none; border: 1px solid #dde6e9; border-radius: 4px; padding: 2px; } #uigrid-demo { width: 100%; min-height: 380px; } /* ======================================================================== Component: table-angulargrid.less ========================================================================== */ .ag-angle .ag-root { border: 1px solid #e4eaec; } .ag-angle .ag-cell { padding: 4px 15px; } .ag-angle .ag-cell-focus { border: 1px solid #becfd5; } .ag-angle .ag-cell-no-focus { border-right: 1px dotted #e4eaec; border-top: 1px solid transparent; border-left: 1px solid transparent; border-bottom: 1px solid transparent; } .ag-angle .ag-pinned-header { border-bottom: 1px solid #e4eaec; } .ag-angle .ag-header-container { border-bottom: 1px solid #e4eaec; } .ag-angle .ag-header { border-top: 2px solid #e4eaec; height: auto !important; } .ag-angle .ag-header-cell { border-right: 1px solid #e4eaec; } .ag-angle .ag-header-group-cell { border-right: 1px solid #e4eaec; } .ag-angle .ag-header-group-cell-with-group { border-bottom: 1px solid #e4eaec; } .ag-angle .ag-header-cell-label { padding: 8px 15px; } .ag-angle .ag-header-cell-text { padding-left: 2px; } .ag-angle .ag-header-group-cell-label { padding: 4px; font-weight: bold; } .ag-angle .ag-header-group-text { margin-right: 2px; } .ag-angle .ag-header-cell-menu-button { padding: 2px; margin-top: 6px; border-radius: 2px; cursor: pointer; } .ag-angle .ag-header-cell-menu-button .ag-header-icon { color: #edf1f2; } .ag-angle .ag-header-cell-menu-button:hover .ag-header-icon { color: #dde6e9; } .ag-angle .ag-header-icon { color: #800000; } .ag-angle .ag-dark .ag-header-expand-icon:hover { cursor: pointer; } .ag-angle .ag-row-odd { background-color: #edf1f2; } .ag-angle .ag-row-even { background-color: #fff; } .ag-angle .ag-loading-panel { background-color: rgba(255, 255, 255, 0.5); } .ag-angle .ag-loading-center { background-color: #fff; border: 1px solid #e4eaec; border-radius: 4px; padding: 10px; } .ag-angle .ag-body { padding-top: 40px !important; background-color: #fff; } .ag-angle .ag-row-selected { background-color: #b0e0e6; } .ag-angle .ag-group-cell-entire-row { background-color: #aaa; padding: 4px; } .ag-angle .ag-footer-cell-entire-row { background-color: #aaa; padding: 4px; } .ag-angle .ag-group-cell { font-style: italic; } .ag-angle .ag-footer-cell { font-style: italic; } .ag-angle .ag-filter-checkbox { position: relative; top: 2px; left: 2px; } .ag-angle .ag-filter-header-container { border-bottom: 1px solid #dde6e9; } .ag-angle .ag-filter { border: 1px solid #e4eaec; background-color: #fff; } .ag-angle .ag-filter input[type="text"], .ag-angle .ag-filter select { width: 95%; height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; color: #3a3f51; background-color: #ffffff; background-image: none; border: 1px solid #dde6e9; border-radius: 4px; } .ag-angle .ag-filter input[type="text"]:focus, .ag-angle .ag-filter select:focus { border-color: #5d9cec; } .ag-angle .ag-selection-checkbox { margin-left: 4px; } .ag-angle .ag-paging-panel { padding: 4px; } .ag-angle .ag-paging-button { margin-left: 4px; margin-right: 4px; } .ag-angle .ag-paging-row-summary-panel { display: inline-block; width: 300px; } /* ======================================================================== Component: plugins.less - User this stylesheet to include single css styles and fixes for plugins ========================================================================== */ /** * Bootstrap Slider */ .bs-slider { display: inline-block; } .bs-slider .slider-handle, .bs-slider .slider-track, .bs-slider .slider-selection { background-image: none; box-shadow: 0 0 0 #000; } .bs-slider .slider-handle { background-color: #fff; border: 1px solid #5d9cec; opacity: 1; } .bs-slider .slider-track { background-color: #fff; border: 1px solid #5d9cec; } .bs-slider .slider-selection { background-color: #5d9cec; } .bs-slider .slider .tooltip.top .tooltip-arrow { border-top-color: #2c3037; } .bs-slider .slider .tooltip.right .tooltip-arrow { border-right-color: #2c3037; } .bs-slider .slider .tooltip-inner { background-color: #2c3037; } .bs-slider .slider-lg { width: 380px; } body { /** * Chosen */ /* Support for input groups */ /** * Filestyle */ } body .chosen-container { max-width: 100%; } body .chosen-container-multi .chosen-choices { box-shadow: 0 0 0 #000 !important; display: block; width: 100%; height: 35px; padding: 6px 16px; font-size: 14px; line-height: 1.52857143; color: #3a3f51; background-color: #ffffff; background-image: none; border: 1px solid #dde6e9; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } body .chosen-container-multi .chosen-choices:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); } body .chosen-container-multi .chosen-choices::-moz-placeholder { color: #b7bac9; opacity: 1; } body .chosen-container-multi .chosen-choices:-ms-input-placeholder { color: #b7bac9; } body .chosen-container-multi .chosen-choices::-webkit-input-placeholder { color: #b7bac9; } body .chosen-container-multi .chosen-choices[disabled], body .chosen-container-multi .chosen-choices[readonly], fieldset[disabled] body .chosen-container-multi .chosen-choices { cursor: not-allowed; background-color: #edf1f2; opacity: 1; } textareabody .chosen-container-multi .chosen-choices { height: auto; } body .chosen-container-multi .chosen-choices li.search-field input[type=text] { height: auto; padding: 0; } body .chosen-container-multi .chosen-choices li.search-choice { margin: 0 5px 3px 0; background-color: #f5f6f7; border: 1px solid #e7e9ec; background-image: none; } body .chosen-container .chosen-results li.highlighted { background-color: #a1a2a3; background-image: none; } body .chosen-container .chosen-drop { border-color: #ddd; } body .chosen-container .chosen-results li.group-result { color: #747576; letter-spacing: 0.02em; } body .chosen-container-single .chosen-single, body .chosen-container-active.chosen-with-drop .chosen-single { box-shadow: 0 0 0 #000 !important; display: block; width: 100% !important; height: 35px; padding: 6px 16px; font-size: 14px; line-height: 1.52857143; color: #3a3f51; background-color: #ffffff; background-image: none; border: 1px solid #dde6e9; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } body .chosen-container-single .chosen-single:focus, body .chosen-container-active.chosen-with-drop .chosen-single:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); } body .chosen-container-single .chosen-single::-moz-placeholder, body .chosen-container-active.chosen-with-drop .chosen-single::-moz-placeholder { color: #b7bac9; opacity: 1; } body .chosen-container-single .chosen-single:-ms-input-placeholder, body .chosen-container-active.chosen-with-drop .chosen-single:-ms-input-placeholder { color: #b7bac9; } body .chosen-container-single .chosen-single::-webkit-input-placeholder, body .chosen-container-active.chosen-with-drop .chosen-single::-webkit-input-placeholder { color: #b7bac9; } body .chosen-container-single .chosen-single[disabled], body .chosen-container-active.chosen-with-drop .chosen-single[disabled], body .chosen-container-single .chosen-single[readonly], body .chosen-container-active.chosen-with-drop .chosen-single[readonly], fieldset[disabled] body .chosen-container-single .chosen-single, fieldset[disabled] body .chosen-container-active.chosen-with-drop .chosen-single { cursor: not-allowed; background-color: #edf1f2; opacity: 1; } textareabody .chosen-container-single .chosen-single, textareabody .chosen-container-active.chosen-with-drop .chosen-single { height: auto; } body .chosen-container-single .chosen-drop { margin-top: -3px; } body .chosen-container-single .chosen-single div { top: 6px; right: 5px; } body .chosen-container-multi .chosen-choices li.search-field input[type=text] { color: #b7bac9; } body .input-group .chosen-container:last-child > a { border-top-left-radius: 0; border-bottom-left-radius: 0; } body .input-group select:first-child + .chosen-container > a { border-top-right-radius: 0; border-bottom-right-radius: 0; } body [classyloader] { max-width: 100%; } body .ui-select-bootstrap .ui-select-toggle { text-align: left; } /* ======================================================================== Component: slim-scroll.less ========================================================================== */ scrollable { display: block; } .slimScrollBar { opacity: 1 !important; background-color: rgba(0, 0, 0, 0.35) !important; border: 0 !important; border-radius: 1px !important; } .slimScrollRail { opacity: 1 !important; background-color: rgba(0, 0, 0, 0.15) !important; border: 0 !important; border-radius: 0 !important; bottom: 0; } /* ======================================================================== Component: datepicker.less ========================================================================== */ .ui-datepicker { display: inline-block; max-width: 100%; overflow: auto; } /* ======================================================================== Component: alerts.less ========================================================================== */ .alerts { position: fixed; top: 60px; left: 60px; z-index: 9090; width: 350px; left: auto; right: 60px; } .alerts:hover .alert .close { opacity: 1; visibility: visible; } .alerts-top-right, .alerts-bottom-right { left: auto; right: 60px; } .alerts-top-center, .alerts-bottom-center { left: 50%; margin-left: -175px; } .alerts-bottom-left, .alerts-bottom-right, .alerts-bottom-center { top: auto; bottom: 60px; } @media (max-width: 480px) { .alerts { left: 10px; right: 10px; width: auto; margin: 0; } } /* ======================================================================== Component: notify.less ========================================================================== */ .uk-notify { position: fixed; top: 50px; left: 50px; z-index: 1040; -moz-box-sizing: border-box; box-sizing: border-box; width: 350px; } .uk-notify-top-right, .uk-notify-bottom-right { left: auto; right: 50px; } .uk-notify-top-center, .uk-notify-bottom-center { left: 50%; margin-left: -175px; } .uk-notify-bottom-left, .uk-notify-bottom-right, .uk-notify-bottom-center { top: auto; bottom: 50px; } @media (max-width: 480px) { .uk-notify { left: 10px; right: 10px; width: auto; margin: 0; } } .uk-notify-message { position: relative; margin-bottom: 10px; padding: 15px; font-size: 16px; line-height: 22px; border-radius: 3px; padding-right: 35px; cursor: pointer; } .uk-notify-message.alert.alert-normal { background: #444444; color: #ffffff; } .uk-notify-message > .close { visibility: hidden; } .uk-notify-message:hover > .close { visibility: visible; } /* ======================================================================== Component: calendar.less ========================================================================== */ .calendar-app .fc-button { color: #333333; background-color: #ffffff; border-color: #eaeaea; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; height: auto; background-image: none; } .calendar-app .fc-button:focus, .calendar-app .fc-button.focus { color: #333333; background-color: #f5f5f5; border-color: #d6d6d6; } .calendar-app .fc-button:hover { color: #333333; background-color: #f5f5f5; border-color: #d6d6d6; } .calendar-app .fc-button:active, .calendar-app .fc-button.active, .open > .dropdown-toggle.calendar-app .fc-button { color: #333333; background-color: #f5f5f5; border-color: #d6d6d6; } .calendar-app .fc-button:active:hover, .calendar-app .fc-button.active:hover, .open > .dropdown-toggle.calendar-app .fc-button:hover, .calendar-app .fc-button:active:focus, .calendar-app .fc-button.active:focus, .open > .dropdown-toggle.calendar-app .fc-button:focus, .calendar-app .fc-button:active.focus, .calendar-app .fc-button.active.focus, .open > .dropdown-toggle.calendar-app .fc-button.focus { color: #333333; background-color: #f5f5f5; border-color: #d6d6d6; } .calendar-app .fc-button:active, .calendar-app .fc-button.active, .open > .dropdown-toggle.calendar-app .fc-button { background-image: none; } .calendar-app .fc-button.disabled, .calendar-app .fc-button[disabled], fieldset[disabled] .calendar-app .fc-button, .calendar-app .fc-button.disabled:hover, .calendar-app .fc-button[disabled]:hover, fieldset[disabled] .calendar-app .fc-button:hover, .calendar-app .fc-button.disabled:focus, .calendar-app .fc-button[disabled]:focus, fieldset[disabled] .calendar-app .fc-button:focus, .calendar-app .fc-button.disabled.focus, .calendar-app .fc-button[disabled].focus, fieldset[disabled] .calendar-app .fc-button.focus, .calendar-app .fc-button.disabled:active, .calendar-app .fc-button[disabled]:active, fieldset[disabled] .calendar-app .fc-button:active, .calendar-app .fc-button.disabled.active, .calendar-app .fc-button[disabled].active, fieldset[disabled] .calendar-app .fc-button.active { background-color: #ffffff; border-color: #eaeaea; } .calendar-app .fc-button .badge { color: #ffffff; background-color: #333333; } .calendar-app .fc-button:active, .calendar-app .fc-button.active, .calendar-app .fc-button.fc-state-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); } .calendar-app .fc-button .fc-icon { margin: 0 .1em; font-size: inherit; font-family: FontAwesome !important; vertical-align: baseline; color: #555; } .calendar-app .fc-button .fc-icon:after { display: none; } .calendar-app .fc-state-highlight, .calendar-app .fc-day:hover { background-color: #f7f8f9; } .calendar-app .fc-day-number { font-size: 18px; font-weight: bold; color: #a1a2a3; } .calendar-app .fc-view { overflow: visible; } .calendar-app .external-events { margin: 0; } .calendar-app .external-events > div { margin-right: 5px; margin-bottom: 5px; padding: 6px 10px; color: #fff; font-size: 11px; border-radius: 2px; cursor: move; } .calendar-app .external-events:empty { content: "EMRTPUY"; } .calendar-app .external-events-trash { position: relative; min-height: 120px; } .calendar-app .external-events-trash:after { content: "\f00d"; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #131e26; opacity: 0; font-family: FontAwesome; color: #fff; text-align: center; font-size: 50px; padding: 8%; max-height: 100%; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index: -1; } .calendar-app .external-events-trash.active:after { opacity: 1; z-index: 1; } .calendar-app .external-events-trash.hovered:after { background-color: #fb797e; } .calendar-app .external-event-color-selector .circle.selected { border: 3px solid rgba(255, 255, 255, 0.5); } /* ======================================================================== Component: spinner.less ========================================================================== */ body .whirl { position: relative; } body .whirl:before { content: attr(data-spinner-text); display: block; background-color: #f0f0f0; opacity: 0.7; } body .whirl.solid { opacity: 1; } body .whirl:after { border-top-color: #5d9cec; } body .whirl.blade:after { border-bottom-color: #5d9cec; } body .whirl.double-up:after { border-right-color: #5d9cec; border-top-color: #5d9cec; border-left-color: #5d9cec; border-bottom-color: #5d9cec; } body .whirl.duo:after { border-right-color: #5d9cec; border-left-color: #5d9cec; border-top-color: #7266ba; border-bottom-color: #7266ba; } body .whirl.helicopter:after { background-color: #5d9cec; } body .whirl.ringed:after { border-right-color: #23b7e5; border-top-color: #7266ba; border-left-color: #7266ba; border-bottom-color: #7266ba; } body .whirl.traditional:after { border-right-color: #23b7e5; border-top-color: #23b7e5; border-left-color: #7266ba; border-bottom-color: #fad732; } body .whirl.line:after { box-shadow: inset -10px 0px 0px rgba(93, 156, 236, 0.5); } .no-cssanimations body .whirl:before { opacity: .9; } .no-cssanimations body .whirl:after { content: "Loading..."; width: 40px; height: 40px; margin: -20px 0 0 -20px; line-height: 40px; color: #000; opacity: 1; border: 0; box-shadow: 0 0 0 #000; background-color: transparent; text-align: center; } body .ball-pulse > div, body .ball-grid-pulse > div, body .square-spin > div, body .ball-pulse-rise > div, body .ball-rotate > div, body .ball-rotate > div:before, body .ball-rotate > div:after, body .cube-transition > div, body .ball-zig-zag > div, body .ball-zig-zag-deflect > div, body .ball-triangle-path > div, body .ball-scale > div, body .line-scale > div, body .line-scale-party > div, body .ball-scale-multiple > div, body .ball-pulse-sync > div, body .ball-beat > div, body .line-scale-pulse-out > div, body .line-scale-pulse-out-rapid > div, body .ball-spin-fade-loader > div, body .line-spin-fade-loader > div, body .triangle-skew-spin > div, body .ball-grid-beat > div, body .semi-circle-spin > div { background-color: #5d9cec; } body .ball-clip-rotate-multiple { width: 1px; } body .ball-clip-rotate-multiple > div { border-color: #5d9cec transparent #5d9cec transparent; } body .ball-clip-rotate-multiple > div:last-child { border-color: transparent #5d9cec transparent #5d9cec; } body .ball-clip-rotate > div { border-color: #5d9cec; border-bottom-color: transparent; } body .ball-clip-rotate-pulse > div:first-child { background-color: #5d9cec; top: 5px; left: -8px; } body .ball-clip-rotate-pulse > div:last-child { border-color: #5d9cec transparent #5d9cec transparent; } body .square-spin > div, body .ball-scale-ripple > div, body .ball-scale-ripple-multiple > div { border-color: #5d9cec; } body .pacman > div:first-of-type { border-top-color: #5d9cec; border-left-color: #5d9cec; border-bottom-color: #5d9cec; } body .pacman > div:nth-child(2) { border-top-color: #5d9cec; border-left-color: #5d9cec; border-bottom-color: #5d9cec; } body .pacman > div:nth-child(3), body .pacman > div:nth-child(4), body .pacman > div:nth-child(5), body .pacman > div:nth-child(6) { background-color: #5d9cec; } body .sk-spinner-rotating-plane.sk-spinner, body .sk-spinner-double-bounce .sk-double-bounce1, body .sk-spinner-double-bounce .sk-double-bounce2, body .sk-spinner-wave div, body .sk-spinner-wandering-cubes .sk-cube1, body .sk-spinner-wandering-cubes .sk-cube2, body .sk-spinner-chasing-dots .sk-dot1, body .sk-spinner-chasing-dots .sk-dot2, body .sk-spinner-three-bounce div, body .sk-spinner-circle .sk-circle:before, body .sk-spinner-cube-grid .sk-cube, body .sk-spinner-fading-circle .sk-circle:before, body .sk-spinner-pulse.sk-spinner, body .sk-spinner-wordpress.sk-spinner { background-color: #5d9cec; } body .sk-spinner-wordpress .sk-inner-circle { background-color: #fff; } /* just for loaders.css demo */ .loader-demo { height: 150px; padding-top: 50px; text-align: center; } .loader-demo > div { display: inline-block; } /* ======================================================================== Component: gmap.less ========================================================================== */ .gmap { height: 300px; } .gmap.gmap-sm { height: 150px; } /* ======================================================================== Component: vector-map.less ========================================================================== */ body .jvectormap-label { position: absolute; display: none; border: solid 1px #313232; border-radius: 2px; background: #313232; color: white; padding: 3px 6px; opacity: 0.9; z-index: 11; } body .jvectormap-zoomin, body .jvectormap-zoomout { position: absolute; left: 10px; width: 22px; height: 22px; border-radius: 2px; background: #515253; padding: 5px; color: white; cursor: pointer; line-height: 10px; text-align: center; } body .jvectormap-zoomin { top: 10px; } body .jvectormap-zoomout { top: 30px; } /* ======================================================================== Component: portlets.less ========================================================================== */ [portlet] { min-height: 30px; } [portlet].portlet-handler, [portlet] .portlet-handler { cursor: move; } .portlets-wrapper { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; overflow: auto; } .portlet.box-placeholder { padding: 0; } /* ======================================================================== Component: mailbox.less ========================================================================== */ .mb-boxes { height: 0; overflow: hidden; } .mb-boxes .nav > li > a { font-weight: 600; color: #3a3f51; margin: 5px 0; -webkit-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .mb-boxes .nav > li > a:hover, .mb-boxes .nav > li > a:focus { background-color: #c0d0d3; } .mb-boxes .nav > li.active > a { background-color: #5d9cec !important; color: #fff; } @media only screen and (min-width: 992px) { .mb-boxes { height: auto !important; visibility: visible !important; display: block; } } @media only screen and (min-width: 992px) { .mb-compose-button { display: block; width: 100%; } .mb-toggle-button { display: none; } } .mb-mails > tbody > tr > td { border-top-color: transparent; cursor: pointer; } .mb-mails .mb-mail-active { background-color: #f7f8f9 !important; } .mb-mails .mb-mail-avatar { float: left; margin-right: 10px; width: 40px; height: 40px; border-radius: 3px; } .mb-mails .mb-mail-date { display: block; float: right; color: #909fa7; font-size: 12px; font-weight: bold; } .mb-mails .mb-mail-from { font-size: 14px; font-weight: 600; line-height: 1; } .mb-mails .mb-mail-meta { overflow: hidden; } .mb-mails .mb-mail-subject { font-size: 18px; font-weight: 600; line-height: 1.1; margin-bottom: 6px; } .mb-mails .mb-mail-preview { clear: both; margin-top: 10px; color: #909fa7; margin-top: 2px; } .mb-mails .mb-attachment { margin-top: 30px; padding-top: 30px; border-top: 1px solid #e4eaec; } .mb-view > tbody > tr > td { cursor: auto; } .mb-view .mb-mail-to-list { margin-top: 6px; } .mb-view .mb-mail-to-list > a { margin-right: 5px; color: #909fa7; } /* ======================================================================== Component: utils.less ========================================================================== */ .m0 { margin: 0 !important; } .ml0 { margin-left: 0 !important; } .mr0 { margin-right: 0 !important; } .mt0 { margin-top: 0 !important; } .mb0 { margin-bottom: 0 !important; } .m { margin: 10px !important; } .ml { margin-left: 10px !important; } .mr { margin-right: 10px !important; } .mt { margin-top: 10px !important; } .mb { margin-bottom: 10px !important; } .m-sm { margin: 5px !important; } .ml-sm { margin-left: 5px !important; } .mr-sm { margin-right: 5px !important; } .mt-sm { margin-top: 5px !important; } .mb-sm { margin-bottom: 5px !important; } .m-lg { margin: 15px !important; } .ml-lg { margin-left: 15px !important; } .mr-lg { margin-right: 15px !important; } .mt-lg { margin-top: 15px !important; } .mb-lg { margin-bottom: 15px !important; } .m-xl { margin: 30px !important; } .ml-xl { margin-left: 30px !important; } .mr-xl { margin-right: 30px !important; } .mt-xl { margin-top: 30px !important; } .mb-xl { margin-bottom: 30px !important; } .mv { margin-top: 10px !important; margin-bottom: 10px !important; } .mh { margin-left: 10px !important; margin-right: 10px !important; } .mv-lg { margin-top: 15px !important; margin-bottom: 15px !important; } .mh-lg { margin-left: 15px !important; margin-right: 15px !important; } .mv-sm { margin-top: 5px !important; margin-bottom: 5px !important; } .mh-sm { margin-left: 5px !important; margin-right: 5px !important; } .p0 { padding: 0 !important; } .pl0 { padding-left: 0 !important; } .pr0 { padding-right: 0 !important; } .pt0 { padding-top: 0 !important; } .pb0 { padding-bottom: 0 !important; } .pv0 { padding-top: 0 !important; padding-bottom: 0 !important; } .ph0 { padding-left: 0 !important; padding-right: 0 !important; } .p { padding: 10px !important; } .pl { padding-left: 10px !important; } .pr { padding-right: 10px !important; } .pt { padding-top: 10px !important; } .pb { padding-bottom: 10px !important; } .p-sm { padding: 5px !important; } .pl-sm { padding-left: 5px !important; } .pr-sm { padding-right: 5px !important; } .pt-sm { padding-top: 5px !important; } .pb-sm { padding-bottom: 5px !important; } .p-lg { padding: 15px !important; } .pl-lg { padding-left: 15px !important; } .pr-lg { padding-right: 15px !important; } .pt-lg { padding-top: 15px !important; } .pb-lg { padding-bottom: 15px !important; } .p-xl { padding: 30px !important; } .pl-xl { padding-left: 30px !important; } .pr-xl { padding-right: 30px !important; } .pt-xl { padding-top: 30px !important; } .pb-xl { padding-bottom: 30px !important; } .pv { padding-top: 10px !important; padding-bottom: 10px !important; } .ph { padding-left: 10px !important; padding-right: 10px !important; } .pv-xl { padding-top: 30px !important; padding-bottom: 30px !important; } .ph-xl { padding-left: 30px !important; padding-right: 30px !important; } .pv-lg { padding-top: 15px !important; padding-bottom: 15px !important; } .ph-lg { padding-left: 15px !important; padding-right: 15px !important; } .pv-sm { padding-top: 5px !important; padding-bottom: 5px !important; } .ph-sm { padding-left: 5px !important; padding-right: 5px !important; } .b0 { border-width: 0 !important; } .bl0 { border-left-width: 0 !important; } .br0 { border-right-width: 0 !important; } .bt0 { border-top-width: 0 !important; } .bb0 { border-bottom-width: 0 !important; } .br { border-right: 1px solid rgba(0, 0, 0, 0.12); } .bl { border-left: 1px solid rgba(0, 0, 0, 0.12); } .bt { border-top: 1px solid rgba(0, 0, 0, 0.12); } .bb { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .b, .ba { border-right: 1px solid rgba(0, 0, 0, 0.12); border-left: 1px solid rgba(0, 0, 0, 0.12); border-top: 1px solid rgba(0, 0, 0, 0.12); border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .radius-clear { border-radius: 0 !important; } .shadow-clear { box-shadow: 0 0 0 #000 !important; } .text-white { color: #fff; } .text-inverse { color: #131e26; } .text-alpha { color: rgba(255, 255, 255, 0.5); } .text-pink { color: #f532e5; } .text-purple { color: #7266ba; } .text-dark { color: #3a3f51; } .text-alpha-inverse { color: rgba(0, 0, 0, 0.5); } .text-green { color: #37bc9b; } .text-yellow { color: #fad732; } .text-gray-darker { color: #232735; } .text-gray-dark { color: #3a3f51; } .text-gray { color: #dde6e9; } .text-gray-light { color: #e4eaec; } .text-gray-lighter { color: #edf1f2; } .text-inherit { color: inherit; } .text-sm { font-size: 11.9px; } .text-md { font-size: 26.6px; } .text-lg { font-size: 42px; } .text-nowrap { white-space: nowrap; } .text-thin { font-weight: 100 !important; } .text-normal { font-weight: normal !important; } .text-bold { font-weight: bold !important; } .inline { display: inline-block !important; } .block-center { margin: 0 auto; } .bg-primary { background-color: #5d9cec; color: #ffffff !important; } .bg-primary-light { background-color: #8bb8f1; color: #ffffff !important; } .bg-primary-dark { background-color: #2f80e7; color: #ffffff !important; } .bg-primary small { color: inherit; } .bg-success { background-color: #27c24c; color: #ffffff !important; } .bg-success-light { background-color: #43d967; color: #ffffff !important; } .bg-success-dark { background-color: #1e983b; color: #ffffff !important; } .bg-success small { color: inherit; } .bg-info { background-color: #23b7e5; color: #ffffff !important; } .bg-info-light { background-color: #51c6ea; color: #ffffff !important; } .bg-info-dark { background-color: #1797be; color: #ffffff !important; } .bg-info small { color: inherit; } .bg-warning { background-color: #ff902b; color: #ffffff !important; } .bg-warning-light { background-color: #ffab5e; color: #ffffff !important; } .bg-warning-dark { background-color: #f77600; color: #ffffff !important; } .bg-warning small { color: inherit; } .bg-danger { background-color: #f05050; color: #ffffff !important; } .bg-danger-light { background-color: #f47f7f; color: #ffffff !important; } .bg-danger-dark { background-color: #ec2121; color: #ffffff !important; } .bg-danger small { color: inherit; } .bg-green { background-color: #37bc9b; color: #ffffff !important; } .bg-green-light { background-color: #58ceb1; color: #ffffff !important; } .bg-green-dark { background-color: #2b957a; color: #ffffff !important; } .bg-green small { color: inherit; } .bg-pink { background-color: #f532e5; color: #ffffff !important; } .bg-pink-light { background-color: #f763eb; color: #ffffff !important; } .bg-pink-dark { background-color: #e90bd6; color: #ffffff !important; } .bg-pink small { color: inherit; } .bg-purple { background-color: #7266ba; color: #ffffff !important; } .bg-purple-light { background-color: #9289ca; color: #ffffff !important; } .bg-purple-dark { background-color: #564aa3; color: #ffffff !important; } .bg-purple small { color: inherit; } .bg-inverse { background-color: #131e26; color: #ffffff !important; } .bg-inverse-light { background-color: #243948; color: #ffffff !important; } .bg-inverse-dark { background-color: #020304; color: #ffffff !important; } .bg-inverse small { color: inherit; } .bg-yellow { background-color: #fad732; color: #ffffff !important; } .bg-yellow-light { background-color: #fbe164; color: #ffffff !important; } .bg-yellow-dark { background-color: #f3ca06; color: #ffffff !important; } .bg-yellow small { color: inherit; } .bg-white { background-color: #ffffff; color: inherit !important; } .bg-gray-darker { background-color: #232735; color: #ffffff !important; } .bg-gray-dark { background-color: #3a3f51; color: #ffffff !important; } .bg-gray { background-color: #dde6e9; color: #515253 !important; } .bg-gray-light { background-color: #e4eaec; color: #515253 !important; } .bg-gray-lighter { background-color: #edf1f2; color: #515253 !important; } .bg-transparent { background-color: transparent !important; } .bg-cover { background-size: cover; } .thumb8 { width: 8px !important; height: 8px !important; } .thumb16 { width: 16px !important; height: 16px !important; } .thumb24 { width: 24px !important; height: 24px !important; } .thumb32 { width: 32px !important; height: 32px !important; } .thumb48 { width: 48px !important; height: 48px !important; } .thumb64 { width: 64px !important; height: 64px !important; } .thumb80 { width: 80px !important; height: 80px !important; } .thumb96 { width: 96px !important; height: 96px !important; } .thumb128 { width: 128px !important; height: 128px !important; } .align-middle { vertical-align: middle; } .align-top { vertical-align: top; } .align-bottom { vertical-align: bottom; } .bg-center { background-position: center center; background-size: cover; } .list-icon em { font-size: 14px; width: 40px; vertical-align: middle; margin: 0; display: inline-block; text-align: center; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; line-height: 30px; } .list-icon div:hover em { -webkit-transform: scale(3, 3); -ms-transform: scale(3, 3); -o-transform: scale(3, 3); transform: scale(3, 3); } .wd-xxs { width: 60px; } .wd-xs { width: 90px; } .wd-sm { width: 150px; } .wd-sd { width: 200px; } .wd-md { width: 240px; } .wd-lg { width: 280px; } .wd-xl { width: 320px; } .wd-xxl { width: 360px; } .wd-wide { width: 100%; } .wd-auto { width: auto; } .wd-zero { width: 0; } .label-inverse { background-color: #131e26; } .label-inverse[href]:hover, .label-inverse[href]:focus { background-color: #020304; } .label-green { background-color: #37bc9b; } .label-green[href]:hover, .label-green[href]:focus { background-color: #2b957a; } .label-pink { background-color: #f532e5; } .label-pink[href]:hover, .label-pink[href]:focus { background-color: #e90bd6; } .label-purple { background-color: #7266ba; } .label-purple[href]:hover, .label-purple[href]:focus { background-color: #564aa3; } .alert-purple { background-color: #7266ba; border-color: #7266ba; color: #ffffff; } .alert-purple hr { border-top-color: #6254b2; } .alert-purple .alert-link { color: #e6e6e6; } .alert-green { background-color: #37bc9b; border-color: #37bc9b; color: #ffffff; } .alert-green hr { border-top-color: #31a88b; } .alert-green .alert-link { color: #e6e6e6; } .alert-pink { background-color: #f532e5; border-color: #f532e5; color: #ffffff; } .alert-pink hr { border-top-color: #f41ae2; } .alert-pink .alert-link { color: #e6e6e6; } .alert-inverse { background-color: #131e26; border-color: #131e26; color: #ffffff; } .alert-inverse hr { border-top-color: #0a1115; } .alert-inverse .alert-link { color: #e6e6e6; } .abs-center-container { position: relative; } .abs-center { height: 50%; overflow: auto; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .abs-center.abs-fixed { position: fixed; z-index: 999; } .abs-center.abs-right { left: auto; right: 20px; text-align: right; } .abs-center.abs-left { right: auto; left: 20px; text-align: left; } @media (max-height: 720px) { .abs-center { position: relative; } } .link-unstyled { text-decoration: none !important; outline: none !important; } .no-resize { resize: none; max-width: 100%; min-width: 100%; } /** * Displays hidden content on hover. Add this class to the parent element. * Markup *
*
*
*/ .hover-visible .hover-hidden { display: none; } .hover-visible:hover .hover-hidden { display: block; } .hover-visible:hover .hover-hidden-inline { display: inline-block; } .media-box, .media-box-body { overflow: hidden; zoom: 1; } .media-box, .media-box .media-box { margin-top: 15px; } .media-box:first-child { margin-top: 0; } .media-box-object { display: block; } .media-box-heading { margin: 0 0 5px; } .media-box > .pull-left { margin-right: 10px; } .media-box > .pull-right { margin-left: 10px; } .media-box-list { padding-left: 0; list-style: none; } /* ======================================================================== Component: print.less ========================================================================== */ @media print { .sidebar, .topnavbar, .offsidebar, .btn { display: none !important; width: 0 !important; height: 0 !important; } .wrapper, .wrapper > section, .content-wrapper { margin: 0 !important; /* remove margin used for sidebar and expand the content */ padding: 0 !important; width: 100% !important; } .content-wrapper { overflow: hidden !important; } } .setting-color { padding: 0 5px; } .setting-color > label { display: block; position: relative; margin: 0 10px; border-radius: 3px; overflow: hidden; border: 1px solid rgba(0, 0, 0, 0.1); cursor: pointer; } .setting-color > label:first-child { margin-left: 0; } .setting-color > label:last-child { margin-right: 0; } .setting-color > label > .color { display: block; height: 18px; } .setting-color > label > .split { display: block; } .setting-color > label > .split:before, .setting-color > label > .split:after { content: " "; display: table; } .setting-color > label > .split:after { clear: both; } .setting-color > label > .split > .color { display: block; height: 37.5px; } .setting-color > label > .split > .color:first-child { float: left; width: 70%; } .setting-color > label > .split > .color:last-child { float: right; width: 30%; } .setting-color > label > .icon-check { position: absolute; display: block; left: 50%; top: 50%; width: 20px; height: 20px; margin-top: -20px; margin-left: -10px; text-align: center; font-size: 1.33333333em; vertical-align: -15%; color: #fff; opacity: 0; } .setting-color > label > input[type="radio"] { position: absolute; opacity: 0; visibility: hidden; } .setting-color > label > input[type="radio"]:checked + .icon-check { opacity: 1 !important; } flatdoc { display: block; margin: -15px; } @media only screen and (min-width: 768px) { flatdoc { margin: -20px; } } flatdoc [role~="flatdoc"] { width: 100%; height: 100%; } @media only screen and (min-width: 768px) { flatdoc [role~="flatdoc"] { display: table; table-layout: fixed; border-spacing: 0; } } flatdoc [role~="flatdoc-menu"] { border-right: 1px solid #e1e2e3; font-size: 14px; } @media only screen and (min-width: 768px) { flatdoc [role~="flatdoc-menu"] { position: relative; display: table-cell; height: 100%; vertical-align: top; width: 180px; } flatdoc [role~="flatdoc-menu"] > ul { padding-top: 20px; } } flatdoc [role~="flatdoc-menu"] ul { list-style-type: none; margin: 0; padding: 0; } flatdoc [role~="flatdoc-menu"] ul.level-1 > li > a { padding-top: 25px; padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #e1e2e3; pointer-events: none; } flatdoc [role~="flatdoc-menu"] ul.level-2 > li + li > a, flatdoc [role~="flatdoc-menu"] ul.level-2 > li:first-child > a { background-color: rgba(255, 255, 255, 0.75); } flatdoc [role~="flatdoc-menu"] ul a { position: relative; display: block; padding: 10px; padding-right: 30px; } flatdoc [role~="flatdoc-menu"] ul a, flatdoc [role~="flatdoc-menu"] ul a:visited { color: #3a3f51; } flatdoc [role~="flatdoc-menu"] ul a:hover { color: #2e3241; background-color: rgba(255, 255, 255, 0.75); text-decoration: none; } flatdoc [role~="flatdoc-menu"] ul a.level-1 { font-family: montserrat, sans-serif; text-transform: uppercase; font-size: 0.9em; font-weight: bold; } flatdoc [role~="flatdoc-menu"] ul a.level-1, flatdoc [role~="flatdoc-menu"] ul a.level-1:visited { color: #3a3f51; } flatdoc [role~="flatdoc-menu"] ul a.level-1:hover { color: #3a3f51; } flatdoc [role~="flatdoc-menu"] ul a.level-2 { font-weight: 600; } flatdoc [role~="flatdoc-menu"] ul a.level-3 { font-weight: normal; font-size: 0.9em; padding-left: 15px; } flatdoc [role~="flatdoc-menu"] ul a.active { font-weight: bold !important; } flatdoc [role~="flatdoc-menu"] ul a.active, flatdoc [role~="flatdoc-menu"] ul a.active:visited, flatdoc [role~="flatdoc-menu"] ul a.active:hover { color: #505050 !important; } flatdoc [role~="flatdoc-menu"] ul a.active:after { content: ''; display: block; position: absolute; top: 50%; margin-top: -2px; right: 15px; width: 9px; height: 3px; border-radius: 2px; background: #3a3f51; } flatdoc [role~="flatdoc-content"] { padding-left: 20px; padding-right: 20px; padding-top: 1px; padding-bottom: 50px; background-color: #fff; } @media only screen and (min-width: 768px) { flatdoc [role~="flatdoc-content"] { display: table-cell; height: 100%; vertical-align: top; } } flatdoc [role~="flatdoc-content"] pre { background-color: #f3f6fb; border: 1px solid #dde6e9; } flatdoc [role~="flatdoc-content"] pre code { display: inline-block; white-space: pre; } flatdoc [role~="flatdoc-content"] pre code .string, flatdoc [role~="flatdoc-content"] pre code .number { color: #2b957a; } flatdoc [role~="flatdoc-content"] pre code .init { color: #2b957a; } flatdoc [role~="flatdoc-content"] pre code .keyword { color: #3a3f51; font-weight: bold; } flatdoc [role~="flatdoc-content"] pre code .comment { color: #909fa7; } flatdoc [role~="flatdoc-content"] > h1 { padding: 11px 0; margin: 0; line-height: 1; } flatdoc [role~="flatdoc-content"] > h2, flatdoc [role~="flatdoc-content"] > h3 { padding: 20px; border-top: 1px solid #f1f2f3; margin: 0 -20px; } flatdoc .button { display: inline-block; padding: 6px 16px; font-size: 13px; border-radius: 3px; text-decoration: none; color: #ffffff; background-color: #23b7e5; border-color: #23b7e5; } flatdoc .button:focus, flatdoc .button.focus { color: #ffffff; background-color: #1aacda; border-color: #189ec8; } flatdoc .button:hover { color: #ffffff; background-color: #1aacda; border-color: #189ec8; } flatdoc .button:active, flatdoc .button.active, .open > .dropdown-toggleflatdoc .button { color: #ffffff; background-color: #1aacda; border-color: #189ec8; } flatdoc .button:active:hover, flatdoc .button.active:hover, .open > .dropdown-toggleflatdoc .button:hover, flatdoc .button:active:focus, flatdoc .button.active:focus, .open > .dropdown-toggleflatdoc .button:focus, flatdoc .button:active.focus, flatdoc .button.active.focus, .open > .dropdown-toggleflatdoc .button.focus { color: #ffffff; background-color: #1aacda; border-color: #189ec8; } flatdoc .button:active, flatdoc .button.active, .open > .dropdown-toggleflatdoc .button { background-image: none; } flatdoc .button.disabled, flatdoc .button[disabled], fieldset[disabled] flatdoc .button, flatdoc .button.disabled:hover, flatdoc .button[disabled]:hover, fieldset[disabled] flatdoc .button:hover, flatdoc .button.disabled:focus, flatdoc .button[disabled]:focus, fieldset[disabled] flatdoc .button:focus, flatdoc .button.disabled.focus, flatdoc .button[disabled].focus, fieldset[disabled] flatdoc .button.focus, flatdoc .button.disabled:active, flatdoc .button[disabled]:active, fieldset[disabled] flatdoc .button:active, flatdoc .button.disabled.active, flatdoc .button[disabled].active, fieldset[disabled] flatdoc .button.active { background-color: #23b7e5; border-color: #23b7e5; } flatdoc .button .badge { color: #23b7e5; background-color: #ffffff; } /* ======================================================================== Component: layout ========================================================================== */ body, .wrapper > section { background-color: #f5f7fa; } .wrapper > .aside { background-color: #ffffff; } /* ======================================================================== Component: top-navbar ========================================================================== */ .topnavbar { background-color: #fff; } .topnavbar .navbar-header { background-color: transparent; background-image: -webkit-linear-gradient(left, #23b7e5 0%, #51c6ea 100%); background-image: -o-linear-gradient(left, #23b7e5 0%, #51c6ea 100%); background-image: linear-gradient(to right, #23b7e5 0%, #51c6ea 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff23b7e5', endColorstr='#ff51c6ea', GradientType=1); } @media only screen and (min-width: 768px) { .topnavbar .navbar-header { background-image: none; } } .topnavbar .navbar-nav > li > a, .topnavbar .navbar-nav > .open > a { color: #23b7e5; } .topnavbar .navbar-nav > li > a:hover, .topnavbar .navbar-nav > .open > a:hover, .topnavbar .navbar-nav > li > a:focus, .topnavbar .navbar-nav > .open > a:focus { color: #117391; } .topnavbar .navbar-nav > .active > a, .topnavbar .navbar-nav > .open > a, .topnavbar .navbar-nav > .active > a:hover, .topnavbar .navbar-nav > .open > a:hover, .topnavbar .navbar-nav > .active > a:focus, .topnavbar .navbar-nav > .open > a:focus { background-color: transparent; } .topnavbar .navbar-nav > li > [data-toggle='navbar-search'] { color: #ffffff; } .topnavbar .nav-wrapper { background-color: #23b7e5; background-image: -webkit-linear-gradient(left, #23b7e5 0%, #51c6ea 100%); background-image: -o-linear-gradient(left, #23b7e5 0%, #51c6ea 100%); background-image: linear-gradient(to right, #23b7e5 0%, #51c6ea 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff23b7e5', endColorstr='#ff51c6ea', GradientType=1); } @media only screen and (min-width: 768px) { .topnavbar { background-color: #23b7e5; background-image: -webkit-linear-gradient(left, #23b7e5 0%, #51c6ea 100%); background-image: -o-linear-gradient(left, #23b7e5 0%, #51c6ea 100%); background-image: linear-gradient(to right, #23b7e5 0%, #51c6ea 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff23b7e5', endColorstr='#ff51c6ea', GradientType=1); } .topnavbar .navbar-nav > .open > a, .topnavbar .navbar-nav > .open > a:hover, .topnavbar .navbar-nav > .open > a:focus { box-shadow: 0 -3px 0 rgba(255, 255, 255, 0.5) inset; } .topnavbar .navbar-nav > li > a, .topnavbar .navbar-nav > .open > a { color: #ffffff; } .topnavbar .navbar-nav > li > a:hover, .topnavbar .navbar-nav > .open > a:hover, .topnavbar .navbar-nav > li > a:focus, .topnavbar .navbar-nav > .open > a:focus { color: #117391; } } /* ======================================================================== Component: sidebar ========================================================================== */ .sidebar { background-color: #ffffff; } .sidebar .nav-heading { color: #919da8; } .sidebar .nav > li > a, .sidebar .nav > li > .nav-item { color: #515253; } .sidebar .nav > li > a:focus, .sidebar .nav > li > .nav-item:focus, .sidebar .nav > li > a:hover, .sidebar .nav > li > .nav-item:hover { color: #23b7e5; } .sidebar .nav > li > a > em, .sidebar .nav > li > .nav-item > em { color: inherits; } .sidebar .nav > li.active, .sidebar .nav > li.open, .sidebar .nav > li.active > a, .sidebar .nav > li.open > a, .sidebar .nav > li.active .nav, .sidebar .nav > li.open .nav { background-color: #fcfcfc; color: #23b7e5; } .sidebar .nav > li.active > a > em, .sidebar .nav > li.open > a > em { color: #23b7e5; } .sidebar .nav > li.active { border-left-color: #23b7e5; } .sidebar-subnav { background-color: #ffffff; } .sidebar-subnav > .sidebar-subnav-header { color: #515253; } .sidebar-subnav > li > a, .sidebar-subnav > li > .nav-item { color: #515253; } .sidebar-subnav > li > a:focus, .sidebar-subnav > li > .nav-item:focus, .sidebar-subnav > li > a:hover, .sidebar-subnav > li > .nav-item:hover { color: #23b7e5; } .sidebar-subnav > li.active > a, .sidebar-subnav > li.active > .nav-item { color: #23b7e5; } .sidebar-subnav > li.active > a:after, .sidebar-subnav > li.active > .nav-item:after { border-color: #23b7e5; background-color: #23b7e5; } /* ======================================================================== Component: offsidebar ========================================================================== */ .offsidebar { border-left: 1px solid #cccccc; background-color: #ffffff; color: #515253; } /* whirl.css - http://jh3y.github.io/-cs-spinner Licensed under the MIT license Jhey Tompkins (c) 2014. Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ /* whirl base styling */ .whirl { position: relative; } .whirl:before { content: ""; z-index: 1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #999999; opacity: 0.6; } .whirl:after { z-index: 2; content: ""; height: 40px; width: 40px; position: absolute; top: 50%; left: 50%; margin: -20px 0 0 -20px; -webkit-transition: all .75s ease 0s; transition: all .75s ease 0s; border-radius: 100%; border-top: 4px solid #555555; -webkit-animation: standard .75s infinite linear; animation: standard .75s infinite linear; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } .whirl.no-overlay:before { content: none; display: none; } /* whirl standard rotation animation used for duo, double-up etc. */ @-webkit-keyframes standard { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes standard { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /*whirl bar follow - a simple strafing bar animation that follows itself*/ .whirl.bar.follow:after { -webkit-animation: bar-follow 1s infinite linear; animation: bar-follow 1s infinite linear; } @-webkit-keyframes bar-follow { 0% { -webkit-box-shadow: inset 40px 0px 0px rgba(0, 0, 0, 0.5); box-shadow: inset 40px 0px 0px rgba(0, 0, 0, 0.5); } 100% { -webkit-box-shadow: inset -40px 0px 0px rgba(0, 0, 0, 0.5); box-shadow: inset -40px 0px 0px rgba(0, 0, 0, 0.5); } } @keyframes bar-follow { 0% { -webkit-box-shadow: inset 40px 0px 0px rgba(0, 0, 0, 0.5); box-shadow: inset 40px 0px 0px rgba(0, 0, 0, 0.5); } 100% { -webkit-box-shadow: inset -40px 0px 0px rgba(0, 0, 0, 0.5); box-shadow: inset -40px 0px 0px rgba(0, 0, 0, 0.5); } } /*whirl bar - a simple strafing bar animation*/ .whirl.bar:after { height: 20px; width: 40px; border-radius: 0; border: none; -webkit-animation: bar 1s infinite linear; animation: bar 1s infinite linear; } @-webkit-keyframes bar { from { -webkit-box-shadow: inset 0px 0px 0px rgba(0, 0, 0, 0.5); box-shadow: inset 0px 0px 0px rgba(0, 0, 0, 0.5); } to { -webkit-box-shadow: inset 80px 0px 0px rgba(0, 0, 0, 0.5); box-shadow: inset 80px 0px 0px rgba(0, 0, 0, 0.5); } } @keyframes bar { from { -webkit-box-shadow: inset 0px 0px 0px rgba(0, 0, 0, 0.5); box-shadow: inset 0px 0px 0px rgba(0, 0, 0, 0.5); } to { -webkit-box-shadow: inset 80px 0px 0px rgba(0, 0, 0, 0.5); box-shadow: inset 80px 0px 0px rgba(0, 0, 0, 0.5); } } /* whirl blade spinner. experimental spinner that tries to create a blade effect.*/ .whirl.blade:after { height: 20px; width: 20px; margin: -10px 0 0 10px; border-right: 4px solid transparent; border-top: 4px solid transparent; border-left: 4px solid transparent; border-bottom: 4px solid #e74c3c; opacity: 1; -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; } /*whirl double up - a doubling up standard animation spinner*/ .whirl.double-up:after { border-right: 4px solid #e74c3c; border-top: 4px double #e74c3c; border-left: 4px double #e74c3c; border-bottom: 4px double #e74c3c; } /*whirl duo - a dual colored standard animated spinner*/ .whirl.duo:after { border-right: 4px solid #333333; border-left: 4px solid #333333; border-top: 4px solid #f1c40f; border-bottom: 4px solid #f1c40f; } /* whirl helicopter spinner.*/ .whirl.helicopter:after { height: 10px; width: 40px; margin: -10px 0 0 -20px; border: none; border-radius: 0; opacity: 1; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; background-color: #8e44ad; } /*whirl line back and forth grow - a simple strafing line animation that goes back and forth and grows in the middle*/ .whirl.line.back-and-forth.grow:after { -webkit-animation: line-back-and-forth 1s infinite linear, line-back-and-forth-grow 1s infinite linear; animation: line-back-and-forth 1s infinite linear, line-back-and-forth-grow 1s infinite linear; } @-webkit-keyframes line-back-and-forth-grow { 0% { -webkit-transform: scaleY(1); transform: scaleY(1); } 25% { -webkit-transform: scaleY(2); transform: scaleY(2); } 50% { -webkit-transform: scaleY(1); transform: scaleY(1); } 75% { -webkit-transform: scaleY(2); transform: scaleY(2); } 100% { -webkit-transform: scaleY(1); transform: scaleY(1); } } @keyframes line-back-and-forth-grow { 0% { -webkit-transform: scaleY(1); transform: scaleY(1); } 25% { -webkit-transform: scaleY(2); transform: scaleY(2); } 50% { -webkit-transform: scaleY(1); transform: scaleY(1); } 75% { -webkit-transform: scaleY(2); transform: scaleY(2); } 100% { -webkit-transform: scaleY(1); transform: scaleY(1); } } /*whirl line back and forth - a simple strafing line animation that goes back and forth*/ .whirl.line.back-and-forth:after { -webkit-animation: line-back-and-forth 1s infinite linear; animation: line-back-and-forth 1s infinite linear; } @-webkit-keyframes line-back-and-forth { 0% { width: 10px; } 50% { width: 50px; } 100% { width: 10px; } } @keyframes line-back-and-forth { 0% { width: 10px; } 50% { width: 50px; } 100% { width: 10px; } } /*whirl line grow - a simple strafing line animation that grows in the middle*/ .whirl.line.grow:after { -webkit-animation: line 0.75s infinite linear, line-grow 0.75s infinite linear; animation: line 0.75s infinite linear, line-grow 0.75s infinite linear; } @-webkit-keyframes line-grow { 0% { -webkit-transform: scaleY(1); transform: scaleY(1); } 50% { -webkit-transform: scaleY(2); transform: scaleY(2); } 100% { -webkit-transform: scaleY(1); transform: scaleY(1); } } @keyframes line-grow { 0% { -webkit-transform: scaleY(1); transform: scaleY(1); } 50% { -webkit-transform: scaleY(2); transform: scaleY(2); } 100% { -webkit-transform: scaleY(1); transform: scaleY(1); } } /*whirl line - a simple strafing line animation*/ .whirl.line:after { height: 20px; border-radius: 0; border: none; -webkit-box-shadow: inset -10px 0px 0px rgba(0, 0, 0, 0.5); box-shadow: inset -10px 0px 0px rgba(0, 0, 0, 0.5); -webkit-animation: line .75s infinite linear; animation: line .75s infinite linear; } @-webkit-keyframes line { from { width: 10px; } to { width: 50px; } } @keyframes line { from { width: 10px; } to { width: 50px; } } /* whirl ringed spinner. a spinner with a static ring and no overlay.*/ .whirl.ringed:after { border-right: 4px solid #e74c3c; border-top: 4px solid #2ecc71; border-left: 4px solid #2ecc71; border-bottom: 4px solid #2ecc71; opacity: 1; } /* whirl shadow oval left - makes use of box shadowing effects in addition to offsetting the width and the height to angle the shadow*/ .whirl.shadow.oval.left:after, .whirl.shadow.oval:after { -webkit-animation: spin-shadow 0.25s infinite linear; animation: spin-shadow 0.25s infinite linear; border: none; border-radius: 40% 100%; } @-webkit-keyframes spin-shadow { 0% { -webkit-box-shadow: inset 5px 5px 5px rgba(0, 0, 0, 0.5); box-shadow: inset 5px 5px 5px rgba(0, 0, 0, 0.5); } 25% { -webkit-box-shadow: inset -5px 5px 5px rgba(0, 0, 0, 0.5); box-shadow: inset -5px 5px 5px rgba(0, 0, 0, 0.5); } 50% { -webkit-box-shadow: inset -5px -5px 5px rgba(0, 0, 0, 0.5); box-shadow: inset -5px -5px 5px rgba(0, 0, 0, 0.5); } 100% { -webkit-box-shadow: inset 5px -5px 5px rgba(0, 0, 0, 0.5); box-shadow: inset 5px -5px 5px rgba(0, 0, 0, 0.5); } } @keyframes spin-shadow { 0% { -webkit-box-shadow: inset 5px 5px 5px rgba(0, 0, 0, 0.5); box-shadow: inset 5px 5px 5px rgba(0, 0, 0, 0.5); } 25% { -webkit-box-shadow: inset -5px 5px 5px rgba(0, 0, 0, 0.5); box-shadow: inset -5px 5px 5px rgba(0, 0, 0, 0.5); } 50% { -webkit-box-shadow: inset -5px -5px 5px rgba(0, 0, 0, 0.5); box-shadow: inset -5px -5px 5px rgba(0, 0, 0, 0.5); } 100% { -webkit-box-shadow: inset 5px -5px 5px rgba(0, 0, 0, 0.5); box-shadow: inset 5px -5px 5px rgba(0, 0, 0, 0.5); } } /* whirl shadow oval right - makes use of box shadowing effects in addition to offsetting the width and the height to angle the shadow*/ .whirl.shadow.oval.right:after { -webkit-animation: spin-shadow 0.25s infinite linear; animation: spin-shadow 0.25s infinite linear; border: none; border-radius: 100% 40%; } @keyframes spin-shadow { 0% { -webkit-box-shadow: inset 5px 5px 5px rgba(0, 0, 0, 0.5); box-shadow: inset 5px 5px 5px rgba(0, 0, 0, 0.5); } 25% { -webkit-box-shadow: inset -5px 5px 5px rgba(0, 0, 0, 0.5); box-shadow: inset -5px 5px 5px rgba(0, 0, 0, 0.5); } 50% { -webkit-box-shadow: inset -5px -5px 5px rgba(0, 0, 0, 0.5); box-shadow: inset -5px -5px 5px rgba(0, 0, 0, 0.5); } 100% { -webkit-box-shadow: inset 5px -5px 5px rgba(0, 0, 0, 0.5); box-shadow: inset 5px -5px 5px rgba(0, 0, 0, 0.5); } } /* whirl shadow - makes use of box shadowing effects */ .whirl.shadow:after { -webkit-animation: spin-shadow 0.25s infinite linear; animation: spin-shadow 0.25s infinite linear; border-radius: 100%; border: none; } @keyframes spin-shadow { 0% { -webkit-box-shadow: inset 5px 5px 5px rgba(0, 0, 0, 0.5); box-shadow: inset 5px 5px 5px rgba(0, 0, 0, 0.5); } 25% { -webkit-box-shadow: inset -5px 5px 5px rgba(0, 0, 0, 0.5); box-shadow: inset -5px 5px 5px rgba(0, 0, 0, 0.5); } 50% { -webkit-box-shadow: inset -5px -5px 5px rgba(0, 0, 0, 0.5); box-shadow: inset -5px -5px 5px rgba(0, 0, 0, 0.5); } 100% { -webkit-box-shadow: inset 5px -5px 5px rgba(0, 0, 0, 0.5); box-shadow: inset 5px -5px 5px rgba(0, 0, 0, 0.5); } } /*whirl spherical horizontal spinner*/ .whirl.sphere.horizontal:after, .whirl.sphere:after { border-radius: 100%; -webkit-animation: sphere .5s infinite; animation: sphere .5s infinite; border: none; height: 40px; } @-webkit-keyframes sphere { from { -webkit-box-shadow: inset 45px 0px 10px rgba(0, 0, 0, 0.5); box-shadow: inset 45px 0px 10px rgba(0, 0, 0, 0.5); } to { -webkit-box-shadow: inset -45px 0px 10px rgba(0, 0, 0, 0.5); box-shadow: inset -45px 0px 10px rgba(0, 0, 0, 0.5); } } @keyframes sphere { from { -webkit-box-shadow: inset 45px 0px 10px rgba(0, 0, 0, 0.5); box-shadow: inset 45px 0px 10px rgba(0, 0, 0, 0.5); } to { -webkit-box-shadow: inset -45px 0px 10px rgba(0, 0, 0, 0.5); box-shadow: inset -45px 0px 10px rgba(0, 0, 0, 0.5); } } /*whirl spherical vertical spinner*/ .whirl.sphere.vertical:after { border-radius: 100%; -webkit-animation: sphere-v 0.5s infinite; animation: sphere-v 0.5s infinite; border: none; height: 40px; } @-webkit-keyframes sphere-v { from { -webkit-box-shadow: inset 0px 45px 10px rgba(0, 0, 0, 0.5); box-shadow: inset 0px 45px 10px rgba(0, 0, 0, 0.5); } to { -webkit-box-shadow: inset 0px -45px 10px rgba(0, 0, 0, 0.5); box-shadow: inset 0px -45px 10px rgba(0, 0, 0, 0.5); } } @keyframes sphere-v { from { -webkit-box-shadow: inset 0px 45px 10px rgba(0, 0, 0, 0.5); box-shadow: inset 0px 45px 10px rgba(0, 0, 0, 0.5); } to { -webkit-box-shadow: inset 0px -45px 10px rgba(0, 0, 0, 0.5); box-shadow: inset 0px -45px 10px rgba(0, 0, 0, 0.5); } } /* whirl traditional spinner. Makes use of standard animation spin and minimally extends core.*/ .whirl.traditional:after { border-right: 4px solid #777777; border-top: 4px solid #777777; border-left: 4px solid #999999; border-bottom: 4px solid #bbbbbb; } /* ==== editable-form ==== */ /* class for single editable element */ .editable-wrap { display: inline-block; white-space: nowrap; margin: 0; } /* remove bottom-margin for bootstrap */ .editable-wrap .editable-controls, .editable-wrap .editable-error { margin-bottom: 0; } /* remove bottom-margin of inputs */ .editable-wrap .editable-controls > input, .editable-wrap .editable-controls > select, .editable-wrap .editable-controls > textarea { margin-bottom: 0; } /* keep buttons on the same line */ .editable-wrap .editable-input { display: inline-block; } .editable-buttons { display: inline-block; vertical-align: top; } .editable-buttons button { margin-left: 5px; } /* in bootstrap width: 100% => buttons go outside the box */ .editable-input.editable-has-buttons { width: auto; } /* ==== editable-bstime ==== */ /* workaround for bootstrap that sets width: 100% and inputs become too wide */ .editable-bstime .editable-input input[type="text"] { width: 46px; } /* less padding for .well */ .editable-bstime .well-small { margin-bottom: 0; padding: 10px; } /* ==== editable-range ==== */ .editable-range output { display: inline-block; min-width: 30px; vertical-align: top; text-align: center; } /* ==== editable-color ==== */ .editable-color input[type="color"] { width: 50px; } /* ==== editable-checkbox ==== */ /* ==== editable-checklist ==== */ /* ==== editable-radiolist ==== */ .editable-checkbox label span, .editable-checklist label span, .editable-radiolist label span { margin-left: 7px; margin-right: 10px; } /* ==== element ==== */ /* hiding element */ .editable-hide { display: none !important; } .editable-click, a.editable-click { text-decoration: none; color: #428bca; border-bottom: dashed 1px #428bca; } .editable-click:hover, a.editable-click:hover { text-decoration: none; color: #2a6496; border-bottom-color: #2a6496; } /* editable-empty */ .editable-empty, .editable-empty:hover, .editable-empty:focus, a.editable-empty, a.editable-empty:hover, a.editable-empty:focus { font-style: italic; color: #DD1144; text-decoration: none; } .toast-title { font-weight: bold; } .toast-message { word-wrap: break-word; } .toast-message a, .toast-message label { color: #FFFFFF; } .toast-message a:hover { color: #CCCCCC; text-decoration: none; } .toast-close-button { position: relative; right: -0.3em; top: -0.3em; float: right; font-size: 20px; font-weight: bold; color: #FFFFFF; -webkit-text-shadow: 0 1px 0 #ffffff; text-shadow: 0 1px 0 #ffffff; opacity: 0.8; } .toast-close-button:hover, .toast-close-button:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; } /*Additional properties for button version iOS requires the button element instead of an anchor tag. If you want the anchor version, it requires `href="#"`.*/ button.toast-close-button { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .toast-top-center { top: 0; right: 0; width: 100%; } .toast-bottom-center { bottom: 0; right: 0; width: 100%; } .toast-top-full-width { top: 0; right: 0; width: 100%; } .toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } .toast-top-left { top: 12px; left: 12px; } .toast-top-right { top: 12px; right: 12px; } .toast-bottom-right { right: 12px; bottom: 12px; } .toast-bottom-left { bottom: 12px; left: 12px; } #toast-container { position: fixed; z-index: 999999; /*overrides*/ } #toast-container * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #toast-container > div { position: relative; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; background-position: 15px center; background-repeat: no-repeat; -moz-box-shadow: 0 0 12px #999999; -webkit-box-shadow: 0 0 12px #999999; box-shadow: 0 0 12px #999999; color: #FFFFFF; opacity: 0.8; } #toast-container > :hover { -moz-box-shadow: 0 0 12px #000000; -webkit-box-shadow: 0 0 12px #000000; box-shadow: 0 0 12px #000000; opacity: 1; cursor: pointer; } #toast-container > .toast-info { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; } #toast-container > .toast-error { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important; } #toast-container > .toast-success { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important; } #toast-container > .toast-warning { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important; } #toast-container.toast-top-center > div, #toast-container.toast-bottom-center > div { width: 300px; margin: auto; } #toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div { width: 96%; margin: auto; } .toast { background-color: #030303; } .toast-success { background-color: #51A351; } .toast-error { background-color: #BD362F; } .toast-info { background-color: #2F96B4; } .toast-warning { background-color: #F89406; } .toast-progress { position: absolute; left: 0; bottom: 0; height: 4px; background-color: #000000; opacity: 0.4; } /*Animations*/ .toast { opacity: 1 !important; } .toast.ng-enter { opacity: 0 !important; transition: opacity .3s linear; } .toast.ng-enter.ng-enter-active { opacity: 1 !important; } .toast.ng-leave { opacity: 1; transition: opacity .3s linear; } .toast.ng-leave.ng-leave-active { opacity: 0 !important; } /*Responsive Design*/ @media all and (max-width: 240px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 11em; } #toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 241px) and (max-width: 480px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 18em; } #toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 481px) and (max-width: 768px) { #toast-container > div { padding: 15px 15px 15px 50px; width: 25em; } } /*! ng-dialog - v0.3.11 (https://github.com/likeastore/ngDialog) */ @-webkit-keyframes ngdialog-fadeout{0%{opacity:1}100%{opacity:0}}@keyframes ngdialog-fadeout{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes ngdialog-fadein{0%{opacity:0}100%{opacity:1}}@keyframes ngdialog-fadein{0%{opacity:0}100%{opacity:1}}.ngdialog,.ngdialog *,.ngdialog :after,.ngdialog :before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ngdialog{position:fixed;overflow:auto;-webkit-overflow-scrolling:touch;z-index:10000;top:0;right:0;bottom:0;left:0}.ngdialog-overlay{position:fixed;background:rgba(0,0,0,.4);top:0;right:0;bottom:0;left:0;-webkit-backface-visibility:hidden;-webkit-animation:ngdialog-fadein .5s;animation:ngdialog-fadein .5s}.ngdialog.ngdialog-closing .ngdialog-overlay{-webkit-backface-visibility:hidden;-webkit-animation:ngdialog-fadeout .5s;animation:ngdialog-fadeout .5s}.ngdialog-content{background:#fff;-webkit-backface-visibility:hidden;-webkit-animation:ngdialog-fadein .5s;animation:ngdialog-fadein .5s}.ngdialog.ngdialog-closing .ngdialog-content{-webkit-backface-visibility:hidden;-webkit-animation:ngdialog-fadeout .5s;animation:ngdialog-fadeout .5s}.ngdialog-close:before{font-family:Helvetica,Arial,sans-serif;content:'\00D7';cursor:pointer}body.ngdialog-open{overflow:hidden} /*! ng-dialog - v0.3.11 (https://github.com/likeastore/ngDialog) */ @-webkit-keyframes ngdialog-flyin{0%{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes ngdialog-flyin{0%{opacity:0;-webkit-transform:translateY(-40px);-ms-transform:translateY(-40px);transform:translateY(-40px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes ngdialog-flyout{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}}@keyframes ngdialog-flyout{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-40px);-ms-transform:translateY(-40px);transform:translateY(-40px)}}.ngdialog.ngdialog-theme-default{padding-bottom:160px;padding-top:160px}.ngdialog.ngdialog-theme-default.ngdialog-closing .ngdialog-content{-webkit-animation:ngdialog-flyout .5s;animation:ngdialog-flyout .5s}.ngdialog.ngdialog-theme-default .ngdialog-content{-webkit-animation:ngdialog-flyin .5s;animation:ngdialog-flyin .5s;background:#f0f0f0;border-radius:5px;color:#444;font-family:Helvetica,sans-serif;font-size:1.1em;line-height:1.5em;margin:0 auto;max-width:100%;padding:1em;position:relative;width:450px}.ngdialog.ngdialog-theme-default .ngdialog-close{border-radius:5px;cursor:pointer;position:absolute;right:0;top:0}.ngdialog.ngdialog-theme-default .ngdialog-close:before{background:0 0;border-radius:3px;color:#bbb;content:'\00D7';font-size:26px;font-weight:400;height:30px;line-height:26px;position:absolute;right:3px;text-align:center;top:3px;width:30px}.ngdialog.ngdialog-theme-default .ngdialog-close:active:before,.ngdialog.ngdialog-theme-default .ngdialog-close:hover:before{color:#777}.ngdialog.ngdialog-theme-default .ngdialog-message{margin-bottom:.5em}.ngdialog.ngdialog-theme-default .ngdialog-input{margin-bottom:1em}.ngdialog.ngdialog-theme-default .ngdialog-input input[type=email],.ngdialog.ngdialog-theme-default .ngdialog-input input[type=password],.ngdialog.ngdialog-theme-default .ngdialog-input input[type=text],.ngdialog.ngdialog-theme-default .ngdialog-input input[type=url],.ngdialog.ngdialog-theme-default .ngdialog-input textarea{background:#fff;border:0;border-radius:3px;font-family:inherit;font-size:inherit;font-weight:inherit;margin:0 0 .25em;min-height:2.5em;padding:.25em .67em;width:100%}.ngdialog.ngdialog-theme-default .ngdialog-input input[type=email]:focus,.ngdialog.ngdialog-theme-default .ngdialog-input input[type=password]:focus,.ngdialog.ngdialog-theme-default .ngdialog-input input[type=text]:focus,.ngdialog.ngdialog-theme-default .ngdialog-input input[type=url]:focus,.ngdialog.ngdialog-theme-default .ngdialog-input textarea:focus{-webkit-box-shadow:inset 0 0 0 2px #8dbdf1;box-shadow:inset 0 0 0 2px #8dbdf1;outline:0}.ngdialog.ngdialog-theme-default .ngdialog-buttons{*zoom:1}.ngdialog.ngdialog-theme-default .ngdialog-buttons:after{content:'';display:table;clear:both}.ngdialog.ngdialog-theme-default .ngdialog-button{border:0;border-radius:3px;cursor:pointer;float:right;font-family:inherit;font-size:.8em;letter-spacing:.1em;line-height:1em;margin:0 0 0 .5em;padding:.75em 2em;text-transform:uppercase}.ngdialog.ngdialog-theme-default .ngdialog-button:focus{-webkit-animation:ngdialog-pulse 1.1s infinite;animation:ngdialog-pulse 1.1s infinite;outline:0}@media (max-width:568px){.ngdialog.ngdialog-theme-default .ngdialog-button:focus{-webkit-animation:none;animation:none}}.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-primary{background:#3288e6;color:#fff}.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-secondary{background:#e0e0e0;color:#777} /* Chosen v1.2.0 | (c) 2011-2014 by Harvest | MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md */ .chosen-container{position:relative;display:inline-block;vertical-align:middle;font-size:13px;zoom:1;*display:inline;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chosen-container *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.chosen-container .chosen-drop{position:absolute;top:100%;left:-9999px;z-index:1010;width:100%;border:1px solid #aaa;border-top:0;background:#fff;box-shadow:0 4px 5px rgba(0,0,0,.15)}.chosen-container.chosen-with-drop .chosen-drop{left:0}.chosen-container a{cursor:pointer}.chosen-container-single .chosen-single{position:relative;display:block;overflow:hidden;padding:0 0 0 8px;height:25px;border:1px solid #aaa;border-radius:5px;background-color:#fff;background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),color-stop(100%,#f4f4f4));background:-webkit-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:-moz-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:-o-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-clip:padding-box;box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);color:#444;text-decoration:none;white-space:nowrap;line-height:24px}.chosen-container-single .chosen-default{color:#999}.chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}.chosen-container-single .chosen-single-with-deselect span{margin-right:38px}.chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;background:url(chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-single .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;width:18px;height:100%}.chosen-container-single .chosen-single div b{display:block;width:100%;height:100%;background:url(chosen-sprite.png) no-repeat 0 2px}.chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap}.chosen-container-single .chosen-search input[type=text]{margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa;background:#fff url(chosen-sprite.png) no-repeat 100% -20px;background:url(chosen-sprite.png) no-repeat 100% -20px;font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0 0 4px 4px;background-clip:padding-box}.chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;left:-9999px}.chosen-container .chosen-results{color:#444;position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch}.chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px;word-wrap:break-word;-webkit-touch-callout:none}.chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}.chosen-container .chosen-results li.highlighted{background-color:#3875d7;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));background-image:-webkit-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:-moz-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:-o-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);color:#fff}.chosen-container .chosen-results li.no-results{color:#777;display:list-item;background:#f4f4f4}.chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default}.chosen-container .chosen-results li.group-option{padding-left:15px}.chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}.chosen-container-multi .chosen-choices{position:relative;overflow:hidden;margin:0;padding:0 5px;width:100%;height:auto!important;height:1%;border:1px solid #aaa;background-color:#fff;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(1%,#eee),color-stop(15%,#fff));background-image:-webkit-linear-gradient(#eee 1%,#fff 15%);background-image:-moz-linear-gradient(#eee 1%,#fff 15%);background-image:-o-linear-gradient(#eee 1%,#fff 15%);background-image:linear-gradient(#eee 1%,#fff 15%);cursor:text}.chosen-container-multi .chosen-choices li{float:left;list-style:none}.chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}.chosen-container-multi .chosen-choices li.search-field input[type=text]{margin:1px 0;padding:0;height:25px;outline:0;border:0!important;background:transparent!important;box-shadow:none;color:#999;font-size:100%;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-multi .chosen-choices li.search-choice{position:relative;margin:3px 5px 3px 0;padding:3px 20px 3px 5px;border:1px solid #aaa;max-width:100%;border-radius:3px;background-color:#eee;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-size:100% 19px;background-repeat:repeat-x;background-clip:padding-box;box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;line-height:13px;cursor:default}.chosen-container-multi .chosen-choices li.search-choice span{word-wrap:break-word}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute;top:4px;right:3px;display:block;width:12px;height:12px;background:url(chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px}.chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666}.chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}.chosen-container-multi .chosen-results{margin:0;padding:0}.chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default}.chosen-container-active .chosen-single{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #aaa;-moz-border-radius-bottomright:0;border-bottom-right-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#eee),color-stop(80%,#fff));background-image:-webkit-linear-gradient(#eee 20%,#fff 80%);background-image:-moz-linear-gradient(#eee 20%,#fff 80%);background-image:-o-linear-gradient(#eee 20%,#fff 80%);background-image:linear-gradient(#eee 20%,#fff 80%);box-shadow:0 1px 0 #fff inset}.chosen-container-active.chosen-with-drop .chosen-single div{border-left:0;background:transparent}.chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 2px}.chosen-container-active .chosen-choices{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active .chosen-choices li.search-field input[type=text]{color:#222!important}.chosen-disabled{opacity:.5!important;cursor:default}.chosen-disabled .chosen-single{cursor:default}.chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default}.chosen-rtl{text-align:right}.chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0}.chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl}.chosen-rtl .chosen-single-with-deselect span{margin-left:38px}.chosen-rtl .chosen-single div{right:auto;left:3px}.chosen-rtl .chosen-single abbr{right:auto;left:26px}.chosen-rtl .chosen-choices li{float:right}.chosen-rtl .chosen-choices li.search-field input[type=text]{direction:rtl}.chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px}.chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px}.chosen-rtl.chosen-container-single-nosearch .chosen-search,.chosen-rtl .chosen-drop{left:9999px}.chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}.chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0}.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:0}.chosen-rtl .chosen-search input[type=text]{padding:4px 5px 4px 20px;background:#fff url(chosen-sprite.png) no-repeat -30px -20px;background:url(chosen-sprite.png) no-repeat -30px -20px;direction:rtl}.chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px}.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:144dpi){.chosen-rtl .chosen-search input[type=text],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-container-single .chosen-search input[type=text],.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span{background-image:url(chosen-sprite@2x.png)!important;background-size:52px 37px!important;background-repeat:no-repeat!important}} /*! Angular Moment Picker - v0.10.2 - http://indrimuska.github.io/angular-moment-picker - (c) 2015 Indri Muska - MIT */ .moment-picker-input { cursor: pointer; } .moment-picker { position: absolute; z-index: 1060; } .moment-picker .moment-picker-container { color: #404040; min-width: 15em; background: #fff; padding: 4px; border: 1px solid #f0f3f4; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; position: absolute; margin-top: 4px; margin-left: -0.5em; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.075); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.075); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.075); } .moment-picker .moment-picker-container:before, .moment-picker .moment-picker-container:after { content: ''; display: block; width: 0; height: 0; border: 8px solid transparent; border-top: none; position: absolute; top: -9px; left: 15px; } .moment-picker .moment-picker-container:before { border-bottom-color: #f0f3f4; border-width: 9px; } .moment-picker .moment-picker-container:after { border-bottom-color: #fff; margin-top: 1px; margin-left: 1px; } .moment-picker.inline { display: block; position: relative; } .moment-picker.inline .moment-picker-container { position: relative; margin: 0; } .moment-picker.inline .moment-picker-container:before, .moment-picker.inline .moment-picker-container:after { content: none; } .moment-picker.top .moment-picker-container { bottom: 100%; margin-top: auto; margin-bottom: 4px; } .moment-picker.top .moment-picker-container:before, .moment-picker.top .moment-picker-container:after { border: 8px solid transparent; border-bottom: none; top: auto; bottom: -9px; } .moment-picker.top .moment-picker-container:before { border-top-color: #f0f3f4; border-width: 9px; } .moment-picker.top .moment-picker-container:after { border-top-color: #fff; margin-top: auto; margin-bottom: 1px; } .moment-picker.right .moment-picker-container { right: 0; margin-left: auto; margin-right: -0.5em; } .moment-picker.right .moment-picker-container:before, .moment-picker.right .moment-picker-container:after { left: auto; right: 15px; } .moment-picker.right .moment-picker-container:after { margin-left: auto; margin-right: 1px; } .moment-picker table { border-collapse: collapse; border-spacing: 0; min-width: 100%; table-layout: fixed; } .moment-picker th { font-weight: bold; } .moment-picker th:first-child, .moment-picker th:last-child { width: 2em; } .moment-picker th, .moment-picker td { padding: 0; text-align: center; min-width: 2em; height: 2em; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9); cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .moment-picker th:hover, .moment-picker td:hover { background-color: #fafbfb; background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f3f4), to(#fafbfb)); background-image: -webkit-linear-gradient(#f0f3f4, #fafbfb); background-image: -moz-linear-gradient(#f0f3f4, #fafbfb); background-image: -o-linear-gradient(#f0f3f4, #fafbfb); background-image: linear-gradient(#f0f3f4, #fafbfb); } .moment-picker th.disabled, .moment-picker td.disabled, .moment-picker th.disabled:hover, .moment-picker td.disabled:hover { color: #abbbc7; background: none; cursor: default; } .moment-picker td.today { background: #e4eef5; color: #404040; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9); } .moment-picker td.selected { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); border-color: #3ca0dd; background-color: #45b1e8; background-image: -webkit-gradient(linear, left top, left bottom, from(#45b1e8), to(#3097de)); background-image: -webkit-linear-gradient(#45b1e8, #3097de); background-image: -moz-linear-gradient(#45b1e8, #3097de); background-image: -o-linear-gradient(#45b1e8, #3097de); background-image: linear-gradient(#45b1e8, #3097de); } .moment-picker td.highlighted { background-image: -webkit-radial-gradient(transparent, rgba(0, 0, 0, 0.15)); background-image: -moz-radial-gradient(transparent, rgba(0, 0, 0, 0.15)); background-image: -o-radial-gradient(transparent, rgba(0, 0, 0, 0.15)); background-image: radial-gradient(transparent, rgba(0, 0, 0, 0.15)); } .moment-picker .decade-view td, .moment-picker .year-view td { height: 3.4em; } .moment-picker .month-view .moment-picker-specific-views th { background: none; cursor: default; } .moment-picker .month-view td { width: 1.4285714286em; } .moment-picker .day-view td, .moment-picker .hour-view td { height: 2.3333333333em; } .moment-picker .minute-view td { height: 1.8em; } ul.ivh-treeview .ivh-treeview-twistie-collapsed,ul.ivh-treeview .ivh-treeview-twistie-leaf,ul.ivh-treeview li.ivh-treeview-node-collapsed ul.ivh-treeview{display:none}ul.ivh-treeview .ivh-treeview-node-collapsed .ivh-treeview-twistie-collapsed{display:inline}ul.ivh-treeview .ivh-treeview-node-collapsed .ivh-treeview-twistie-expanded{display:none}ul.ivh-treeview li.ivh-treeview-node-leaf .ivh-treeview-twistie-leaf{display:inline}ul.ivh-treeview li.ivh-treeview-node-leaf .ivh-treeview-twistie-collapsed,ul.ivh-treeview li.ivh-treeview-node-leaf .ivh-treeview-twistie-expanded{display:none} ul.ivh-treeview { list-style-type: none; padding-left: 0; } ul.ivh-treeview ul.ivh-treeview { padding-left: 15px; } ul.ivh-treeview .ivh-treeview-toggle { cursor: pointer; } ul.ivh-treeview .ivh-treeview-node-leaf .ivh-treeview-toggle { cursor: auto; } .angular-ui-tree-empty{border:1px dashed #bbb;min-height:100px;background-color:#e5e5e5;background-image:-webkit-linear-gradient(45deg,#fff 25%,transparent 0,transparent 75%,#fff 0,#fff),-webkit-linear-gradient(45deg,#fff 25%,transparent 0,transparent 75%,#fff 0,#fff);background-image:linear-gradient(45deg,#fff 25%,transparent 0,transparent 75%,#fff 0,#fff),linear-gradient(45deg,#fff 25%,transparent 0,transparent 75%,#fff 0,#fff);background-size:60px 60px;background-position:0 0,30px 30px;pointer-events:none}.angular-ui-tree-nodes{position:relative;margin:0;padding:0;list-style:none}.angular-ui-tree-nodes .angular-ui-tree-nodes{padding-left:20px}.angular-ui-tree-node,.angular-ui-tree-placeholder{position:relative;margin:0;padding:0;min-height:20px;line-height:20px}.angular-ui-tree-hidden{display:none}.angular-ui-tree-placeholder{margin:5px 0;padding:0;min-height:30px}.angular-ui-tree-handle{cursor:move;text-decoration:none;font-weight:700;box-sizing:border-box;min-height:20px;line-height:20px}.angular-ui-tree-drag{position:absolute;pointer-events:none;z-index:999;opacity:.8} /** * @license angular-bootstrap-datetimepicker version: 0.4.0 * Copyright 2016 Knight Rider Consulting, Inc. http://www.knightrider.com * License: MIT */ .datetimepicker { border-radius: 4px; direction: ltr; display: block; margin-top: 1px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 320px; } .datetimepicker > div { display: none; } .datetimepicker .hour, .datetimepicker .minute { height: 34px; line-height: 34px; margin: 0; width: 25%; } .datetimepicker .table { margin: 0; } .datetimepicker .table td, .datetimepicker .table th { border: 0; border-radius: 4px; height: 20px; text-align: center; } .datetimepicker .minute:hover, .datetimepicker .hour:hover, .datetimepicker .day:hover, .datetimepicker .switch:hover, .datetimepicker .left:hover, .datetimepicker .right:hover { background: #eeeeee; cursor: pointer; } .datetimepicker .disabled, .datetimepicker .disabled:hover { background: none; color: #ebebeb; cursor: default; } .datetimepicker .active, .datetimepicker .active:hover, .datetimepicker .active.disabled, .datetimepicker .active.disabled:hover { background-color: #0044cc; background-image: linear-gradient(to bottom, #0088cc, #0044cc); background-repeat: repeat-x; border-color: #0044cc #0044cc #002a80; color: #ffffff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#04c', GradientType=0); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datetimepicker .active:hover, .datetimepicker .active:hover:hover, .datetimepicker .active.disabled:hover, .datetimepicker .active.disabled:hover:hover, .datetimepicker .active:active, .datetimepicker .active:hover:active, .datetimepicker .active.disabled:active, .datetimepicker .active.disabled:hover:active, .datetimepicker .active.active, .datetimepicker .active:hover.active, .datetimepicker .active.disabled.active, .datetimepicker .active.disabled:hover.active, .datetimepicker .active.disabled, .datetimepicker .active:hover.disabled, .datetimepicker .active.disabled.disabled, .datetimepicker .active.disabled:hover.disabled, .datetimepicker td.active[disabled], .datetimepicker td.active:hover[disabled], .datetimepicker td.active.disabled[disabled], .datetimepicker td.active.disabled:hover[disabled], .datetimepicker span.active[disabled], .datetimepicker span.active:hover[disabled], .datetimepicker span.active.disabled[disabled], .datetimepicker span.active.disabled:hover[disabled] { background-color: #0044cc; } .datetimepicker span { border-radius: 4px; cursor: pointer; display: block; float: left; height: 54px; line-height: 54px; margin: 1%; width: 23%; } .datetimepicker span:hover { background: #eeeeee; } .datetimepicker .past, .datetimepicker .future { color: #999999; } /*# sourceMappingURL=datetimepicker.css.map */ table.dt-rowReorder-float { position: absolute !important; opacity: 0.8; table-layout: fixed; outline: 2px solid #888; outline-offset: -2px; z-index: 2001; } tr.dt-rowReorder-moving { outline: 2px solid #555; outline-offset: -2px; } body.dt-rowReorder-noOverflow { overflow-x: hidden; } table.dataTable td.reorder { text-align: center; cursor: move; } /* * Table styles */ table.dataTable { width: 100%; margin: 0 auto; clear: both; border-collapse: separate; border-spacing: 0; /* * Header and footer styles */ /* * Body styles */ } table.dataTable thead th, table.dataTable tfoot th { font-weight: bold; } table.dataTable thead th, table.dataTable thead td { padding: 10px 18px; border-bottom: 1px solid #111; } table.dataTable thead th:active, table.dataTable thead td:active { outline: none; } table.dataTable tfoot th, table.dataTable tfoot td { padding: 10px 18px 6px 18px; border-top: 1px solid #111; } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { cursor: pointer; *cursor: hand; } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { background-repeat: no-repeat; background-position: center right; } table.dataTable thead .sorting { background-image: url("../images/sort_both.png"); } table.dataTable thead .sorting_asc { background-image: url("../images/sort_asc.png"); } table.dataTable thead .sorting_desc { background-image: url("../images/sort_desc.png"); } table.dataTable thead .sorting_asc_disabled { background-image: url("../images/sort_asc_disabled.png"); } table.dataTable thead .sorting_desc_disabled { background-image: url("../images/sort_desc_disabled.png"); } table.dataTable tbody tr { background-color: #ffffff; } table.dataTable tbody tr.selected { background-color: #B0BED9; } table.dataTable tbody th, table.dataTable tbody td { padding: 8px 10px; } table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td { border-top: 1px solid #ddd; } table.dataTable.row-border tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.display tbody tr:first-child td { border-top: none; } table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td { border-top: 1px solid #ddd; border-right: 1px solid #ddd; } table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child { border-left: 1px solid #ddd; } table.dataTable.cell-border tbody tr:first-child th, table.dataTable.cell-border tbody tr:first-child td { border-top: none; } table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd { background-color: #f9f9f9; } table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected { background-color: #acbad4; } table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover { background-color: #f6f6f6; } table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected { background-color: #aab7d1; } table.dataTable.order-column tbody tr > .sorting_1, table.dataTable.order-column tbody tr > .sorting_2, table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1, table.dataTable.display tbody tr > .sorting_2, table.dataTable.display tbody tr > .sorting_3 { background-color: #fafafa; } table.dataTable.order-column tbody tr.selected > .sorting_1, table.dataTable.order-column tbody tr.selected > .sorting_2, table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1, table.dataTable.display tbody tr.selected > .sorting_2, table.dataTable.display tbody tr.selected > .sorting_3 { background-color: #acbad5; } table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { background-color: #f1f1f1; } table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 { background-color: #f3f3f3; } table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 { background-color: whitesmoke; } table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 { background-color: #a6b4cd; } table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 { background-color: #a8b5cf; } table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 { background-color: #a9b7d1; } table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { background-color: #fafafa; } table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 { background-color: #fcfcfc; } table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 { background-color: #fefefe; } table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 { background-color: #acbad5; } table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 { background-color: #aebcd6; } table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 { background-color: #afbdd8; } table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 { background-color: #eaeaea; } table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 { background-color: #ececec; } table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 { background-color: #efefef; } table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 { background-color: #a2aec7; } table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 { background-color: #a3b0c9; } table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 { background-color: #a5b2cb; } table.dataTable.no-footer { border-bottom: 1px solid #111; } table.dataTable.nowrap th, table.dataTable.nowrap td { white-space: nowrap; } table.dataTable.compact thead th, table.dataTable.compact thead td { padding: 4px 17px 4px 4px; } table.dataTable.compact tfoot th, table.dataTable.compact tfoot td { padding: 4px; } table.dataTable.compact tbody th, table.dataTable.compact tbody td { padding: 4px; } table.dataTable th.dt-left, table.dataTable td.dt-left { text-align: left; } table.dataTable th.dt-center, table.dataTable td.dt-center, table.dataTable td.dataTables_empty { text-align: center; } table.dataTable th.dt-right, table.dataTable td.dt-right { text-align: right; } table.dataTable th.dt-justify, table.dataTable td.dt-justify { text-align: justify; } table.dataTable th.dt-nowrap, table.dataTable td.dt-nowrap { white-space: nowrap; } table.dataTable thead th.dt-head-left, table.dataTable thead td.dt-head-left, table.dataTable tfoot th.dt-head-left, table.dataTable tfoot td.dt-head-left { text-align: left; } table.dataTable thead th.dt-head-center, table.dataTable thead td.dt-head-center, table.dataTable tfoot th.dt-head-center, table.dataTable tfoot td.dt-head-center { text-align: center; } table.dataTable thead th.dt-head-right, table.dataTable thead td.dt-head-right, table.dataTable tfoot th.dt-head-right, table.dataTable tfoot td.dt-head-right { text-align: right; } table.dataTable thead th.dt-head-justify, table.dataTable thead td.dt-head-justify, table.dataTable tfoot th.dt-head-justify, table.dataTable tfoot td.dt-head-justify { text-align: justify; } table.dataTable thead th.dt-head-nowrap, table.dataTable thead td.dt-head-nowrap, table.dataTable tfoot th.dt-head-nowrap, table.dataTable tfoot td.dt-head-nowrap { white-space: nowrap; } table.dataTable tbody th.dt-body-left, table.dataTable tbody td.dt-body-left { text-align: left; } table.dataTable tbody th.dt-body-center, table.dataTable tbody td.dt-body-center { text-align: center; } table.dataTable tbody th.dt-body-right, table.dataTable tbody td.dt-body-right { text-align: right; } table.dataTable tbody th.dt-body-justify, table.dataTable tbody td.dt-body-justify { text-align: justify; } table.dataTable tbody th.dt-body-nowrap, table.dataTable tbody td.dt-body-nowrap { white-space: nowrap; } table.dataTable, table.dataTable th, table.dataTable td { -webkit-box-sizing: content-box; box-sizing: content-box; } /* * Control feature layout */ .dataTables_wrapper { position: relative; clear: both; *zoom: 1; zoom: 1; } .dataTables_wrapper .dataTables_length { float: left; } .dataTables_wrapper .dataTables_filter { float: right; text-align: right; } .dataTables_wrapper .dataTables_filter input { margin-left: 0.5em; } .dataTables_wrapper .dataTables_info { clear: both; float: left; padding-top: 0.755em; } .dataTables_wrapper .dataTables_paginate { float: right; text-align: right; padding-top: 0.25em; } .dataTables_wrapper .dataTables_paginate .paginate_button { box-sizing: border-box; display: inline-block; min-width: 1.5em; padding: 0.5em 1em; margin-left: 2px; text-align: center; text-decoration: none !important; cursor: pointer; *cursor: hand; color: #333 !important; border: 1px solid transparent; border-radius: 2px; } .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { color: #333 !important; border: 1px solid #979797; background-color: white; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%); /* IE10+ */ background: -o-linear-gradient(top, white 0%, #dcdcdc 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, white 0%, #dcdcdc 100%); /* W3C */ } .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { cursor: default; color: #666 !important; border: 1px solid transparent; background: transparent; box-shadow: none; } .dataTables_wrapper .dataTables_paginate .paginate_button:hover { color: white !important; border: 1px solid #111; background-color: #585858; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #585858 0%, #111 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, #585858 0%, #111 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, #585858 0%, #111 100%); /* IE10+ */ background: -o-linear-gradient(top, #585858 0%, #111 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #585858 0%, #111 100%); /* W3C */ } .dataTables_wrapper .dataTables_paginate .paginate_button:active { outline: none; background-color: #2b2b2b; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* IE10+ */ background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%); /* W3C */ box-shadow: inset 0 0 3px #111; } .dataTables_wrapper .dataTables_paginate .ellipsis { padding: 0 1em; } .dataTables_wrapper .dataTables_processing { position: absolute; top: 50%; left: 50%; width: 100%; height: 40px; margin-left: -50%; margin-top: -25px; padding-top: 20px; text-align: center; font-size: 1.2em; background-color: white; background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); } .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { color: #333; } .dataTables_wrapper .dataTables_scroll { clear: both; } .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody { *margin-top: -1px; -webkit-overflow-scrolling: touch; } .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td { vertical-align: middle; } .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing { height: 0; overflow: hidden; margin: 0 !important; padding: 0 !important; } .dataTables_wrapper.no-footer .dataTables_scrollBody { border-bottom: 1px solid #111; } .dataTables_wrapper.no-footer div.dataTables_scrollHead > table, .dataTables_wrapper.no-footer div.dataTables_scrollBody > table { border-bottom: none; } .dataTables_wrapper:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } @media screen and (max-width: 767px) { .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate { float: none; text-align: center; } .dataTables_wrapper .dataTables_paginate { margin-top: 0.5em; } } @media screen and (max-width: 640px) { .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter { float: none; text-align: center; } .dataTables_wrapper .dataTables_filter { margin-top: 0.5em; } } table.fixedHeader-floating { position: fixed !important; background-color: white; } table.fixedHeader-floating.no-footer { border-bottom-width: 0; } table.fixedHeader-locked { position: absolute !important; background-color: white; } @media print { table.fixedHeader-floating { display: none; } } /*table.dataTable.fixedHeader-floating, table.dataTable.fixedHeader-locked { background-color: white; margin-top: 0 !important; margin-bottom: 0 !important; } table.dataTable.fixedHeader-floating { position: fixed !important; } table.dataTable.fixedHeader-locked { position: absolute !important; } @media print { table.fixedHeader-floating { display: none; } }*/ div.auto-complete-container { border: 1px solid lightsteelblue; background-color: #cccccc; white-space: nowrap; } div.auto-complete-container.unselectable { user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } div.auto-complete-absolute-container { position: absolute; z-index: 10000; } div.auto-complete-container ul.auto-complete-results { overflow-x: hidden; overflow-y: auto; margin: 0px; padding: 0px; } div.auto-complete-container ul.auto-complete-results li.auto-complete-item { list-style-type: none; padding: 8px 5px; background-color: #efefef; cursor: pointer; font-weight: bold; } div.auto-complete-container ul.auto-complete-results li:not(:first-child) { margin-top: 1px; } div.auto-complete-container ul.auto-complete-results li.auto-complete-item:hover { background-color: #6699FF; color: White; } div.auto-complete-container ul.auto-complete-results li.auto-complete-item-selected { background-color: #6699FF; color: White; } div.auto-complete-container table.auto-complete { width: 100%; border-collapse: collapse; margin: 0px; border-width: 0px; border-style: none; } div.auto-complete-container table.auto-complete tr { white-space: nowrap; text-align: left; } div.auto-complete-container table.auto-complete tbody tr > td { padding: 0px; background-color: transparent; border-width: 0px; } /* * angular-tooltips * 1.2.2 * * Angular.js tooltips module. * http://720kb.github.io/angular-tooltips * * MIT license * Tue Jun 20 2017 */ tooltip._bottom:not(._left):not(._right) tip tip-arrow,tooltip._top:not(._left):not(._right) tip tip-arrow{border-left:6px solid transparent;border-right:6px solid transparent;left:50%;margin-left:-6px;content:'';height:0}@-webkit-keyframes animate-tooltip{0%{opacity:0}50%{opacity:.5}60%{opacity:.8}70%{opacity:.9}90%{opacity:1}}@-moz-keyframes animate-tooltip{0%{opacity:0}50%{opacity:.5}60%{opacity:.8}70%{opacity:.9}90%{opacity:1}}@-ms-keyframes animate-tooltip{0%{opacity:0}50%{opacity:.5}60%{opacity:.8}70%{opacity:.9}90%{opacity:1}}@keyframes animate-tooltip{0%{opacity:0}50%{opacity:.5}60%{opacity:.8}70%{opacity:.9}90%{opacity:1}}._exradicated-tooltip{display:block;opacity:1;position:absolute;z-index:999}tooltip{display:inline-block;position:relative}tooltip._multiline{display:block}tooltip._slow._ready tip{animation:animate-tooltip .65s}tooltip._fast._ready tip{animation:animate-tooltip .15s}tooltip._steady._ready tip{animation:animate-tooltip .35s}tooltip tip{border-radius:3px;background:rgba(0,0,0,.85);color:#fff;display:none;line-height:normal;max-width:500px;min-width:100px;opacity:0;padding:8px 16px;position:absolute;text-align:center;width:auto;will-change:top,left,bottom,right}tooltip tip._hidden{display:block;visibility:hidden}tooltip.active:not(._force-hidden) tip{display:block;opacity:1;z-index:999}tooltip tip-tip{font-size:.95em}tooltip tip-tip._large{font-size:1.1em}tooltip tip-tip._small{font-size:.8em}tooltip._top:not(._left):not(._right) tip{left:50%;top:-9px;-webkit-transform:translateX(-50%) translateY(-100%);transform:translateX(-50%) translateY(-100%)}tooltip._top:not(._left):not(._right) tip tip-arrow{border-top:6px solid rgba(0,0,0,.85);position:absolute;top:100%;width:0}tooltip._bottom:not(._left):not(._right) tip{right:50%;top:100%;-webkit-transform:translateX(50%) translateY(9px);transform:translateX(50%) translateY(9px)}tooltip._bottom:not(._left):not(._right) tip tip-arrow{border-bottom:6px solid rgba(0,0,0,.85);bottom:100%;position:absolute;width:0}tooltip._right:not(._top):not(._bottom) tip{left:100%;top:50%;-webkit-transform:translateX(9px) translateY(-50%);transform:translateX(9px) translateY(-50%)}tooltip._right:not(._top):not(._bottom) tip tip-arrow{border-bottom:6px solid transparent;border-right:6px solid rgba(0,0,0,.85);border-top:6px solid transparent;content:'';height:0;margin-top:-6px;position:absolute;right:100%;top:50%;width:0}tooltip._left:not(._top):not(._bottom) tip{left:-9px;top:50%;-webkit-transform:translateX(-100%) translateY(-50%);transform:translateX(-100%) translateY(-50%)}tooltip._left:not(._top):not(._bottom) tip tip-arrow{border-bottom:6px solid transparent;border-left:6px solid rgba(0,0,0,.85);border-top:6px solid transparent;content:'';height:0;left:100%;margin-top:-6px;position:absolute;top:50%;width:0}tooltip._top._left tip tip-arrow,tooltip._top._right tip tip-arrow{border-top:6px solid rgba(0,0,0,.85);border-left:6px solid transparent;border-right:6px solid transparent;content:'';height:0;margin-left:-6px;position:absolute;width:0}tooltip._top._left tip{left:-9px;top:-9px;-webkit-transform:translateX(-100%) translateY(-100%);transform:translateX(-100%) translateY(-100%)}tooltip._top._left tip tip-arrow{left:90%;top:100%}tooltip._top._right tip{left:100%;top:-9px;-webkit-transform:translateX(9px) translateY(-100%);transform:translateX(9px) translateY(-100%)}tooltip._top._right tip tip-arrow{left:10%;top:100%}tooltip._bottom._left tip{left:-9px;top:100%;-webkit-transform:translateX(-100%) translateY(9px);transform:translateX(-100%) translateY(9px)}tooltip._bottom._left tip tip-arrow{border-bottom:6px solid rgba(0,0,0,.85);border-left:6px solid transparent;border-right:6px solid transparent;bottom:100%;content:'';height:0;left:90%;margin-left:-6px;position:absolute;width:0}tooltip._bottom._right tip{left:100%;top:100%;-webkit-transform:translateX(9px) translateY(9px);transform:translateX(9px) translateY(9px)}tooltip._bottom._right tip tip-arrow{border-bottom:6px solid rgba(0,0,0,.85);border-left:6px solid transparent;border-right:6px solid transparent;bottom:100%;content:'';height:0;left:10%;margin-left:-6px;position:absolute;width:0}tip-tip .close-button{cursor:pointer;float:right;left:8%;margin-top:-7%;padding:3px;position:relative} /*# sourceMappingURL=angular-tooltips.css.map */ body.stop-scrolling{height:100%;overflow:hidden}.sweet-overlay{background-color:#000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";background-color:rgba(0,0,0,.4);position:fixed;left:0;right:0;top:0;bottom:0;display:none;z-index:99000}.sweet-alert{background-color:#fff;font-family:'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;width:478px;padding:17px;border-radius:5px;text-align:center;position:fixed;left:50%;top:50%;margin-left:-256px;margin-top:-200px;overflow:hidden;display:none;z-index:99999}@media all and (max-width:540px){.sweet-alert{width:auto;margin-left:0;margin-right:0;left:15px;right:15px}}.sweet-alert h2{color:#575757;font-size:30px;text-align:center;font-weight:600;text-transform:none;position:relative;margin:25px 0;padding:0;line-height:40px;display:block}.sweet-alert p{color:#797979;font-size:16px;font-weight:300;position:relative;text-align:inherit;float:none;margin:0;padding:0;line-height:normal}.sweet-alert fieldset{border:none;position:relative}.sweet-alert .sa-error-container{background-color:#f1f1f1;margin-left:-17px;margin-right:-17px;overflow:hidden;padding:0 10px;max-height:0;webkit-transition:padding .15s,max-height .15s;transition:padding .15s,max-height .15s}.sweet-alert .sa-error-container.show{padding:10px 0;max-height:100px;webkit-transition:padding .2s,max-height .2s;transition:padding .25s,max-height .25s}.sweet-alert .sa-error-container .icon{display:inline-block;width:24px;height:24px;border-radius:50%;background-color:#ea7d7d;color:#fff;line-height:24px;text-align:center;margin-right:3px}.sweet-alert .sa-error-container p{display:inline-block}.sweet-alert .sa-input-error{position:absolute;top:29px;right:26px;width:20px;height:20px;opacity:0;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:all .1s;transition:all .1s}.sweet-alert .sa-input-error::after,.sweet-alert .sa-input-error::before{content:"";width:20px;height:6px;background-color:#f06e57;border-radius:3px;position:absolute;top:50%;margin-top:-4px;left:50%;margin-left:-9px}.sweet-alert .sa-input-error::before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .sa-input-error::after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .sa-input-error.show{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.sweet-alert input{width:100%;box-sizing:border-box;border-radius:3px;border:1px solid #d7d7d7;height:43px;margin-top:10px;margin-bottom:17px;font-size:18px;box-shadow:inset 0 1px 1px rgba(0,0,0,.06);padding:0 12px;display:none;-webkit-transition:all .3s;transition:all .3s}.sweet-alert input:focus{outline:0;box-shadow:0 0 3px #c4e6f5;border:1px solid #b4dbed}.sweet-alert input:focus::-moz-placeholder{transition:opacity .3s .03s ease;opacity:.5}.sweet-alert input:focus:-ms-input-placeholder{transition:opacity .3s .03s ease;opacity:.5}.sweet-alert input:focus::-webkit-input-placeholder{transition:opacity .3s .03s ease;opacity:.5}.sweet-alert input::-moz-placeholder{color:#bdbdbd}.sweet-alert input:-ms-input-placeholder{color:#bdbdbd}.sweet-alert input::-webkit-input-placeholder{color:#bdbdbd}.sweet-alert.show-input input{display:block}.sweet-alert .sa-confirm-button-container{display:inline-block;position:relative}.sweet-alert .la-ball-fall{position:absolute;left:50%;top:50%;margin-left:-27px;margin-top:4px;opacity:0;visibility:hidden}.sweet-alert button{background-color:#8CD4F5;color:#fff;border:none;box-shadow:none;font-size:17px;font-weight:500;-webkit-border-radius:4px;border-radius:5px;padding:10px 32px;margin:26px 5px 0;cursor:pointer}.sweet-alert button:focus{outline:0;box-shadow:0 0 2px rgba(128,179,235,.5),inset 0 0 0 1px rgba(0,0,0,.05)}.sweet-alert button:hover{background-color:#7ecff4}.sweet-alert button:active{background-color:#5dc2f1}.sweet-alert button.cancel{background-color:#C1C1C1}.sweet-alert button.cancel:hover{background-color:#b9b9b9}.sweet-alert button.cancel:active{background-color:#a8a8a8}.sweet-alert button.cancel:focus{box-shadow:rgba(197,205,211,.8) 0 0 2px,rgba(0,0,0,.0470588) 0 0 0 1px inset!important}.sweet-alert button[disabled]{opacity:.6;cursor:default}.sweet-alert button.confirm[disabled]{color:transparent}.sweet-alert button.confirm[disabled]~.la-ball-fall{opacity:1;visibility:visible;transition-delay:0s}.sweet-alert button::-moz-focus-inner{border:0}.sweet-alert[data-has-cancel-button=false] button{box-shadow:none!important}.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false]{padding-bottom:40px}.sweet-alert .sa-icon{width:80px;height:80px;border:4px solid gray;-webkit-border-radius:40px;border-radius:50%;margin:20px auto;padding:0;position:relative;box-sizing:content-box}.sweet-alert .sa-icon.sa-error{border-color:#F27474}.sweet-alert .sa-icon.sa-error .sa-x-mark{position:relative;display:block}.sweet-alert .sa-icon.sa-error .sa-line{position:absolute;height:5px;width:47px;background-color:#F27474;display:block;top:37px;border-radius:2px}.sweet-alert .sa-icon.sa-error .sa-line.sa-left{-webkit-transform:rotate(45deg);transform:rotate(45deg);left:17px}.sweet-alert .sa-icon.sa-error .sa-line.sa-right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:16px}.sweet-alert .sa-icon.sa-warning{border-color:#F8BB86}.sweet-alert .sa-icon.sa-warning .sa-body{position:absolute;width:5px;height:47px;left:50%;top:10px;-webkit-border-radius:2px;border-radius:2px;margin-left:-2px;background-color:#F8BB86}.sweet-alert .sa-icon.sa-warning .sa-dot{position:absolute;width:7px;height:7px;-webkit-border-radius:50%;border-radius:50%;margin-left:-3px;left:50%;bottom:10px;background-color:#F8BB86}.sweet-alert .sa-icon.sa-info{border-color:#C9DAE1}.sweet-alert .sa-icon.sa-info::before{content:"";position:absolute;width:5px;height:29px;left:50%;bottom:17px;border-radius:2px;margin-left:-2px;background-color:#C9DAE1}.sweet-alert .sa-icon.sa-info::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;margin-left:-3px;top:19px;background-color:#C9DAE1}.sweet-alert .sa-icon.sa-success{border-color:#A5DC86}.sweet-alert .sa-icon.sa-success::after,.sweet-alert .sa-icon.sa-success::before{content:'';position:absolute;width:60px;height:120px;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .sa-icon.sa-success::before{-webkit-border-radius:120px 0 0 120px;border-radius:120px 0 0 120px;top:-7px;left:-33px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;transform-origin:60px 60px}.sweet-alert .sa-icon.sa-success::after{-webkit-border-radius:0 120px 120px 0;border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 60px;transform-origin:0 60px}.sweet-alert .sa-icon.sa-success .sa-placeholder{width:80px;height:80px;border:4px solid rgba(165,220,134,.2);-webkit-border-radius:40px;border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}.sweet-alert .sa-icon.sa-success .sa-fix{width:5px;height:90px;background-color:#fff;position:absolute;left:28px;top:8px;z-index:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .sa-icon.sa-success .sa-line{height:5px;background-color:#A5DC86;display:block;border-radius:2px;position:absolute;z-index:2}.sweet-alert .sa-icon.sa-success .sa-line.sa-tip{width:25px;left:14px;top:46px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sweet-alert .sa-icon.sa-success .sa-line.sa-long{width:47px;right:8px;top:38px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sweet-alert .sa-icon.sa-custom{background-size:contain;border-radius:0;border:none;background-position:center center;background-repeat:no-repeat}@-webkit-keyframes showSweetAlert{0%{transform:scale(.7);-webkit-transform:scale(.7)}45%{transform:scale(1.05);-webkit-transform:scale(1.05)}80%{transform:scale(.95);-webkit-transform:scale(.95)}100%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes showSweetAlert{0%{transform:scale(.7);-webkit-transform:scale(.7)}45%{transform:scale(1.05);-webkit-transform:scale(1.05)}80%{transform:scale(.95);-webkit-transform:scale(.95)}100%{transform:scale(1);-webkit-transform:scale(1)}}@-webkit-keyframes hideSweetAlert{0%{transform:scale(1);-webkit-transform:scale(1)}100%{transform:scale(.5);-webkit-transform:scale(.5)}}@keyframes hideSweetAlert{0%{transform:scale(1);-webkit-transform:scale(1)}100%{transform:scale(.5);-webkit-transform:scale(.5)}}@-webkit-keyframes slideFromTop{0%{top:0}100%{top:50%}}@keyframes slideFromTop{0%{top:0}100%{top:50%}}@-webkit-keyframes slideToTop{0%{top:50%}100%{top:0}}@keyframes slideToTop{0%{top:50%}100%{top:0}}@-webkit-keyframes slideFromBottom{0%{top:70%}100%{top:50%}}@keyframes slideFromBottom{0%{top:70%}100%{top:50%}}@-webkit-keyframes slideToBottom{0%{top:50%}100%{top:70%}}@keyframes slideToBottom{0%{top:50%}100%{top:70%}}.showSweetAlert[data-animation=pop]{-webkit-animation:showSweetAlert .3s;animation:showSweetAlert .3s}.showSweetAlert[data-animation=none]{-webkit-animation:none;animation:none}.showSweetAlert[data-animation=slide-from-top]{-webkit-animation:slideFromTop .3s;animation:slideFromTop .3s}.showSweetAlert[data-animation=slide-from-bottom]{-webkit-animation:slideFromBottom .3s;animation:slideFromBottom .3s}.hideSweetAlert[data-animation=pop]{-webkit-animation:hideSweetAlert .2s;animation:hideSweetAlert .2s}.hideSweetAlert[data-animation=none]{-webkit-animation:none;animation:none}.hideSweetAlert[data-animation=slide-from-top]{-webkit-animation:slideToTop .4s;animation:slideToTop .4s}.hideSweetAlert[data-animation=slide-from-bottom]{-webkit-animation:slideToBottom .3s;animation:slideToBottom .3s}@-webkit-keyframes animateSuccessTip{0%,54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@keyframes animateSuccessTip{0%,54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@-webkit-keyframes animateSuccessLong{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@keyframes animateSuccessLong{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@-webkit-keyframes rotatePlaceholder{0%,5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}100%,12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}}@keyframes rotatePlaceholder{0%,5%{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}100%,12%{transform:rotate(-405deg);-webkit-transform:rotate(-405deg)}}.animateSuccessTip{-webkit-animation:animateSuccessTip .75s;animation:animateSuccessTip .75s}.animateSuccessLong{-webkit-animation:animateSuccessLong .75s;animation:animateSuccessLong .75s}.sa-icon.sa-success.animate::after{-webkit-animation:rotatePlaceholder 4.25s ease-in;animation:rotatePlaceholder 4.25s ease-in}@-webkit-keyframes animateErrorIcon{0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);-webkit-transform:rotateX(0deg);opacity:1}}@keyframes animateErrorIcon{0%{transform:rotateX(100deg);-webkit-transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);-webkit-transform:rotateX(0deg);opacity:1}}.animateErrorIcon{-webkit-animation:animateErrorIcon .5s;animation:animateErrorIcon .5s}@-webkit-keyframes animateXMark{0%,50%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}100%{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1}}@keyframes animateXMark{0%,50%{transform:scale(.4);-webkit-transform:scale(.4);margin-top:26px;opacity:0}80%{transform:scale(1.15);-webkit-transform:scale(1.15);margin-top:-6px}100%{transform:scale(1);-webkit-transform:scale(1);margin-top:0;opacity:1}}.animateXMark{-webkit-animation:animateXMark .5s;animation:animateXMark .5s}@-webkit-keyframes pulseWarning{0%{border-color:#F8D486}100%{border-color:#F8BB86}}@keyframes pulseWarning{0%{border-color:#F8D486}100%{border-color:#F8BB86}}.pulseWarning{-webkit-animation:pulseWarning .75s infinite alternate;animation:pulseWarning .75s infinite alternate}@-webkit-keyframes pulseWarningIns{0%{background-color:#F8D486}100%{background-color:#F8BB86}}@keyframes pulseWarningIns{0%{background-color:#F8D486}100%{background-color:#F8BB86}}.pulseWarningIns{-webkit-animation:pulseWarningIns .75s infinite alternate;animation:pulseWarningIns .75s infinite alternate}@-webkit-keyframes rotate-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes rotate-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}/*! * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/) * Copyright 2015 Daniel Cardoso <@DanielCardoso> * Licensed under MIT */.la-ball-fall,.la-ball-fall>div{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.la-ball-fall{display:block;font-size:0;color:#fff}.la-ball-fall.la-dark{color:#333}.la-ball-fall>div{display:inline-block;float:none;background-color:currentColor;border:0 solid}.la-ball-fall{width:54px;height:18px}.la-ball-fall>div{width:10px;height:10px;margin:4px;border-radius:100%;opacity:0;-webkit-animation:ball-fall 1s ease-in-out infinite;-moz-animation:ball-fall 1s ease-in-out infinite;-o-animation:ball-fall 1s ease-in-out infinite;animation:ball-fall 1s ease-in-out infinite}.la-ball-fall>div:nth-child(1){-webkit-animation-delay:-200ms;-moz-animation-delay:-200ms;-o-animation-delay:-200ms;animation-delay:-200ms}.la-ball-fall>div:nth-child(2){-webkit-animation-delay:-100ms;-moz-animation-delay:-100ms;-o-animation-delay:-100ms;animation-delay:-100ms}.la-ball-fall>div:nth-child(3){-webkit-animation-delay:0ms;-moz-animation-delay:0ms;-o-animation-delay:0ms;animation-delay:0ms}.la-ball-fall.la-sm{width:26px;height:8px}.la-ball-fall.la-sm>div{width:4px;height:4px;margin:2px}.la-ball-fall.la-2x{width:108px;height:36px}.la-ball-fall.la-2x>div{width:20px;height:20px;margin:8px}.la-ball-fall.la-3x{width:162px;height:54px}.la-ball-fall.la-3x>div{width:30px;height:30px;margin:12px}@-webkit-keyframes ball-fall{0%{opacity:0;-webkit-transform:translateY(-145%);transform:translateY(-145%)}10%{opacity:.5}20%,80%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}90%{opacity:.5}100%{opacity:0;-webkit-transform:translateY(145%);transform:translateY(145%)}}@-moz-keyframes ball-fall{0%{opacity:0;-moz-transform:translateY(-145%);transform:translateY(-145%)}10%{opacity:.5}20%,80%{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}90%{opacity:.5}100%{opacity:0;-moz-transform:translateY(145%);transform:translateY(145%)}}@-o-keyframes ball-fall{0%{opacity:0;-o-transform:translateY(-145%);transform:translateY(-145%)}10%{opacity:.5}20%,80%{opacity:1;-o-transform:translateY(0);transform:translateY(0)}90%{opacity:.5}100%{opacity:0;-o-transform:translateY(145%);transform:translateY(145%)}}@keyframes ball-fall{0%{opacity:0;-webkit-transform:translateY(-145%);-moz-transform:translateY(-145%);-o-transform:translateY(-145%);transform:translateY(-145%)}10%{opacity:.5}20%,80%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}90%{opacity:.5}100%{opacity:0;-webkit-transform:translateY(145%);-moz-transform:translateY(145%);-o-transform:translateY(145%);transform:translateY(145%)}} /*! FullCalendar Core Package v4.1.0 Docs & License: https://fullcalendar.io/ (c) 2019 Adam Shaw */.fc-button:not(:disabled),.fc-event.fc-draggable,.fc-event[href],.fc-popover .fc-header .fc-close,a.fc-more,a[data-goto]{cursor:pointer}.fc-bg,.fc-row .fc-bgevent-skeleton,.fc-row .fc-highlight-skeleton{bottom:0}.fc{direction:ltr;text-align:left}.fc-rtl{text-align:right}body .fc{font-size:1em}.fc-highlight{background:#bce8f1;opacity:.3}.fc-bgevent{background:#8fdf82;opacity:.3}.fc-nonbusiness{background:#d7d7d7}.fc-popover{position:absolute;box-shadow:0 2px 6px rgba(0,0,0,.15)}.fc-popover .fc-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:2px 4px}.fc-rtl .fc-popover .fc-header{flex-direction:row-reverse}.fc-popover .fc-header .fc-title{margin:0 2px}.fc-popover .fc-header .fc-close{opacity:.65;font-size:1.1em}.fc-divider{border-style:solid;border-width:1px}hr.fc-divider{height:0;margin:0;padding:0 0 2px;border-width:1px 0}.fc-bg table,.fc-row .fc-bgevent-skeleton table,.fc-row .fc-highlight-skeleton table{height:100%}.fc-bg,.fc-bgevent-skeleton,.fc-highlight-skeleton,.fc-mirror-skeleton{position:absolute;top:0;left:0;right:0}.fc table{width:100%;box-sizing:border-box;table-layout:fixed;border-collapse:collapse;border-spacing:0;font-size:1em}.fc th{text-align:center}.fc td,.fc th{border-style:solid;border-width:1px;padding:0;vertical-align:top}.fc td.fc-today{border-style:double}a[data-goto]:hover{text-decoration:underline}.fc .fc-row{border-style:solid;border-width:0}.fc-row table{border-left:0 hidden transparent;border-right:0 hidden transparent;border-bottom:0 hidden transparent}.fc-row:first-child table{border-top:0 hidden transparent}.fc-row{position:relative}.fc-row .fc-bg{z-index:1}.fc-row .fc-bgevent-skeleton td,.fc-row .fc-highlight-skeleton td{border-color:transparent}.fc-row .fc-bgevent-skeleton{z-index:2}.fc-row .fc-highlight-skeleton{z-index:3}.fc-row .fc-content-skeleton{position:relative;z-index:4;padding-bottom:2px}.fc-row .fc-mirror-skeleton{z-index:5}.fc .fc-row .fc-content-skeleton table,.fc .fc-row .fc-content-skeleton td,.fc .fc-row .fc-mirror-skeleton td{background:0 0;border-color:transparent}.fc-row .fc-content-skeleton td,.fc-row .fc-mirror-skeleton td{border-bottom:0}.fc-row .fc-content-skeleton tbody td,.fc-row .fc-mirror-skeleton tbody td{border-top:0}.fc-scroller{-webkit-overflow-scrolling:touch}.fc-scroller>.fc-day-grid,.fc-scroller>.fc-time-grid{position:relative;width:100%}.fc-event{position:relative;display:block;font-size:.85em;line-height:1.4;border-radius:3px;border:1px solid #3788d8}.fc-event,.fc-event-dot{background-color:#3788d8}.fc-event,.fc-event:hover{color:#fff;text-decoration:none}.fc-not-allowed,.fc-not-allowed .fc-event{cursor:not-allowed}.fc-event .fc-content{position:relative;z-index:2}.fc-event .fc-resizer{position:absolute;z-index:4;display:none}.fc-event.fc-allow-mouse-resize .fc-resizer,.fc-event.fc-selected .fc-resizer{display:block}.fc-event.fc-selected .fc-resizer:before{content:"";position:absolute;z-index:9999;top:50%;left:50%;width:40px;height:40px;margin-left:-20px;margin-top:-20px}.fc-event.fc-selected{z-index:9999!important;box-shadow:0 2px 5px rgba(0,0,0,.2)}.fc-event.fc-selected:after{content:"";position:absolute;z-index:1;top:-1px;right:-1px;bottom:-1px;left:-1px;background:#000;opacity:.25}.fc-event.fc-dragging.fc-selected{box-shadow:0 2px 7px rgba(0,0,0,.3)}.fc-event.fc-dragging:not(.fc-selected){opacity:.75}.fc-h-event.fc-selected:before{content:"";position:absolute;z-index:3;top:-10px;bottom:-10px;left:0;right:0}.fc-ltr .fc-h-event.fc-not-start,.fc-rtl .fc-h-event.fc-not-end{margin-left:0;border-left-width:0;padding-left:1px;border-top-left-radius:0;border-bottom-left-radius:0}.fc-ltr .fc-h-event.fc-not-end,.fc-rtl .fc-h-event.fc-not-start{margin-right:0;border-right-width:0;padding-right:1px;border-top-right-radius:0;border-bottom-right-radius:0}.fc-ltr .fc-h-event .fc-start-resizer,.fc-rtl .fc-h-event .fc-end-resizer{cursor:w-resize;left:-1px}.fc-ltr .fc-h-event .fc-end-resizer,.fc-rtl .fc-h-event .fc-start-resizer{cursor:e-resize;right:-1px}.fc-h-event.fc-allow-mouse-resize .fc-resizer{width:7px;top:-1px;bottom:-1px}.fc-h-event.fc-selected .fc-resizer{border-radius:4px;border-width:1px;width:6px;height:6px;border-style:solid;border-color:inherit;background:#fff;top:50%;margin-top:-4px}.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,.fc-rtl .fc-h-event.fc-selected .fc-end-resizer{margin-left:-4px}.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,.fc-rtl .fc-h-event.fc-selected .fc-start-resizer{margin-right:-4px}.fc-day-grid-event{margin:1px 2px 0;padding:0 1px}tr:first-child>td>.fc-day-grid-event{margin-top:2px}.fc-mirror-skeleton tr:first-child>td>.fc-day-grid-event{margin-top:0}.fc-day-grid-event .fc-content{white-space:nowrap;overflow:hidden}.fc-day-grid-event .fc-time{font-weight:700}.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer{margin-left:-2px}.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer{margin-right:-2px}a.fc-more{margin:1px 3px;font-size:.85em;text-decoration:none}a.fc-more:hover{text-decoration:underline}.fc-limited{display:none}.fc-button,.fc-icon{display:inline-block;font-weight:400;text-align:center}.fc-day-grid .fc-row{z-index:1}.fc-more-popover{z-index:2;width:220px}.fc-more-popover .fc-event-container{padding:10px}.fc-now-indicator{position:absolute;border:0 solid red}.fc-unselectable{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.fc-unthemed .fc-content,.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-list-view,.fc-unthemed .fc-popover,.fc-unthemed .fc-row,.fc-unthemed tbody,.fc-unthemed td,.fc-unthemed th,.fc-unthemed thead{border-color:#ddd}.fc-unthemed .fc-popover{background-color:#fff}.fc-unthemed .fc-divider,.fc-unthemed .fc-list-heading td,.fc-unthemed .fc-popover .fc-header{background:#eee}.fc-unthemed td.fc-today{background:#fcf8e3}.fc-unthemed .fc-disabled-day{background:#d7d7d7;opacity:.3}@font-face{font-family:fcicons;src:url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format("truetype");font-weight:400;font-style:normal}.fc-icon{font-family:fcicons!important;speak:none;font-style:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:1em;height:1em}.fc-icon-chevron-left:before{content:"\e900"}.fc-icon-chevron-right:before{content:"\e901"}.fc-icon-chevrons-left:before{content:"\e902"}.fc-icon-chevrons-right:before{content:"\e903"}.fc-icon-minus-square:before{content:"\e904"}.fc-icon-plus-square:before{content:"\e905"}.fc-icon-x:before{content:"\e906"}.fc-button{overflow:visible;text-transform:none;margin:0;font-family:inherit}.fc-button::-moz-focus-inner{padding:0;border-style:none}.fc-button{-webkit-appearance:button;color:#212529;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.4em .65em;font-size:1em;line-height:1.5;border-radius:.25em}.fc-button:hover{color:#212529;text-decoration:none}.fc-button:focus{outline:0;-webkit-box-shadow:0 0 0 .2rem rgba(44,62,80,.25);box-shadow:0 0 0 .2rem rgba(44,62,80,.25)}.fc-button:disabled{opacity:.65}.fc-button-primary{color:#fff;background-color:#2C3E50;border-color:#2C3E50}.fc-button-primary:hover{color:#fff;background-color:#1e2b37;border-color:#1a252f}.fc-button-primary:focus{-webkit-box-shadow:0 0 0 .2rem rgba(76,91,106,.5);box-shadow:0 0 0 .2rem rgba(76,91,106,.5)}.fc-button-primary:disabled{color:#fff;background-color:#2C3E50;border-color:#2C3E50}.fc-button-primary:not(:disabled).fc-button-active,.fc-button-primary:not(:disabled):active{color:#fff;background-color:#1a252f;border-color:#151e27}.fc-button-primary:not(:disabled).fc-button-active:focus,.fc-button-primary:not(:disabled):active:focus{-webkit-box-shadow:0 0 0 .2rem rgba(76,91,106,.5);box-shadow:0 0 0 .2rem rgba(76,91,106,.5)}.fc-button .fc-icon{vertical-align:middle;font-size:1.5em}.fc-button-group{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.fc-button-group>.fc-button{position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.fc-button-group>.fc-button.fc-button-active,.fc-button-group>.fc-button:active,.fc-button-group>.fc-button:focus,.fc-button-group>.fc-button:hover{z-index:1}.fc-button-group>.fc-button:not(:first-child){margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.fc-button-group>.fc-button:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.fc-unthemed .fc-popover{border-width:1px;border-style:solid}.fc-unthemed .fc-list-item:hover td{background-color:#f5f5f5}.fc-toolbar{display:flex;justify-content:space-between;align-items:center}.fc-toolbar.fc-header-toolbar{margin-bottom:1.5em}.fc-toolbar.fc-footer-toolbar{margin-top:1.5em}.fc-toolbar>*>:not(:first-child){margin-left:.75em}.fc-toolbar h2{font-size:1.75em;margin:0}.fc-view-container{position:relative}.fc-view-container *,.fc-view-container :after,.fc-view-container :before{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fc-view,.fc-view>table{position:relative;z-index:1}@media print{.fc-bg,.fc-bgevent-container,.fc-bgevent-skeleton,.fc-business-container,.fc-event .fc-resizer,.fc-highlight-container,.fc-highlight-skeleton,.fc-mirror-container,.fc-mirror-skeleton{display:none}.fc tbody .fc-row,.fc-time-grid{min-height:0!important}.fc-time-grid .fc-event.fc-not-end:after,.fc-time-grid .fc-event.fc-not-start:before{content:"..."}.fc{max-width:100%!important}.fc-event{background:#fff!important;color:#000!important;page-break-inside:avoid}.fc hr,.fc tbody,.fc td,.fc th,.fc thead,.fc-row{border-color:#ccc!important;background:#fff!important}.fc tbody .fc-row{height:auto!important}.fc tbody .fc-row .fc-content-skeleton{position:static;padding-bottom:0!important}.fc tbody .fc-row .fc-content-skeleton tbody tr:last-child td{padding-bottom:1em}.fc tbody .fc-row .fc-content-skeleton table{height:1em}.fc-more,.fc-more-cell{display:none!important}.fc tr.fc-limited{display:table-row!important}.fc td.fc-limited{display:table-cell!important}.fc-popover,.fc-timeGrid-view .fc-axis{display:none}.fc-slats,.fc-time-grid hr{display:none!important}.fc button,.fc-button-group,.fc-time-grid .fc-event .fc-time span{display:none}.fc-time-grid .fc-content-skeleton{position:static}.fc-time-grid .fc-content-skeleton table{height:4em}.fc-time-grid .fc-event-container{margin:0!important}.fc-time-grid .fc-event{position:static!important;margin:3px 2px!important}.fc-time-grid .fc-event.fc-not-end{border-bottom-width:1px!important}.fc-time-grid .fc-event.fc-not-start{border-top-width:1px!important}.fc-time-grid .fc-event .fc-time{white-space:normal!important}.fc-time-grid .fc-event .fc-time:after{content:attr(data-full)}.fc-day-grid-container,.fc-scroller,.fc-time-grid-container{overflow:visible!important;height:auto!important}.fc-row{border:0!important;margin:0!important}} /*! FullCalendar Day Grid Plugin v4.1.0 Docs & License: https://fullcalendar.io/ (c) 2019 Adam Shaw */.fc-dayGridDay-view .fc-content-skeleton,.fc-dayGridWeek-view .fc-content-skeleton{padding-bottom:1em}.fc-dayGrid-view .fc-body .fc-row{min-height:4em}.fc-row.fc-rigid{overflow:hidden}.fc-row.fc-rigid .fc-content-skeleton{position:absolute;top:0;left:0;right:0}.fc-day-top.fc-other-month{opacity:.3}.fc-dayGrid-view .fc-day-number,.fc-dayGrid-view .fc-week-number{padding:2px}.fc-dayGrid-view th.fc-day-number,.fc-dayGrid-view th.fc-week-number{padding:0 2px}.fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number{float:right}.fc-rtl .fc-dayGrid-view .fc-day-top .fc-day-number{float:left}.fc-ltr .fc-dayGrid-view .fc-day-top .fc-week-number{float:left;border-radius:0 0 3px}.fc-rtl .fc-dayGrid-view .fc-day-top .fc-week-number{float:right;border-radius:0 0 0 3px}.fc-dayGrid-view .fc-day-top .fc-week-number{min-width:1.5em;text-align:center;background-color:#f2f2f2;color:grey}.fc-dayGrid-view td.fc-week-number{text-align:center}.fc-dayGrid-view td.fc-week-number>*{display:inline-block;min-width:1.25em} /*! FullCalendar Time Grid Plugin v4.1.0 Docs & License: https://fullcalendar.io/ (c) 2019 Adam Shaw */.fc-timeGrid-view .fc-day-grid{position:relative;z-index:2}.fc-timeGrid-view .fc-day-grid .fc-row{min-height:3em}.fc-timeGrid-view .fc-day-grid .fc-row .fc-content-skeleton{padding-bottom:1em}.fc .fc-axis{vertical-align:middle;padding:0 4px;white-space:nowrap}.fc-ltr .fc-axis{text-align:right}.fc-rtl .fc-axis{text-align:left}.fc-time-grid,.fc-time-grid-container{position:relative;z-index:1}.fc-time-grid{min-height:100%}.fc-time-grid table{border:0 hidden transparent}.fc-time-grid>.fc-bg{z-index:1}.fc-time-grid .fc-slats,.fc-time-grid>hr{position:relative;z-index:2}.fc-time-grid .fc-content-col{position:relative}.fc-time-grid .fc-content-skeleton{position:absolute;z-index:3;top:0;left:0;right:0}.fc-time-grid .fc-business-container{position:relative;z-index:1}.fc-time-grid .fc-bgevent-container{position:relative;z-index:2}.fc-time-grid .fc-highlight-container{z-index:3;position:relative}.fc-time-grid .fc-event-container{position:relative;z-index:4}.fc-time-grid .fc-now-indicator-line{z-index:5}.fc-time-grid .fc-mirror-container{position:relative;z-index:6}.fc-time-grid .fc-slats td{height:1.5em;border-bottom:0}.fc-time-grid .fc-slats .fc-minor td{border-top-style:dotted}.fc-time-grid .fc-highlight{position:absolute;left:0;right:0}.fc-ltr .fc-time-grid .fc-event-container{margin:0 2.5% 0 2px}.fc-rtl .fc-time-grid .fc-event-container{margin:0 2px 0 2.5%}.fc-time-grid .fc-bgevent,.fc-time-grid .fc-event{position:absolute;z-index:1}.fc-time-grid .fc-bgevent{left:0;right:0}.fc-time-grid-event{margin-bottom:1px}.fc-time-grid-event-inset{-webkit-box-shadow:0 0 0 1px #fff;box-shadow:0 0 0 1px #fff}.fc-time-grid-event.fc-not-start{border-top-width:0;padding-top:1px;border-top-left-radius:0;border-top-right-radius:0}.fc-time-grid-event.fc-not-end{border-bottom-width:0;padding-bottom:1px;border-bottom-left-radius:0;border-bottom-right-radius:0}.fc-time-grid-event .fc-content{overflow:hidden;max-height:100%}.fc-time-grid-event .fc-time,.fc-time-grid-event .fc-title{padding:0 1px}.fc-time-grid-event .fc-time{font-size:.85em;white-space:nowrap}.fc-time-grid-event.fc-short .fc-content{white-space:nowrap}.fc-time-grid-event.fc-short .fc-time,.fc-time-grid-event.fc-short .fc-title{display:inline-block;vertical-align:top}.fc-time-grid-event.fc-short .fc-time span{display:none}.fc-time-grid-event.fc-short .fc-time:before{content:attr(data-start)}.fc-time-grid-event.fc-short .fc-time:after{content:"\000A0-\000A0"}.fc-time-grid-event.fc-short .fc-title{font-size:.85em;padding:0}.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer{left:0;right:0;bottom:0;height:8px;overflow:hidden;line-height:8px;font-size:11px;font-family:monospace;text-align:center;cursor:s-resize}.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after{content:"="}.fc-time-grid-event.fc-selected .fc-resizer{border-radius:5px;border-width:1px;width:8px;height:8px;border-style:solid;border-color:inherit;background:#fff;left:50%;margin-left:-5px;bottom:-5px}.fc-time-grid .fc-now-indicator-line{border-top-width:1px;left:0;right:0}.fc-time-grid .fc-now-indicator-arrow{margin-top:-5px}.fc-ltr .fc-time-grid .fc-now-indicator-arrow{left:0;border-width:5px 0 5px 6px;border-top-color:transparent;border-bottom-color:transparent}.fc-rtl .fc-time-grid .fc-now-indicator-arrow{right:0;border-width:5px 6px 5px 0;border-top-color:transparent;border-bottom-color:transparent} /*! FullCalendar Timeline Plugin v4.2.0 Docs & License: https://fullcalendar.io/scheduler (c) 2019 Adam Shaw */.fc-scroller-clip{overflow:hidden;position:relative}.fc-no-scrollbars{background:rgba(255,255,255,0)}.fc-no-scrollbars::-webkit-scrollbar{width:0;height:0}.fc-scroller-canvas{position:relative;box-sizing:border-box;min-height:100%}.fc-scroller-canvas>.fc-bg{z-index:1}.fc-scroller-canvas>.fc-content{z-index:2;position:relative;border-style:solid;border-width:0}.fc-scroller-canvas.fc-gutter-left>.fc-content{border-left-width:1px;margin-left:-1px}.fc-scroller-canvas.fc-gutter-right>.fc-content{border-right-width:1px;margin-right:-1px}.fc-scroller-canvas.fc-gutter-top>.fc-content{border-top-width:1px;margin-top:-1px}.fc-rtl .fc-timeline{direction:rtl}.fc-scrolled .fc-head .fc-scroller{z-index:2}.fc-timeline.fc-scrolled .fc-head .fc-scroller{box-shadow:0 3px 4px rgba(0,0,0,.075)}.fc-timeline .fc-body .fc-scroller{z-index:1}.fc-timeline .fc-scroller-canvas>div>div>table,.fc-timeline .fc-scroller-canvas>div>table{border-style:hidden}.fc-timeline .fc-scroller-canvas>.fc-content>.fc-rows>table{border-bottom-style:none}.fc-timeline td,.fc-timeline th{white-space:nowrap}.fc-timeline .fc-cell-content{overflow:hidden}.fc-timeline .fc-cell-text{display:inline-block;padding-left:4px;padding-right:4px}.fc-timeline th{vertical-align:middle}.fc-timeline .fc-head .fc-cell-content{padding-top:3px;padding-bottom:3px}.fc-timeline .fc-head .fc-time-area .fc-cell-content{overflow:visible}.fc-time-area col{min-width:2.2em}.fc-ltr .fc-time-area .fc-chrono th{text-align:left}.fc-rtl .fc-time-area .fc-chrono th{text-align:right}.fc-time-area .fc-slats{position:absolute;z-index:1;top:0;left:0;right:0;bottom:0}.fc-time-area .fc-slats table{height:100%}.fc-time-area .fc-slats .fc-minor{border-style:dotted}.fc-time-area .fc-slats td{border-width:0 1px}.fc-ltr .fc-time-area .fc-slats td{border-right-width:0}.fc-rtl .fc-time-area .fc-slats td{border-left-width:0}.fc-time-area .fc-bgevent-container,.fc-time-area .fc-highlight-container{position:absolute;z-index:2;top:0;bottom:0;width:0}.fc-ltr .fc-time-area .fc-bgevent-container,.fc-ltr .fc-time-area .fc-highlight-container,.fc-ltr .fc-time-area .fc-mirror-container{left:0}.fc-rtl .fc-time-area .fc-bgevent-container,.fc-rtl .fc-time-area .fc-highlight-container,.fc-rtl .fc-time-area .fc-mirror-container{right:0}.fc-time-area .fc-bgevent,.fc-time-area .fc-highlight{position:absolute;top:0;bottom:0}.fc-timeline .fc-now-indicator{z-index:3;top:0}.fc-time-area .fc-now-indicator-arrow{margin:0 -6px;border-width:6px 5px 0;border-left-color:transparent;border-right-color:transparent}.fc-time-area .fc-now-indicator-line{margin:0 -1px;bottom:0;border-left-width:1px}.fc-time-area .fc-event-container{position:relative;z-index:2;width:0}.fc-time-area .fc-mirror-container{position:absolute;z-index:3;top:0}.fc-time-area .fc-event-container{padding-bottom:8px;top:-1px}.fc-time-area tr:first-child .fc-event-container{top:0}.fc-no-overlap .fc-time-area .fc-event-container{padding-bottom:0;top:0}.fc-timeline-event{position:absolute;border-radius:0;padding:2px 0;margin-bottom:1px}.fc-no-overlap .fc-timeline-event{padding:5px 0;margin-bottom:0}.fc-ltr .fc-timeline-event{margin-right:1px}.fc-rtl .fc-timeline-event{margin-left:1px}.fc-timeline-event .fc-time{font-weight:700;padding:0 1px}.fc-rtl .fc-timeline-event .fc-time{display:inline-block}.fc-timeline-event .fc-title{padding:0 3px;display:inline-block;vertical-align:top;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;max-width:100%;white-space:nowrap;overflow:hidden}.fc-ltr .fc-timeline-event.fc-not-start .fc-content,.fc-rtl .fc-timeline-event.fc-not-end .fc-content{margin-left:8px}.fc-ltr .fc-timeline-event.fc-not-end .fc-content,.fc-rtl .fc-timeline-event.fc-not-start .fc-content{margin-right:8px}.fc-timeline-event.fc-not-end .fc-content:after,.fc-timeline-event.fc-not-start .fc-content:before{content:"";position:absolute;top:50%;margin-top:-5px;border:5px solid #000;border-top-color:transparent;border-bottom-color:transparent;opacity:.5}.fc-ltr .fc-timeline-event.fc-not-start .fc-content:before,.fc-rtl .fc-timeline-event.fc-not-end .fc-content:after{border-left:0;left:-6px}.fc-ltr .fc-timeline-event.fc-not-end .fc-content:after,.fc-rtl .fc-timeline-event.fc-not-start .fc-content:before{border-right:0;right:-6px} /*! FullCalendar Resource Timeline Plugin v4.2.0 Docs & License: https://fullcalendar.io/scheduler (c) 2019 Adam Shaw */.fc-timeline .fc-divider{width:3px;border-style:double}.fc-timeline .fc-head>tr>.fc-divider{border-bottom:0}.fc-timeline .fc-body>tr>.fc-divider{border-top:0}.fc-resource-area{width:30%}.fc-resource-area col{width:40%;min-width:70px}.fc-resource-area col.fc-main-col{width:60%}.fc-flat .fc-expander-space{display:none}.fc-ltr .fc-resource-area tr>*{text-align:left}.fc-rtl .fc-resource-area tr>*{text-align:right}.fc-resource-area .fc-cell-content{padding-left:4px;padding-right:4px}.fc-resource-area .fc-super th{text-align:center}.fc-resource-area th>div{position:relative}.fc-resource-area th .fc-cell-content{position:relative;z-index:1}.fc-resource-area th .fc-col-resizer{position:absolute;z-index:2;top:0;bottom:0;width:5px}.fc-timeline .fc-col-resizer{cursor:col-resize}.fc-ltr .fc-resource-area th .fc-col-resizer{right:-3px}.fc-rtl .fc-resource-area th .fc-col-resizer{left:-3px}.fc-body .fc-resource-area .fc-cell-content{padding-top:8px;padding-bottom:8px}.fc-no-overlap .fc-body .fc-resource-area .fc-cell-content{padding-top:6px;padding-bottom:6px}.fc-resource-area .fc-icon{display:inline-block;width:1em;text-align:center}.fc-resource-area .fc-expander{cursor:pointer;opacity:.65}.fc-time-area .fc-rows{position:relative;z-index:3}.fc-time-area .fc-rows td>div{position:relative}.fc-time-area .fc-rows .fc-bgevent-container,.fc-time-area .fc-rows .fc-highlight-container{z-index:1} @charset "UTF-8"; /*! * Pikaday * Copyright © 2014 David Bushell | BSD & MIT license | https://dbushell.com/ */ .pika-single { z-index: 9999; display: block; position: relative; color: #333; background: #fff; border: 1px solid #ccc; border-bottom-color: #bbb; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } /* clear child float (pika-lendar), using the famous micro clearfix hack http://nicolasgallagher.com/micro-clearfix-hack/ */ .pika-single:before, .pika-single:after { content: " "; display: table; } .pika-single:after { clear: both } .pika-single { *zoom: 1 } .pika-single.is-hidden { display: none; } .pika-single.is-bound { position: absolute; box-shadow: 0 5px 15px -5px rgba(0,0,0,.5); } .pika-lendar { float: left; width: 240px; margin: 8px; } .pika-title { position: relative; text-align: center; } .pika-label { display: inline-block; *display: inline; position: relative; z-index: 9999; overflow: hidden; margin: 0; padding: 5px 3px; font-size: 14px; line-height: 20px; font-weight: bold; background-color: #fff; } .pika-title select { cursor: pointer; position: absolute; z-index: 9998; margin: 0; left: 0; top: 5px; filter: alpha(opacity=0); opacity: 0; } .pika-prev, .pika-next { display: block; cursor: pointer; position: relative; outline: none; border: 0; padding: 0; width: 20px; height: 30px; /* hide text using text-indent trick, using width value (it's enough) */ text-indent: 20px; white-space: nowrap; overflow: hidden; background-color: transparent; background-position: center center; background-repeat: no-repeat; background-size: 75% 75%; opacity: .5; *position: absolute; *top: 0; } .pika-prev:hover, .pika-next:hover { opacity: 1; } .pika-prev, .is-rtl .pika-next { float: left; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg=='); *left: 0; } .pika-next, .is-rtl .pika-prev { float: right; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII='); *right: 0; } .pika-prev.is-disabled, .pika-next.is-disabled { cursor: default; opacity: .2; } .pika-select { display: inline-block; *display: inline; } .pika-table { width: 100%; border-collapse: collapse; border-spacing: 0; border: 0; } .pika-table th, .pika-table td { width: 14.285714285714286%; padding: 0; } .pika-table th { color: #999; font-size: 12px; line-height: 25px; font-weight: bold; text-align: center; } .pika-button { cursor: pointer; display: block; box-sizing: border-box; -moz-box-sizing: border-box; outline: none; border: 0; margin: 0; width: 100%; padding: 5px; color: #666; font-size: 12px; line-height: 15px; text-align: right; background: #f5f5f5; } .pika-week { font-size: 11px; color: #999; } .is-today .pika-button { color: #33aaff; font-weight: bold; } .is-selected .pika-button, .has-event .pika-button { color: #fff; font-weight: bold; background: #33aaff; box-shadow: inset 0 1px 3px #178fe5; border-radius: 3px; } .has-event .pika-button { background: #005da9; box-shadow: inset 0 1px 3px #0076c9; } .is-disabled .pika-button, .is-inrange .pika-button { background: #D5E9F7; } .is-startrange .pika-button { color: #fff; background: #6CB31D; box-shadow: none; border-radius: 3px; } .is-endrange .pika-button { color: #fff; background: #33aaff; box-shadow: none; border-radius: 3px; } .is-disabled .pika-button { pointer-events: none; cursor: default; color: #999; opacity: .3; } .is-outside-current-month .pika-button { color: #999; opacity: .3; } .is-selection-disabled { pointer-events: none; cursor: default; } .pika-button:hover, .pika-row.pick-whole-week:hover .pika-button { color: #fff; background: #ff8000; box-shadow: none; border-radius: 3px; } /* styling for abbr */ .pika-table abbr { border-bottom: none; cursor: help; } /** **************************** * 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: 10px; right: 25px; opacity: 0.5; transition: opacity 1s ease-out 3s; } .ag-watermark:before { content: ''; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDk0cHgiIGhlaWdodD0iMjM5cHgiIHZpZXdCb3g9IjAgMCA0OTQgMjM5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0Ny4xICg0NTQyMikgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+TG9nbzwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxwYXRoIGQ9Ik0wLjYxMjg0OTkzMSwxMDggTDAuNjEyODQ5OTMxLDY3LjQ1OTYzNzQgTDAuNjEyODQ5OTMxLDY3LjQ1OTYzNzQgQzAuNjEyODQ5OTMxLDYyLjEwMDY1MzYgMy40NzE4MzM3OCw1Ny4xNDg3NDgzIDguMTEyODQ5OTMsNTQuNDY5MjU2NCBMOTguMzA2NDI1LDIuMzk1OTcxNTcgTDk4LjMwNjQyNSwyLjM5NTk3MTU3IEMxMDIuOTQ3NDQxLC0wLjI4MzUyMDM1OCAxMDguNjY1NDA5LC0wLjI4MzUyMDM1OCAxMTMuMzA2NDI1LDIuMzk1OTcxNTcgTDExMy4zMDY0MjUsMi4zOTU5NzE1NyBMMjAzLjUsNTQuNDY5MjU2NCBMMjAzLjUsNTQuNDY5MjU2NCBDMjA4LjE0MTAxNiw1Ny4xNDg3NDgzIDIxMSw2Mi4xMDA2NTM2IDIxMSw2Ny40NTk2Mzc0IEwyMTEsMTM4IEwxODEsMTM4IEwxODAuOTk3MDQxLDkzLjk5OTk5OTggTDE4MC45OTYwMzIsOTMuOTk5OTk5OSBDMTgwLjk5NTQ3NSw4NS43MTYxMjI2IDE3NC4yNzk5MDksNzkuMDAxMDA4NyAxNjUuOTk2MDMyLDc5LjAwMTAwODcgTDEyMiw3OC45OTk5OTk5IEMxMTMuNzE1NzI5LDc4Ljk5OTk5OTkgMTA3LDg1LjcxNTcyODYgMTA3LDkzLjk5OTk5OTkgTDEwNywxMzYuMDE1NjIzIEwxMDcsMTM2LjAxNTYyMyBDMTA3LDE0NC4yOTk4OTUgMTEzLjcxNTcyOSwxNTEuMDE1NjIzIDEyMiwxNTEuMDE1NjIzIEwxNjgsMTUxLjAxNTYyMyBMMTY4LDE2MyBDMTY4LDE2NC42NTY4NTQgMTY2LjY1Njg1NCwxNjYgMTY1LDE2NiBMMTIwLDE2NiBMMTIwLDE3OSBMMTY1Ljk5NjAzMiwxNzkgTDE2NS45OTYwMzIsMTc4Ljk5Nzg3NyBDMTc0LjI3OTQ3NCwxNzguOTk3ODc3IDE4MC45OTQ4NiwxNzIuMjgzNDQyIDE4MC45OTYwMzIsMTY0IEwxODEsMTUwLjk2MDU1NCBMMjExLDE1MC45NjA1NTQgTDIxMSwxNzEuNjA2MjA3IEwyMTEsMTcxLjYwNjIwNyBDMjExLDE3Ni45NjUxOTEgMjA4LjE0MTAxNiwxODEuOTE3MDk2IDIwMy41LDE4NC41OTY1ODggTDExMy4zMDY0MjUsMjM2LjY2OTg3MyBMMTEzLjMwNjQyNSwyMzYuNjY5ODczIEMxMDguNjY1NDA5LDIzOS4zNDkzNjUgMTAyLjk0NzQ0MSwyMzkuMzQ5MzY1IDk4LjMwNjQyNSwyMzYuNjY5ODczIEw4LjExMjg0OTkzLDE4NC41OTY1ODggTDguMTEyODQ5OTMsMTg0LjU5NjU4OCBDMy40NzE4MzM3OCwxODEuOTE3MDk2IDAuNjEyODQ5OTMxLDE3Ni45NjUxOTEgMC42MTI4NDk5MzEsMTcxLjYwNjIwNyBMMC42MTI4NDk5MzEsMTIxIEwyNywxMjEgTDI3LDEzNiBDMjcsMTQ0LjI4NDI3MSAzMy43MTU3Mjg3LDE1MSA0MiwxNTEgTDQyLDE1MSBMMTAwLDE1MSBMMTAwLDk0IEMxMDAsODUuNzE1NzI4OCA5My4yODQyNzEyLDc5IDg1LDc5IEwyNyw3OSBMMjcsOTIgTDg0LDkyIEM4NS42NTY4NTQyLDkyIDg3LDkzLjM0MzE0NTggODcsOTUgTDg3LDk1IEw4NywxMDggTDAuNjEyODQ5OTMxLDEwOCBaIiBpZD0icGF0aC0xIj48L3BhdGg+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0iU3ltYm9scyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkxvZ28iPgogICAgICAgICAgICA8cGF0aCBkPSJNNDc3LDU1IEw0OTQsNTUgTDQ5NCwxNTEgTDQzNSwxNTEgQzQyNi43MTU3MjksMTUxIDQyMCwxNDQuMjg0MjcxIDQyMCwxMzYgTDQyMCw5NiBDNDIwLDg3LjcxNTcyODggNDI2LjcxNTcyOSw4MSA0MzUsODEgTDQzNSw4MSBMNDc3LDgxIEw0NzcsNTUgWiBNNDQwLDk4IEM0MzguMzQzMTQ2LDk4IDQzNyw5OS4zNDMxNDU4IDQzNywxMDEgTDQzNywxMzEgQzQzNywxMzIuNjU2ODU0IDQzOC4zNDMxNDYsMTM0IDQ0MCwxMzQgTDQ3NywxMzQgTDQ3Nyw5OCBMNDQwLDk4IFoiIGlkPSJkIiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+CiAgICAgICAgICAgIDxnIGlkPSJpIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzOTYuMDAwMDAwLCA1NS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJQYXRoLTYiIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMCAyNiAxNyAyNiAxNyA5NiAwIDk2Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICA8cG9seWdvbiBpZD0iUGF0aC03IiBmaWxsPSIjRTExRjIyIiBwb2ludHM9IjAgMS4xMzY4NjgzOGUtMTMgMTcgMS4xMzY4NjgzOGUtMTMgMTcgMTcgMCAxNyI+PC9wb2x5Z29uPgogICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0zMzEsMTUxIEwzNDgsMTUxIEwzNDgsMTAxIEwzNDgsMTAxIEMzNDgsOTkuMzQzMTQ1OCAzNDkuMzQzMTQ2LDk4IDM1MSw5OCBMMzg5LDk4IEwzODksODEgTDM0Niw4MSBMMzQ2LDgxIEMzMzcuNzE1NzI5LDgxIDMzMSw4Ny43MTU3Mjg4IDMzMSw5NiBMMzMxLDE1MSBaIiBpZD0iciIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNMzI0LDg2IEwzMjQsNzYgTDMyNCw3NiBDMzI0LDY3LjcxNTcyODggMzE3LjI4NDI3MSw2MSAzMDksNjEgTDI0OSw2MSBMMjQ5LDYxIEMyNDAuNzE1NzI5LDYxIDIzNCw2Ny43MTU3Mjg4IDIzNCw3NiBMMjM0LDEzNiBMMjM0LDEzNiBDMjM0LDE0NC4yODQyNzEgMjQwLjcxNTcyOSwxNTEgMjQ5LDE1MSBMMzA5LDE1MSBMMzA5LDE1MSBDMzE3LjI4NDI3MSwxNTEgMzI0LDE0NC4yODQyNzEgMzI0LDEzNiBMMzI0LDEwMCBMMjg3LDEwMCBMMjg3LDExNyBMMzA3LDExNyBMMzA3LDEzMSBMMzA3LDEzMSBDMzA3LDEzMi42NTY4NTQgMzA1LjY1Njg1NCwxMzQgMzA0LDEzNCBMMjU0LDEzNCBMMjU0LDEzNCBDMjUyLjM0MzE0NiwxMzQgMjUxLDEzMi42NTY4NTQgMjUxLDEzMSBMMjUxLDgxIEwyNTEsODEgQzI1MSw3OS4zNDMxNDU4IDI1Mi4zNDMxNDYsNzggMjU0LDc4IEwzMDQsNzggTDMwNCw3OCBDMzA1LjY1Njg1NCw3OCAzMDcsNzkuMzQzMTQ1OCAzMDcsODEgTDMwNyw4NiBMMzI0LDg2IFoiIGlkPSJHIiBmaWxsPSIjRkZGRkZGIj48L3BhdGg+CiAgICAgICAgICAgIDxnIGlkPSJhZyI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iQ29tYmluZWQtU2hhcGUiPgogICAgICAgICAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgICAgICA8L21hc2s+CiAgICAgICAgICAgICAgICAgICAgPHVzZSBmaWxsPSIjRTExRjIyIiB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJnIiBmaWxsPSIjRTExRjIyIiB4PSIxMjAiIHk9IjkyIiB3aWR0aD0iNDgiIGhlaWdodD0iNDYiIHJ4PSIzIj48L3JlY3Q+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNDAsMTIxIEw4NywxMjEgTDg3LDEzOCBMNDMsMTM4IEw0MywxMzggQzQxLjM0MzE0NTgsMTM4IDQwLDEzNi42NTY4NTQgNDAsMTM1IEw0MCwxMjEgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSIjRTExRjIyIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==); -webkit-filter: invert(50%); filter: invert(50%); background-repeat: no-repeat; background-size: 110px 60px; display: block; height: 60px; width: 110px; } .ag-watermark-text { opacity: 0.5; font-weight: bold; font-family: Impact, sans-serif; font-size: 19px; } .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.ag-layout-print { flex: none; } @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-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-clipper { min-height: 100%; } .ag-center-cols-container { display: block; } .ag-layout-print .ag-center-cols-clipper { min-width: 100%; } .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; } .ag-body-horizontal-scroll { min-height: 0; min-width: 0; width: 100%; display: flex; position: relative; } .ag-layout-print .ag-body-horizontal-scroll { display: none; } .ag-force-vertical-scroll { overflow-y: scroll !important; } .ag-force-vertical-scroll.ag-layout-print { overflow-y: visible !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%; } .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 { display: flex; flex-direction: column; overflow: hidden; flex-grow: 3; flex-shrink: 1; flex-basis: 0; } .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 { 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; flex: 1 1 0px; align-items: stretch; } .ag-column-drop-vertical-title-bar { display: flex; align-items: center; flex: none; } .ag-column-drop-vertical-list { 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, 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-full-width-row .ag-cell-wrapper.ag-row-group { align-items: center; } .ag-cell-auto-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 auto; } .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 { display: inline-block; position: absolute; } .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; } /** **************************** * 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; } .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; width: 200px; } .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%; } .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 { 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-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 { width: 100%; display: flex; height: 30px; align-items: center; } .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-chart-settings-nav-bar { padding: 0 10px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .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,d09GRgABAAAAABX4AAsAAAAAJ8wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAAlEAAAReXgFf/09TLzIAAANcAAAAPgAAAFZWTFJaY21hcAAAA5wAAAHtAAAFgFIH7gFnbHlmAAAFjAAADLgAABYYNphscGhlYWQAABJEAAAALwAAADZ2zsSBaGhlYQAAEnQAAAAbAAAAJAfTBC1obXR4AAASkAAAABIAAAEUp/gAAGxvY2EAABKkAAAAZAAAAIwBFQakbWF4cAAAEwgAAAAfAAAAIAFbAHNuYW1lAAATKAAAATUAAAJG0OP3eXBvc3QAABRgAAABlwAAAlqez14KeJx9k09yElEQxr9hCBKISYwxloga/0bjOAwM/yQQCFKWZWXhwoULN3GhpZVylRO49gCWB/AUnsBy6coDeADLA/jrZpCYRXjFzJvur7/+ul8/BZJKSrSr3OTx/nMtHx4cvVdFeU1/5j++Dw7fvjlQcfaFL+/vooLwj5Z1Qy90pG+BgtfB51whzIW74X74IfwU/lAIalMx6LIesGLVeEZkr6uhVDkVsMXsm2qBDnm23bqmC1pwz1AjrZMzJmbkjNt6qptahWfgPH31QCUs4+zzHLNuaeUURKrb8NdR08VqrFUyrGpRe2jso6NDdAvvCr4dMkfEDPANdA68ofLexyd6iaI1r80i6xku4R/TZfuO/KvMmqHa8DfgN74tss7sDTLViLgHex3Uw6yH27pGdAOePmwdj256dBlkDYWJrrKzympUtkT9PT3TK8+6m8X0vYvTmrdQP7cPnC+l2uPWDlxjsHfRMLfaidwhV6QJ/pI2eL/TR33RV33XT/3Sb53B2sVrFfTg3jm1M0X6dxI9xNv+Z7VKC5zPSdT/iEXqbnhvYnyjrIOWrYxO603CPsKaOL6ETsMPUZNyGnlyRJ63hnWB1eU7Bn02m8YWa8n7PGIGbAIqdKfB05im85bS4Usw2W6qa8O71YLnop+W9dRu0rJ/2czbKVfAXOYdUVnd+/MI7xUsxjS3VD0qRbVx3MefonaezVRVUdX02bXJmvgtGJJpkzqmSmrcXLsBE5+q6yioZzdyndMw9Z3spM47LvaoAM1RdpMT75lN8gBtNhXjv2nbY10AAAB4nGNgZMpnnMDAysDAVMW0h4GBoQdCMz5gMGRkAooysDIzYAUBaa4pDA4Muh8NmF8AuVFgEqgRRAAAy9AKRgAAeJy102dSWzEUhuHXhW56TaN3Y2wwvRkb/rAM0hlSGNKZrDI70QZCvnPPyQLITDTz+Ls6o6srjSygDSjImhQhXySHtd+q5rJ6ge6sXuSX+iU6yeu5whU33KXa/b2qFS655jblst7fltPoEk9ZZEe9I811oKdjqrT0xh4b7LPLCXU2OWWdbWo0OGeLQ5qc6f28vl7UGtvp0He7tJIezdhLH/0MMMgQw4wwyhjjTPCYJ/raM42ZZIppZpjVuDnmWdAalvTcwzIr+l1Vr6wFtvOwdvTA8dbWDnaOq63Knna7e1Lf1Ea3a43zrcPm2T9M9h9ayX4KP6N3gZ2ms91eBvt/PA8H8iLYyb4Mx/IqVOV1aMmbYPO+DXtyFTbkOuzLu7Ar78OJfAh1+Rg25Sacym1Yl09hWz6HmnwJDfkazuVb2JLv4VB+hKbcBR1gyjm7KynvsCw4u1up6Ox+pTZn9y61Oyw7HJadDssuh2W3s/uYehyWJWcnmXodln0Oy36H5YDDctBhOeSwHHZYjjgsRx2WYw7LcYflhMPykdPdJAXdUlLQfSUF3VxSyPY16bCcclhOOyxnHJazDss5l+133mG1BYfVFh1WW3JYbdlhtRWXzbPqsrWVHTZ2zWFjKy4bs+6w96oum7PmKP8BU32drwAAAHic7RhpcBvVeb+3lmRZsm5pJdk6V4ety9YdS/Zu7MTGdu7DCRlC0jQHDTFH0tAwIYJCaCAhDDSZcEwzFDoDGZgpw7TTDNMmpUMZMFNi0hQ6JTD9AbQNaRtCyXQGFy393molxybl+l1pd9/33vve9773ve96j2EZ/LHPss8yHJNm1jMMeAlnYQ1E0xROkSixCqQYUgXVRlDbbZwXuKawAEULm4JohA+qVXyetzs45a/WyH97Np+1B6K5YqGIuIViIRKl/3yANXcMxqCpCWKDHdJ70nvTNfBIfwvPAWCbSI4HL3j5HNHpEF65de5/4CFxCqw6v9fg0JlanEZ/xMBNidJ+aNLYDf0Gu1rt9XVbPAC72KevRBo8cm2gEF77+JIfXF8nrUzDslMia7ToHQ691dI+4Gh1egycSazouuwhm75bbzWa250hm5+fR0UFsrweYR9hfAxj5TTRIqcJmOUiag7IRTFglgvOPDGcOHw4MQytM0vpY6X+5pXbG/2tynzkZdbGNGNFmYeHN/clz5xJ7hPI0X2JM2cS+6Q5lC2Zt23sNsbGdDJ5xA/S7bDRrcnQfcjRfdBkaN1Ge+R9KdAeK9JFykg/WoRLW1aPZbLZzNjq1+rAlrGRoVg8HhsaeYYCEENo7MnkU08ln5S/7LYZ6DIgzESXIenj+gj8Mg2enawTIQ2jQ5lmzTx9i1k7f7pSOb9z5we33EK2SteR4erzU1PTYz5gzzFWJsogmU4IpiBvzgmQDWS8YDfbDMAGggYKeWmbQHtToAGUH7C56vfTK7q7V6RJreyqVjwZDz5kr1x2SOteyz4KN01jpOUR7E88aU91D37wIXfj5yPEzDwKN8/mKf7VeWIDaBdfxlF/9SXS++XsSKlhWV1m8MJAfXo+0GBJdSVOcpcRp5PdNYsL9tzlvbQcms2BIodb2U2MCjXWyTBa0HBaYIs+qPkGmyNTyFNFJH+X1pc2SlUQJiZeeU6ncxkd6cG0w+iCF+GJMnZIv4W+iQmhtdXbFnEF0+mgK9zupeSb5DmSrEHRGSPDhHlz1qq8QN/jovgrQTghitVTgvA2yVQnp9+GHZPDrAr5RB6p3pND0sXE++8n4FKtVNayCO3JyvBMN52lLsByQ6gsekEEHNhSwK4Izi7vuT2A7eSnl+Ij8dhIghbxkcinkUJB/khNc2MjcTgiXRfOV7APsjJCXDqFH5IpRKSXKCr0RgqSnljiw3ExH57m+2XyMrUVmGG1l5kj8V9uZjN9iOKbssSq+BBYWPMhMDFbLrh1Gi2QQygM6SKYyJ+odExgQhSVLJtjbAkl08MsZMaYdYhfKGYxfNSiAOXMANGa7y/KXgbZ5AxgBDlY0KpaFmiuCAKIkCI4ppClgrVpwqgpqJwZEVBbUsAHNcCv32pZ+/SdoVazpc3tj/QlRhY8s2zl/GVpk1Wr05lMCbE3IXQv5CCybMmGzWsdtvbSSO+mcgLu6V7AgXfnkR8v4Esj5c2luDTpjl8V74om3LHhWFeUfJRm2cX3Xt0e9MbaAy4kHLbY7N3lVW0pm9PutffF+xIP+67OkzVCn83uVbe0x8ubyiMl6ff+NXkyfGMfGwxiS+9I6WxHF1J0J6JdcSymdfUYyzNtTIopo6TkCKuISH25eDBWcgZSl05NIhqUBioZSgmViqOSQLv1AIqGWi1UG/JYcMP1N+1YszSjyEL8zTgsvP9GnyKLZXfyVADDpQ2l0oadG3p6NvwxNrxyOCZ/WL6x+MUh3mCcW1qtLHxsU5NI+sYHawv3uG9ZQlfr60ESNTp/gBglEiO1ouF7kmwS8wn0gqCs0wOaYkFZbKQPAiqbkjPYi/maahTybBI6nQNFZ/MJAAIaZ2HA1Um2V081yxCqSK2XnIt2e8rdbq3+uwfHdpR0za50n7c7NCiate50n6c7tLdrRUe3p5R2a80KP2RK1mdtXaNVZt5MPlG0WvqW0FBsh6SHS4y+tgZyoeFfrLiaNoz4vOzbuximyOez3GVv+EvqU7IvmvZIV65MVWo/USkFpUR2mmfkaXm0uT6mnxlkRr5uxmZFblQYc8Kzym+Ymx2tVGCX9Ar0SPsbkB6hS9IoHP9m6Vj1n4IgiMrbiGfTe1jz1tTLk7jisf8sCHWvXf037mBdD3ewbSg5M913dMh061muGMXVFqMkKsJ+aZd4QDoLkcnJdAXelbyVNHlQOCEcgAhEpLOTGdyBTJ3WdowDMWa1rNMoVg0KGN0blWpBhHwkmkY9NwCqtBdzXhHVFVXdGpSxsJF6u5TSQUfbsAOb07Ldy1R44sRYGWhraWkf96zoCOU0aofLomctYVO70WDi43t6Yr7xpNPDxTbFFnm2dXHtXNzbDJqwy66z0CHxInA2C+hYC29ot7Xo5qUinWRQq1e1Le+MeLZ5rK2tfRF+yG1h+bAlZI9u7E6H4m2c0b8tdU855QOtH6neXe72e7U6lW9TkkOqVoNxScqTt8ljAtbQtcn0Eqvp/zK5kkxqNnofe9/n/AZDrYzGaRW+ssXhW1TqGoTRaoWbJxIT8GJiIgGuqanq5NTUAoTJOmxF77FuyocAPokMWsU6LPGZeHpq2j6qpMqoGTwyWH3UQDThLsDsoPgP9q2hHct2wO+UcuIsS8vHaoWS4yTJ6/X8G9A66n82WX0APbDygktEexDrex/EmCbPp0ykTAuvN8kT/bA237/easJiO7zwFju0ffkOZewzmLvV7LKejaA51w43UDqYevts6mA//KIfobe7DsLSvfFTp+J74WR1Ek7WYJyZ0rmL3cU4mAQzh5kr5yAMUFXjHLLaoa5R7SoKhKNVjVrRQwxEsm4hGm2NRrpACw45BnWBwwcgjyoUOTlyccUITF27atkNLfpYZNHI81dfO69vLiFh/4339S8dnn+NVhuOLF98cvFYjG9uXjM0uvqCX61e0jcwmktHYbf0YXa8M2Y0W08O9HRI+0I6p7tQWq4Vchm7w/KZj/0eyaWPrdt8zdI5+bDdIfQ8tnL1aP/GgkgSsfuXji1akoqrYslVI2PLHownX+0bGaoEQxqV2wG3SQ+b2sKRXKn8GvE6pH3iof55nUmVwHZ29Arlz1qUfR1nb0Pt62B6UTLy4U8+ENr5zyf/vCbjsKmDkVwBAsEINhXKYA/ksxkHIqrJdr3B5Vvlcxn0lWBPEB+4VCunzC5X0OUCnaR3h0JuEXYJ7nCY9VhsToPFYnDaLIgkjSqDjuPH7PQ78ak+HnbBcXeoUgm5pVFXuOGz9yDPQYxuDNSzxgLuAS1EoNuloXkD9TRoTzS98IEmgquC2v4VOUdWTi1h2SEgTSqtp9RV3Nhs1LssnA289rmD38HsgrXZk9xDGDj+YtXqm01HCx0ZM7ibOQLN5Ehzi85osJjegNsPYS5l1HfotLoNbq+zzWoxSO+2j+k3q1WufLyb0yEF8oDJZDU4jhpYtk36q9oWdeYsD2Gk0zRb3qDLabksbvtxJ/qZIWYBs5K5htnAbPkfsTtgdsgXJyoavn2Y5tUsw46JoIavXTk4ZMGEbVw2H1VrsvliDFAiWUw87Fmq3WE1r7FnixHenv2iwA67q698eAGjrrbaDBiD/fDLlsTYyoQ2NtSxU5sYG0u0zA1l3F6ovgp7bgOoiLkFmAnsFuHkboqP4uiJ3fHCnKvu+MJQ/2n1VbUW0S+cMptwMrgNjDJx7c0dV8WJNrES5wGVxuqIeYfm3P7r0fwdnxTC68U9e4I0IQDYU4HbG/pxDs+19H5Dud0wUXXwU3GYZt1uBGmdXkIV4NK9O7fPmz9/3vadYKpD9+7asrHU21vauOUCAuUyAuw52iFdnIkszMChQG/9vF/nRfha3My6e5FxviqL8NwVblW+Mt/S6NjMkZTY7FyJ5lfo/DEwcZg0oWePstulswdEaRfsFw+kK5IX3q2kJycx4zp7gGZLB2iaNDmp0BnHnKAVvTID5gDm2TYHOhk8Gavqnp51Vp9fkQ6S4WBa+vl46fTp0vhKJPUOhKR36CkfQu3j5dOny+NwuHHfpiKH5XM6KXJFtkm6KKd6ZAtN3xFgZuMBPRNjvpqopfV31coGzov1Mz+HONKhn+HRd4AcQSB5Dww0aCWJje6yFWVwQg6AVqFx93QDO477Hsf8m7EGMdHG0wxGHXpYRS+LscWK+Y2XoMOKaqbzoSjQzIeTTZteltZgGqT4Y4SECPkRzDlPVDIkTZwnphTncSz/9saQkBT4rTFnQNNsdwtJeKJzsQebzElX1yqL2exD2OdXO9o2zmG34WAVOSpNfIAEQU2OQvE8kW7FVAbxfTIhfZsp1R4abUNCo36ZjoNVZRIda5CO6Fu1tiNdxhX+FyXYf3Z4nGNgZGBgAOJNb47Mjue3+crAzfwCKBDF+XhfA4JmYGB+CRJn4GBgAvEAeqIMgAB4nGNgZGBgfsHAACH//2d+ycDIgApcAXBnBQgAeJxjYGBgYH4xdDA9AADYnCd6AAB4nGNgAIIZDBcYnjE6MEYxLmF8xaTBFMVUw9THdIPpEzMHswzzBhYNlgKWLpYrrEGsOayT2GTYlrE9Ymdgl2K3YI9hf8PhxrGBM4xzDhcTlxpXAFcKVxlXF9cMbh7SIQDoHxaseJxjYGRgYHBlSGfgYQABJiDmAkIGhv9gPgMAGrQBzwB4nHWPP07DMBjFX2haRIsQEhJiwxMLUvpnYOjYodk7dGBzGydtlcSR41bqxjE4Acdg5AicgkPwEr6hQqotOT///N4nBcAtvhCgWQGu27NZF7jk7Y87pDvhkPwo3MUAz8I9+hfhPu1MeMBmwQlBeEXzgDfhC9zgXbhD/yEckj+Fu7jHt3CP/ke4j2UQCg/wFLzqLHbbZKbzjS4WJtvn2p2qU14aV29tqcbR6FTHpjROe5Oo1VHVh2zifapSZws1t6U3eW5V5ezOrH208b6aDoep+GhtC2hkiOGwRcI/18ix4VlgAcOXPe+ar+dS5/ySbYea3qKEwhgRRmfTMdNl29Dw/CZsrHDkWePAzoTWI+U9ZcayoTBvJzfpnNvSVO3bjmZNH3F206owxZA7/ZePmOKkX1qXaMkAAAB4nG2R6W7bMBCE/cWSrThp47ptet/3obbpfadX+h40RclEJFIgKR95+hJ1ESBA9w9nBsvZWbK30VvXqPf/OmCDPgkpA4ZkbDJii21OcZodxpxhwlnOcZ5dLnCRS1zmCle5xnVucJNb3OYOd7nHfR7wkEc85glPyXnGc16wx0te8Zo3vOUd7/nARz7xmS98ZZ9vfOcHP/nFAb97W6KqnKpE0NYMhHN24fvCy4EURqo6lTPhwljOlDyc2mX+F6hi91jQplBBuUYbEdTkWO7Mv85taWvr8lZH4oaRdI3xI2lNcEIGVSTStqtUOut9UigvM7VsRfQsNtVK5b4WftaPaFDqOo5JS+18SCqn27RytmuT2BCSWpVhUGsT52XrI98b1lYU2lRZI5a60UcqaZTpshh0zYw1asvYkIu6tgtVpG10Uv1Wm7TVcxvGLl63+bQLwZrcluXOScGkTlezkHgxVyPfRJe8sAuTrWFMFuLKk+CUOvlGWWfWERFUOBQBjcWwwCOpmXHIlGX8zYKGjpYVJUfMe70/6zKeWwA=") 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-desc:before { content: "\f10e"; } .ag-theme-balham .ag-icon-expanded:before { content: "\f10f"; } .ag-theme-balham .ag-icon-eye-slash:before { content: "\f110"; } .ag-theme-balham .ag-icon-eye:before { content: "\f111"; } .ag-theme-balham .ag-icon-filter:before { content: "\f112"; } .ag-theme-balham .ag-icon-first:before { content: "\f113"; } .ag-theme-balham .ag-icon-grip:before { content: "\f114"; } .ag-theme-balham .ag-icon-group:before { content: "\f115"; } .ag-theme-balham .ag-icon-last:before { content: "\f116"; } .ag-theme-balham .ag-icon-left:before { content: "\f117"; } .ag-theme-balham .ag-icon-linked:before { content: "\f118"; } .ag-theme-balham .ag-icon-loading:before { content: "\f119"; } .ag-theme-balham .ag-icon-maximize:before { content: "\f11a"; } .ag-theme-balham .ag-icon-menu:before { content: "\f11b"; } .ag-theme-balham .ag-icon-minimize:before { content: "\f11c"; } .ag-theme-balham .ag-icon-next:before { content: "\f11d"; } .ag-theme-balham .ag-icon-none:before { content: "\f11e"; } .ag-theme-balham .ag-icon-not-allowed:before { content: "\f11f"; } .ag-theme-balham .ag-icon-paste:before { content: "\f120"; } .ag-theme-balham .ag-icon-pin:before { content: "\f121"; } .ag-theme-balham .ag-icon-pivot:before { content: "\f122"; } .ag-theme-balham .ag-icon-previous:before { content: "\f123"; } .ag-theme-balham .ag-icon-right:before { content: "\f126"; } .ag-theme-balham .ag-icon-save:before { content: "\f127"; } .ag-theme-balham .ag-icon-small-down:before { content: "\f128"; } .ag-theme-balham .ag-icon-small-left:before { content: "\f129"; } .ag-theme-balham .ag-icon-small-right:before { content: "\f12a"; } .ag-theme-balham .ag-icon-small-up:before { content: "\f12b"; } .ag-theme-balham .ag-icon-tick:before { content: "\f12c"; } .ag-theme-balham .ag-icon-tree-closed:before { content: "\f12d"; } .ag-theme-balham .ag-icon-tree-indeterminate:before { content: "\f12e"; } .ag-theme-balham .ag-icon-tree-open:before { content: "\f12f"; } .ag-theme-balham .ag-icon-unlinked:before { content: "\f130"; } .ag-theme-balham .ag-icon-row-drag:before { content: "\f114"; } .ag-theme-balham .ag-right-arrow:before { content: "\f117"; } .ag-theme-balham .ag-right-arrow:before { content: "\f126"; } .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; } .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; z-index: 10; 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; } .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 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-row-group-leaf-indent { margin-left: 28px; } .ag-theme-balham .ag-rtl .ag-row-level-1 .ag-row-group-leaf-indent { 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-row-group-leaf-indent { margin-left: 28px; } .ag-theme-balham .ag-rtl .ag-row-level-2 .ag-row-group-leaf-indent { 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-row-group-leaf-indent { margin-left: 28px; } .ag-theme-balham .ag-rtl .ag-row-level-3 .ag-row-group-leaf-indent { 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-row-group-leaf-indent { margin-left: 28px; } .ag-theme-balham .ag-rtl .ag-row-level-4 .ag-row-group-leaf-indent { 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-row-group-leaf-indent { margin-left: 28px; } .ag-theme-balham .ag-rtl .ag-row-level-5 .ag-row-group-leaf-indent { 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-row-group-leaf-indent { margin-left: 28px; } .ag-theme-balham .ag-rtl .ag-row-level-6 .ag-row-group-leaf-indent { 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-row-group-leaf-indent { margin-left: 28px; } .ag-theme-balham .ag-rtl .ag-row-level-7 .ag-row-group-leaf-indent { 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-row-group-leaf-indent { margin-left: 28px; } .ag-theme-balham .ag-rtl .ag-row-level-8 .ag-row-group-leaf-indent { 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-row-group-leaf-indent { margin-left: 28px; } .ag-theme-balham .ag-rtl .ag-row-level-9 .ag-row-group-leaf-indent { 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-row-group-leaf-indent { margin-left: 28px; } .ag-theme-balham .ag-rtl .ag-row-level-10 .ag-row-group-leaf-indent { 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-row-group-leaf-indent { margin-left: 28px; } .ag-theme-balham .ag-rtl .ag-row-level-11 .ag-row-group-leaf-indent { 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-row-group-leaf-indent { margin-left: 28px; } .ag-theme-balham .ag-rtl .ag-row-level-12 .ag-row-group-leaf-indent { 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-row-group-leaf-indent { margin-left: 28px; } .ag-theme-balham .ag-rtl .ag-row-level-13 .ag-row-group-leaf-indent { 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-row-group-leaf-indent { margin-left: 28px; } .ag-theme-balham .ag-rtl .ag-row-level-14 .ag-row-group-leaf-indent { 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-row-group-leaf-indent { margin-left: 28px; } .ag-theme-balham .ag-rtl .ag-row-level-15 .ag-row-group-leaf-indent { 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-row-group-leaf-indent { margin-left: 28px; } .ag-theme-balham .ag-rtl .ag-row-level-16 .ag-row-group-leaf-indent { 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-row-group-leaf-indent { margin-left: 28px; } .ag-theme-balham .ag-rtl .ag-row-level-17 .ag-row-group-leaf-indent { 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-row-group-leaf-indent { margin-left: 28px; } .ag-theme-balham .ag-rtl .ag-row-level-18 .ag-row-group-leaf-indent { 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-row-group-leaf-indent { margin-left: 28px; } .ag-theme-balham .ag-rtl .ag-row-level-19 .ag-row-group-leaf-indent { margin-right: 28px; } .ag-theme-balham .ag-cell { -webkit-font-smoothing: subpixel-antialiased; } .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); } .ag-theme-balham .ag-row:not(.ag-row-first) { border-top-style: solid; } .ag-theme-balham .ag-row.ag-row-last { 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-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-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-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 { margin-left: auto; } .ag-theme-balham .ag-rtl .ag-right-aligned-cell .ag-cell-value { margin-right: auto; } .ag-theme-balham .ag-cell { border: 1px solid transparent; line-height: 26px; padding-left: 11px; padding-right: 11px; } .ag-theme-balham .ag-row > .ag-cell-wrapper { padding-left: 11px; padding-right: 11px; } .ag-theme-balham .ag-row-dragging { cursor: move; } .ag-theme-balham .ag-row-dragging { 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-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-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-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-fill-handle, .ag-theme-balham .ag-range-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-fill-handle, .ag-theme-balham .ag-ltr .ag-range-handle { right: -1px; } .ag-theme-balham .ag-rtl .ag-fill-handle, .ag-theme-balham .ag-rtl .ag-range-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-header { min-width: 220px; 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 { 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: "\f112"; 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 { 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-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))); } .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-header-row { height: 32px; } .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; max-height: 150px; 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-list { position: relative; } .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: "\f124"; 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: "\f125"; 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; } /*! * Quill Editor v1.3.7 * https://quilljs.com/ * Copyright (c) 2014, Jason Chen * Copyright (c) 2013, salesforce.com */ .ql-container { box-sizing: border-box; font-family: Helvetica, Arial, sans-serif; font-size: 13px; height: 100%; margin: 0px; position: relative; } .ql-container.ql-disabled .ql-tooltip { visibility: hidden; } .ql-container.ql-disabled .ql-editor ul[data-checked] > li::before { pointer-events: none; } .ql-clipboard { left: -100000px; height: 1px; overflow-y: hidden; position: absolute; top: 50%; } .ql-clipboard p { margin: 0; padding: 0; } .ql-editor { box-sizing: border-box; line-height: 1.42; height: 100%; outline: none; overflow-y: auto; padding: 12px 15px; tab-size: 4; -moz-tab-size: 4; text-align: left; white-space: pre-wrap; word-wrap: break-word; } .ql-editor > * { cursor: text; } .ql-editor p, .ql-editor ol, .ql-editor ul, .ql-editor pre, .ql-editor blockquote, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 { margin: 0; padding: 0; counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol, .ql-editor ul { padding-left: 1.5em; } .ql-editor ol > li, .ql-editor ul > li { list-style-type: none; } .ql-editor ul > li::before { content: '\2022'; } .ql-editor ul[data-checked=true], .ql-editor ul[data-checked=false] { pointer-events: none; } .ql-editor ul[data-checked=true] > li *, .ql-editor ul[data-checked=false] > li * { pointer-events: all; } .ql-editor ul[data-checked=true] > li::before, .ql-editor ul[data-checked=false] > li::before { color: #777; cursor: pointer; pointer-events: all; } .ql-editor ul[data-checked=true] > li::before { content: '\2611'; } .ql-editor ul[data-checked=false] > li::before { content: '\2610'; } .ql-editor li::before { display: inline-block; white-space: nowrap; width: 1.2em; } .ql-editor li:not(.ql-direction-rtl)::before { margin-left: -1.5em; margin-right: 0.3em; text-align: right; } .ql-editor li.ql-direction-rtl::before { margin-left: 0.3em; margin-right: -1.5em; } .ql-editor ol li:not(.ql-direction-rtl), .ql-editor ul li:not(.ql-direction-rtl) { padding-left: 1.5em; } .ql-editor ol li.ql-direction-rtl, .ql-editor ul li.ql-direction-rtl { padding-right: 1.5em; } .ql-editor ol li { counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; counter-increment: list-0; } .ql-editor ol li:before { content: counter(list-0, decimal) '. '; } .ql-editor ol li.ql-indent-1 { counter-increment: list-1; } .ql-editor ol li.ql-indent-1:before { content: counter(list-1, lower-alpha) '. '; } .ql-editor ol li.ql-indent-1 { counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-2 { counter-increment: list-2; } .ql-editor ol li.ql-indent-2:before { content: counter(list-2, lower-roman) '. '; } .ql-editor ol li.ql-indent-2 { counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-3 { counter-increment: list-3; } .ql-editor ol li.ql-indent-3:before { content: counter(list-3, decimal) '. '; } .ql-editor ol li.ql-indent-3 { counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-4 { counter-increment: list-4; } .ql-editor ol li.ql-indent-4:before { content: counter(list-4, lower-alpha) '. '; } .ql-editor ol li.ql-indent-4 { counter-reset: list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-5 { counter-increment: list-5; } .ql-editor ol li.ql-indent-5:before { content: counter(list-5, lower-roman) '. '; } .ql-editor ol li.ql-indent-5 { counter-reset: list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-6 { counter-increment: list-6; } .ql-editor ol li.ql-indent-6:before { content: counter(list-6, decimal) '. '; } .ql-editor ol li.ql-indent-6 { counter-reset: list-7 list-8 list-9; } .ql-editor ol li.ql-indent-7 { counter-increment: list-7; } .ql-editor ol li.ql-indent-7:before { content: counter(list-7, lower-alpha) '. '; } .ql-editor ol li.ql-indent-7 { counter-reset: list-8 list-9; } .ql-editor ol li.ql-indent-8 { counter-increment: list-8; } .ql-editor ol li.ql-indent-8:before { content: counter(list-8, lower-roman) '. '; } .ql-editor ol li.ql-indent-8 { counter-reset: list-9; } .ql-editor ol li.ql-indent-9 { counter-increment: list-9; } .ql-editor ol li.ql-indent-9:before { content: counter(list-9, decimal) '. '; } .ql-editor .ql-indent-1:not(.ql-direction-rtl) { padding-left: 3em; } .ql-editor li.ql-indent-1:not(.ql-direction-rtl) { padding-left: 4.5em; } .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 3em; } .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 4.5em; } .ql-editor .ql-indent-2:not(.ql-direction-rtl) { padding-left: 6em; } .ql-editor li.ql-indent-2:not(.ql-direction-rtl) { padding-left: 7.5em; } .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 6em; } .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 7.5em; } .ql-editor .ql-indent-3:not(.ql-direction-rtl) { padding-left: 9em; } .ql-editor li.ql-indent-3:not(.ql-direction-rtl) { padding-left: 10.5em; } .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 9em; } .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 10.5em; } .ql-editor .ql-indent-4:not(.ql-direction-rtl) { padding-left: 12em; } .ql-editor li.ql-indent-4:not(.ql-direction-rtl) { padding-left: 13.5em; } .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 12em; } .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 13.5em; } .ql-editor .ql-indent-5:not(.ql-direction-rtl) { padding-left: 15em; } .ql-editor li.ql-indent-5:not(.ql-direction-rtl) { padding-left: 16.5em; } .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 15em; } .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 16.5em; } .ql-editor .ql-indent-6:not(.ql-direction-rtl) { padding-left: 18em; } .ql-editor li.ql-indent-6:not(.ql-direction-rtl) { padding-left: 19.5em; } .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 18em; } .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 19.5em; } .ql-editor .ql-indent-7:not(.ql-direction-rtl) { padding-left: 21em; } .ql-editor li.ql-indent-7:not(.ql-direction-rtl) { padding-left: 22.5em; } .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 21em; } .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 22.5em; } .ql-editor .ql-indent-8:not(.ql-direction-rtl) { padding-left: 24em; } .ql-editor li.ql-indent-8:not(.ql-direction-rtl) { padding-left: 25.5em; } .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 24em; } .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 25.5em; } .ql-editor .ql-indent-9:not(.ql-direction-rtl) { padding-left: 27em; } .ql-editor li.ql-indent-9:not(.ql-direction-rtl) { padding-left: 28.5em; } .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 27em; } .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 28.5em; } .ql-editor .ql-video { display: block; max-width: 100%; } .ql-editor .ql-video.ql-align-center { margin: 0 auto; } .ql-editor .ql-video.ql-align-right { margin: 0 0 0 auto; } .ql-editor .ql-bg-black { background-color: #000; } .ql-editor .ql-bg-red { background-color: #e60000; } .ql-editor .ql-bg-orange { background-color: #f90; } .ql-editor .ql-bg-yellow { background-color: #ff0; } .ql-editor .ql-bg-green { background-color: #008a00; } .ql-editor .ql-bg-blue { background-color: #06c; } .ql-editor .ql-bg-purple { background-color: #93f; } .ql-editor .ql-color-white { color: #fff; } .ql-editor .ql-color-red { color: #e60000; } .ql-editor .ql-color-orange { color: #f90; } .ql-editor .ql-color-yellow { color: #ff0; } .ql-editor .ql-color-green { color: #008a00; } .ql-editor .ql-color-blue { color: #06c; } .ql-editor .ql-color-purple { color: #93f; } .ql-editor .ql-font-serif { font-family: Georgia, Times New Roman, serif; } .ql-editor .ql-font-monospace { font-family: Monaco, Courier New, monospace; } .ql-editor .ql-size-small { font-size: 0.75em; } .ql-editor .ql-size-large { font-size: 1.5em; } .ql-editor .ql-size-huge { font-size: 2.5em; } .ql-editor .ql-direction-rtl { direction: rtl; text-align: inherit; } .ql-editor .ql-align-center { text-align: center; } .ql-editor .ql-align-justify { text-align: justify; } .ql-editor .ql-align-right { text-align: right; } .ql-editor.ql-blank::before { color: rgba(0,0,0,0.6); content: attr(data-placeholder); font-style: italic; left: 15px; pointer-events: none; position: absolute; right: 15px; } .ql-bubble.ql-toolbar:after, .ql-bubble .ql-toolbar:after { clear: both; content: ''; display: table; } .ql-bubble.ql-toolbar button, .ql-bubble .ql-toolbar button { background: none; border: none; cursor: pointer; display: inline-block; float: left; height: 24px; padding: 3px 5px; width: 28px; } .ql-bubble.ql-toolbar button svg, .ql-bubble .ql-toolbar button svg { float: left; height: 100%; } .ql-bubble.ql-toolbar button:active:hover, .ql-bubble .ql-toolbar button:active:hover { outline: none; } .ql-bubble.ql-toolbar input.ql-image[type=file], .ql-bubble .ql-toolbar input.ql-image[type=file] { display: none; } .ql-bubble.ql-toolbar button:hover, .ql-bubble .ql-toolbar button:hover, .ql-bubble.ql-toolbar button:focus, .ql-bubble .ql-toolbar button:focus, .ql-bubble.ql-toolbar button.ql-active, .ql-bubble .ql-toolbar button.ql-active, .ql-bubble.ql-toolbar .ql-picker-label:hover, .ql-bubble .ql-toolbar .ql-picker-label:hover, .ql-bubble.ql-toolbar .ql-picker-label.ql-active, .ql-bubble .ql-toolbar .ql-picker-label.ql-active, .ql-bubble.ql-toolbar .ql-picker-item:hover, .ql-bubble .ql-toolbar .ql-picker-item:hover, .ql-bubble.ql-toolbar .ql-picker-item.ql-selected, .ql-bubble .ql-toolbar .ql-picker-item.ql-selected { color: #fff; } .ql-bubble.ql-toolbar button:hover .ql-fill, .ql-bubble .ql-toolbar button:hover .ql-fill, .ql-bubble.ql-toolbar button:focus .ql-fill, .ql-bubble .ql-toolbar button:focus .ql-fill, .ql-bubble.ql-toolbar button.ql-active .ql-fill, .ql-bubble .ql-toolbar button.ql-active .ql-fill, .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill, .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill, .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill, .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill, .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill, .ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill, .ql-bubble.ql-toolbar button:focus .ql-stroke.ql-fill, .ql-bubble .ql-toolbar button:focus .ql-stroke.ql-fill, .ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill { fill: #fff; } .ql-bubble.ql-toolbar button:hover .ql-stroke, .ql-bubble .ql-toolbar button:hover .ql-stroke, .ql-bubble.ql-toolbar button:focus .ql-stroke, .ql-bubble .ql-toolbar button:focus .ql-stroke, .ql-bubble.ql-toolbar button.ql-active .ql-stroke, .ql-bubble .ql-toolbar button.ql-active .ql-stroke, .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-bubble.ql-toolbar button:hover .ql-stroke-miter, .ql-bubble .ql-toolbar button:hover .ql-stroke-miter, .ql-bubble.ql-toolbar button:focus .ql-stroke-miter, .ql-bubble .ql-toolbar button:focus .ql-stroke-miter, .ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter, .ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter, .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter { stroke: #fff; } @media (pointer: coarse) { .ql-bubble.ql-toolbar button:hover:not(.ql-active), .ql-bubble .ql-toolbar button:hover:not(.ql-active) { color: #ccc; } .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill, .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill { fill: #ccc; } .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter, .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter { stroke: #ccc; } } .ql-bubble { box-sizing: border-box; } .ql-bubble * { box-sizing: border-box; } .ql-bubble .ql-hidden { display: none; } .ql-bubble .ql-out-bottom, .ql-bubble .ql-out-top { visibility: hidden; } .ql-bubble .ql-tooltip { position: absolute; transform: translateY(10px); } .ql-bubble .ql-tooltip a { cursor: pointer; text-decoration: none; } .ql-bubble .ql-tooltip.ql-flip { transform: translateY(-10px); } .ql-bubble .ql-formats { display: inline-block; vertical-align: middle; } .ql-bubble .ql-formats:after { clear: both; content: ''; display: table; } .ql-bubble .ql-stroke { fill: none; stroke: #ccc; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; } .ql-bubble .ql-stroke-miter { fill: none; stroke: #ccc; stroke-miterlimit: 10; stroke-width: 2; } .ql-bubble .ql-fill, .ql-bubble .ql-stroke.ql-fill { fill: #ccc; } .ql-bubble .ql-empty { fill: none; } .ql-bubble .ql-even { fill-rule: evenodd; } .ql-bubble .ql-thin, .ql-bubble .ql-stroke.ql-thin { stroke-width: 1; } .ql-bubble .ql-transparent { opacity: 0.4; } .ql-bubble .ql-direction svg:last-child { display: none; } .ql-bubble .ql-direction.ql-active svg:last-child { display: inline; } .ql-bubble .ql-direction.ql-active svg:first-child { display: none; } .ql-bubble .ql-editor h1 { font-size: 2em; } .ql-bubble .ql-editor h2 { font-size: 1.5em; } .ql-bubble .ql-editor h3 { font-size: 1.17em; } .ql-bubble .ql-editor h4 { font-size: 1em; } .ql-bubble .ql-editor h5 { font-size: 0.83em; } .ql-bubble .ql-editor h6 { font-size: 0.67em; } .ql-bubble .ql-editor a { text-decoration: underline; } .ql-bubble .ql-editor blockquote { border-left: 4px solid #ccc; margin-bottom: 5px; margin-top: 5px; padding-left: 16px; } .ql-bubble .ql-editor code, .ql-bubble .ql-editor pre { background-color: #f0f0f0; border-radius: 3px; } .ql-bubble .ql-editor pre { white-space: pre-wrap; margin-bottom: 5px; margin-top: 5px; padding: 5px 10px; } .ql-bubble .ql-editor code { font-size: 85%; padding: 2px 4px; } .ql-bubble .ql-editor pre.ql-syntax { background-color: #23241f; color: #f8f8f2; overflow: visible; } .ql-bubble .ql-editor img { max-width: 100%; } .ql-bubble .ql-picker { color: #ccc; display: inline-block; float: left; font-size: 14px; font-weight: 500; height: 24px; position: relative; vertical-align: middle; } .ql-bubble .ql-picker-label { cursor: pointer; display: inline-block; height: 100%; padding-left: 8px; padding-right: 2px; position: relative; width: 100%; } .ql-bubble .ql-picker-label::before { display: inline-block; line-height: 22px; } .ql-bubble .ql-picker-options { background-color: #444; display: none; min-width: 100%; padding: 4px 8px; position: absolute; white-space: nowrap; } .ql-bubble .ql-picker-options .ql-picker-item { cursor: pointer; display: block; padding-bottom: 5px; padding-top: 5px; } .ql-bubble .ql-picker.ql-expanded .ql-picker-label { color: #777; z-index: 2; } .ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill { fill: #777; } .ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke { stroke: #777; } .ql-bubble .ql-picker.ql-expanded .ql-picker-options { display: block; margin-top: -1px; top: 100%; z-index: 1; } .ql-bubble .ql-color-picker, .ql-bubble .ql-icon-picker { width: 28px; } .ql-bubble .ql-color-picker .ql-picker-label, .ql-bubble .ql-icon-picker .ql-picker-label { padding: 2px 4px; } .ql-bubble .ql-color-picker .ql-picker-label svg, .ql-bubble .ql-icon-picker .ql-picker-label svg { right: 4px; } .ql-bubble .ql-icon-picker .ql-picker-options { padding: 4px 0px; } .ql-bubble .ql-icon-picker .ql-picker-item { height: 24px; width: 24px; padding: 2px 4px; } .ql-bubble .ql-color-picker .ql-picker-options { padding: 3px 5px; width: 152px; } .ql-bubble .ql-color-picker .ql-picker-item { border: 1px solid transparent; float: left; height: 16px; margin: 2px; padding: 0px; width: 16px; } .ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg { position: absolute; margin-top: -9px; right: 0; top: 50%; width: 18px; } .ql-bubble .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before, .ql-bubble .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before, .ql-bubble .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before, .ql-bubble .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before, .ql-bubble .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before { content: attr(data-label); } .ql-bubble .ql-picker.ql-header { width: 98px; } .ql-bubble .ql-picker.ql-header .ql-picker-label::before, .ql-bubble .ql-picker.ql-header .ql-picker-item::before { content: 'Normal'; } .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="1"]::before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { content: 'Heading 1'; } .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="2"]::before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { content: 'Heading 2'; } .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="3"]::before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { content: 'Heading 3'; } .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="4"]::before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { content: 'Heading 4'; } .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="5"]::before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { content: 'Heading 5'; } .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="6"]::before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { content: 'Heading 6'; } .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { font-size: 2em; } .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { font-size: 1.5em; } .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { font-size: 1.17em; } .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { font-size: 1em; } .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { font-size: 0.83em; } .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { font-size: 0.67em; } .ql-bubble .ql-picker.ql-font { width: 108px; } .ql-bubble .ql-picker.ql-font .ql-picker-label::before, .ql-bubble .ql-picker.ql-font .ql-picker-item::before { content: 'Sans Serif'; } .ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=serif]::before, .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { content: 'Serif'; } .ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before, .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { content: 'Monospace'; } .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { font-family: Georgia, Times New Roman, serif; } .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { font-family: Monaco, Courier New, monospace; } .ql-bubble .ql-picker.ql-size { width: 98px; } .ql-bubble .ql-picker.ql-size .ql-picker-label::before, .ql-bubble .ql-picker.ql-size .ql-picker-item::before { content: 'Normal'; } .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=small]::before, .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before { content: 'Small'; } .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=large]::before, .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before { content: 'Large'; } .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=huge]::before, .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { content: 'Huge'; } .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before { font-size: 10px; } .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before { font-size: 18px; } .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { font-size: 32px; } .ql-bubble .ql-color-picker.ql-background .ql-picker-item { background-color: #fff; } .ql-bubble .ql-color-picker.ql-color .ql-picker-item { background-color: #000; } .ql-bubble .ql-toolbar .ql-formats { margin: 8px 12px 8px 0px; } .ql-bubble .ql-toolbar .ql-formats:first-child { margin-left: 12px; } .ql-bubble .ql-color-picker svg { margin: 1px; } .ql-bubble .ql-color-picker .ql-picker-item.ql-selected, .ql-bubble .ql-color-picker .ql-picker-item:hover { border-color: #fff; } .ql-bubble .ql-tooltip { background-color: #444; border-radius: 25px; color: #fff; } .ql-bubble .ql-tooltip-arrow { border-left: 6px solid transparent; border-right: 6px solid transparent; content: " "; display: block; left: 50%; margin-left: -6px; position: absolute; } .ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow { border-bottom: 6px solid #444; top: -6px; } .ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow { border-top: 6px solid #444; bottom: -6px; } .ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor { display: block; } .ql-bubble .ql-tooltip.ql-editing .ql-formats { visibility: hidden; } .ql-bubble .ql-tooltip-editor { display: none; } .ql-bubble .ql-tooltip-editor input[type=text] { background: transparent; border: none; color: #fff; font-size: 13px; height: 100%; outline: none; padding: 10px 20px; position: absolute; width: 100%; } .ql-bubble .ql-tooltip-editor a { top: 10px; position: absolute; right: 20px; } .ql-bubble .ql-tooltip-editor a:before { color: #ccc; content: "\D7"; font-size: 16px; font-weight: bold; } .ql-container.ql-bubble:not(.ql-disabled) a { position: relative; white-space: nowrap; } .ql-container.ql-bubble:not(.ql-disabled) a::before { background-color: #444; border-radius: 15px; top: -5px; font-size: 12px; color: #fff; content: attr(href); font-weight: normal; overflow: hidden; padding: 5px 15px; text-decoration: none; z-index: 1; } .ql-container.ql-bubble:not(.ql-disabled) a::after { border-top: 6px solid #444; border-left: 6px solid transparent; border-right: 6px solid transparent; top: 0; content: " "; height: 0; width: 0; } .ql-container.ql-bubble:not(.ql-disabled) a::before, .ql-container.ql-bubble:not(.ql-disabled) a::after { left: 0; margin-left: 50%; position: absolute; transform: translate(-50%, -100%); transition: visibility 0s ease 200ms; visibility: hidden; } .ql-container.ql-bubble:not(.ql-disabled) a:hover::before, .ql-container.ql-bubble:not(.ql-disabled) a:hover::after { visibility: visible; } /*! * Quill Editor v1.3.7 * https://quilljs.com/ * Copyright (c) 2014, Jason Chen * Copyright (c) 2013, salesforce.com */ .ql-container { box-sizing: border-box; font-family: Helvetica, Arial, sans-serif; font-size: 13px; height: 100%; margin: 0px; position: relative; } .ql-container.ql-disabled .ql-tooltip { visibility: hidden; } .ql-container.ql-disabled .ql-editor ul[data-checked] > li::before { pointer-events: none; } .ql-clipboard { left: -100000px; height: 1px; overflow-y: hidden; position: absolute; top: 50%; } .ql-clipboard p { margin: 0; padding: 0; } .ql-editor { box-sizing: border-box; line-height: 1.42; height: 100%; outline: none; overflow-y: auto; padding: 12px 15px; tab-size: 4; -moz-tab-size: 4; text-align: left; white-space: pre-wrap; word-wrap: break-word; } .ql-editor > * { cursor: text; } .ql-editor p, .ql-editor ol, .ql-editor ul, .ql-editor pre, .ql-editor blockquote, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 { margin: 0; padding: 0; counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol, .ql-editor ul { padding-left: 1.5em; } .ql-editor ol > li, .ql-editor ul > li { list-style-type: none; } .ql-editor ul > li::before { content: '\2022'; } .ql-editor ul[data-checked=true], .ql-editor ul[data-checked=false] { pointer-events: none; } .ql-editor ul[data-checked=true] > li *, .ql-editor ul[data-checked=false] > li * { pointer-events: all; } .ql-editor ul[data-checked=true] > li::before, .ql-editor ul[data-checked=false] > li::before { color: #777; cursor: pointer; pointer-events: all; } .ql-editor ul[data-checked=true] > li::before { content: '\2611'; } .ql-editor ul[data-checked=false] > li::before { content: '\2610'; } .ql-editor li::before { display: inline-block; white-space: nowrap; width: 1.2em; } .ql-editor li:not(.ql-direction-rtl)::before { margin-left: -1.5em; margin-right: 0.3em; text-align: right; } .ql-editor li.ql-direction-rtl::before { margin-left: 0.3em; margin-right: -1.5em; } .ql-editor ol li:not(.ql-direction-rtl), .ql-editor ul li:not(.ql-direction-rtl) { padding-left: 1.5em; } .ql-editor ol li.ql-direction-rtl, .ql-editor ul li.ql-direction-rtl { padding-right: 1.5em; } .ql-editor ol li { counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; counter-increment: list-0; } .ql-editor ol li:before { content: counter(list-0, decimal) '. '; } .ql-editor ol li.ql-indent-1 { counter-increment: list-1; } .ql-editor ol li.ql-indent-1:before { content: counter(list-1, lower-alpha) '. '; } .ql-editor ol li.ql-indent-1 { counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-2 { counter-increment: list-2; } .ql-editor ol li.ql-indent-2:before { content: counter(list-2, lower-roman) '. '; } .ql-editor ol li.ql-indent-2 { counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-3 { counter-increment: list-3; } .ql-editor ol li.ql-indent-3:before { content: counter(list-3, decimal) '. '; } .ql-editor ol li.ql-indent-3 { counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-4 { counter-increment: list-4; } .ql-editor ol li.ql-indent-4:before { content: counter(list-4, lower-alpha) '. '; } .ql-editor ol li.ql-indent-4 { counter-reset: list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-5 { counter-increment: list-5; } .ql-editor ol li.ql-indent-5:before { content: counter(list-5, lower-roman) '. '; } .ql-editor ol li.ql-indent-5 { counter-reset: list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-6 { counter-increment: list-6; } .ql-editor ol li.ql-indent-6:before { content: counter(list-6, decimal) '. '; } .ql-editor ol li.ql-indent-6 { counter-reset: list-7 list-8 list-9; } .ql-editor ol li.ql-indent-7 { counter-increment: list-7; } .ql-editor ol li.ql-indent-7:before { content: counter(list-7, lower-alpha) '. '; } .ql-editor ol li.ql-indent-7 { counter-reset: list-8 list-9; } .ql-editor ol li.ql-indent-8 { counter-increment: list-8; } .ql-editor ol li.ql-indent-8:before { content: counter(list-8, lower-roman) '. '; } .ql-editor ol li.ql-indent-8 { counter-reset: list-9; } .ql-editor ol li.ql-indent-9 { counter-increment: list-9; } .ql-editor ol li.ql-indent-9:before { content: counter(list-9, decimal) '. '; } .ql-editor .ql-indent-1:not(.ql-direction-rtl) { padding-left: 3em; } .ql-editor li.ql-indent-1:not(.ql-direction-rtl) { padding-left: 4.5em; } .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 3em; } .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 4.5em; } .ql-editor .ql-indent-2:not(.ql-direction-rtl) { padding-left: 6em; } .ql-editor li.ql-indent-2:not(.ql-direction-rtl) { padding-left: 7.5em; } .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 6em; } .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 7.5em; } .ql-editor .ql-indent-3:not(.ql-direction-rtl) { padding-left: 9em; } .ql-editor li.ql-indent-3:not(.ql-direction-rtl) { padding-left: 10.5em; } .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 9em; } .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 10.5em; } .ql-editor .ql-indent-4:not(.ql-direction-rtl) { padding-left: 12em; } .ql-editor li.ql-indent-4:not(.ql-direction-rtl) { padding-left: 13.5em; } .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 12em; } .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 13.5em; } .ql-editor .ql-indent-5:not(.ql-direction-rtl) { padding-left: 15em; } .ql-editor li.ql-indent-5:not(.ql-direction-rtl) { padding-left: 16.5em; } .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 15em; } .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 16.5em; } .ql-editor .ql-indent-6:not(.ql-direction-rtl) { padding-left: 18em; } .ql-editor li.ql-indent-6:not(.ql-direction-rtl) { padding-left: 19.5em; } .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 18em; } .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 19.5em; } .ql-editor .ql-indent-7:not(.ql-direction-rtl) { padding-left: 21em; } .ql-editor li.ql-indent-7:not(.ql-direction-rtl) { padding-left: 22.5em; } .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 21em; } .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 22.5em; } .ql-editor .ql-indent-8:not(.ql-direction-rtl) { padding-left: 24em; } .ql-editor li.ql-indent-8:not(.ql-direction-rtl) { padding-left: 25.5em; } .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 24em; } .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 25.5em; } .ql-editor .ql-indent-9:not(.ql-direction-rtl) { padding-left: 27em; } .ql-editor li.ql-indent-9:not(.ql-direction-rtl) { padding-left: 28.5em; } .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 27em; } .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 28.5em; } .ql-editor .ql-video { display: block; max-width: 100%; } .ql-editor .ql-video.ql-align-center { margin: 0 auto; } .ql-editor .ql-video.ql-align-right { margin: 0 0 0 auto; } .ql-editor .ql-bg-black { background-color: #000; } .ql-editor .ql-bg-red { background-color: #e60000; } .ql-editor .ql-bg-orange { background-color: #f90; } .ql-editor .ql-bg-yellow { background-color: #ff0; } .ql-editor .ql-bg-green { background-color: #008a00; } .ql-editor .ql-bg-blue { background-color: #06c; } .ql-editor .ql-bg-purple { background-color: #93f; } .ql-editor .ql-color-white { color: #fff; } .ql-editor .ql-color-red { color: #e60000; } .ql-editor .ql-color-orange { color: #f90; } .ql-editor .ql-color-yellow { color: #ff0; } .ql-editor .ql-color-green { color: #008a00; } .ql-editor .ql-color-blue { color: #06c; } .ql-editor .ql-color-purple { color: #93f; } .ql-editor .ql-font-serif { font-family: Georgia, Times New Roman, serif; } .ql-editor .ql-font-monospace { font-family: Monaco, Courier New, monospace; } .ql-editor .ql-size-small { font-size: 0.75em; } .ql-editor .ql-size-large { font-size: 1.5em; } .ql-editor .ql-size-huge { font-size: 2.5em; } .ql-editor .ql-direction-rtl { direction: rtl; text-align: inherit; } .ql-editor .ql-align-center { text-align: center; } .ql-editor .ql-align-justify { text-align: justify; } .ql-editor .ql-align-right { text-align: right; } .ql-editor.ql-blank::before { color: rgba(0,0,0,0.6); content: attr(data-placeholder); font-style: italic; left: 15px; pointer-events: none; position: absolute; right: 15px; } .ql-snow.ql-toolbar:after, .ql-snow .ql-toolbar:after { clear: both; content: ''; display: table; } .ql-snow.ql-toolbar button, .ql-snow .ql-toolbar button { background: none; border: none; cursor: pointer; display: inline-block; float: left; height: 24px; padding: 3px 5px; width: 28px; } .ql-snow.ql-toolbar button svg, .ql-snow .ql-toolbar button svg { float: left; height: 100%; } .ql-snow.ql-toolbar button:active:hover, .ql-snow .ql-toolbar button:active:hover { outline: none; } .ql-snow.ql-toolbar input.ql-image[type=file], .ql-snow .ql-toolbar input.ql-image[type=file] { display: none; } .ql-snow.ql-toolbar button:hover, .ql-snow .ql-toolbar button:hover, .ql-snow.ql-toolbar button:focus, .ql-snow .ql-toolbar button:focus, .ql-snow.ql-toolbar button.ql-active, .ql-snow .ql-toolbar button.ql-active, .ql-snow.ql-toolbar .ql-picker-label:hover, .ql-snow .ql-toolbar .ql-picker-label:hover, .ql-snow.ql-toolbar .ql-picker-label.ql-active, .ql-snow .ql-toolbar .ql-picker-label.ql-active, .ql-snow.ql-toolbar .ql-picker-item:hover, .ql-snow .ql-toolbar .ql-picker-item:hover, .ql-snow.ql-toolbar .ql-picker-item.ql-selected, .ql-snow .ql-toolbar .ql-picker-item.ql-selected { color: #06c; } .ql-snow.ql-toolbar button:hover .ql-fill, .ql-snow .ql-toolbar button:hover .ql-fill, .ql-snow.ql-toolbar button:focus .ql-fill, .ql-snow .ql-toolbar button:focus .ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill { fill: #06c; } .ql-snow.ql-toolbar button:hover .ql-stroke, .ql-snow .ql-toolbar button:hover .ql-stroke, .ql-snow.ql-toolbar button:focus .ql-stroke, .ql-snow .ql-toolbar button:focus .ql-stroke, .ql-snow.ql-toolbar button.ql-active .ql-stroke, .ql-snow .ql-toolbar button.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow.ql-toolbar button:hover .ql-stroke-miter, .ql-snow .ql-toolbar button:hover .ql-stroke-miter, .ql-snow.ql-toolbar button:focus .ql-stroke-miter, .ql-snow .ql-toolbar button:focus .ql-stroke-miter, .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter { stroke: #06c; } @media (pointer: coarse) { .ql-snow.ql-toolbar button:hover:not(.ql-active), .ql-snow .ql-toolbar button:hover:not(.ql-active) { color: #444; } .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill { fill: #444; } .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter { stroke: #444; } } .ql-snow { box-sizing: border-box; } .ql-snow * { box-sizing: border-box; } .ql-snow .ql-hidden { display: none; } .ql-snow .ql-out-bottom, .ql-snow .ql-out-top { visibility: hidden; } .ql-snow .ql-tooltip { position: absolute; transform: translateY(10px); } .ql-snow .ql-tooltip a { cursor: pointer; text-decoration: none; } .ql-snow .ql-tooltip.ql-flip { transform: translateY(-10px); } .ql-snow .ql-formats { display: inline-block; vertical-align: middle; } .ql-snow .ql-formats:after { clear: both; content: ''; display: table; } .ql-snow .ql-stroke { fill: none; stroke: #444; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; } .ql-snow .ql-stroke-miter { fill: none; stroke: #444; stroke-miterlimit: 10; stroke-width: 2; } .ql-snow .ql-fill, .ql-snow .ql-stroke.ql-fill { fill: #444; } .ql-snow .ql-empty { fill: none; } .ql-snow .ql-even { fill-rule: evenodd; } .ql-snow .ql-thin, .ql-snow .ql-stroke.ql-thin { stroke-width: 1; } .ql-snow .ql-transparent { opacity: 0.4; } .ql-snow .ql-direction svg:last-child { display: none; } .ql-snow .ql-direction.ql-active svg:last-child { display: inline; } .ql-snow .ql-direction.ql-active svg:first-child { display: none; } .ql-snow .ql-editor h1 { font-size: 2em; } .ql-snow .ql-editor h2 { font-size: 1.5em; } .ql-snow .ql-editor h3 { font-size: 1.17em; } .ql-snow .ql-editor h4 { font-size: 1em; } .ql-snow .ql-editor h5 { font-size: 0.83em; } .ql-snow .ql-editor h6 { font-size: 0.67em; } .ql-snow .ql-editor a { text-decoration: underline; } .ql-snow .ql-editor blockquote { border-left: 4px solid #ccc; margin-bottom: 5px; margin-top: 5px; padding-left: 16px; } .ql-snow .ql-editor code, .ql-snow .ql-editor pre { background-color: #f0f0f0; border-radius: 3px; } .ql-snow .ql-editor pre { white-space: pre-wrap; margin-bottom: 5px; margin-top: 5px; padding: 5px 10px; } .ql-snow .ql-editor code { font-size: 85%; padding: 2px 4px; } .ql-snow .ql-editor pre.ql-syntax { background-color: #23241f; color: #f8f8f2; overflow: visible; } .ql-snow .ql-editor img { max-width: 100%; } .ql-snow .ql-picker { color: #444; display: inline-block; float: left; font-size: 14px; font-weight: 500; height: 24px; position: relative; vertical-align: middle; } .ql-snow .ql-picker-label { cursor: pointer; display: inline-block; height: 100%; padding-left: 8px; padding-right: 2px; position: relative; width: 100%; } .ql-snow .ql-picker-label::before { display: inline-block; line-height: 22px; } .ql-snow .ql-picker-options { background-color: #fff; display: none; min-width: 100%; padding: 4px 8px; position: absolute; white-space: nowrap; } .ql-snow .ql-picker-options .ql-picker-item { cursor: pointer; display: block; padding-bottom: 5px; padding-top: 5px; } .ql-snow .ql-picker.ql-expanded .ql-picker-label { color: #ccc; z-index: 2; } .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { fill: #ccc; } .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { stroke: #ccc; } .ql-snow .ql-picker.ql-expanded .ql-picker-options { display: block; margin-top: -1px; top: 100%; z-index: 1; } .ql-snow .ql-color-picker, .ql-snow .ql-icon-picker { width: 28px; } .ql-snow .ql-color-picker .ql-picker-label, .ql-snow .ql-icon-picker .ql-picker-label { padding: 2px 4px; } .ql-snow .ql-color-picker .ql-picker-label svg, .ql-snow .ql-icon-picker .ql-picker-label svg { right: 4px; } .ql-snow .ql-icon-picker .ql-picker-options { padding: 4px 0px; } .ql-snow .ql-icon-picker .ql-picker-item { height: 24px; width: 24px; padding: 2px 4px; } .ql-snow .ql-color-picker .ql-picker-options { padding: 3px 5px; width: 152px; } .ql-snow .ql-color-picker .ql-picker-item { border: 1px solid transparent; float: left; height: 16px; margin: 2px; padding: 0px; width: 16px; } .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg { position: absolute; margin-top: -9px; right: 0; top: 50%; width: 18px; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before { content: attr(data-label); } .ql-snow .ql-picker.ql-header { width: 98px; } .ql-snow .ql-picker.ql-header .ql-picker-label::before, .ql-snow .ql-picker.ql-header .ql-picker-item::before { content: 'Normal'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { content: 'Heading 1'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { content: 'Heading 2'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { content: 'Heading 3'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { content: 'Heading 4'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { content: 'Heading 5'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { content: 'Heading 6'; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { font-size: 2em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { font-size: 1.5em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { font-size: 1.17em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { font-size: 1em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { font-size: 0.83em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { font-size: 0.67em; } .ql-snow .ql-picker.ql-font { width: 108px; } .ql-snow .ql-picker.ql-font .ql-picker-label::before, .ql-snow .ql-picker.ql-font .ql-picker-item::before { content: 'Sans Serif'; } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { content: 'Serif'; } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { content: 'Monospace'; } .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { font-family: Georgia, Times New Roman, serif; } .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { font-family: Monaco, Courier New, monospace; } .ql-snow .ql-picker.ql-size { width: 98px; } .ql-snow .ql-picker.ql-size .ql-picker-label::before, .ql-snow .ql-picker.ql-size .ql-picker-item::before { content: 'Normal'; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before { content: 'Small'; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before { content: 'Large'; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { content: 'Huge'; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before { font-size: 10px; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before { font-size: 18px; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { font-size: 32px; } .ql-snow .ql-color-picker.ql-background .ql-picker-item { background-color: #fff; } .ql-snow .ql-color-picker.ql-color .ql-picker-item { background-color: #000; } .ql-toolbar.ql-snow { border: 1px solid #ccc; box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; padding: 8px; } .ql-toolbar.ql-snow .ql-formats { margin-right: 15px; } .ql-toolbar.ql-snow .ql-picker-label { border: 1px solid transparent; } .ql-toolbar.ql-snow .ql-picker-options { border: 1px solid transparent; box-shadow: rgba(0,0,0,0.2) 0 2px 8px; } .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { border-color: #ccc; } .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { border-color: #ccc; } .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected, .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover { border-color: #000; } .ql-toolbar.ql-snow + .ql-container.ql-snow { border-top: 0px; } .ql-snow .ql-tooltip { background-color: #fff; border: 1px solid #ccc; box-shadow: 0px 0px 5px #ddd; color: #444; padding: 5px 12px; white-space: nowrap; } .ql-snow .ql-tooltip::before { content: "Visit URL:"; line-height: 26px; margin-right: 8px; } .ql-snow .ql-tooltip input[type=text] { display: none; border: 1px solid #ccc; font-size: 13px; height: 26px; margin: 0px; padding: 3px 5px; width: 170px; } .ql-snow .ql-tooltip a.ql-preview { display: inline-block; max-width: 200px; overflow-x: hidden; text-overflow: ellipsis; vertical-align: top; } .ql-snow .ql-tooltip a.ql-action::after { border-right: 1px solid #ccc; content: 'Edit'; margin-left: 16px; padding-right: 8px; } .ql-snow .ql-tooltip a.ql-remove::before { content: 'Remove'; margin-left: 8px; } .ql-snow .ql-tooltip a { line-height: 26px; } .ql-snow .ql-tooltip.ql-editing a.ql-preview, .ql-snow .ql-tooltip.ql-editing a.ql-remove { display: none; } .ql-snow .ql-tooltip.ql-editing input[type=text] { display: inline-block; } .ql-snow .ql-tooltip.ql-editing a.ql-action::after { border-right: 0px; content: 'Save'; padding-right: 0px; } .ql-snow .ql-tooltip[data-mode=link]::before { content: "Enter link:"; } .ql-snow .ql-tooltip[data-mode=formula]::before { content: "Enter formula:"; } .ql-snow .ql-tooltip[data-mode=video]::before { content: "Enter video:"; } .ql-snow a { color: #06c; } .ql-container.ql-snow { border: 1px solid #ccc; } .daterangepicker { position: absolute; color: inherit; background-color: #fff; border-radius: 4px; border: 1px solid #ddd; width: 278px; max-width: none; padding: 0; margin-top: 7px; top: 100px; left: 20px; z-index: 3001; display: none; font-family: arial; font-size: 15px; line-height: 1em; } .daterangepicker:before, .daterangepicker:after { position: absolute; display: inline-block; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .daterangepicker:before { top: -7px; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #ccc; } .daterangepicker:after { top: -6px; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; } .daterangepicker.opensleft:before { right: 9px; } .daterangepicker.opensleft:after { right: 10px; } .daterangepicker.openscenter:before { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; } .daterangepicker.openscenter:after { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; } .daterangepicker.opensright:before { left: 9px; } .daterangepicker.opensright:after { left: 10px; } .daterangepicker.drop-up { margin-top: -7px; } .daterangepicker.drop-up:before { top: initial; bottom: -7px; border-bottom: initial; border-top: 7px solid #ccc; } .daterangepicker.drop-up:after { top: initial; bottom: -6px; border-bottom: initial; border-top: 6px solid #fff; } .daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar { float: none; } .daterangepicker.single .drp-selected { display: none; } .daterangepicker.show-calendar .drp-calendar { display: block; } .daterangepicker.show-calendar .drp-buttons { display: block; } .daterangepicker.auto-apply .drp-buttons { display: none; } .daterangepicker .drp-calendar { display: none; max-width: 270px; } .daterangepicker .drp-calendar.left { padding: 8px 0 8px 8px; } .daterangepicker .drp-calendar.right { padding: 8px; } .daterangepicker .drp-calendar.single .calendar-table { border: none; } .daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span { color: #fff; border: solid black; border-width: 0 2px 2px 0; border-radius: 0; display: inline-block; padding: 3px; } .daterangepicker .calendar-table .next span { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .daterangepicker .calendar-table .prev span { transform: rotate(135deg); -webkit-transform: rotate(135deg); } .daterangepicker .calendar-table th, .daterangepicker .calendar-table td { white-space: nowrap; text-align: center; vertical-align: middle; min-width: 32px; width: 32px; height: 24px; line-height: 24px; font-size: 12px; border-radius: 4px; border: 1px solid transparent; white-space: nowrap; cursor: pointer; } .daterangepicker .calendar-table { border: 1px solid #fff; border-radius: 4px; background-color: #fff; } .daterangepicker .calendar-table table { width: 100%; margin: 0; border-spacing: 0; border-collapse: collapse; } .daterangepicker td.available:hover, .daterangepicker th.available:hover { background-color: #eee; border-color: transparent; color: inherit; } .daterangepicker td.week, .daterangepicker th.week { font-size: 80%; color: #ccc; } .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date { background-color: #fff; border-color: transparent; color: #999; } .daterangepicker td.in-range { background-color: #ebf4f8; border-color: transparent; color: #000; border-radius: 0; } .daterangepicker td.start-date { border-radius: 4px 0 0 4px; } .daterangepicker td.end-date { border-radius: 0 4px 4px 0; } .daterangepicker td.start-date.end-date { border-radius: 4px; } .daterangepicker td.active, .daterangepicker td.active:hover { background-color: #357ebd; border-color: transparent; color: #fff; } .daterangepicker th.month { width: auto; } .daterangepicker td.disabled, .daterangepicker option.disabled { color: #999; cursor: not-allowed; text-decoration: line-through; } .daterangepicker select.monthselect, .daterangepicker select.yearselect { font-size: 12px; padding: 1px; height: auto; margin: 0; cursor: default; } .daterangepicker select.monthselect { margin-right: 2%; width: 56%; } .daterangepicker select.yearselect { width: 40%; } .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect { width: 50px; margin: 0 auto; background: #eee; border: 1px solid #eee; padding: 2px; outline: 0; font-size: 12px; } .daterangepicker .calendar-time { text-align: center; margin: 4px auto 0 auto; line-height: 30px; position: relative; } .daterangepicker .calendar-time select.disabled { color: #ccc; cursor: not-allowed; } .daterangepicker .drp-buttons { clear: both; text-align: right; padding: 8px; border-top: 1px solid #ddd; display: none; line-height: 12px; vertical-align: middle; } .daterangepicker .drp-selected { display: inline-block; font-size: 12px; padding-right: 8px; } .daterangepicker .drp-buttons .btn { margin-left: 8px; font-size: 12px; font-weight: bold; padding: 4px 8px; } .daterangepicker.show-ranges.single.rtl .drp-calendar.left { border-right: 1px solid #ddd; } .daterangepicker.show-ranges.single.ltr .drp-calendar.left { border-left: 1px solid #ddd; } .daterangepicker.show-ranges.rtl .drp-calendar.right { border-right: 1px solid #ddd; } .daterangepicker.show-ranges.ltr .drp-calendar.left { border-left: 1px solid #ddd; } .daterangepicker .ranges { float: none; text-align: left; margin: 0; } .daterangepicker.show-calendar .ranges { margin-top: 8px; } .daterangepicker .ranges ul { list-style: none; margin: 0 auto; padding: 0; width: 100%; } .daterangepicker .ranges li { font-size: 12px; padding: 8px 12px; cursor: pointer; } .daterangepicker .ranges li:hover { background-color: #eee; } .daterangepicker .ranges li.active { background-color: #08c; color: #fff; } /* Larger Screen Styling */ @media (min-width: 564px) { .daterangepicker { width: auto; } .daterangepicker .ranges ul { width: 140px; } .daterangepicker.single .ranges ul { width: 100%; } .daterangepicker.single .drp-calendar.left { clear: none; } .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar { float: left; } .daterangepicker { direction: ltr; text-align: left; } .daterangepicker .drp-calendar.left { clear: left; margin-right: 0; } .daterangepicker .drp-calendar.left .calendar-table { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } .daterangepicker .drp-calendar.right { margin-left: 0; } .daterangepicker .drp-calendar.right .calendar-table { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; } .daterangepicker .drp-calendar.left .calendar-table { padding-right: 8px; } .daterangepicker .ranges, .daterangepicker .drp-calendar { float: left; } } @media (min-width: 730px) { .daterangepicker .ranges { width: auto; } .daterangepicker .ranges { float: left; } .daterangepicker.rtl .ranges { float: right; } .daterangepicker .drp-calendar.left { clear: none !important; } } tags-input{box-shadow:none;border:none;padding:0;min-height:34px}tags-input .host{margin:0}tags-input .tags{-moz-appearance:none;-webkit-appearance:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-moz-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}tags-input .tags .tag-item{color:#000;background:#428bca;border:1px solid #357ebd;border-radius:4px}tags-input .tags .tag-item.selected{color:#fff;background:#d9534f;border:1px solid #d43f3a}tags-input .tags .tag-item .remove-button:hover{text-decoration:none}tags-input .tags.focused{border:1px solid #66afe9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}tags-input .autocomplete{border-radius:4px}tags-input .autocomplete .suggestion-item.selected,tags-input .autocomplete .suggestion-item.selected em{color:#262626;background-color:#f5f5f5}tags-input .autocomplete .suggestion-item em{color:#000;background-color:#fff}tags-input.ng-invalid .tags{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}tags-input[disabled] .tags{background-color:#eee}tags-input[disabled] .tags .tag-item{background:#337ab7;opacity:.65}tags-input[disabled] .tags .input{background-color:#eee}.input-group tags-input{padding:0;display:table-cell}.input-group tags-input:not(:first-child) .tags{border-top-left-radius:0;border-bottom-left-radius:0}.input-group tags-input:not(:last-child) .tags{border-top-right-radius:0;border-bottom-right-radius:0}.input-group-lg tags-input:first-child .tags{border-top-left-radius:6px;border-bottom-left-radius:6px}.input-group-lg tags-input:last-child .tags{border-top-right-radius:6px;border-bottom-right-radius:6px}.input-group-sm tags-input:first-child .tags{border-top-left-radius:3px;border-bottom-left-radius:3px}.input-group-sm tags-input:last-child .tags{border-top-right-radius:3px;border-bottom-right-radius:3px}.input-group-lg tags-input,tags-input.ti-input-lg{min-height:46px}.input-group-lg tags-input .tags,tags-input.ti-input-lg .tags{border-radius:6px}.input-group-lg tags-input .tags .tag-item,tags-input.ti-input-lg .tags .tag-item{height:38px;line-height:37px;font-size:18px;border-radius:6px}.input-group-lg tags-input .tags .tag-item .remove-button,tags-input.ti-input-lg .tags .tag-item .remove-button{font-size:20px}.input-group-lg tags-input .tags .input,tags-input.ti-input-lg .tags .input{height:38px;font-size:18px}.input-group-sm tags-input,tags-input.ti-input-sm{min-height:30px}.input-group-sm tags-input .tags,tags-input.ti-input-sm .tags{border-radius:3px}.input-group-sm tags-input .tags .tag-item,tags-input.ti-input-sm .tags .tag-item{height:22px;line-height:21px;font-size:12px;border-radius:3px}.input-group-sm tags-input .tags .tag-item .remove-button,tags-input.ti-input-sm .tags .tag-item .remove-button{font-size:16px}.input-group-sm tags-input .tags .input,tags-input.ti-input-sm .tags .input{height:22px;font-size:12px}.has-feedback tags-input .tags{padding-right:30px}.has-success tags-input .tags{border-color:#3c763d}.has-success tags-input .tags.focused{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-error tags-input .tags{border-color:#a94442}.has-error tags-input .tags.focused{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-warning tags-input .tags{border-color:#8a6d3b}.has-warning tags-input .tags.focused{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b} tags-input{display:block}tags-input *,tags-input :after,tags-input :before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}tags-input .host{position:relative;margin-top:5px;margin-bottom:5px;height:100%}tags-input .host:active{outline:0}tags-input .tags{-moz-appearance:textfield;-webkit-appearance:textfield;padding:1px;overflow:hidden;word-wrap:break-word;cursor:text;background-color:#fff;border:1px solid #a9a9a9;box-shadow:1px 1px 1px 0 #d3d3d3 inset;height:100%}tags-input .tags.focused{outline:0;-webkit-box-shadow:0 0 3px 1px rgba(5,139,242,.6);-moz-box-shadow:0 0 3px 1px rgba(5,139,242,.6);box-shadow:0 0 3px 1px rgba(5,139,242,.6)}tags-input .tags .tag-list{margin:0;padding:0;list-style-type:none}tags-input .tags .tag-item{margin:2px;padding:0 5px;display:inline-block;float:left;font:14px "Helvetica Neue",Helvetica,Arial,sans-serif;height:26px;line-height:25px;border:1px solid #acacac;border-radius:3px;background:-webkit-linear-gradient(top,#f0f9ff 0,#cbebff 47%,#a1dbff 100%);background:linear-gradient(to bottom,#f0f9ff 0,#cbebff 47%,#a1dbff 100%)}tags-input .tags .tag-item.selected{background:-webkit-linear-gradient(top,#febbbb 0,#fe9090 45%,#ff5c5c 100%);background:linear-gradient(to bottom,#febbbb 0,#fe9090 45%,#ff5c5c 100%)}tags-input .tags .tag-item .remove-button{margin:0 0 0 5px;padding:0;border:none;background:0 0;cursor:pointer;vertical-align:middle;font:700 16px Arial,sans-serif;color:#585858}tags-input .tags .input.invalid-tag,tags-input .tags .tag-item .remove-button:active{color:red}tags-input .tags .input{border:0;outline:0;margin:2px;padding:0 0 0 5px;float:left;height:26px;font:14px "Helvetica Neue",Helvetica,Arial,sans-serif}tags-input .tags .input::-ms-clear{display:none}tags-input.ng-invalid .tags{-webkit-box-shadow:0 0 3px 1px rgba(255,0,0,.6);-moz-box-shadow:0 0 3px 1px rgba(255,0,0,.6);box-shadow:0 0 3px 1px rgba(255,0,0,.6)}tags-input[disabled] .host:focus{outline:0}tags-input[disabled] .tags{background-color:#eee;cursor:default}tags-input[disabled] .tags .tag-item{opacity:.65;background:-webkit-linear-gradient(top,#f0f9ff 0,rgba(203,235,255,.75) 47%,rgba(161,219,255,.62) 100%);background:linear-gradient(to bottom,#f0f9ff 0,rgba(203,235,255,.75) 47%,rgba(161,219,255,.62) 100%)}tags-input[disabled] .tags .tag-item .remove-button{cursor:default}tags-input[disabled] .tags .tag-item .remove-button:active{color:#585858}tags-input[disabled] .tags .input{background-color:#eee;cursor:default}tags-input .autocomplete{margin-top:5px;position:absolute;padding:5px 0;z-index:999;width:100%;background-color:#fff;border:1px solid rgba(0,0,0,.2);-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)}tags-input .autocomplete .suggestion-list{margin:0;padding:0;list-style-type:none;max-height:280px;overflow-y:auto;position:relative}tags-input .autocomplete .suggestion-item{padding:5px 10px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:16px "Helvetica Neue",Helvetica,Arial,sans-serif;color:#000;background-color:#fff}tags-input .autocomplete .suggestion-item.selected,tags-input .autocomplete .suggestion-item.selected em{color:#fff;background-color:#0097cf}tags-input .autocomplete .suggestion-item em{font:normal 700 16px "Helvetica Neue",Helvetica,Arial,sans-serif;color:#000;background-color:#fff} /** Override Angle default styles Brings clarity by adding independent styles required for MVC projects */ .preloader-progress { background-image: url(/Images/preloader/preloader.empty.png); } .preloader-progress-bar { background-image: url(/Images/preloader/preloader.full.png); } .editable-wrap { width:100% !important; padding:10px; } .height-100-percent { height:100% !important; } .width-100-percent { width:100% !important; } .width-80-percent { width:80% !important; } .width-75-percent { width:75% !important; } .width-70-percent { width:70% !important; } .width-65-percent { width: 65% !important; } .width-60-percent { width: 60% !important; } .width-50-percent { width:50% !important; } .width-25-percent { width:25% !important; } .width-20-percent { width: 20% !important; } .width-10-percent { width: 10% !important; } .combodate .day, .month, .year, .hour, .minute { padding:5px; border: 1px solid #dde6e9; } .text-block { display: block !important; } .error-color { color:#ff0000 !important; } .color-warning { color: #ff902b !important } .color-info { color: #23b7e5 !important; } .color-primary { color: #5d9cec !important; } .color-success { color: #27c24c !important; } .color-danger { color: #f05050 !important; } .color-white { color: white !important; } .color-black { color: black !important; } .border-none { border-style: none !important; } .margin-top-0 { margin-top:0px !important; } .margin-bot-0 { margin-bottom:0px !important; } .margin-top-5 { margin-top:5px; } .margin-top-10 { margin-top:10px; } .margin-top-15 { margin-top:15px; } .margin-top-20 { margin-top:20px; } .margin-top-25 { margin-top: 25px; } .margin-top-30 { margin-top:30px; } .margin-top-40 { margin-top: 40px; } .margin-top-50 { margin-top: 50px; } .margin-top-100 { margin-top:100px; } .margin-bottom-10 { margin-bottom:10px; } .margin-bottom-15 { margin-bottom:15px; } .margin-bottom-20 { margin-bottom:20px; } .margin-bottom-25 { margin-bottom: 25px; } .margin-bottom-30 { margin-bottom: 30px; } .margin-bottom-35 { margin-bottom: 35px; } .margin-bottom-60 { margin-bottom: 60px; } .margin-bottom-5 { margin-bottom:5px; } .margin-bottom-0 { margin-bottom:0px; } .margin-bottom-minus-10 { margin-bottom: -10px !important; } .margin-left-0 { margin-left:0px; } .margin-left-5 { margin-left:5px !important; } .margin-left-10 { margin-left:10px; } .margin-left-15 { margin-left:15px; } .margin-left-20 { margin-left:20px; } .margin-left-25 { margin-left: 25px; } .margin-left-50 { margin-left:50px; } .margin-right-0 { margin-right:0px; } .margin-right-5 { margin-right:5px !important; } .margin-right-10 { margin-right:10px; } .margin-right-15 { margin-right:15px; } .margin-right-20 { margin-right:20px; } .margin-right-25 { margin-right: 25px; } .margin-right-50 { margin-right: 50px; } .padding-top-0 { padding-top:0px !important; } .padding-top-5 { padding-top:5px !important; } .padding-top-7 { padding-top:7px !important; } .padding-top-10 { padding-top:10px !important; } .padding-top-15 { padding-top: 15px !important; } .padding-top-20 { padding-top:20px !important; } .padding-top-30 { padding-top:30px !important; } .padding-bottom-0 { padding-bottom:0px !important; } .padding-bottom-5 { padding-bottom: 5px !important; } .padding-bottom-15 { padding-bottom: 15px !important; } .padding-left-0 { padding-left:0px !important; } .padding-left-15 { padding-left:15px !important; } .padding-left-30 { padding-left:30px !important; } .padding-left-5 { padding-left:5px !important; } .margin-right-10 { margin-right:10px; } .padding-right-0 { padding-right:0px !important; } .padding-0 { padding: 0px !important; } .padding-5 { padding:5px !important; } .padding-10 { padding:10px !important; } .padding-15 { padding:15px; } .padding-20 { padding:20px; } .padding-bottom-15 { padding-bottom:15px; } .background-white { background-color:white !important; } .background-blue { background-color: #bbe9f1; } .readonly-background-white { background-color:white !important; } .truster-button { /*color: #1797be !important;*/ color: #5d9cec !important; } .truster-button:hover { color:#3a3f51 !important; } .truster-button-alt { color:#ffa500 !important; } .truster-button-alt:hover { color:#8b0000 !important; } .cursor-pointer { cursor:pointer !important; } .cursor-auto { cursor:auto !important; } .cursor-not-allowed { cursor:not-allowed !important; } /*custom ngDialog widths */ .ngdialog.dialog-width-20-percent .ngdialog-content { width : 20%; min-width:600px; } .ngdialog.dialog-width-30-percent .ngdialog-content { width : 30%; min-width:600px; } .ngdialog.dialog-width-40-percent .ngdialog-content { width : 40%; min-width:600px; } .ngdialog.dialog-width-50-percent .ngdialog-content { width : 50%; min-width:600px; } .ngdialog.dialog-width-60-percent .ngdialog-content { width : 60%; min-width:600px; } .ngdialog.dialog-width-70-percent .ngdialog-content { width : 70%; min-width:600px; } .ngdialog.dialog-width-80-percent .ngdialog-content { width : 80%; min-width:600px; } .ngdialog.dialog-width-90-percent .ngdialog-content { width : 90%; min-width:600px; } .ngdialog.dialog-width-95-percent .ngdialog-content { width : 95%; min-width:600px; } .ngdialog.dialog-width-100-percent .ngdialog-content { width : 100%; min-width:600px; } .ngdialog.dialog-width-height-100-percent .ngdialog-content { width: 100%; height: 100%; position: absolute; top: 0; } .ngdialog-top-position { top: -12%; } .ngdialog-mid-position{ top: 15%; } .dialog-offset-3cm { top: 3cm !important; } .ngdialog-top-position-15 { top: -15%; } .ngdialog.dialog-width-20-percent .ngdialog-content { width : 20%; } .ngdialog.dialog-width-200 .ngdialog-content { width : 200px; } .ngdialog.dialog-width-300 .ngdialog-content { width : 300px; } .ngdialog.dialog-width-400 .ngdialog-content { width : 400px; } .ngdialog.dialog-width-500 .ngdialog-content { width : 500px; } .ngdialog.dialog-width-600 .ngdialog-content { width : 600px; } .ngdialog.dialog-width-700 .ngdialog-content { width : 700px; } .ngdialog.dialog-width-800 .ngdialog-content { width : 800px; } .ngdialog.dialog-width-900 .ngdialog-content { width : 900px; } .ngdialog.dialog-width-1000 .ngdialog-content { width : 1000px; } .ngdialog.dialog-width-1100 .ngdialog-content { width : 1100px; } .ngdialog.dialog-width-1150 .ngdialog-content { width : 1150px; } .ngdialog.dialog-width-1200 .ngdialog-content { width : 1200px; } .ngdialog.dialog-width-1300 .ngdialog-content { width : 1300px; } .ngdialog.dialog-width-1400 .ngdialog-content { width : 1400px; } .ngdialog.dialog-width-1500 .ngdialog-content { width : 1500px; } .ngdialog.dialog-width-1600 .ngdialog-content { width : 1600px; } .ngdialog.dialog-width-1700 .ngdialog-content { width : 1700px; } .ngdialog.dialog-width-1800 .ngdialog-content { width : 1800px; } .configuration-full-screen-height { height: calc(100vh - 280px); } .full-screen-height { /*set this in highest row on dialog, where you define controller*/ height: calc(100vh - 100px); } .width-100 { width : 100px !important; } .width-125 { width: 125px !important; } .width-150 { width: 150px !important; } .width-200 { width : 200px !important; } .width-300 { width : 300px !important; } .width-400 { width : 400px !important; } .width-500 { width : 500px !important; } .width-600 { width : 600px !important; } .width-700 { width : 700px !important; } .width-800 { width : 800px !important; } .width-900 { width : 900px !important; } .width-1000 { width : 1000px !important; } .hcenter { text-align:center; } .hright { text-align:right; } .hleft { text-align:left; } .vcenter { } .width-auto{ width: auto !important; } .width-quater{ width: 25%; } .width-3-percent{ width: 3% !important; } .width-20-percent{ width: 20%; } .width-25-percent{ width: 25%; } .width-40-percent{ width: 40%; } .width-50-percent{ width: 50%; } .width-60-percent{ width: 60%; } .width-75-percent{ width: 75%; } .width-80-percent{ width: 0%; } .width-100-percent{ width: 100%; } /*Override from bootstrap*/ .pagination { margin:0 !important; } label { font-weight:normal !important; } .panel, .panel-heading, .panel-body, .panel-footer { position:relative; float:left; width:100%; } .form-wizard > ol > li { min-height: 40px !important; padding-top: 0 !important; padding-bottom: 10px !important; } .btn-dialog-height-100 { height:70px !important; font-size:18px; font-weight:bold; } .btn-dialog-height-200 { height: 200px !important; font-size: 18px; font-weight: bold; } .btn-dialog-width { min-width:200px !important; } .step-number{ font-size: 1rem; width: 33px; height: 33px; line-height: 30px; border-radius: 18px; border: 2px solid #DDDDDD; } .panel-etrust > .panel-heading { color: #ffffff; background-color: #23b7e5; border-color: #23b7e5; } .trust-login-button { background-color: #23b7e5 !important; border-color: #23b7e5 !important; } .font-uppercase { text-transform:uppercase; } .font-bold { font-weight:bold !important; } .font-italic { font-style: italic !important; } .font-size-8 { font-size: 8px !important; } .font-size-12 { font-size: 12px !important; } .font-size-13 { font-size: 13px !important; } .font-size-15 { font-size: 15px !important; } .font-size-17 { font-size: 17px !important; } .font-size-18 { font-size: 18px !important; } .font-size-19 { font-size: 19px !important; } .font-size-20 { font-size: 20px !important; } .font-size-22 { font-size: 22px !important; } .font-size-23 { font-size: 23px !important; } .font-size-24 { font-size: 24px !important; } .font-size-25 { font-size: 25px !important; } .font-size-28 { font-size: 28px !important; } .font-size-30 { font-size: 30px !important; } .font-size-40 { font-size: 40px !important; } .font-size-50 { font-size: 50px !important; } .font-size-15-em { font-size: 1.5em !important; } .color-oker { color:#c2a921; } .color-dark-red { color:#a11919; } .color-white { color:white; } .color-gray { color: gray; } .color-red { color: red !important; } .color-blue { color: dodgerblue !important; } .color-green { color: lightgreen; } .color-lime-green { color: limegreen; } .color-yellow { color: yellow; } .color-warning { color: #f0ad4e; } .color-turquoise { color: #385170; } .float-right { float: right !important; } .work-calendar-col { position:relative; float:left; width:8%; text-align:center; min-height: 44px; line-height:44px; border:1px solid #dedede; } .work-calendar-col-double { position:relative; float:left; width:20%; text-align:center; min-height: 44px; line-height:44px; border:1px solid #dedede; } .work-calendar-col-1 { position:relative; float:left; width:11%; text-align:center; height: 44px; padding-right: 15px; padding-left: 15px; line-height:44px; } .work-calendar-col-1-bottom-row { position:relative; float:left; width:8%; text-align:center; height: 44px; padding-right: 15px; padding-left: 15px; line-height:44px; } .work-calendar-col-1-1 { position:relative; float:left; width:10%; text-align:center; height: 44px; padding-right: 15px; padding-left: 15px; line-height:44px; border:1px solid #dedede; } .work-calendar-col-2 { position:relative; float:left; width:20%; text-align:center; height: 44px; padding-right: 15px; padding-left: 15px; line-height:44px; border:1px solid #dedede; } .work-calendar-col-3 { position:relative; float:left; width:23.0769%; text-align:center; height: 44px; padding-right: 15px; padding-left: 15px; line-height:44px; border:1px solid #dedede; } .work-calendar-col-7 { position:relative; float:left; width:56%; text-align:center; height: 44px; padding-right: 15px; padding-left: 15px; line-height:44px; border:1px solid #dedede; } .work-calendar-col-12 { position:relative; float:left; width:80% !important; text-align:center; min-height: 44px; line-height:44px; } .truster-color { color:#2fbbe6; } .truster-color-background { background-color: #2fbbe6 !important; } .light-blue-background { background:#e9f8fd; } .light-yellow-background { background: #ffff99 !important; } .red-background { background: #ff5f5f !important; } .red-alt-background { background-color: #ff6969 !important; } .light-yellow-2-background { background: #FFF9A6 !important; } .lightred_background { background-color: #FFDDDD !important; } .lightred2_background { background-color: #ff9191 !important; } .light-grey-background { background-color: #c6c6c6 !important; } .dark-grey-background { background-color: #5f6063 !important; } .grey-background { background-color: #DCDCDC !important; } .work-calendar-line { position:relative; float:left; width:100%; background:#2fbbe6; height:5px; background-repeat:repeat-x; padding:0; border:0; margin:0; } .float-left-100 { position:relative; float:left; width:100%; } .work-calendar-element-1 { background:#fafbfc; border:1px solid #dedede; } .work-calendar-element-2 { background:#FFF; border:1px solid #dedede; } .legend-list { margin: 10px 0 0 0; padding: 0; list-style-type:none; } .legend-list li { display: inline; margin-right:10px; } .work-calendar-status-bar { position:absolute; bottom:0; right:3px; top:12px; } .unit-of-measure { position:relative; float:left; text-align:left; vertical-align:central; } .text-align-left { text-align:left !important; } .text-align-right { text-align:right !important; } .text-align-center { text-align:center !important; } .green-background { background:#15b204; background:rgb(54,189,231); color:white; margin:auto; padding:2px; } .blue-background { background:#1797be; background:rgb(123,213,238); color:white; margin:auto; padding:2px; } .yellow-background { background:#ffb400; background:rgb(175,230,243); color:white; margin:auto; padding:2px; } .table-data { margin:auto; padding:4px 0px; } .keyboard-button-single { width:70px; height:70px; font-size:40px; font-weight:bold; } .keyboard-button-double { width:150px; height:70px; font-size:40px; font-weight:bold; } .keyboard-button-triple { width:220px; height:70px; font-size:35px; font-weight:bold; margin-top:7px !important; } .keyboard-button-triple-easyscan { width:220px; height:70px; font-size:35px; font-weight:bold; margin-top:30px !important; } .keyboard-button-triple-custom { width: 230px; height: 70px; font-size: 35px; font-weight: bold; } .keyboard-button-half { width:110px; height:70px; font-size:40px; font-weight:bold; } .keyboard-row { width:100%; height:80px; } .vertical-on-middle { vertical-align: middle !important; } .vertical-align-20-percent { vertical-align: 20% !important; } .vertical-align-top { vertical-align: top !important; } .vertical-align-bottom { vertical-align: bottom !important; } .vertical-align-middle { vertical-align: middle !important; } .vertical-align-text-bottom { vertical-align: text-bottom !important; } .vertical-align-text-top { vertical-align: text-top !important; } .errorBox { font-size:25px; } [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, ng-cloak, .ng-hide { display: none !important; } /*AccordionLABEL*/ label.accordion { background-color: #eee; color: #444; cursor: pointer; padding: 18px; width: 100%; border: 1px solid #eee; text-align: left; outline: none; font-size: 15px; /*transition: 0.4s;*/ } label.accordion:after { /*content: '\002B';*/ color: #777; font-weight: bold; float: right; margin-left: 5px; } label.accordion.active:after { /*content: "\2212";*/ } .accordion_tabs:hover label.accordion:not(:hover) { opacity: .7; } label.accordion, label.accordion:hover { /*background-color: #23b7e5;*/ } div.bvlp { padding: 0 18px; background-color: white; /*max-height: 0;*/ overflow: hidden; display: none; /*transition: max-height 0.2s ease-out;*/ } div.bvlp.show { display: block !important; } label.white{ background-color: white; } label.grey{ background-color: #D9D3D3; } label.yellow{ background-color: yellow; } /*---------*/ #lans_table.label.active { /*background-color: red;*/ } .content_divider { border-right: 1px solid #ccc; } .isp.active { background-color: #24b145 !important; } .selectedNode { background-color: gainsboro; } .selectedNodeUp{ background-color: lightblue; } .selectedNodeY { background-color: #ffff99; } #top { /*position: fixed;*/ /*top: 0; left: 0;*/ /*z-index: 999;*/ /*width: 82.5%;*/ /*height: 23px;*/ /*position: fixed; padding: 2em; left: 50%; top: 0%; transform: translateX(-50%);*/ /*position:absolute;*/ } .factoryReady { background-color: lightgreen; } .tableShrunken > thead > tr > th { padding: 8px 8px !important; } table .header-fixed { position: fixed; top: 55px; /*left: 0;*/ /*right: 0;*/ z-index: 1020; /* 10 less than .navbar-fixed to prevent any overlap */ } thead { background-color: white; } .parentLvl { color:#4CAF50; } .deficit { color:red; } /*DATATABLES*/ .markup { background-color: lightgreen; } /*.lock { background-color: cornflowerblue; }*/ .searchbar { float: left !important; padding-top: -10px; padding-left: 30px; } .lengthbar { float: right !important; /*padding-top: 0.45em;*/ margin-top: -2.5em; padding-right: 4.5%; } .paginate { float: none !important; text-align: center !important; } .dataTables_filter { text-align: left !important; } /********/ .dashboard-tile { padding: 2px 8px !important; } .tabsdemoDynamicHeight md-content { background-color: transparent !important; } .tabsdemoDynamicHeight md-content md-tabs { background: #f6f6f6; border: 1px solid #e1e1e1; } .tabsdemoDynamicHeight md-content md-tabs md-tabs-wrapper { background: white; } .tabsdemoDynamicHeight md-content h1:first-child { margin-top: 0; } .row-eq-height { display: -webkit-box; display: -ms-flexbox; display: flex; } /*TRAFFIC LIGHTS*/ .circle_green { width: 1.1em; height: 1.1em; background: #7fee1d; -moz-border-radius: 60px; -webkit-border-radius: 60px; border-radius: 50%; } .circle_yellow { width: 1.1em; height: 1.1em; background-color: #FFFF00; -moz-border-radius: 60px; -webkit-border-radius: 60px; border-radius: 50%; } .circle_red { width: 1.1em; height: 1.1em; background-color: #f44336; -moz-border-radius: 60px; -webkit-border-radius: 60px; border-radius: 50%; } .circle_white { width: 1.1em; height: 1.1em; background-color: #ffffff; -moz-border-radius: 60px; -webkit-border-radius: 60px; border-radius: 50%; border-color: #000000; border-width: 1px; border-style: solid; } .circle_orange { width: 1.1em; height: 1.1em; background-color: #FFBF00; -moz-border-radius: 60px; -webkit-border-radius: 60px; border-radius: 50%; } .circle_grey { width: 1.1em; height: 1.1em; background-color: #d8d8d8; -moz-border-radius: 60px; -webkit-border-radius: 60px; border-radius: 50%; border-color: #000000; border-width: 1px; border-style: solid; } .circle_blue { width: 1.1em; height: 1.1em; background-color: #23b7e5; -moz-border-radius: 60px; -webkit-border-radius: 60px; border-radius: 50%; } .circle_green_big { width: 40px; height: 40px; background: #7fee1d; -moz-border-radius: 60px; -webkit-border-radius: 60px; border-radius: 50%; } .circle_white_big { width: 40px; height: 40px; background-color: #ffffff; -moz-border-radius: 60px; -webkit-border-radius: 60px; border-radius: 50%; border-color: #000000; border-width: 1px; border-style: solid; } /********/ .dropdown-menu-on-left { /*right: 90% !important;*/ left: -130px !important; width:100px !important; } .dropdown-submenu { position: relative; color: gray; } .dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px; } .dropdown-submenu:hover>.dropdown-menu { display: block; } .dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px; } .dropdown-submenu:hover>a:after { border-left-color: #fff; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .addon-width-20 { width:20% !important; } .addon-width-10{ width:10% !important; } .ngdialog.ngdialog-theme-default.custom-width-1200 .ngdialog-content { width: 1200px; } .ngdialog-content .whirl:after { position: relative !important; } .ngdialog-content { background: white !important; } .btn-search { color: #ffffff !important; background-color: #4b91ea !important; border-color: #3483e7 !important; } .margin-auto { margin: auto !important; } .project-detail-level-0 { color: #656565 !important; font-weight: normal; } .project-detail-level-1 { background-color: #c9c9c9 !important; color: #656565 !important; font-weight: normal; } .project-detail-level-2 { background-color: #e0e0e0 !important; color: #656565 !important; font-weight: normal; } .project-detail-level-3 { background-color: #f2f2f2 !important; color: #656565 !important; font-weight: normal; } .no-bottom-padding { padding-bottom: 0px !important; } .info-button-focused:focus { border-color: #179ac3; border-width:3px !important; } .success-button-focused:focus { border-width:3px !important; border-color: #1f9c3d; } textarea.no-resize { resize:none; } textarea.height-100 { height:100px; } textarea.height-75 { height:75px; } textarea.height-500 { height:500px; } textarea.height-150 { height:150px; } textarea.white-background { background-color:white !important; } /* Custom table */ .custom-th { text-align: center; } .external-internal-button { width: 100% !important; display: block; height: 35px !important; text-align: center; vertical-align: middle; padding: 3px; -moz-border-radius: 60px; -webkit-border-radius: 60px; } .custom-th-right { text-align:right; } .chat-image { max-width: 60px; max-height: 60px; } .chat-unread-messages { color: #cc1717 !important; } .chat-read-messages { color: #a4a4a4 !important; } .slider.semaphore { width:56px !important; height:28px !important; } /*.switch.semaphore { width:60px !important; height:60px !important; }*/ .switch.semaphore span:after { height: 24px; width: 24px; margin-top:1px; margin-left:2px; } .full-height { height: 100% !important; } .lightgreen_background { background-color: #EEFFEE !important; } .lightgreen1_background { background-color: #b1fab1 !important; } .lightred_background { background-color: #FFDDDD !important; } .lightblue_background { background-color: #C8FFFE !important; } .lightorange_background { background-color: #ffd554 !important; } .table-hover tbody tr:hover td, .table-hover tbody tr:hover th { background-color: #34c7f5; } .header-fixed { width: 100% } .header-fixed > thead, .header-fixed > tbody, .header-fixed > thead > tr, .header-fixed > tbody > tr, .header-fixed > thead > tr > th, .header-fixed > tbody > tr > td { display: block; } .header-fixed > tbody > tr:after, .header-fixed > thead > tr:after { content: ''; display: block; visibility: hidden; clear: both; } .header-fixed > tbody { overflow: auto; height:500px; } .header-fixed > tbody > tr > td, .header-fixed > thead > tr > th { /*width: 20%;*/ float: left; } .height-35 { height: 35px; } .height-50 { height:50px; } .height-55 { height:55px; } .height-80 { height:80px; } .height-100 { height:80px; } .height-125 { height: 125px; } .height-150 { height:150px; } .height-400 { height: 400px; } .width-50 { width:50px; } .width-150 { width:150px; } .width-110 { width:110px; } .width-250 { width:250px; } .width-350 { width: 350px; } .font-15 { font-size:15px; } .font-17 { font-size: 17px; } .font-20 { font-size:20px; } .black-hover:hover { color:#333333 !important; } .width-20p { width:20% !important; } .width-80p { width:80% !important; } .bg-white { background-color: white; color: #515253 !important; border-width: 1px; border-color: #7d7d7d; } .bg-color-r1 { background-color:rgb(232,98,117) !important; font-weight:900; } .bg-color-r2 { background-color:rgb(229,120,120) !important; font-weight:900; } .bg-color-r3 { background-color:rgb(238, 138, 138) !important; font-weight:900; } .bg-color-s1 { background-color:rgb(244,153,122) !important; font-weight:900; } .bg-color-s2 { background-color:rgb(247,199,155) !important; font-weight:900; } .bg-color-s3 { background-color:rgb(250,221,194) !important; font-weight:900; } .bg-color-b1 { background-color:rgb(245,240,229) !important; font-weight:900; } .bg-color-marked { background-color:rgb(132,218,136) !important; font-weight:900; } .bg-color-r1-gradient { background: linear-gradient(to right, rgb(255,255,255) 10%, rgb(232,98,117) 45%, rgb(232,98,117) 55%, rgb(255,255,255) 90%); } .bg-color-r2-gradient { background: linear-gradient(to right, rgb(255,255,255) 10%, rgb(229,120,120) 45%, rgb(229,120,120) 55%, rgb(255,255,255) 90%); } .bg-color-r3-gradient { background: linear-gradient(to right, rgb(255,255,255) 10%, rgb(238, 138, 138) 45%, rgb(238, 138, 138) 55%, rgb(255,255,255) 90%); } .bg-color-s1-gradient { background: linear-gradient(to right, rgb(255,255,255) 10%, rgb(244,153,122) 45%, rgb(244,153,122) 55%, rgb(255,255,255) 90%); } .bg-color-s2-gradient { background: linear-gradient(to right, rgb(255,255,255) 10%, rgb(247,199,155) 45%, rgb(247,199,155) 55%, rgb(255,255,255) 90%); } .bg-color-s3-gradient { background: linear-gradient(to right, rgb(255,255,255) 10%, rgb(250,221,194) 45%, rgb(250,221,194) 55%, rgb(255,255,255) 90%); } .bg-color-b1-gradient { background-color:rgb(245,240,229) !important; } .bg-color-turquoise { background-color: #385170; } .customtable > thead { display: block; } .customtable > tbody { max-height: 510px; display: block; overflow-y: scroll; } .customtable > thead tr { display: table; width: 100%; table-layout: fixed; /* even columns width , fix width of table too*/ } .customtable > tbody tr { display: table; width: 100%; table-layout: fixed; /* even columns width , fix width of table too*/ } .text-thick { font-weight: bold; } .same_row_h4 { display: inline-block; float: left; margin-right: 150px; } text-thick { font-weight: bold; } .inline-block { display: inline-block !important; } .inherit { display: inherit !important; } #table_tooltip { font-family: arial, sans-serif; border-collapse: collapse; width: 100%; /*color: red;*/ } #table_tooltip td, #table_tooltip th { text-align: center; padding: 5px; } .tooltip-inner { min-width: 100px; max-width: 100%; } .entry-field { background-color: lavender; } .entry-field-border { background-color: lavender; /*border: 0.3px solid cornflowerblue !important;*/ border: 0.2px solid #909499 !important; } .saving-entry-field-border { background-color: rgb(230, 255, 230); /*border: 0.3px solid cornflowerblue !important;*/ border: 0.1px solid #80b080 !important; } .dirty-row { background-color: darkorange; border: 0.2px solid #909499 !important; } .width-98-percent { width: 98% !important; } .width-99-percent { width: 99% !important; } .border-radius-5 { -moz-border-radius: 5px; -webkit-border-radius: 5px; /*border-radius: 50%;*/ } .border-radius-20 { -moz-border-radius: 20px; -webkit-border-radius: 20px; /*border-radius: 50%;*/ } .vh-truster { position: relative; height: calc(100vh - 10px); min-height: calc(100vh - 10px); width: 100%; overflow-x: hidden; } .vh-grafana { position: relative; height: calc(100vh - 150px); min-height: calc(100vh - 150px); width: 100%; /*margin-left: -83px !important; */ } .vh-dashboard-analitics { position: relative; height: calc(100vh - 215px); min-height: calc(100vh - 215px); width: 100%; } .vh-grafana iframe { border: none !important; } .vh-grafana iframe .grafana-app .sidemenu { display: none !important; } .h-100 { height: 94% !important; } .ag-vh { height: calc(100vh - 270px); min-height: 400px; } .ag-vh-1 { height: calc(100vh - 142px); } .ag-vh-2 { height: calc(100vh - 263px); } .ag-vh-3 { height: calc(100vh - 265px); } .ag-vh-4 { height: calc(100vh - 425px); } .ag-vh-5 { height: calc(100vh - 231px); } .ag-vh-7 { height: calc(100vh - 250px); } .ag-vh-9 { height: calc(100vh - 245px); } .ag-vh-10 { height: calc(100vh - 222px); } .ag-vh-11 { height: calc(100vh - 227px); } .ag-vh-20 { height: calc(100vh - 505px); } .ag-vh-21 { height: calc(100vh - 460px); } .ag-vh-22 { height: calc(100vh - 310px); } .ag-vh-23 { height: calc(100vh - 605px); min-height: 330px; } .ag-vh-24 { height: calc(100vh - 560px); min-height: 350px; } .ag-vh-25 { height: calc(100vh - 510px); } .ag-vh-26 { height: calc(100vh - 225px); } .ag-vh-27 { height: calc(100vh - 375px); } .ag-vh-28 { height: calc(100vh - 720px); } .ag-vh-29 { height: calc(100vh - 675px); } .ag-vh-30 { height: calc(100vh - 255px); } .ag-vh-31 { height: calc(100vh - 255px); } .ag-vh-32 { height: calc(100vh - 235px); min-height: 400px; } .ag-vh-33 { height: calc(100vh - 257px); } .ag-vh-34 { height: calc(100vh - 238px); } .ag-vh-35 { height: calc(100vh - 250px); } .ag-vh-36 { height: calc(100vh - 260px); } .ag-vh-37 { height: calc(100vh - 320px); min-height: 400px; } .ag-vh-38 { height: calc(100vh - 505px); } .ag-vh-39 { height: calc(100vh - 380px); } .ag-vh-40 { height: calc(100vh - 245px); } .ag-vh-41 { height: calc(100vh - 510px); } .ag-vh-42 { height: calc(100vh - 460px); } .ag-vh-43 { height: calc(100vh - 460px); } .ag-vh-44 { height: calc(100vh - 650px); min-height: 250px; } .ag-vh-45 { height: calc(100vh - 695px); min-height: 250px; } .ag-vh-46 { height: calc(100vh - 560px); } .ag-vh-47 { height: calc(100vh - 270px); } .ag-vh-48 { height: calc(100vh - 290px); } .ag-vh-49 { height: calc(100vh - 320px); } .ag-vh-50 { height: calc(100vh - 330px); } .ag-vh-51 { height: calc(100vh - 655px); } .ag-vh-52 { height: calc(100vh - 465px); } .ag-vh-53 { height: calc(100vh - 220px); } .ag-vh-54 { height: calc(100vh - 480px); min-height: 400px; } .ag-vh-55 { height: calc(100vh - 675px); min-height: 250px; } .ag-vh-56 { height: calc(100vh - 235px); min-height: 400px; } .ag-vh-57 { height: calc(100vh - 275px); min-height: 400px; } .ag-vh-58 { height: calc(100vh - 280px); min-height: 400px; } .ag-vh-59 { height: calc(100vh - 230px); min-height: 400px; } .ag-vh-60 { height: calc(100vh - 230px); min-height: 400px; } .ag-vh-61 { height: calc(100vh - 285px); min-height: 400px; } .ag-vh-62 { height: calc(100vh - 230px); min-height: 400px; } .ag-vh-63 { height: calc(100vh - 230px); min-height: 400px; } .ag-vh-64 { height: calc(100vh - 235px); min-height: 400px; } .ag-vh-65 { height: calc(100vh - 370px); min-height: 400px; } .ag-vh-66 { height: calc(100vh - 455px); min-height: 400px; } .ag-vh-67 { height: calc(100vh - 220px); min-height: 400px; } .ag-vh-68 { height: calc(100vh - 295px); min-height: 400px; } .ag-vh-69 { height: calc(100vh - 255px); min-height: 400px; } .ag-vh-70 { height: calc(100vh - 235px); min-height: 400px; } .ag-vh-71 { height: calc(100vh - 235px); min-height: 400px; } .ag-vh-72 { height: calc(100vh - 260px); min-height: 400px; } .ag-vh-73 { height: calc(100vh - 510px); min-height: 400px; } .ag-vh-74 { height: calc(100vh - 560px); min-height: 300px; } .ag-vh-75 { height: calc(100vh - 715px); min-height: 250px; } .ag-vh-76 { height: calc(100vh - 650px); min-height: 250px; } .ag-vh-77 { height: calc(100vh - 260px); min-height: 400px; } .ag-vh-78 { height: calc(100vh - 260px); min-height: 400px; } .ag-vh-79 { height: calc(100vh - 560px); min-height: 200px; } .ag-vh-80 { height: calc(100vh - 600px); min-height: 200px; } .ag-vh-81 { height: calc(100vh - 430px); min-height: 400px; } .ag-vh-82 { height: calc(100vh - 220px); min-height: 400px; } .ag-vh-83 { height: calc(100vh - 270px); min-height: 400px; } .ag-vh-84 { height: calc(100vh - 270px); min-height: 400px; } .ag-vh-85 { height: calc(100vh - 430px); min-height: 400px; } .ag-vh-86 { height: calc(100vh - 275px); min-height: 400px; } .ag-vh-87 { height: calc(100vh - 300px); min-height: 400px; } .ag-vh-88 { height: calc(100vh - 260px); min-height: 400px; } .ag-vh-89 { height: calc(100vh - 260px); min-height: 400px; } .ag-vh-90 { height: calc(100vh - 260px); min-height: 400px; } .ag-vh-91 { height: calc(100vh - 260px); min-height: 400px; } .ag-vh-92 { height: calc(100vh - 260px); min-height: 400px; } .h-100-panel { height: 100% !important; } .wrapper > section { margin-bottom: 0 !important; } .wrapper > footer { z-index: 111 !important; } .col-md-auto { position: relative; width:auto !important; padding-left: 15px; padding-right: 15px; } .ag-theme-balham .truster-row-selected { border-color: #b7e4ff !important; background-color: #b7e4ff !important; } .my-drop-zone { border: 2px dotted #3d5b81; background: #FFF; color: #3d5b81 !important; padding: 40px; } .nv-file-over { border: 2px dotted #997b10 !important; color: #997b10 !important; } .ng-dialog-red-header { background: linear-gradient(red -0%, white 90%); margin-left: 1px; margin-top: -15px; border-radius: 4px; padding-top: 15px; } .legend-box-lightgreen { background-color: #EFE !important; border-width: 1px; border-color: gray; border-style: solid; width: 20px; height: 20px; display: inline-block; } .legend-box-lightgreen-alt { background-color: #b1fab1 !important; border-width: 1px; border-color: gray; border-style: solid; width: 20px; height: 20px; display: inline-block; } .legend-box-light-yellow { background-color: #FFF9A6 !important; border-width: 1px; border-color: gray; border-style: solid; width: 20px; height: 20px; display: inline-block; } .legend-box-red { background-color: #ff6969 !important; border-width: 1px; border-color: gray; border-style: solid; width: 20px; height: 20px; display: inline-block; } .legend-box-lightred { background-color: #FFDDDD !important; border-width: 1px; border-color: gray; border-style: solid; width: 20px; height: 20px; display: inline-block; } .legend-box-lightred2 { background-color: #ff9191 !important; border-width: 1px; border-color: gray; border-style: solid; width: 20px; height: 20px; display: inline-block; } .legend-box-grey { background-color: #c6c6c6 !important; border-width: 1px; border-color: gray; border-style: solid; width: 20px; height: 20px; display: inline-block; } .legend-box-light-orange { background-color: #ffd554 !important; border-width: 1px; border-color: gray; border-style: solid; width: 20px; height: 20px; display: inline-block; } .swal-input-custom-desktop { -webkit-appearance: none; background-color: #fff; border: none; font-size: 20px !important; display: block; box-sizing: border-box; width: 100%; border: 1px solid rgba(0,0,0,.14); padding: 10px 13px; border-radius: 5px; transition: border-color .2s; text-align:center } .tooltip-min-width-200 { min-width: 200px; } .tooltip-min-width-300 { min-width: 300px; } .ag-theme-balham .ag-icon { color: #23b7e5 !important; } .text-align-left { text-align: left; } .select-width-100 .chosen-container.chosen-container-single { width: 100% !important; } .no-border { border: none !important; } .configuration-type { margin-top: 10px; margin-bottom: 10px; box-shadow: 2px 2px 5px darkgrey; height: 40px; width: 100% !important; font-size:17px; font-weight:normal; } .configuration-right-divider { border-right-style: solid; border-right-width: 2px; border-right-color: darkgray; height: 100%; } .configuration-item { /*margin-top: 20px;*/ /*margin-bottom: 20px;*/ line-height:40px; min-height:40px; /*width:100%;*/ border-bottom-style: solid; /*border-top-style: solid;*/ /*border-top-width: 1px;*/ border-bottom-width: 1px; border-color: lightgray; color:#45464c; font-weight:normal; font-size:15px; transition: height 1s; } .configuration-item span { line-height: 1.5; display: inline-block; vertical-align: middle; } .bigger-checkbox { transform: scale(1.5); padding-top: 10px; } .line-height-normal { line-height: normal !important; } .nav-update-btn { margin: 0 auto !important; display: block !important; } .bg-color-white { background-color: white !important; } .overflow-auto { overflow: auto !important; } .min-height-3-vh { min-height: 2.5vh !important; } .min-height-25 { min-height: 25px !important; } .min-height-125 { min-height: 125px !important; } .min-height-150 { min-height: 150px !important; } .min-height-300 { min-height: 300px !important; } .min-height-400 { min-height: 400px !important; } .max-height-25 { max-height: 25px !important; } .max-height-575 { max-height: 575px !important; } .max-height-600 { max-height: 600px !important; } .max-height-400 { max-height: 400px !important; } .max-height-300 { max-height: 300px !important; } .max-height-200 { max-height: 200px !important; } .max-height-100 { max-height: 100px !important; } .max-height-150 { max-height: 150px !important; } .max-height-175 { max-height: 175px !important; } .max-width-25 { max-width: 25px !important; } .max-width-100 { max-width: 100px !important; } .display-block { display: block !important; } .display-inline-block { display: inline-block; } .moment-picker { /*fix for moment-picker on ngDialog*/ z-index: 1000000 !important; } .img-box-500 { max-width: 750px; max-height: 500px; } .img-box-reclamation { max-width: 750px; max-height: 500px; box-shadow: rgba(3, 102, 214, 0.3) 0px 0px 0px 3px; border-radius: 5px; } .pdf-box { width: 950px; height: 800px; } .btn-dialog-height-min-125 { min-height: 125px; } .btn-dialog-height-min-100 { min-height: 100px; } .btn-dialog-height-min-75 { min-height: 75px; } .btn-dialog-height-min-50 { min-height: 50px; } .btn-block-padding-10 { padding: 0 10px !important; } .btn-block-padding-right-10 { padding-top: 0px !important; padding-right: 10px !important; padding-bottom: 0px !important; padding-left: 0px !important; } .truncate-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap !important; } .text-break-word { white-space: normal !important; word-wrap: break-word; } .white-space-normal { white-space: normal !important; } .overflow-hidden { overflow: hidden !important; } .container-max-400-overflow { max-height: 400px; overflow-y: auto; } .container-max-450-overflow { max-height: 450px; overflow-y: auto; } .container-max-580-overflow { max-height: 580px; overflow-y: auto; } .font-size-start-stop-button { font-size: 18px; } @media (max-width: 1280px) { .font-size-start-stop-button { font-size: 15px; } } .display-none { display: none !important; } .visibility-hidden { visibility: hidden; } .td-text-break-word { word-wrap: break-word; word-break: break-all } .min-width-125 { min-width: 125px; } .background-dark-grey { background-color: darkgray; } .table-layout-fixed { table-layout: fixed !important; } .pointer-none { pointer-events: none; } .panel-default-no-border { border: none !important; } .chosen-container-active { border: 1px solid #23b7e5 !important; } .input-start-stop-iot { text-align: center !important; padding: 5px 12px; font-size: 50px; font-style: italic; line-height: 20px; color: #24292e; vertical-align: middle; background-color: #ffffff; background-repeat: no-repeat; background-position: right 8px center; border: 1px solid #e1e4e8; border-radius: 6px; outline: none; box-shadow: rgba(225, 228, 232, 0.2) 0px 1px 0px 0px inset !important; height: 2.5em !important; } .input-start-stop-iot:focus { border-color: #0366d6; outline: none; box-shadow: rgba(3, 102, 214, 0.3) 0px 0px 0px 3px !important; } .info-monitor-hr-border-green { border-top: 2px solid #37bc9b !important; } .info-monitor-hr-border-gray { border-top: 2px solid #3a3f51 !important; } .info-monitor-hr-border-red { border-top: 2px solid #f05050 !important; } .info-monitor-hr-border-warning { border-top: 2px solid #ff902b !important; } .info-monitor-box-green { box-shadow: inset 0 0 0 5px #37bc9b !important; } .info-monitor-box-gray { box-shadow: inset 0 0 0 5px #3a3f51 !important; } .info-monitor-box-red { box-shadow: inset 0 0 0 5px #f05050 !important; } .info-monitor-box-warning { box-shadow: inset 0 0 0 5px #ff902b !important; } .ag-grid-bg-color-light-blue { background-color: #BFDBFE !important; } .grid-legend { -moz-border-radius: 5px; -webkit-border-radius: 5px; padding-top: 5px !important; padding-bottom: 5px !important; } .grid-legend-blue { background-color: #bbe9f1; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding-top: 5px !important; padding-bottom: 5px !important; } .loader-info-monitor { --height-of-loader: 4px; --loader-color: white; width: 100%; height: var(--height-of-loader); border-radius: 30px; background-color: rgba(0,0,0,0.2); position: relative; } .loader-info-monitor::before { content: ""; position: absolute; background: var(--loader-color); top: 0; left: 0; width: 0%; height: 100%; border-radius: 30px; animation: moving 1s ease-in-out infinite; } @keyframes moving { 50% { width: 100%; } 100% { width: 0; right: 0; left: unset; } } .test-environment { background-color: lightslategrey !important; border-color: lightslategrey !important; background-image: none !important; } .fieldset-custom { padding: 5px !important; border: 2px solid #bbe9f1 !important; border-radius: 5px; } .legend-custom { font-size: 15px !important; font-style: italic !important; border-bottom: none !important; width: unset !important; margin: unset !important; } .nav-sm > li > a { padding: 5px 15px !important; } .collection-cart-input { display: inline-block; padding: 0 16px 0 12px; width: 100%; line-height: 30px; height: 32px; border: 1px solid #dddbda; border-radius: 4px; background-color: #fff; color: rgb(8, 7, 7); transition: border .1s linear,background-color .1s linear; } .collection-cart-input:focus { border-color: #1b96ff; color: var(--sds-c-input-text-color-focus); box-shadow: rgb(1, 118, 211) 0px 0px 3px 0px; } .operation-management-input { display: inline-block; padding: 0 16px 0 12px; width: 100%; line-height: 30px; height: 32px; border: 1px solid #dddbda; border-radius: 4px; background-color: #fff; color: rgb(8, 7, 7); transition: border .1s linear,background-color .1s linear; } .operation-management-input:focus { border-color: #1b96ff; color: var(--sds-c-input-text-color-focus); box-shadow: rgb(1, 118, 211) 0px 0px 3px 0px; } .input-number-no-arrows { -moz-appearance: textfield; } .input-number-no-arrows::-webkit-outer-spin-button, .input-number-no-arrows::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .startstop-picture-container { border: 1px solid #e1e4e8; padding:10px; border-radius: 2px; } .img-center { display: block; margin-left: auto; margin-right: auto; width: 50%; } .custom-header-align-left { text-align: left !important; justify-content: flex-start !important; } .custom-header-align-center { text-align: center !important; justify-content: center !important; } .custom-header-align-right { text-align: right !important; justify-content: flex-end !important; } .swal-modal.swal-wide { width: 90%; max-width: 1100px; } .swal-error-table-container { max-height: 400px; overflow: auto; } .swal-error-table { font-size: 12px; text-align: left; margin-bottom: 0; } .swal-error-table > thead > tr > th { background-color: #f5f5f5; white-space: nowrap; } .swal-error-table > tbody > tr > td { vertical-align: middle; } .panel.panel-tehnos { padding: 30px 15px; float: none; } .panel.panel-tehnos .form-group { border: 1px solid #cfdbe2; padding: 10px; border-radius: 5px; } .panel.panel-tehnos .tehnos-input { margin-bottom:15px; } .panel.panel-tehnos input.ng-invalid.ng-touched { border-color: red; } .panel.panel-tehnos .form-control { text-overflow: ellipsis; overflow: hidden; } /*.panel.panel-tehnos [required] { background-color: #ffffcb; }*/ .edit-buyer-order-form, .edit-buyer-order-product-form { line-height: 250%; } .edit-buyer-order-form .form-group, .edit-buyer-order-product-form .form-group{ margin-bottom: 30px; } .edit-buyer-order-form .form-group > .row, .edit-buyer-order-product-form .form-group > .row{ margin-bottom: 10px; } .panel-tehnos-result{ padding: 15px; float: none; overflow-x: auto; min-height: 250px; } .panel-tehnos-result table { } /*.panel-tehnos-result table thead{ background-color:#3f9ebb; } .panel-tehnos-result table thead th{ color:#fff; padding-left: 10px; padding-right: 10px; } .panel-tehnos-result table tbody tr{ border-bottom: 2px solid #fff; } .panel-tehnos-result table tbody tr:nth-of-type(2n+1) { background-color:#edf5f9; }*/ .panel-tehnos-result table tbody tr td span{ padding: 3px 10px; } .panel-tehnos-result table tbody tr td span{ padding: 0; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display:block; } .panel-tehnos-result table tbody tr td:last-child span { overflow:visible; } .ngdialog.ngdialog-theme-default.pozicije .ngdialog-content{ width: calc(100% - 50px); } .ngdialog.ngdialog-theme-default.form .ngdialog-content{ width: 970px; } div.auto-complete-container ul.auto-complete-results { overflow-x: hidden; overflow-y: auto; margin: 0px; padding: 0px; max-height: 391px; } div.auto-complete-container ul.auto-complete-results li.auto-complete-item { list-style-type: none; padding: 0; margin: 0; background-color: #fafbfc; cursor: pointer; } div.auto-complete-container ul.auto-complete-results li.auto-complete-item:nth-child(2n+1) { background-color: #fff; } div.auto-complete-container ul.auto-complete-results li.auto-complete-item-selected.auto-complete-item:nth-child(2n+1) { background-color: #6699FF; } div.auto-complete-container ul.auto-complete-results li.auto-complete-item:hover, div.auto-complete-container ul.auto-complete-results li.auto-complete-item:nth-child(2n+1):hover { background-color: #999999; } div.auto-complete-container ul.auto-complete-results li.auto-complete-item-selected { background-color: #6699FF; color: White; } .autocomplete-row { display: flex;} .autocomplete-row i { text-overflow: ellipsis; overflow: hidden; font-style: normal; padding: 3px 5px; margin: 0; border-top: 1px solid #eeeeee; } .autocomplete-row i.w10 { width:10px;} .autocomplete-row i.w20 { width:20px;} .autocomplete-row i.w30 { width:30px;} .autocomplete-row i.w40 { width:40px;} .autocomplete-row i.w50 { width:50px;} .autocomplete-row i.w60 { width:60px;} .autocomplete-row i.w70 { width:70px;} .autocomplete-row i.w80 { width:80px;} .autocomplete-row i.w90 { width:90px;} .autocomplete-row i.w100 { width:100px;} .autocomplete-row i.w110 { width:110px;} .autocomplete-row i.w120 { width:120px;} .autocomplete-row i.w130 { width:130px;} .autocomplete-row i.w140 { width:140px;} .autocomplete-row i.w150 { width:150px;} .autocomplete-row i.w160 { width:160px;} .autocomplete-row i.w170 { width:170px;} .autocomplete-row i.w180 { width:180px;} .autocomplete-row i.w190 { width:190px;} .autocomplete-row i.w200 { width:200px;} .autocomplete-row i.w210 { width:210px;} .autocomplete-row i.w220 { width:220px;} .autocomplete-row i.w230 { width:230px;} .autocomplete-row i.w240 { width:240px;} .autocomplete-row i.w250 { width:250px;} .autocomplete-row i.w260 { width:260px;} .autocomplete-row i.w270 { width:270px;} .autocomplete-row i.w280 { width:280px;} .autocomplete-row i.w290 { width:290px;} .autocomplete-row i.w300 { width:300px;} .autocomplete-row i.w310 { width:310px;} .autocomplete-row i.w320 { width:320px;} .autocomplete-row i.w330 { width:330px;} .autocomplete-row i.w340 { width:340px;} .autocomplete-row i.w350 { width:350px;} .autocomplete-row i.w360 { width:360px;} .autocomplete-row i.w370 { width:370px;} .autocomplete-row i.w380 { width:380px;} .autocomplete-row i.w390 { width:390px;} .autocomplete-row i.w400 { width:400px;} .autocomplete-row i.w410 { width:410px;} .autocomplete-row i.w420 { width:420px;} .autocomplete-row i.w430 { width:430px;} .autocomplete-row i.w440 { width:440px;} .autocomplete-row i.w450 { width:450px;} .autocomplete-row i.w460 { width:460px;} .autocomplete-row i.w470 { width:470px;} .autocomplete-row i.w480 { width:480px;} .autocomplete-row i.w490 { width:490px;} .autocomplete-row i.w500 { width:500px;} .tehnos-search-field { border: 1px solid #dde6e9; border-radius: 5px; padding: 5px; position: relative; line-height: 150%; } .tehnos-search-field:after { content: ""; display: block; position: absolute; border-width: 7px 3px 0px 4px; border-color: #000 transparent transparent transparent; border-style: solid; top: 13px; right: 8px; } .tehnos-search-field .placeholder{ background-color: #fff; border: 0; width: 100%; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tehnos-search-field .search-field-dropdown-container{ display:none; .p-5 { padding: 4% 40px; } .p-2 { padding: 3% 20px; } .p-10 { padding: 10% 20px; } .font-size-25 { font-size: 25px; } .font-size-30 { font-size: 30px; } .font-size-35 { font-size: 35px !important; } .font-size-40 { font-size: 40px !important; } .font-size-45 { font-size: 45px !important; } .font-size-50 { font-size: 50px !important; } .font-size-60 { font-size: 60px !important; } .locationTransferRadioButtonLbl { margin-left: 2em !important; vertical-align: sub; } .locationTransferRadioBtn { height: 2em; width: 2em; vertical-align: middle; } .locationTransferHr { margin: 0; padding: 0; background: #cdcdcd; background-repeat: repeat-x; height: 1px; } .input-mobile-size { padding: 5% 40px; font-size: 50px; } .input-quantity { padding-top: 10%; padding-bottom: 10%; text-align: center; font-size: 100px; } .btn-xl { padding: 10px 20px; font-size: 34px; border-radius: 10px; width: 50%; } .h-100-mobile { height: 98% !important; } .h-95-mobile { height: 95% !important; } .h-85-mobile { height: 85% !important; } .h-75-mobile { height: 75% !important; } .h2-mobile { font-size: 50px !important; } .plus-value { color: green; } .minus-value { color: red; } .custom-button-level { background: #ffffff; border: 1px solid #666666; border-radius: 10px; font-family: Segoe UI, Segoe UI-Bold; font-weight: 700; text-align: center; color: #000000 } .border-1-grey { border: 1px solid #666666 !important; } .button-search-terminal { border: 1px solid #666666; border-radius: 10px; font-family: Segoe UI, Segoe UI-Bold; font-weight: 700; text-align: center; } .input-search-terminal { border: 1px solid #666666; border-radius: 10px; } .button-plus-minus-terminal { height: 125px; width: 125px; border-radius: 50%; border: 2px solid #666666 !important; } .tbl-border-1 { border: 1px solid #000000 !important; } .margin-bottom-0 { margin-bottom: 0 !important; } @media all and (max-height: 1000px) { /* CSS rules here for screens lower than 1000px */ .button-round-terminal { display: none !important; } } @media all and (min-height: 1000px) { /* CSS rules here for screens above 1000px */ .button-round-terminal { height: 200px; width: 200px; border-radius: 50%; border: 2px solid #666666 !important; } } .ag-header-terminal-40 { font-size: 40px; } .ag-header-terminal-30 { font-size: 30px; } .ag-header-terminal-25 { font-size: 25px; } .ag-header-terminal-20 { font-size: 20px; } .ag-header-align-center { /*text-align: center !important;*/ justify-content: center !important; color: rebeccapurple; } .btn-square-terminal { height: 150px; width: 150px; border-radius: 10%; border: 2px solid #666666 !important; } .btn-terminal { /*background: #ffffff;*/ /*color: #000000;*/ /*background: #3399ff;*/ /*color: #000000;*/ border: 1px solid #666666; border-radius: 10px; font-family: Segoe UI, Segoe UI-Bold; font-weight: 700; text-align: center; } .font-style-terminals { font-family: Segoe UI, Segoe UI-Bold; font-weight: 700; } .scroll-bar-fixed { max-height: 1225px; overflow-y: scroll; } .row-full-height { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .ag-vh-terminal { height: calc(100vh - 650px); min-height: 400px; } .ag-vh-terminal-1 { height: calc(100vh - 700px); min-height: 400px; }