/* Minification failed. Returning unminified contents. (3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (29,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (33,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (34,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (37,31): run-time error CSS1039: Token not allowed after unary operator: '-gap' (42,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (43,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (55,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (57,30): run-time error CSS1039: Token not allowed after unary operator: '-span' (57,44): run-time error CSS1039: Token not allowed after unary operator: '-columns' (58,26): run-time error CSS1039: Token not allowed after unary operator: '-gap' (66,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (70,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (74,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (78,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (82,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (86,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (90,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (94,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (98,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (102,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (106,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (110,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (115,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (119,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (123,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (127,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (131,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (135,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (139,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (143,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (147,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (151,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (155,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (159,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (166,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (170,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (174,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (178,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (182,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (186,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (190,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (194,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (198,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (202,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (206,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (210,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (216,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (220,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (224,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (228,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (232,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (236,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (240,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (244,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (248,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (252,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (256,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (260,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (333,6): run-time error CSS1035: Expected colon, found ',' (397,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' (406,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-shade-02' (410,26): run-time error CSS1039: Token not allowed after unary operator: '-kendo-grid-header-padding-x-md' (411,25): run-time error CSS1039: Token not allowed after unary operator: '-kendo-grid-header-padding-y-md' (438,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' (446,25): run-time error CSS1030: Expected identifier, found '.' (446,48): run-time error CSS1031: Expected selector, found ')' (446,48): run-time error CSS1025: Expected comma or open brace, found ')' (494,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' (525,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (527,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (553,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' (733,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (897,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (2576,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (2577,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' (2587,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (2588,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' (2598,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (2599,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' (2612,1): run-time error CSS1035: Expected colon, found '{' (2666,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (2993,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (3059,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (3063,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (3069,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (3143,1): run-time error CSS1035: Expected colon, found '{' (3150,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3151,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3156,28): run-time error CSS1039: Token not allowed after unary operator: '-kendo-input-invalid-border' (3156,62): run-time error CSS1039: Token not allowed after unary operator: '-kendo-invalid-border' (3156,90): run-time error CSS1039: Token not allowed after unary operator: '-kendo-error-190' (3163,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3187,1): run-time error CSS1035: Expected colon, found '{' (3215,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3461,40): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (3470,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (3531,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (3554,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (3795,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (3858,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (3907,35): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (3988,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (3989,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (4019,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (4054,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (4075,36): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (4075,67): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (4301,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4303,68): run-time error CSS1039: Token not allowed after unary operator: '-color-split-point' (4303,94): run-time error CSS1039: Token not allowed after unary operator: '-bg-color' (4303,110): run-time error CSS1039: Token not allowed after unary operator: '-color-split-point' (4310,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4315,73): run-time error CSS1039: Token not allowed after unary operator: '-color-split-point' (4315,108): run-time error CSS1039: Token not allowed after unary operator: '-bg-color' (4315,128): run-time error CSS1063: Expected calculation unit, found 'l' (4315,128): run-time error CSS1064: Expected calculation product, found 'l' (4315,128): run-time error CSS1065: Expected calculation sum, found 'l' (4315,128): run-time error CSS1034: (4315,128): run-time error CSS1042: Expected function, found 'l' (4315,131): run-time error CSS1019: Unexpected token, found ' ' (4315,131): run-time error CSS1019: Unexpected token, found ' ' (4315,131): run-time error CSS1042: Expected function, found ' ' (4315,131): run-time error CSS1019: Unexpected token, found ' ' (4315,131): run-time error CSS1042: Expected function, found ' ' (4315,131): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' (4453,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4454,64): run-time error CSS1039: Token not allowed after unary operator: '-color-split-point' (4454,90): run-time error CSS1039: Token not allowed after unary operator: '-bg-color' (4454,106): run-time error CSS1039: Token not allowed after unary operator: '-color-split-point' (4795,23): run-time error CSS1039: Token not allowed after unary operator: '-kendo-tooltip-line-height' (4795,56): run-time error CSS1039: Token not allowed after unary operator: '-kendo-line-height' (4797,22): run-time error CSS1039: Token not allowed after unary operator: '-kendo-tooltip-shadow' (4797,50): run-time error CSS1039: Token not allowed after unary operator: '-kendo-box-shadow-depth-2' (4807,17): run-time error CSS1039: Token not allowed after unary operator: '-INTERNAL--kendo-grid-edit-cell-padding-x' (4908,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4911,18): run-time error CSS1039: Token not allowed after unary operator: '-button-height' (4922,22): run-time error CSS1039: Token not allowed after unary operator: '-button-height' (4926,27): run-time error CSS1039: Token not allowed after unary operator: '-button-height' (4937,23): run-time error CSS1039: Token not allowed after unary operator: '-button-height' (5176,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5177,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5178,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5180,26): run-time error CSS1039: Token not allowed after unary operator: '-INTERNAL--kendo-input-padding-x' (5181,25): run-time error CSS1039: Token not allowed after unary operator: '-INTERNAL--kendo-input-padding-y' (5182,23): run-time error CSS1039: Token not allowed after unary operator: '-INTERNAL--kendo-input-line-height' (5184,17): run-time error CSS1039: Token not allowed after unary operator: '-INTERNAL--kendo-input-text' (5185,28): run-time error CSS1039: Token not allowed after unary operator: '-INTERNAL--kendo-input-bg' (5186,24): run-time error CSS1039: Token not allowed after unary operator: '-INTERNAL--kendo-input-border' (5190,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5191,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5195,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5196,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5197,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5202,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5203,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5204,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5205,38): run-time error CSS1039: Token not allowed after unary operator: '-INTERNAL--kendo-input-border' (5206,24): run-time error CSS1039: Token not allowed after unary operator: '-INTERNAL--kendo-input-border' (5211,29): run-time error CSS1039: Token not allowed after unary operator: '-INTERNAL--kendo-input-border' (5216,24): run-time error CSS1039: Token not allowed after unary operator: '-kendo-input-focus-border' (5220,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5221,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5222,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5226,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5227,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5228,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5229,28): run-time error CSS1039: Token not allowed after unary operator: '-INTERNAL--kendo-input-bg' (5230,17): run-time error CSS1039: Token not allowed after unary operator: '-INTERNAL--kendo-input-text' (5231,24): run-time error CSS1039: Token not allowed after unary operator: '-INTERNAL--kendo-input-border' (5339,32): run-time error CSS1039: Token not allowed after unary operator: '-inactive-indicator-color' (5343,32): run-time error CSS1039: Token not allowed after unary operator: '-active-indicator-color' (5372,28): run-time error CSS1039: Token not allowed after unary operator: '-body-text-color' (5376,28): run-time error CSS1039: Token not allowed after unary operator: '-inactive-indicator-color' (5381,28): run-time error CSS1039: Token not allowed after unary operator: '-active-indicator-color' (5421,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' (5439,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' (5561,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (6426,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (6895,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (6920,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '>' (6957,24): run-time error CSS1039: Token not allowed after unary operator: '-selected-bg-color' (6957,49): run-time error CSS1039: Token not allowed after unary operator: '-selected-bg-color' (6957,74): run-time error CSS1039: Token not allowed after unary operator: '-selected-bg-color' (6967,39): run-time error CSS1039: Token not allowed after unary operator: '-selected-bg-color' (7031,1): run-time error CSS1035: Expected colon, found '{' (7053,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (7055,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (7115,28): run-time error CSS1039: Token not allowed after unary operator: '-active-indicator-color' (7119,28): run-time error CSS1039: Token not allowed after unary operator: '-inactive-indicator-color' (7611,32): run-time error CSS1039: Token not allowed after unary operator: '-grey-shade-03' (7666,36): run-time error CSS1039: Token not allowed after unary operator: '-ohio-swatch-646' (7671,40): run-time error CSS1039: Token not allowed after unary operator: '-ohio-swatch-646' (7994,26): run-time error CSS1039: Token not allowed after unary operator: '-kendo-box-shadow-depth-1' (7998,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (8012,21): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (8013,26): run-time error CSS1039: Token not allowed after unary operator: '-kendo-box-shadow-depth-2' (8034,36): run-time error CSS1039: Token not allowed after unary operator: '-active-indicator-color' (8038,36): run-time error CSS1039: Token not allowed after unary operator: '-inactive-indicator-color' (8074,104): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (8075,66): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (8076,64): run-time error CSS1039: Token not allowed after unary operator: '-primary-color' (8172,1): run-time error CSS1035: Expected colon, found '{' (8301,17): run-time error CSS1039: Token not allowed after unary operator: '-INTERNAL--kendo-grid-edit-cell-padding-x' (8376,34): run-time error CSS1046: Expect comma, found '163' (8376,42): run-time error CSS1046: Expect comma, found '/' (8390,38): run-time error CSS1046: Expect comma, found '163' (8390,46): run-time error CSS1046: Expect comma, found '/' (8398,43): run-time error CSS1046: Expect comma, found '163' (8398,51): run-time error CSS1046: Expect comma, found '/' (8402,38): run-time error CSS1046: Expect comma, found '163' (8402,46): run-time error CSS1046: Expect comma, found '/' (8416,1): run-time error CSS1035: Expected colon, found '{' (8448,1): run-time error CSS1035: Expected colon, found '{' (8477,1): run-time error CSS1035: Expected colon, found '{' (8490,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8496,1): run-time error CSS1035: Expected colon, found '{' (8505,17): run-time error CSS1039: Token not allowed after unary operator: '-ohio-swatch-647' (8508,1): run-time error CSS1035: Expected colon, found '{' (8624,27): run-time error CSS1035: Expected colon, found '.' (8663,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' (8672,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' (8694,1): run-time error CSS1035: Expected colon, found '{' (8715,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8716,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8717,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8744,28): run-time error CSS1039: Token not allowed after unary operator: '-links-bg-color' (8839,32): run-time error CSS1039: Token not allowed after unary operator: '-links-bg-color' (8839,75): run-time error CSS1039: Token not allowed after unary operator: '-links-bg-color' (8856,28): run-time error CSS1039: Token not allowed after unary operator: '-links-bg-color' (8903,39): run-time error CSS1039: Token not allowed after unary operator: '-links-bg-color' (8913,24): run-time error CSS1039: Token not allowed after unary operator: '-links-bg-color' (8935,28): run-time error CSS1039: Token not allowed after unary operator: '-links-bg-color' (9004,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9032,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9071,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9076,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9424,22): run-time error CSS1039: Token not allowed after unary operator: '-inner-offset' (9426,65): run-time error CSS1039: Token not allowed after unary operator: '-color-split-point' (9426,106): run-time error CSS1039: Token not allowed after unary operator: '-color-split-point' (9567,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9568,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9571,43): run-time error CSS1039: Token not allowed after unary operator: '-field-size' (9571,69): run-time error CSS1039: Token not allowed after unary operator: '-col-gap' (9583,37): run-time error CSS1039: Token not allowed after unary operator: '-field-size' (9583,55): run-time error CSS1039: Token not allowed after unary operator: '-field-size' (9584,19): run-time error CSS1039: Token not allowed after unary operator: '-col-gap' (9594,25): run-time error CSS1039: Token not allowed after unary operator: '-field-size' (9618,24): run-time error CSS1030: Expected identifier, found '.' (9618,64): run-time error CSS1031: Expected selector, found ')' (9618,64): run-time error CSS1025: Expected comma or open brace, found ')' (9642,28): run-time error CSS1039: Token not allowed after unary operator: '-INTERNAL--kendo-picker-bg' (9646,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9650,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '.' (9920,7): run-time error CSS1035: Expected colon, found '.' (9995,36): run-time error CSS1030: Expected identifier, found '[' (9995,50): run-time error CSS1031: Expected selector, found '=' (9995,50): run-time error CSS1025: Expected comma or open brace, found '=' (10544,28): run-time error CSS1035: Expected colon, found ',' (10579,14): run-time error CSS1034: (10734,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&' (10891,15): run-time error CSS1039: Token not allowed after unary operator: '-info-header-height' (10993,28): run-time error CSS1039: Token not allowed after unary operator: '-admin-indicator-color' (10997,28): run-time error CSS1039: Token not allowed after unary operator: '-inactive-indicator-color' (11003,28): run-time error CSS1039: Token not allowed after unary operator: '-active-indicator-color' */ .form-control { --kendo-input-text: var( --kendo-input-solid-text, var(--kendo-neutral-160, inherit) ); --kendo-input-bg: var( --kendo-input-solid-bg, #ffffff ); --kendo-input-border: var( --kendo-input-solid-border, var(--kendo-neutral-130, inherit) ); --kendo-input-hover-text: var( --kendo-input-solid-hover-text, var(--kendo-neutral-190, inherit) ); --kendo-input-hover-bg: var( --kendo-input-solid-hover-bg, #ffffff ); --kendo-input-hover-border: var( --kendo-input-solid-hover-border, var(--kendo-neutral-160, inherit) ); --kendo-input-focus-text: var( --kendo-input-solid-focus-text, var(--kendo-neutral-160, inherit) ); --kendo-input-focus-bg: var( --kendo-input-solid-focus-bg, #ffffff); --kendo-input-focus-border: var( --kendo-input-solid-focus-border, var(--kendo-primary-100, inherit) ); --kendo-input-hover-focus-text: var( --kendo-input-solid-hover-focus-text, var(--kendo-neutral-160, inherit) ); --kendo-input-hover-focus-bg: var( --kendo-input-solid-hover-focus-bg, #ffffff ); --kendo-input-hover-focus-border: var( --kendo-input-solid-hover-focus-border, var(--kendo-primary-100, inherit) ); --kendo-input-disabled-text: var( --kendo-input-solid-disabled-text, var(--kendo-neutral-90, inherit) ); --kendo-input-disabled-bg: var( --kendo-input-solid-disabled-bg, var(--kendo-neutral-20, inherit) ); --kendo-input-disabled-border: var( --kendo-input-solid-disabled-border, transparent ); --INTERNAL--kendo-input-font-size: var(--kendo-font-size, inherit); --INTERNAL--kendo-input-line-height: var(--kendo-line-height, normal); --INTERNAL--kendo-input-padding-x: 0.5rem; --INTERNAL--kendo-input-padding-y: 0.275rem; --INTERNAL--kendo-input-button-padding-x: 0.375rem; --INTERNAL--kendo-input-button-padding-y: 0.275rem; --INTERNAL--kendo-input-icon-size: calc(var(--kendo-icon-size, 1rem) + 0.5rem); --kendo-input-disabled-bg: #eee; } .bI-form-section .form-control { --kendo-input-disabled-bg: #fff; } .flex-row { --gap: 30px; --columns: 12; display: flex; flex-wrap: wrap; margin: 0 calc(-1 * (var(--gap) / 2)); padding: 0; } .flex-row--no-margin { --gap: 30px; --columns: 12; display: flex; flex-wrap: wrap; margin: 0 0; padding: 0; } .flex-item { flex: 1 0 0%; } [class*=f-span-] { --span: 12; flex: 0 0 auto; width: calc(100% * (var(--span) / var(--columns))); padding: 0 calc(var(--gap) / 2); } @media print { [class*=f-span-] { width: auto; } } .f-span-xs-1 { --span: 1; } .f-span-xs-2 { --span: 2; } .f-span-xs-3 { --span: 3; } .f-span-xs-4 { --span: 4; } .f-span-xs-5 { --span: 5; } .f-span-xs-6 { --span: 6; } .f-span-xs-7 { --span: 7; } .f-span-xs-8 { --span: 8; } .f-span-xs-9 { --span: 9; } .f-span-xs-10 { --span: 10; } .f-span-xs-11 { --span: 11; } .f-span-xs-12 { --span: 12; } @media (min-width:768px) { .f-span-sm-1 { --span: 1; } .f-span-sm-2 { --span: 2; } .f-span-sm-3 { --span: 3; } .f-span-sm-4 { --span: 4; } .f-span-sm-5 { --span: 5; } .f-span-sm-6 { --span: 6; } .f-span-sm-7 { --span: 7; } .f-span-sm-8 { --span: 8; } .f-span-sm-9 { --span: 9; } .f-span-sm-10 { --span: 10; } .f-span-sm-11 { --span: 11; } .f-span-sm-12 { --span: 12; } } @media (min-width:992px) { .f-span-md-1 { --span: 1; } .f-span-md-2 { --span: 2; } .f-span-md-3 { --span: 3; } .f-span-md-4 { --span: 4; } .f-span-md-5 { --span: 5; } .f-span-md-6 { --span: 6; } .f-span-md-7 { --span: 7; } .f-span-md-8 { --span: 8; } .f-span-md-9 { --span: 9; } .f-span-md-10 { --span: 10; } .f-span-md-11 { --span: 11; } .f-span-md-12 { --span: 12; } } @media (min-width:1200px) { .f-span-lg-1 { --span: 1; } .f-span-lg-2 { --span: 2; } .f-span-lg-3 { --span: 3; } .f-span-lg-4 { --span: 4; } .f-span-lg-5 { --span: 5; } .f-span-lg-6 { --span: 6; } .f-span-lg-7 { --span: 7; } .f-span-lg-8 { --span: 8; } .f-span-lg-9 { --span: 9; } .f-span-lg-10 { --span: 10; } .f-span-lg-11 { --span: 11; } .f-span-lg-12 { --span: 12; } } @charset "UTF-8"; button { width: auto; } body.pre-login input:-webkit-autofill, body.pre-login input:-webkit-autofill:hover, body.pre-login input:-webkit-autofill:focus, body.pre-login input:-webkit-autofill:active, body.pre-login textarea:-webkit-autofill, body.pre-login select:-webkit-autofill { box-shadow: 0 0 0 1000px #0389ce inset !important; -webkit-text-fill-color: #fff; } /*html, body { -ms-overflow-style: scrollbar;*/ /*doesn't work for >= IE11*/ /*}*/ body { /*font-family: open-sans, 'Hevetica Neue', Helvetica, Arial, sans-serif; color: #333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px;*/ } body.pre-login > .wrapper { height: auto; min-height: 100%; padding-bottom: 0; margin-bottom: 0; } body > .wrapper { height: auto; min-height: 100%; padding-bottom: 113px; margin-bottom: -113px; } #footer *, #footer *:after, #footer *:after { color: inherit; } /**bootstrap overrides*/ .modal-backdrop { z-index: 1042; } b, strong { font-weight: 600; } .modal { font-size: 13px; } .label { padding: 0.3rem 0.7rem; font-size: 0.8rem; gap: 0.3rem; font-weight: 500; display: inline-flex; align-items: center; justify-content: space-evenly; b, strong { font-weight: 700; } .glyphicon { top:auto; } } /**table styles**/ /*.k-grid-toolbar, .k-grouping-header { padding: .75em; }*/ /* table th, .table > thead > tr > th, table tr > th { font-weight: 500; } */ .k-grid-header th.k-header { white-space: normal; } .form-control, .btn { border-radius: 0; } /*.k-grid-header th.k-state-focused, .k-list > .k-state-focused, .k-listview > .k-state-focused, .k-state-focused, td.k-state-focused, .k-dropdown-wrap.k-state-active.k-state-border-down, .k-numeric-wrap .k-link.k-state-selected, .k-pager-numbers.k-state-expanded .k-current-page .k-link, .k-picker-wrap.k-state-active.k-state-border-down, .k-tabstrip:focus, .k-listbox .k-item.k-state-focused { box-shadow: none; }*/ .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus, button:focus, a:focus { outline-color: transparent; outline-width: 1px; outline-style: solid; } .k-grid .k-table-tbody > .k-table-row > .k-table-td .k-icon, .k-grid .k-table-tbody > .k-table-row > .k-table-th .k-icon { outline: none !important; } .k-grid > .k-grouping-header { margin: 0 0 3px 0; border: 1px solid #eee; background-color: #f7f7f7; padding: 6px 10px; font-size: 12px; } .k-grouping-dropclue { margin-top: 4px; } .k-pager-wrap { border: 1px solid #ddd; box-shadow: none; border-top-width: 0; background-color: #fafafa; } .noneditable { pointer-events: none; /*to avoid any mouse interactions to the disabled cells*/ &:has(a,button), &.group-cell--expander,&.open-modal { pointer-events: auto; } } .k-grid th, .k-grid-header th.k-header, table.table > thead > tr > th { font-weight: 500; border: 1px solid #ccc; /*border-width: 0 1px 1px 0;*/ background-color: var(--grey-shade-02); } table.table > thead > tr > th { padding-inline: var(--kendo-grid-header-padding-x-md, 6px); padding-block: var(--kendo-grid-header-padding-y-md, 4px); } .k-grid-scroll-wrap { overflow: visible; } .k-grid-scroll-wrap.border-on { overflow: auto; border: 1px solid #fbfbfb; padding: 0 4px 2px 4px; } .k-grid-scroll-wrap.border-off { overflow: visible; border: none; box-shadow: none; } .k-grid tr td, .k-grid .k-table-td { font-size: 13px; border: 1px solid #e3e3e3; border-width: 1px; overflow: visible; position: relative; text-overflow: initial; white-space: normal; &.k-edit-cell { position: initial; } } .k-grid .k-table-td:has(.field-validation-error), .k-grid .k-table-td:has(.k-invalid-msg:not(.k-hidden)) { position: relative; z-index: 1; } .k-grid .k-table-td.text-right, .k-grid .k-table-th.text-right { text-align: right; } .k-grid .k-table-td.text-center, .k-grid .k-table-th.text-center { text-align: center; } .k-grid td.k-state-focused { box-shadow: none; } .k-grid td.k-state-selected.k-state-focused, .k-grid td.k-state-selected.k-state-focused:hover, .k-grid td.k-state-selected.k-state-focused:focus, .k-grid tr.k-state-selected:hover td.k-state-focused, .k-grid tr:hover .k-state-focused.k-state-selected { background-color: transparent; color: #333; box-shadow: none; border-color: #e3e3e3; } .k-grid tr td.k-state-selected, .k-grid tr td.k-state-selected:hover, .k-grid tr td.k-state-selected:focus { background-color: transparent; color: #333; box-shadow: none; border-color: #e3e3e3; } .k-grid tr td.k-state-selected .k-state-focused, .k-grid tr td.k-state-selected:hover .k-state-focused { box-shadow: none !important; } .k-grid tr td.k-state-selected.k-edit-cell, .k-grid tr td.k-state-selected.k-edit-cell:hover { background-color: #fff; color: #333; } table.table > tbody tr > td.noneditable, table.table > tbody tr > th.noneditable, .k-grid tr td.noneditable.k-focus, .k-grid tr td.noneditable.k-focus:hover, .k-grid tr td.noneditable:focus, .k-grid tr td.noneditable.k-hover:focus { background-color: transparent; color: #333; &.cell-highlight { background-color: #f0f0f0; } } .k-grid thead tr th.cell-highlight { background-color: #eaeaea; } .k-grid td.k-selected.k-focus.text-danger, .k-grid td.k-selected.k-focus.text-danger:hover, .k-grid td.k-selected.k-focus.text-danger:focus, .k-grid tr.k-selected:hover td.k-focus.text-danger, .k-grid tr:hover .k-focus.k-selected.text-danger { color: #F14203; } .k-grid td.k-selected.noneditable, .k-grid .k-table-row.k-selected > td.noneditable, .k-grid .k-table-td.k-selected.noneditable, .k-grid .k-table-row.k-selected > .k-table-td.noneditable, .k-grid td.k-selected.noneditable.k-focus, .k-grid .k-table-row.k-selected > td.noneditable.k-focus, .k-grid .k-table-td.k-selected.noneditable.k-focus, .k-grid .k-table-row.k-selected > .k-table-td.noneditable.k-focus, .k-grid td.k-selected.noneditable:focus, .k-grid .k-table-row.k-selected > td.noneditable:focus, .k-grid .k-table-td.k-selected.noneditable:focus, .k-grid .k-table-row.k-selected > .k-table-td.noneditable:focus { --kendo-grid-selected-bg: transparent; /*--kendo-grid-selected-hover-bg: var(--kendo-grid-selected-bg);*/ --kendo-grid-selected-border: #e3e3e3; border-color: #e3e3e3; } .k-grid tr > td.cell-highlight, .k-grid thead tr > th.cell-highlight, .k-grid tr > td.cell-highlight.k-selected, .k-grid thead tr > th.cell-highlight.k-selected, .k-grid tr > td.cell-highlight.k-selected:hover, .k-grid thead tr > th.cell-highlight.k-selected:hover, .k-grid tr > td.cell-highlight.k-selected:focus, .k-grid thead tr > th.cell-highlight.k-selected:focus, .k-grid tr > td.cell-highlight.k-selected.k-focus, .k-grid thead tr > th.cell-highlight.k-selected.k-focus, table.table > tbody tr > td.cell-highlight, table.table > tbody tr > th.cell-highlight, .k-grid tr:hover > td.cell-highlight, .k-grid thead tr:hover > th.cell-highlight, .k-grid tr:hover > td.cell-highlight.k-selected, .k-grid thead tr:hover > th.cell-highlight.k-selected, .k-grid tr:hover > td.cell-highlight.k-selected:hover, .k-grid thead tr:hover > th.cell-highlight.k-selected:hover, .k-grid tr:hover > td.cell-highlight.k-selected:focus, .k-grid thead tr:hover > th.cell-highlight.k-selected:focus, .k-grid tr:hover > td.cell-highlight.k-selected.k-focus, .k-grid thead tr:hover > th.cell-highlight.k-selected.k-focus .k-grid tr:focus > td.cell-highlight, .k-grid thead tr:focus > th.cell-highlight, .k-grid tr:focus > td.cell-highlight.k-selected, .k-grid thead tr:focus > th.cell-highlight.k-selected, .k-grid tr:focus > td.cell-highlight.k-selected:hover, .k-grid thead tr:focus > th.cell-highlight.k-selected:hover, .k-grid tr:focus > td.cell-highlight.k-selected:focus, .k-grid thead tr:focus > th.cell-highlight.k-selected:focus, .k-grid tr:focus > td.cell-highlight.k-selected.k-focus, .k-grid thead tr:focus > th.cell-highlight.k-selected.k-focus { background-color: #f0f0f0; color: #333; } .k-grid .k-table-tbody > .k-table-row:not(.k-detail-row):hover td.k-selected, .k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).k-hover.k-selected > td, .k-grid .k-table-tbody > .k-table-row:not(.k-detail-row):hover .k-table-td.k-selected, .k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).k-hover.k-selected > .k-table-td, .k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).k-hover.k-selected, .k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).k-hover td.k-selected, .k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).k-selected:hover > td, .k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).k-hover .k-table-td.k-selected, .k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).k-selected:hover > .k-table-td { &.cell-highlight { background-color: #f0f0f0; } } .k-grid .k-numeric-wrap .k-input { height: 23px; padding: 1px 0; } .k-grid .k-numerictextbox .k-link { height: 10px; } .k-grid .k-numeric-wrap .k-select { height: 22px; line-height: 21px; } .k-grid .k-numerictextbox .k-i-arrow-60-up { top: 2px; } .k-grid .k-numerictextbox .k-i-arrow-60-down { bottom: 0; } /*.k-grid .k-input.k-textbox { height: 23px; padding: 0 6px; line-height: 1; text-indent: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }*/ /*.k-grid textarea.k-input.k-textbox { height: auto; } */ .k-grid tbody .k-hierarchy-cell { padding: 0; text-align: center; position: relative; } /*.k-grid .k-hierarchy-cell + td { border-left-width: 1px; }*/ .k-grid .k-detail-row .k-hierarchy-cell + td { border-left-width: 0; } .k-grid .k-detail-row .k-detail-cell { padding: 0; } .k-grid tbody .k-hierarchy-cell .k-icon { width: 26px; height: 26px; outline: none !important; text-decoration: none !important; isolation: isolate; color: transparent; display: inline-flex; } .k-grid .k-hierarchy-cell .k-icon { font-family: FontAwesome; color: #444; } .k-grid .k-hierarchy-cell .k-icon:before { content: ''; position: absolute; inset: 7px auto auto auto; color: #fff; z-index: 1; font-family: 'FontAwesome'; } #gvMissingData.k-grid .k-hierarchy-cell .k-icon{ font-size: 9px; width: 22px; height: 22px; } .k-grid .k-hierarchy-cell .k-icon.k-svg-i-caret-alt-right:before { content: '\f0fe'; } .k-grid .k-hierarchy-cell .k-icon.k-svg-i-caret-alt-down:before { content: '\f146'; } #gvMissingData.k-grid .k-hierarchy-cell .k-icon.k-svg-i-caret-alt-right:before, .strategy-listing .k-grid .k-hierarchy-cell .k-icon.k-svg-i-caret-alt-right:before { content: '\f067'; } #gvMissingData.k-grid .k-hierarchy-cell .k-icon.k-svg-i-caret-alt-down:before, .strategy-listing .k-grid .k-hierarchy-cell .k-icon.k-svg-i-caret-alt-down:before { content: '\f068'; } .k-grid tbody td.k-hierarchy-cell span.indicator:before { content: ''; position: absolute; left: 0; top: 0; width: 4px; bottom: 0; } .k-grid tr, .k-grid tr:hover { background-color: #fff; } .k-grid tr.k-alt, .k-grid tr.k-alt:hover { background-color: #fafafa; } .k-grid table thead tr th small { display: block; font-size: 9px; font-size: .7rem; } .k-grid table tr .dropdown .btn.btn-plain, .k-grid table tr .dropup .btn.btn-plain { height: auto; padding: 0; border: none; background-color: transparent; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; box-shadow: none !important; } .k-grid table tr .dropdown .btn.btn-plain *, .k-grid table tr .dropdown .btn.btn-plain *:before, .k-grid table tr .dropdown .btn.btn-plain *:after, .k-grid table tr .dropup .btn.btn-plain *, .k-grid table tr .dropup .btn.btn-plain *:before, .k-grid table tr .dropup .btn.btn-plain *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /*#region hirearchy child table */ /*.k-grid .k-detail-row .k-detail-cell*/ .k-grid .k-detail-row .k-detail-cell .k-grid tr td:first-of-type, .k-grid .k-detail-row .k-detail-cell .k-grid .k-grid-header tr th.k-header:first-of-type { border-left-width: 0; } .k-grid .k-detail-row .k-detail-cell .k-grid thead tr:first-of-type th.k-header { border-top-width: 0; } .k-grid .k-detail-row .k-detail-cell .k-grid tbody tr:last-of-type td { border-bottom-width: 0; } .k-grid .k-detail-row .k-detail-cell .k-grid tbody tr td:last-of-type, .k-grid .k-detail-row .k-detail-cell .k-grid thead tr th.k-header:last-of-type { border-right-width: 0; } /*#endregion */ .k-multiselect .k-button { color: #fff; border-color: #2e6da4; background-color: var(--primary-color); } .k-multiselect .k-button.k-state-hover { background-color: #286090; border-color: #204d74; } .k-multiselect.k-state-disabled .k-button { color: #fff; background-color: #2a2a2a; border-color: #2a2a2a; box-shadow: none; } /***BOOTSTRAP TABLE***/ .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th { border: 1px solid #e3e3e3; font-size: 12px; padding: 2px 6px; } .table-bordered > tbody > tr > td label, .table-bordered > tbody > tr > th label, .table-bordered > tfoot > tr > td label, .table-bordered > tfoot > tr > th label, .table-bordered > thead > tr > td label, .table-bordered > thead > tr > th label { font-size: 12px; } /*********************** **BOOTSTRAP OVER-RIDES** ************************/ @media (min-width:768px) { .modal-dialog { margin: 10px auto 10px auto; } } .text-info { color: #4fa7d2; } .input[type=checkbox], input[type=radio] { margin-top: 3px; } .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { margin-top: 2px; margin-left: -16px; } .modal .modal-header { padding: 5px 15px; } .modal .close { font-size: 24px; font-weight: 400; margin-top: 0; } .modal-inverse.modal .modal-header { background-color: #08c; color: #fff; border-bottom-color: #08c; } .modal.modal-inverse .close { color: #fff; opacity: 1; } .modal .modal-body { color: #333; padding: 5px 15px; } /*.pager li > a, .pager li > span, .k-button { border-radius: 0; }*/ /***DROPDOWN***/ .dropdown-menu { background-color: #fafafa; padding: 0; font-size: 14px; min-width: 0; } .dropdown-menu.only-admin { background-color: #ff9800; } .dropdown-menu > li + li, .dropdown-menu > li > ul > li + li { border-top: 1px solid #eee; } .dropdown-menu.only-admin > li + li, .dropdown-menu.only-admin > li > ul > li + li { border-top: 1px solid #fff; } .dropdown-menu > li:nth-of-type(odd), .dropdown-menu > li > ul > li:nth-of-type(odd) { background-color: #f7f7f7; } .dropdown-menu.only-admin > li:nth-of-type(odd), .dropdown-menu.only-admin > li > ul > li:nth-of-type(odd) { background-color: rgba(0,0,0,0); } .dropdown-menu > li > a, .dropdown-menu > li > ul > li > a, .dropdown-menu > li > button, .dropdown-menu > li > ul > li > button { padding: 3px 15px; display: block; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; background-color: transparent; border: none; text-decoration: none; } .dropdown-menu.only-admin > li > a, .dropdown-menu.only-admin > li > ul > li > a, .dropdown-menu.only-admin > li > button, .dropdown-menu.only-admin > li > ul > li > button { color: #fff; /*text-align: right; line-height: 1.5;*/ } .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:focus, .dropdown-menu > li > ul > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > ul > li > a:focus, .dropdown-menu > li > a:focus, .dropdown-menu > li > button:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > button:focus, .dropdown-menu > li > a:focus, .dropdown-menu > li > ul > li > button:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > ul > li > button:focus { background-color: rgba(206,206,206,.4); text-decoration: none; } .dropdown-menu > li.add-link-in-dropdown { color: #fff; background-color: var(--primary-color); text-align: right; } .dropdown-menu > li.add-link-in-dropdown > a, .dropdown-menu > li.add-link-in-dropdown > button { color: #fff; cursor: pointer; } .dropdown-menu > li.add-link-in-dropdown > a:hover, .dropdown-menu > li.add-link-in-dropdown > button:hover { background-color: rgba(0,0,0,.2); } .dropdown-menu > li > ul { padding: 0; margin: 0; max-height: 200px; overflow: auto; max-width: 100%; } /**Only for IE-11 browser**/ .k-ie.k-ie11 .dropdown-menu > li > ul { overflow-x: hidden; max-width: none; } .dropdown-menus > li > ul > li { display: block; list-style: none; } /**TEXT COLOR**/ .text-danger { color: #F14203; } .k-grid .k-table-td.text-danger { color: #F14203 !important; } .modal .modal-content { border-radius: 0; background-clip: border-box; border: none; } .modal .close span { display: inline-block; line-height: inherit; } /**Bootstrap List-group**/ .list-group-item, .list-group-item:last-child, .list-group-item:first-child { border-radius: 0; font-weight: 500; padding: 6px 10px; font-size: 13px; margin-top: 1px; margin-bottom: 1px; } .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { background-color: #f6f6f6; border-color: #ddd; color: #333; } .list-group-item label { font-size: 11px; font-weight: 500; } .list-group-item.active a, .list-group-item.active:focus a, .list-group-item.active:hover a { color: #fff; } .list-group-item:first-child.active, .list-group-item:first-child.active:focus, .list-group-item:first-child.active:hover { border-top-color: #ddd; } /*** form-control ***/ .form-control { border-radius: 0; border-color: #ccc; /*font-size: 12px;*/ box-shadow: none; } .form-control[disabled], .form-control[readonly] { cursor: default; } textarea { resize: vertical; } select.selChooser { display: block; width: 100%; padding: 6px 9px; } /**Very Small Size **/ .form-control.input-xs { padding: 6px 9px; height: 26px; font-size: 12px; line-height: 1.5; } .input-group-addon { border-radius: 0; } /* styles for validation helpers */ .field-validation-error, .k-invalid-msg { color: #b94a48; } .field-validation-valid:not(.k-invalid-msg) { display: none; } .validation-summary-errors { color: #b94a48; } .validation-summary-valid { display: none; } .align-center, .center { text-align: center !important; } .prepend-star:before { content: '*'; display: inline-block; vertical-align: baseline; line-height: inherit; } .mbottom0 { margin-bottom: 0 !important; } .margin-bottom-5 { margin-bottom: 5px !important; } .margin-bottom-10 { margin-bottom: 10px !important; } .margin-bottom-20 { margin-bottom: 20px !important; } .mb-50 { margin-bottom: 50px !important; } .mleft5 { margin-left: 5px !important; } .mtop5 { margin-top: 5px !important; } .mtop10 { margin-top: 10px !important; } .mtop20 { margin-top: 20px !important; } .mt-50 { margin-top: 50px !important; } .mleft10 { margin-left: 10px !important; } .mleft50 { margin-left: 50px !important; } .mright5 { margin-right: 5px !important; } .mright10 { margin-right: 10px !important; } .no-padd { padding: 0 !important; } .no-padd-l { padding-left: 0 !important; } .no-padd-r { padding-right: 0 !important; } .no-padd-t { padding-top: 0 !important; } .no-padd-b { padding-bottom: 0 !important; } .no-padding { padding: 0 !important; } .no-margin { margin: 0 !important; } .paddL10 { padding-left: 10px !important; } .paddL20 { padding-left: 20px !important; } .paddR10 { padding-right: 10px !important; } .paddR20 { padding-right: 20px !important; } .paddT70 { padding-top: 70px !important; } .paddB70 { padding-bottom: 70px !important; } .no-border { border: none !important; } .no-border-l { border-left: none !important; } .no-border-r { border-right: none !important; } .no-border-t { border-top: none !important; } .no-border-b { border-bottom: none !important; } .border-left { border-left: 1px solid #ccc; } .border-left.white-border { border-color: #fff; } .dispInline-Block { display: inline-block !important; } .vAlign-top { vertical-align: top !important; } .vAlign-middle { vertical-align: middle !important; } .vAlign-bottom { vertical-align: bottom !important; } a[href^="tel:"], a[href^="mailto:"] { position: relative; overflow: visible; } a[href^="tel:"]::before, a[href^="mailto:"]::before { font-family: Fontawesome; font-size: inherit; font-weight: normal; margin-right: 3px; padding-left: 1px; } /*** SCROLL MEASURING DIV ***/ .scrollbar-measure { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; } /**** * INPUT PLACEHOLDERS STYLE * ****/ ::-webkit-input-placeholder { font-weight: 400; font-size: inherit; } /* firefox 19+ */ ::-moz-placeholder { font-weight: 400; font-size: inherit; } input:-moz-placeholder { font-weight: 400; font-size: inherit; } /* ie */ :-ms-input-placeholder { font-weight: 400; font-size: inherit; } input::placeholder, textarea::placeholder { font-weight: 500; color: color-mix(in srgb, currentColor 85%, transparent); } table > thead > tr > th.num, table > tbody > tr > td.num { text-align: right; } /********** ***ICONS*** ***********/ [class*='eq-icon'], .k-widget.k-treeview .k-sprite.ico.ico-treelist-folder { width: 17px; height: 17px; display: inline-block; background-image: url(/assets/img/eq-sprite-v4.png); background-color: transparent; background-repeat: no-repeat; vertical-align: middle; } .eq-icon-excel { background-position: -2px 0; width: 16px; } .eq-icon-excel.white { background-position: -4px -23px; width: 17px; height: 12px; } .eq-icon-pdf { background-position: -24px 0; width: 16px; } .eq-icon-pdf.white { background-position: -26px -21px; width: 14px; height: 14px; } .eq-icon-print { background-position: -45px 0; width: 15px; } .eq-icon-print.white { background-position: -44px -20px; } .eq-icon-multi-pdf { background-position: -67px 0; width: 16px; } .eq-icon-multi-pdf.white { background-position: -26px -21px; width: 14px; height: 14px; position: relative; z-index: 3; } .eq-icon-run-man { height: 14px; width: 15px; background-position: -47px -41px; } /**Custom plugin icons - override**/ .k-widget.k-treeview .k-sprite.ico.ico-treelist-folder { width: 14px; height: 11px; vertical-align: baseline; background-position: -46px -60px; position: relative; top: 0; } /********* **header** **********/ .header .navbar.im-product-bar { background-color: #08c; color: #fff; padding: 8px 0; min-height: 0; border-radius: 0; border: none; margin: 0; } .header .navbar.im-product-bar .navbar-collapse { padding: 0; } .header .navbar.im-product-bar .navbar-brand { padding: 0 15px; margin-left: -15px !important; position: static; height: auto; font-family: 'Ubuntu',"droid_sansregular", sans-serif !important; font-size: 26px; color: #fff !important; line-height: 1; font-weight: 500; } .header .navbar.im-product-bar .navbar-nav { position: static; margin-top: 3px; float: right; } /*body.pre-login .header .navbar.im-product-bar .navbar-nav { margin-top: 12px; }*/ .header .navbar.im-product-bar .navbar-nav > li, .header .navbar.im-product-bar .navbar-nav > li.hoverSubMenu { margin: 0; position: relative; } .header .navbar.im-product-bar .navbar-nav > li > a, .header .navbar.im-product-bar .navbar-nav > li.hoverSubMenu > span { padding: 0; display: block; line-height: 20px; margin: 0 0 0 28px; color: #fff !important; font-size: 13px; background-color: transparent; text-decoration: none !important; -webkit-transition: all .1s linear; -moz-transition: all .1s linear; -o-transition: all .1s linear; transition: all .1s linear; border-bottom: 1px solid transparent; text-transform: uppercase; font-weight: 500; letter-spacing: 0.02em; } .header .navbar.im-product-bar .navbar-nav > li > a.dropdown-toggle { padding-right: 10px; } .header .navbar.im-product-bar .navbar-nav > li > a.dropdown-toggle:after { top: 2px; right: 0; } .header .navbar.im-product-bar .navbar-nav > li.hoverSubMenu > span { cursor: default; } .header .navbar.im-product-bar .navbar-nav > li.hoverSubMenu .hoversubMenu-wrapper { display: none; position: absolute; right: 0; top: 21px; background-color: #fff; font-size: 12px; z-index: 11; padding: 0; border: 1px solid rgba(0,0,0,.15); box-shadow: 0 6px 12px rgba(0,0,0,.175); } .header .navbar.im-product-bar .navbar-nav > li.hoverSubMenu .hoversubMenu-wrapper li { display: block; } .header .navbar.im-product-bar .navbar-nav > li.hoverSubMenu .hoversubMenu-wrapper li a { display: block; padding: 5px 14px; white-space: nowrap; border-bottom: 1px solid #eee; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; } .header .navbar.im-product-bar .navbar-nav > li.hoverSubMenu .hoversubMenu-wrapper li a:hover, .header .navbar.im-product-bar .navbar-nav > li.hoverSubMenu .hoversubMenu-wrapper li a:focus { color: #262626; text-decoration: none; background-color: #f5f5f5; } .header .navbar.im-product-bar .navbar-nav > li.hoverSubMenu:hover .hoversubMenu-wrapper, .header .navbar.im-product-bar .navbar-nav > li.hoverSubMenu:focus .hoversubMenu-wrapper { display: block; } .header .navbar.im-product-bar .navbar-nav > li > a:hover, .header .navbar.im-product-bar .navbar-nav > li > a:focus, .header .navbar.im-product-bar .navbar-nav > li.active > a { border-bottom: 1px solid white; text-decoration: none; } @media (max-width:767px) { .header .navbar.im-product-bar .navbar-toggle { padding: 5px 0; margin: 1px 15px 0 0; border: none; color: #fff; border-radius: 0; } .header .navbar.im-product-bar .navbar-toggle:hover, .header .navbar.im-product-bar .navbar-toggle:focus, .header .navbar.im-product-bar .navbar-toggle:active { background-color: transparent; outline: none; } .header .navbar.im-product-bar .navbar-toggle .icon-bar { background-color: #fff; width: 25px; } .header .navbar.im-product-bar .navbar-brand { margin-left: 0 !important; } .header .navbar.im-product-bar .navbar-collapse { border: none; } .header .navbar.im-product-bar .navbar-nav { float: none; display: block; margin: 0; } .header .navbar.im-product-bar .navbar-nav > li { float: left; width: 50%; border: none; } .header .navbar.im-product-bar .navbar-nav > li > a { display: block; padding: 6px 15px; margin: 0; border: none; } .header .navbar.im-product-bar .navbar-nav > li > a:hover, .header .navbar.im-product-bar .navbar-nav > li > a:focus { border-bottom: none; background-color: #336699; } .header .navbar.im-product-bar #login_button { } } /*#region loginCover*/ #loginCover.open .login-open, .iw-overlay-wrap.open .iw-overlay-content { visibility: visible; opacity: 1; } #loginCover, .iw-overlay-wrap { visibility: hidden; opacity: 0; background-image: url(/assets/img/footer-transparent-logo.png); background-repeat: no-repeat; background-position: bottom right; background-size: 100% auto; background-color: rgba(5,155,230,0.98); position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; overflow: hidden; } #loginCover.no-animation { top: 80px; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } #loginCover.no-animation .login-open { width: calc(100% - 20px); } #loginCover.no-animation .login-open h2 { font-size: 23px; } @media (min-width:768px) { #loginCover.no-animation { top: 98px; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } #loginCover.no-animation .login-open { width: 500px; } #loginCover.no-animation .login-open h2 { font-size: 29px; } } #loginCover.open, .iw-overlay-wrap.open { visibility: visible; opacity: 1; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } #loginCover .login-close, .iw-overlay-wrap .iw-overlay-close { position: absolute; right: 5px; top: 5px; display: block; width: 50px; height: 50px; cursor: pointer; opacity: 0; } #loginCover.open .login-close, .iw-overlay-wrap.open .iw-overlay-close { opacity: 1; } #loginCover .login-close::before, #loginCover .login-close:after, .iw-overlay-wrap .iw-overlay-close::before, .iw-overlay-wrap .iw-overlay-close:after { content: ''; position: absolute; height: 2px; width: 100%; background-color: #fff; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; top: 50%; margin-top: -1px; left: 0; } #loginCover .login-close::before, .iw-overlay-wrap .iw-overlay-close::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #loginCover .login-close:after, .iw-overlay-wrap .iw-overlay-close:after { -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #loginCover .login-open h2 .iw-prod-name, .iw-overlay-wrap .iw-overlay-content .iw-overlay-header .iw-prod-name { font-family: "Gilroy", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; } #loginCover .login-open .custom-checkBox, .iw-overlay-wrap .iw-overlay-content .custom-checkBox { position: relative; margin: 15px 0; } #loginCover .login-open .custom-checkBox { margin: 8px 0; } .login-open, .iw-overlay-wrap .iw-overlay-content { right: 0; top: 50%; left: 0; display: block; position: absolute; z-index: 1001; margin: auto; visibility: hidden; opacity: 0; transform: translateY(-50%); padding: 30px 40px; background-color: rgb(3, 137, 206); } @media (min-width: 768px) { .login-open { width: 500px; z-index: 9999; } } /*#endregion */ /*#region login form*/ .login-open form { margin: 0; color: #fff; width: 100%; } #loginCover .login-open h2, .iw-overlay-wrap .iw-overlay-content .iw-overlay-header { font-weight: 300; text-align: left; color: #fff; margin-bottom: 30px; } #loginCover .login-open h2 { font-size: 29px; margin: 0px 0 25px 0px; line-height: 1; } #loginCover .login-open .custom-checkBox input[type='checkbox'] ~ label, .iw-overlay-wrap .iw-overlay-content .custom-checkBox input[type='checkbox'] ~ label { position: relative; padding-left: 22px; } .login-open form input + label { font-size: 16px; font-weight: 400; margin-bottom: 5px; } .login-open form label { font-size: 18px; line-height: 1.4; vertical-align: middle; font-weight: 300; /* display: block; */ margin-bottom: 4px; } .login-open form .input-group-addon { padding: 8px 16px; font-size: 18px; font-weight: 400; line-height: 1; color: #fff; text-align: center; background-color: transparent; border: none; border-radius: 0 !important; height: 40px; vertical-align: top; } .login-open form .form-control, .iw-overlay-wrap .iw-overlay-content form .form-control { background-color: transparent !important; border: none !important; box-shadow: none; /* border-bottom: 1px solid #fff !important;*/ color: #fff; padding: 10px 16px 10px 0; height: 40px; font-size: 18px; font-weight: 300; border-radius: 0; width: 100%; } .login-open form .form-control { font-size: 15px; } .login-open form button[type='submit'], .login-open form button[type='submit']:hover, .login-open form button[type='submit']:focus { background-color: transparent !important; color: #fff; } html .btn-borders.btn-light { background: transparent; border-color: #FFF; color: #FFF; text-shadow: none; } .btn-borders.btn-lg, .btn-group-lg > .btn-borders.btn { padding: 8px 16px; } .login-open form a { color: #fff !important; font-weight: 300 !important; text-decoration: none !important; } #loginCover .login-open .custom-checkBox input[type='checkbox'], .iw-overlay-wrap .iw-overlay-content .custom-checkBox input[type='checkbox'] { position: absolute; visibility: hidden; width: 0; height: 0; } #loginCover .login-open .custom-checkBox input[type='checkbox'] ~ label::before, .iw-overlay-wrap .iw-overlay-content .custom-checkBox input[type='checkbox'] ~ label::before { content: ''; position: absolute; width: 14px; height: 14px; left: 0; top: 4px; background-color: #fff; border: 1px solid #ddd; box-shadow: inset 0 0 3px 0 rgba(0,0,0,0.1); } #loginCover .login-open .custom-checkBox input[type='checkbox'] ~ label:after, .iw-overlay-wrap .iw-overlay-content .custom-checkBox input[type='checkbox'] ~ label:after { content: '\f00c'; position: absolute; left: 2px; top: 3px; font-family: FontAwesome; color: #444; font-size: 10px; opacity: 0; -moz-transition: opacity 0.1s linear; -o-transition: opacity 0.1s linear; -webkit-transition: opacity 0.1s linear; transition: opacity 0.1s linear; } #loginCover .login-open .custom-checkBox input[type='checkbox']:checked ~ label:after, .iw-overlay-wrap .iw-overlay-content .custom-checkBox input[type='checkbox']:checked ~ label:after { opacity: 1; } /*#endregion */ .topbar-v1.im-topbar { background-color: #fff; margin-bottom: 0 !important; } .topbar-v1 ul { margin: 0; } .topbar-v1.im-topbar ul.loginbar { height: auto; line-height: inherit; margin-top: 3px; } .topbar-v1.im-topbar li, .topbar-v1.im-topbar a { color: #3498db !important; font-size: 12px; font-weight: 700; } .topbar-v1 .fa-phone { font-size: 16px; color: inherit; vertical-align: middle; } .topbar-v1.im-topbar .fa-phone { font-size: inherit; } .topbar-v1.im-topbar .im-logo { width: 203px; max-width: 100%; } .topbar-v1.im-topbar .im-logo img { height: 25px; margin: 3px 0 2px 0; display: block; } /* #Footer */ #footer { background-color: #264763; border-top: 4px solid #264763; font-size: 0.84rem; padding: 20px 0 0 !important; margin-top: 0; position: relative; color: #ccc; } #footer .mb-xlg { margin-bottom: 0 !important; } #footer .mb-lg { margin-bottom: 20px !important; } #footer .mt-lg { margin-top: 20px !important; } #footer .container input:focus { box-shadow: none; } #footer a:hover { color: #CCC; } #footer h1, #footer h2, #footer h3, #footer h4, #footer a { color: #FFF; } #footer h4 { font-size: 1.8em; font-weight: 200; } #footer h5 { color: #CCC; } #footer ul.nav-list > li a { border-bottom: 1px solid rgba(255, 255, 255, 0.1); line-height: 20px; padding-bottom: 11px; } #footer ul.nav-list > li:last-child a { border-bottom: 0; } #footer ul.nav-list > li a:hover { background-color: rgba(255, 255, 255, 0.05); } #footer ul.list.icons li { margin-bottom: 5px; } #footer form { opacity: 0.85; } #footer form label.error { line-height: 16px; margin: 5px 0 -5px; display: block; clear: both; } #footer form .alert { padding: 6px; text-align: center; } #footer .footer-ribbon { background: #999; position: absolute; margin: -90px 0 0 14px; padding: 10px 20px 6px 20px; } #footer .footer-ribbon::before { border-right: 10px solid #646464; border-top: 16px solid transparent; content: ""; display: block; height: 0; left: -10px; position: absolute; top: 0; width: 7px; } #footer .footer-ribbon span { color: #FFF; font-size: 1.6em; font-family: "Shadows Into Light", cursive; } #footer .newsletter form { width: 100%; max-width: 262px; } #footer .newsletter form input.form-control { height: 34px; padding: 6px 12px; } #footer .alert a { color: #222; } #footer .alert a:hover { color: #666; } #footer .twitter .fa, #footer .twitter .icons { clear: both; font-size: 1.5em; position: relative; top: 3px; } #footer .twitter .meta { color: #999; display: block; font-size: 0.9em; padding-top: 3px; } #footer .twitter ul { list-style: none; margin: 0; padding: 0; } #footer .twitter ul li { padding-bottom: 20px; } #footer .twitter ul li:last-child { padding-bottom: 0; } #footer .twitter-account { color: #FFF; display: block; font-size: 0.9em; margin: -15px 0 5px; opacity: 0.55; } #footer .twitter-account:hover { opacity: 1; } #footer .contact { list-style: none; margin: 0; padding: 0; } #footer .contact i { display: block; float: left; font-size: 1.2em; margin: 7px 8px 10px 0; position: relative; text-align: center; top: -2px; width: 16px; } #footer .contact i.fa-envelope { font-size: 1em; top: 0; } #footer .contact p { margin-bottom: 10px; } #footer .logo { display: block; } #footer .logo img { height: 17px; display: block; margin: auto; } #footer .logo.mb-xl { margin-bottom: 12px; } #footer .footer-copyright nav ul { list-style: none; margin: 0; padding: 0; line-height: 1.4; } #footer .footer-copyright nav ul li { border-left: 1px solid #505050; display: inline-block; line-height: 12px; margin: 0; padding: 0 8px; } #footer .footer-copyright nav ul li:first-child { border: medium none; padding-left: 0; } #footer .footer-copyright p { /*color: #555;*/ color: inherit; margin: 0; padding: 0; } #footer .phone { color: #FFF; font-size: 26px; font-weight: bold; display: block; padding-bottom: 15px; margin-top: -5px; } #footer .narrow-phone { text-align: right; margin: -2px 0 0 0; } #footer .narrow-phone .phone { font-size: 16px; padding-bottom: 0; margin-top: -13px; } #footer.short .footer-copyright { background: transparent; border: 0; padding-top: 0; margin-top: 0; padding-bottom: 14px; } #footer.light { padding-top: 60px; background: #FFF; border-top: 1px solid #DDD; } #footer.light .footer-ribbon { margin-top: -76px; margin-left: 14px; } #footer.light .footer-copyright { margin-top: 15px; background: #FFF; border-top: 1px solid #DDD; } #footer.light .footer-copyright p { color: #777; } #footer.light .phone, #footer.light .twitter-account { color: #777; } #footer.light ul.nav-pills > li.active > a { color: #FFF; } #footer.narrow { padding-top: 30px; } #footer.narrow .footer-copyright { margin-top: 0; } #footer.narrow .nav > li > a { padding: 5px 12px; } #footer.color { color: #FFF; } #footer.color p { color: #FFF; } #footer.color .footer-copyright nav ul li { border-left-color: #FFF; } .social-icons li { text-indent: 0; } #footer a { color: #fff !important; } #footer .social-icons { padding-left: 0; margin: 5px 0; } #footer .social-icons li { display: inline-block; margin: 2px 1px 0 0; padding: 0; border-radius: 100%; overflow: visible; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); } .social-icons li a { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; background: #FFF; border-radius: 100%; display: block; height: 30px; line-height: 30px; width: 30px; text-align: center; color: #333 !important; text-decoration: none; } #footer .social-icons li a { text-indent: 0 !important; color: #333 !important; width: 30px !important; height: 30px !important; margin: 0 !important; } #footer .social-icons li a:hover, #footer .social-icons li a:focus { color: #fff !important; } .social-icons li.social-icons-twitter a:hover, .social-icons li.social-icons-twitter a:focus { background: #1aa9e1; } .social-icons li.social-icons-linkedin a:hover, .social-icons li.social-icons-linkedin a:focus { background: #0073b2; } #footer #sub-menu a { color: #FFF !important; } /* Responsive */ @media (max-width: 991px) { #footer .phone { font-size: 20px; } } @media (max-width: 767px) { /* Footer */ #footer .phone { font-size: 20px; } } /*Error Page*/ .error-v1 { padding-bottom: 30px; text-align: center; } .error-v1 p { color: #555; font-size: 16px; } .error-v1 span { color: #555; display: block; font-size: 35px; font-weight: 200; } .error-v1 span.error-v1-title { color: #777; font-size: 180px; line-height: 1.3; padding-bottom: 0; } /* Hint section css start*/ #hintIcon { margin-top: 0; width: 15px; font-size: 14px; } .eq-hintIcon.active-hint { color: #08c !important; font-size: 15px !important; } .eq-hintIcon { cursor: pointer; } .topbar-v1 .top-v1-data li i.fa.fa-map:before { content: '\f278'; } .topbar-v1 .top-v1-data li i.fa.fa-map.active-hint:before { content: '\f279'; } .tag-box { padding: 20px; background: #fff; margin-bottom: 15px; } .tag-box h2 { font-size: 20px; line-height: 25px; color: #333; } .tag-box-v6 { background: #fafafa; border: solid 1px #eee; } #eq_hint { position: relative; margin: 0 auto; padding: 0; overflow: hidden; } #hintDetails { padding: 5px 15px; } .mleft15 { margin-left: 15px !important; } .mbottom10 { margin-bottom: 10px !important; } /* Hint section css end*/ .drag-element { margin: 7px 0 0 0; width: 100%; border: 1px solid #ccc; padding: 5px; } .drag-element > span { display: inline-block; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; width: 86%; } .drag-element > span .css { white-space: normal; } .drag-element.drag-item { background-color: #eee; color: #333; box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2); } .drag-element.drop-item { background-color: #F9FCAF !important; cursor: move; } .mapWrapper, #map { height: 330px; } #exportItems { list-style-type: none; padding-left: 0; } #profileFirm { list-style-type: none; padding-left: 0; } input[required], input.required, input[data-val-required], textarea[required], textarea.required, textarea[data-val-required], .k-widget.k-dropdown.required .k-dropdown-wrap, .k-widget.k-dropdown.required .k-dropdown-wrap .k-input, .empCount-selWrap .k-widget.k-dropdown.required .k-dropdown-wrap, .empCount-selWrap .k-widget.k-dropdown.required .k-dropdown-wrap .k-input, .k-widget.k-editor.required iframe.k-content { background-color: #fafad2; } .k-datepicker .k-input-button.k-button { border-left: inherit; } /**USER ADMIN ICON**/ .user-admin { position: relative; display: inline-block; padding-right: 1px; padding-left: 1px; /*background-color: #ff9800; color: #fff; height: auto; vertical-align: top;*/ } .user-admin.tiny { padding: 2px 6px 2px 5px; } .user-admin .fa { width: auto; } .user-admin .fa-user-o { font-size: 17px; } .user-admin.tiny .fa-user-o { font-size: 17px; } .user-admin .fa-cog { text-align: left; width: auto; position: absolute; background-color: transparent; text-shadow: 0 -2px 0 #ff9800, -2px 0 0 #ff9800; color: #fff; font-size: 11px; bottom: -1px; right: -2px; } .user-admin.tiny .fa-cog { right: 4px; bottom: 2px; color: #fff; font-size: 9px; text-shadow: 0 -1px 0 #ff9800, -2px 0 0 #ff9800; } .links-sec .page-actions-wrap { font-size: 0; } .icon-button { display: inline-block; width: 30px; height: 28px; background-color: #ccc; padding: 0; font-size: 12px; text-align: center; line-height: 26px; border: none; outline: none; text-decoration: none !important; vertical-align: top; } button.icon-button, .btn.icon-button { line-height: 0; } .icon-button + .icon-button { margin-left: 3px; } .icon-button.btn-excel { background-color: #19754c; } .icon-button.btn-pdf, .icon-button.btn-multi-pdf { background-color: #aa3523; } .icon-button.btn-multi-pdf { position: relative; } .icon-button.btn-multi-pdf:before, .icon-button.btn-multi-pdf:after { content: ''; position: absolute; background-color: #fff; width: 28px; height: 26px; left: 0; top: 0; z-index: 1; } .icon-button.btn-multi-pdf:after { z-index: 2; background-color: #aa3523; width: 26px; height: 24px; } .icon-button.btn-excel .eq-icon-excel { /* outline: 1px solid #fff; */ vertical-align: middle; } .icon-button.btn-excel .eq-icon-excel.white { position: relative; left: 1px; /* top: -1px; */ } .icon-button.btn-multi-pdf .eq-icon-multi-pdf.white { position: relative; left: -2px; top: -2px; } .icon-button.btn-print { background-color: hsl(213, 43%, 39%); } /******************* ***Cookie Consent*** *******************/ #cookie-consent-packman div { margin-left: auto; margin-right: auto; display: block; position: relative; } .cookie-icon { background-image: url(/assets/img/cookie-white.png); width: 64px; height: 64px; display: inline-block; } .addoneyeIcon { cursor: pointer; } .control-group .controls .input-group { border-bottom: 1px solid #fff; } .table--loader, .circle-loader { width: 24px; height: 24px; box-sizing: border-box; animation-name: gd-loader-anim; animation-duration: 1.3s; animation-iteration-count: infinite; animation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67); border-radius: 50%; border-width: 2px; border-style: solid; border-color: rgb(0, 120, 212) rgb(199, 224, 244) rgb(199, 224, 244); border-image: initial; display: block; margin: 2px auto; } @keyframes gd-loader-anim { 100% { transform: rotate(360deg); } } @charset "UTF-8"; /**This file is best for over-writing**/ /**Include the page styles here**/ body { padding-right: 0 !important; position: relative; } body.multiple-modals, body.kendoWinOpened { overflow: hidden !important; } a { color: var(--primary-color); &:hover,&:focus { text-decoration: underline; text-underline-offset: 5px; } } a.k-button { color: var(--text-color); &:hover,&:focus { text-decoration: none; text-underline-offset: 0px; } } .k-grid a:not(.k-button) { color: var(--primary-color); &:hover,&:focus { color: hsl(from currentColor h s calc(l + 12)); text-decoration: underline; text-underline-offset: 5px; } } .k-grid .dropdown-menu { a { &:hover,&:focus { text-decoration: none; color: currentColor; } } &.only-admin a { &:hover, &:focus { color: #fff; } } } /*table { width: 100%; max-width: 100%; } table tr td, table tr th { border: 1px solid #ddd; vertical-align: top; padding: 3px; }*/ /**Bootstrap Overrides**/ .caret, .btn .caret { margin-left: 4px; } .form-group { position: relative; } .list-group { margin-bottom: 0; } .btn-link-inline { padding: 0; display: inline-block; line-height: inherit; background-color: transparent; border: none; font-weight: inherit; color: var(--primary-color); } .btn-link-inline:hover, .btn-link-inline:focus { text-decoration: underline; color: #23527c; } /* KENDO over-rides */ /* Bringing the opacity k-dropdown & calenders to 0 */ /*input[data-control-type="KENDO_DROPDOWN"], input[data-control-type="KENDO_DATE_PICKER"] { opacity: 0; } .k-widget input[data-control-type="KENDO_DROPDOWN"], .k-widget input[data-control-type="KENDO_DATE_PICKER"] { opacity: 1; }*/ /** Kendo Error colors over-rides */ .k-numeric-wrap .k-i-warning { color: #b94a48; } .k-numeric-wrap.k-state-invalid { border-color: #b94a48; } .k-numeric-wrap.k-state-invalid .k-select { border-color: #b94a48; } .k-numeric-wrap.k-state-invalid input { color: #b94a48; } .k-maskedtextbox.k-state-invalid .k-textbox { border-color: #b94a48; color: #b94a48; } .k-maskedtextbox.k-state-invalid .k-i-warning { color: #b94a48; } .k-dateinput.k-state-invalid .k-textbox { color: #b94a48; border-color: #b94a48; } .k-dateinput.k-state-invalid .k-i-warning { color: #b94a48; } .k-datepicker .k-picker-wrap.k-state-invalid, .k-timepicker .k-picker-wrap.k-state-invalid, .k-datepicker.invalid .k-picker-wrap { border-color: #b94a48; } .k-datepicker .k-picker-wrap.k-state-invalid .k-input, .k-timepicker .k-picker-wrap.k-state-invalid .k-input { color: #b94a48; } .k-datepicker .k-picker-wrap .k-i-warning, .k-timepicker .k-picker-wrap .k-i-warning { color: #b94a48; } .k-datetimepicker .k-picker-wrap.k-state-invalid { border-color: #b94a48; } .k-datetimepicker .k-picker-wrap.k-state-invalid .k-input { color: #b94a48; } .k-datetimepicker .k-picker-wrap .k-i-warning { color: #b94a48; } .k-datepicker.invalid .k-picker-wrap .k-input, .k-datepicker.invalid .k-picker-wrap .k-input.k-invalid, .k-datepicker.invalid .k-picker-wrap .k-input.input-validation-error { border: none; } .k-grid-norecords { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #eee; border-top: none; padding: 3px 0; } .k-grid-norecords-template { height: 3em; line-height: 3em; border-color: #ddd; font-size: 12px; overflow: hidden; } .k-widget.k-window .k-window-content, .k-widget.k-window .k-window-content * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .k-window-titlebar .k-window-actions { right: 5px; padding-top: 2px; } .k-state-disabled, .k-state-readonly { opacity: .7; } .k-grid-toolbar .k-button { /*color: var(--primary-color);*/ padding: 4px 7px; /*font-size: 12px;*/ font-weight: 500; /*background-color: #fff; border-color: #ccc;*/ } /*.k-grid-toolbar .k-button.k-grid-add { background-color: var(--primary-color); color: #fff; }*/ .k-grid tr td { position: relative; } .k-grid tr td .approval--wrapper { display: block; /*position: relative;*/ overflow: visible; } .k-grid tr td .approved::after { content: '\f00c'; position: absolute; inset: auto auto 1px 1px; color: #25cb13; font-family: 'FontAwesome'; line-height: 1; font-size: 8px; } .k-grid tr td.k-edit-cell .approved::after, .k-grid tr td.noneditable .approved::after { content: none; } .k-grid tr td .not-approved::after { content: '\f00d'; position: absolute; inset: auto auto 1px 1px; color: #ff7832; font-family: 'FontAwesome'; line-height: 1; font-size: 8px; } .k-grid tr td.k-edit-cell .not-approved::after, .k-grid tr td.noneditable .not-approved::after { content: none; } .k-grid tr td.un-approved-returns, .k-grid tr td.un-approved-assets, .gd--grid-wrapper td.un-approved-assets, .gd--grid-wrapper td.un-approved-returns { outline: 2px solid #ff7832; outline-offset: -4px; } .k-grid tr td.un-approved-returns.k-edit-cell, .k-grid tr td.un-approved-assets.k-edit-cell, .gd--grid-wrapper tr td.un-approved-returns.cell-editing, .gd--grid-wrapper tr td.un-approved-assets.cell-editing { outline: none; } /**kendo grid custom - Collapse and expand icon buttons*/ .k-grid .k-icon.k-i-collapse, .k-grid .k-icon.k-i-expand { font-family: FontAwesome; color: #444; font-size: 13px; z-index: 1; position: relative; } .k-grid .k-icon.k-i-expand:before, .k-grid .k-icon.k-i-collapse:before { z-index: 2 } .k-grid .k-icon.k-i-expand:before { content: '\f0fe'; } .k-grid .k-icon.k-i-collapse:before { content: '\f146'; } /*adding bottom border which is removed earlier when widget shows up*/ .k-autocomplete.k-state-border-down, .k-dropdown-wrap.k-state-border-down, .k-list-container.k-state-border-down, .k-numeric-wrap.k-state-border-down, .k-picker-wrap.k-state-border-down { border-bottom-width: 1px; padding-bottom: 0; } .k-tooltip-validation .k-i-warning { vertical-align: middle; top: -1px; } /*.k-button-group .k-tool { width: 28px; height: 28px; } .k-button-group .k-tool-icon { height: 15px;*/ /*width: 15px;*/ /*vertical-align: baseline; } .k-reset { font-size: 12px; }*/ /*div.k-window-content { padding: 5px 10px; } */ div.k-window-content .k-window-control-wrap { margin-left: -10px; margin-right: -10px; padding: 5px 10px; margin-top: 3px; border-top: 1px solid #ddd; } div.k-window-content .k-window-control-wrap.no-border-top { border-top: none; } div.k-window-content .k-window-control-wrap.border-down { border-bottom: 1px solid #ddd; } .k-grid tbody td > .k-button, .k-grid tbody td > button.k-button, .k-grid tbody td > div > .k-button, .k-grid tbody td > div > button.k-button { display: inline-block; padding: 3px 6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; min-height: 23px; min-width: 28px; line-height: 1.2; text-align: center; font-size: 12px; /*background-color: var(--primary-color); border-color: var(--primary-color); color: #fff;*/ } .k-grid tbody .k-button + .k-button { margin-left: 2px; } .k-grid tbody .k-button .k-icon { margin: 0 0 0 0; color: inherit; font-size: 14px; } .k-grid tbody .k-button + .dropdown { margin: 0 0 0 2px; } /*#region bootbox modal customization */ .bootbox.modal { z-index: 11111; } .bootbox.modal + .modal-backdrop { z-index: 11110; } .bootbox.custom-confirm.no-header .modal-header { display: none; } .bootbox.custom-confirm .modal-footer .btn-primary { border-color: #ccc; background-color: #fff; color: #333; } .bootbox.custom-confirm .modal-footer .btn-primary:hover, .bootbox.custom-confirm .modal-footer .btn-primary:focus { color: #333; background-color: #e6e6e6; border-color: #adadad; } .bootbox.custom-confirm .modal-footer .btn-custom-primary { color: #fff; background-color: var(--primary-color); border-color: #2e6da4; } .bootbox.custom-confirm .modal-footer .btn-custom-primary:hover, .bootbox.custom-confirm .modal-footer .btn-custom-primary:focus { color: #fff; background-color: #286090; border-color: #204d74; } /*#endregion */ /*#region APX-site-popover-confirm box */ .bootbox.custom-confirm.apx-popup + .modal-backdrop { opacity: 1; background-color: rgba(117,117,117,.2); } .bootbox.custom-confirm.apx-popup .modal-dialog { margin-top: 100px; } .bootbox.custom-confirm.apx-popup .modal-content { border-top: 10px solid #264763; box-shadow: 0 0 10px 4px rgba(0,0,0,.2); } .bootbox.custom-confirm.apx-popup .modal-body { font-size: 13px; padding: 15px; } .bootbox.custom-confirm.apx-popup .bootbox-body h5 { margin: 5px 0 20px 0; } .bootbox.custom-confirm.apx-popup .bootbox-body ul { padding-left: 25px; } .bootbox.custom-confirm.apx-popup .bootbox-body ul li:first-of-type { margin-bottom: 5px; } .bootbox.custom-confirm.apx-popup .modal-footer { border: none; padding: 0 15px; position: relative; display: flex; justify-content: center; overflow: visible; } .bootbox.custom-confirm.apx-popup .modal-footer .btn { padding: 6px 24px; transform: translateY(50%); height: auto; font-size: 14px; border-width: 2px; font-weight: 500; letter-spacing: 0.4px; } .bootbox.custom-confirm.apx-popup .modal-footer .btn.btn-custom-primary { border-color: var(--primary-color); } .bootbox.custom-confirm.apx-popup .modal-footer .btn.btn-primary { border-color: var(--primary-color); margin-left: 20px; } .bootbox.custom-confirm.apx-popup .modal-footer .btn.btn-primary:hover, .bootbox.custom-confirm.apx-popup .modal-footer .btn.btn-primary:focus { border-color: var(--primary-color); } .bootbox.custom-confirm.apx-popup .modal-footer .btn.btn-custom-primary:hover, .bootbox.custom-confirm.apx-popup .modal-footer .btn.btn-custom-primary:focus { background-color: #286090; border-color: #286090; } /*#endregion */ .modal .modal-body .gridModalcover { position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 111; background-color: #fff; } .modal-footer { padding: 5px 15px; } .modal .k-window-control-wrap { margin-left: -15px; margin-right: -15px; padding: 5px 15px; border-top: 1px solid #ddd; } /*.k-popup .k-dropdownlist { width: 100%; }*/ .k-popup .k-actions .k-button .k-icon { display: none !important; } .km-right .km-popup-arrow { left: -15px; } .km-left .km-popup-arrow { right: -15px; } .k-widget.km-view .km-content .km-scroll-container { padding: 5px; } .km-popup-arrow::after, .km-popup-arrow::before { border-color: rgba(0,0,0,0) transparent; } .k-grid .k-grid-header { position: relative; z-index: 1; } .k-grid .k-grid-header .k-grid-header-wrap { overflow: visible; } .k-grid-header th.k-header, table.table > thead > tr > th { vertical-align: middle; } .k-grid-header th.k-header.text-center { text-align: center; .k-cell-inner { justify-content: space-around; } } .form-control.k-invalid, .form-control.ng-invalid.ng-touched, .form-control.ng-invalid.ng-dirty { --kendo-input-invalid-border: #b94a48; --INTERNAL--kendo-input-border: var( --kendo-input-invalid-border, var(--kendo-invalid-border, var(--kendo-error-190, inherit)) ); } .form-control.k-invalid::after, .form-control.ng-invalid.ng-touched::after, .form-control.ng-invalid.ng-dirty::after, .form-control.k-invalid::after, .form-control.ng-invalid.ng-touched::after, .form-control.ng-invalid.ng-dirty::after { border-color: var(--kendo-input-invalid-border, var(--kendo-invalid-border, var(--kendo-error-190, inherit))); } .form-control.k-invalid:focus:focus, .form-control.k-invalid:focus:focus, .form-control.k-invalid:focus:hover, .form-control.k-invalid:focus:hover { --INTERNAL--kendo-input-border: var( --kendo-input-invalid-border, var(--kendo-invalid-border, var(--kendo-error-190, inherit)) ); } .k-grid tr.custom-error-col td, .k-grid tr.custom-error-col td.k-edit-cell, .k-grid tr.custom-error-col td.k-dirty-cell, .k-grid tr.custom-error-row td, .k-grid tr.custom-error-row td.k-edit-cell, .k-grid tr.custom-error-row td.k-dirty-cell, .k-grid tr.custom-error-uptototal td, .k-grid tr.custom-error-uptototal td.k-edit-cell, .k-grid tr.custom-error-uptototal td.k-dirty-cell, tr td.domicile-error-row, tr td.domicile-error-row.k-edit-cell, tr td.domicile-error-row.k-dirty-cell, .k-grid tr td.domicile-error-row, .k-grid tr td.domicile-error-row.k-edit-cell, .k-grid tr td.domicile-error-row.k-dirty-cell, .k-grid tr td.custom-error-cell, .k-grid tr td.custom-error-cell.k-edit-cell, .k-grid tr td.custom-error-cell.k-dirty-cell, .invalid--cell { position: relative !important; isolation: unset; transform: unset; input { position: relative; z-index: 1; } } .k-grid tr > td.custom-error-cell input, .k-grid tr > td.custom-error-cell:hover input, .k-grid tr > td.custom-error-cell:focus input, .k-grid tr > td.custom-error-cell.k-hover input, .k-grid tr > td.custom-error-cell input:hover, .k-grid tr > td.custom-error-cell:hover input:hover, .k-grid tr > td.custom-error-cell:focus input:hover, .k-grid tr > td.custom-error-cell.k-hover input:hover, .k-grid tr > td.custom-error-cell input:focus, .k-grid tr > td.custom-error-cell:hover input:focus, .k-grid tr > td.custom-error-cell:focus input:focus, .k-grid tr > td.custom-error-cell.k-hover input:focus, .k-grid tr > td.custom-error-cell .form-control.k-invalid, .k-grid tr > td.custom-error-cell .form-control.k-invalid:focus, .k-grid tr > td.custom-error-cell .form-control.k-invalid:hover, .k-grid tr > td.custom-error-cell:hover .form-control.k-invalid, .k-grid tr > td.custom-error-cell:hover .form-control.k-invalid:focus, .k-grid tr > td.custom-error-cell:hover .form-control.k-invalid:hover, .k-grid tr > td.custom-error-cell:focus .form-control.k-invalid, .k-grid tr > td.custom-error-cell:focus .form-control.k-invalid:focus, .k-grid tr > td.custom-error-cell:focus .form-control.k-invalid:hover { --INTERNAL--kendo-input-border: var(--kendo-input-focus-border); } tr.custom-error-col td::before, tr.custom-error-row td::before, tr.custom-error-uptototal td::before, tr td.domicile-error-row::before, tr td.custom-error-cell::before, .k-grid tr.custom-error-col td::before, .k-grid tr.custom-error-row td::before, .k-grid tr.custom-error-uptototal td::before, .k-grid tr td.domicile-error-row::before, .k-grid tr td.custom-error-cell::before, .invalid--cell::before { content: '' !important; position: absolute; z-index: 0; inset: -1px -1px -1px -1px; border: 1px solid red; } #HFundGeographicAllocationGrid tbody tr.custom-error-uptototal td:last-of-type::before, #StrategyCreditQualityAllocation tbody tr.custom-error-uptototal td:last-of-type::before, #StrategyDurationDistribution tbody tr.custom-error-uptototal td:last-of-type::before, #StrategyMaturityDistribution tbody tr.custom-error-uptototal td:last-of-type::before { content: none !important; } .k-grid tr.custom-error-uptototal td:nth-last-child(2) { background-color: red; color: #333; } #portfolioHoldingAllDetails.k-grid tr.custom-error-row td:last-of-type, #gvByClientTypeAssets.k-grid tr.custom-error-row td:last-of-type, #gvQUByClientTypeAssets.k-grid tr.custom-error-row td:last-of-type { background-color: white !important; color: #333; } .k-grid tr.custom-error-row td:last-of-type { background-color: red; color: #333; } #gvFirmAssetsByClient.k-grid tbody tr.custom-error-row td:last-of-type { background-color: #fff; } #gvFirmAssetsByClient.k-grid tbody tr.custom-error-row td:nth-last-of-type(2) { background-color: red; } .k-grid tr.custom-error-col td:nth-last-child(2) { background-color: red; color: #333; } /*.k-grid tr.custom-error-col + tr.custom-error-col td, .k-grid tr.custom-error-uptototal + tr.custom-error-uptototal td, .k-grid tr.custom-error-uptototal + tr.custom-error-col td, .k-grid tr.custom-error-col + tr.custom-error-uptototal td, .k-grid tr.custom-error-row + tr.custom-error-row td, .k-grid tr.custom-error-row + tr.custom-error-col td {*/ /*border-top-width: 0;*/ /*}*/ .k-grid tr td.last-column, .k-grid tr th.last-column { /*border-right-width: 1px;*/ } .k-grid tr.custom-gaperror-row td { background-color: #fafad2; } .k-grid tr td.custom-gaperror-row { background-color: #fafad2; } /*.k-grid td.domicile-error-row, td.domicile-error-row {*/ /*border-color: red; border: 1px solid red;*/ /*outline: 1px solid red; outline-offset: -1px; }*/ .k-grid td.new-tag, .k-grid th.new-tag { position: relative; } .k-grid td.new-tag:before, .k-grid th.new-tag:before { content: 'New'; position: absolute; right: 3px; top: 3px; background-color: hsl(116, 72%, 44%); color: #fff; padding: 1px 4px; border-radius: 3px; line-height: 12px; height: 14px; font-size: 10px; font-weight: 600; } /**KENDO grid filter multi-check**/ .k-multicheck-wrap .k-item input, .k-multicheck-wrap .k-item input:focus { margin: 0; outline: 1px solid transparent; } /**KENDO UPLOAD**/ .k-upload-files .k-upload-status { right: 0; position: static; display: inline-block; vertical-align: top; margin: 0 5px; } /**KENDO Split panel**/ .k-widget.k-splitter .pane-content { padding: 10px; } /**KENDO Tree View**/ .k-widget.k-treeview { overflow: visible; } .k-widget.k-splitter .k-treeview { overflow: auto; } .k-treeview .k-content, .k-treeview .k-item > .k-group, .k-treeview > .k-group { border-left: 1px solid #eee; overflow: visible; } .k-treeview .k-i-collapse, .k-treeview .k-i-expand, .k-treeview .k-i-minus, .k-treeview .k-i-plus { margin-left: -24px; background-color: #fff; margin-right: 7px; } /***KENDO Form Utilities***/ .k-widget.k-dropdown, .k-widget.k-dropdown * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .k-autocomplete .k-input, .k-dropdown-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input, .k-selectbox .k-input, .k-textbox > input { font-size: 12px; -webkit-box-shadow: none; box-shadow: none; } .k-dropdown-wrap .k-input, .k-picker-wrap .k-input { padding: 2px 0; border-radius: 0; height: 26px; } .k-dropdown-wrap .k-select, .k-picker-wrap .k-select { height: 26px; line-height: 23px; } .k-combobox .k-dropdown-wrap:before { padding-bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*** ***BOOTSTRAP NAV TAB STYLES ***/ .nav-tabs { height: 33px; border-bottom-color: #ddd; padding-left: 3px; } .nav-tabs > li > a { padding: 6px 18px; border-radius: 0 0 0 0; position: relative; margin-right: 3px; font-size: 12px; height: 34px; font-weight: 500; } .nav-tabs > li > a:before { content: ''; position: absolute; top: -1px; left: -1px; right: -1px; height: 1px; background-color: #fff; z-index: 1; -webkit-transition: all .2s linear; -o-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; } .nav-tabs > li > a:after { content: ''; position: absolute; bottom: 0; left: -1px; right: -1px; height: 1px; background-color: #ddd; z-index: 1; -webkit-transition: all .2s linear; -o-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; } .nav-tabs > li > a:hover, .nav-tabs > li > a:focus { background-color: #fff; border-color: #fff; outline: none; } .nav-tabs > li > a:hover:after { height: 2px; background-color: var(--primary-color); } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-bottom-color: #fff; } .nav-tabs > li.active > a:before, .nav-tabs > li.active > a:focus:before, .nav-tabs > li.active > a:hover:before { height: 2px; background-color: var(--primary-color); } .nav-tabs > li.active > a:after, .nav-tabs > li.active > a:focus:after, .nav-tabs > li.active > a:hover:after { height: 1px; background-color: #fff; } /*** ***ADMIN styles ***/ .firm-list-wrapper { margin: 15px 0 15px 0; } .page-headline { margin: 20px 0; border-bottom: 1px solid #ccc; position: relative; } .page-headline.phs { margin: 0; } .page-headline.ph-sm { margin: 10px 0; padding-bottom: 3px; } .page-headline.ph-md { margin: 15px 0; } .page-headline small.pull-right { margin-top: 4px; font-weight: 500; font-size: 11px; } .page-headline.veh-mutual small.pull-right { margin-top: 14px; } .firm-list-wrapper .page-headline.phs { margin-bottom: 10px; } .page-headline:before, .page-headline:after { content: ''; display: table; } .page-headline:after { clear: both; } .page-headline .heading { margin: 0; float: left; border-bottom: 1px solid var(--primary-color); position: relative; top: 1px; padding-bottom: 4px; } .page-headline.phs .heading { padding-bottom: 3px; } .links-inline-wrapper { display: inline-block; border: 1px solid #ccc; font-size: 0; } .links-inline-wrapper.only-admin { border-color: hsl(36, 100%, 40%); } .links-inline-wrapper > a, .links-inline-wrapper > button { font-size: 13px; color: var(--primary-color); display: inline-block; vertical-align: middle; position: relative; padding: 6px 20px; line-height: 1.2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: transparent; border: none; } .links-inline-wrapper.only-admin > a, .links-inline-wrapper.only-admin > button { background-color: #FF9800; color: #fff; } .links-inline-wrapper > a:hover, .links-inline-wrapper > a:focus, .links-inline-wrapper > button:hover, .links-inline-wrapper > button:focus { text-decoration: none; outline: none; color: #006699; } .links-inline-wrapper > a:before, .links-inline-wrapper > button:before { content: ''; position: absolute; right: 0; top: 4px; bottom: 4px; width: 1px; background-color: #ccc; } .links-inline-wrapper.only-admin > a:before, .links-inline-wrapper.only-admin > button:before { background-color: hsl(36, 100%, 40%); } .links-inline-wrapper > a:last-of-type:before, .links-inline-wrapper > button:last-of-type:before { content: none; } .links-inline-wrapper.lis-sm a, .links-inline-wrapper.lis-sm button { padding: 5px 12px; font-size: 12px; font-weight: 500; } .links-inline-wrapper.lis-sm.white-back a, .links-inline-wrapper.lis-sm.white-back button { background-color: #fff; color: #333; } /**Dropdown Hover**/ .dropHover-menu { position: relative; overflow: visible; cursor: default; } .dropHover-menu:hover { background-color: #f5f5f5; } .dropHover-menu .dropdownH-menu { display: none; position: absolute; left: 98%; left: calc( 100% - 3px ); top: 0; min-width: 100px; overflow: visible; background-color: #fafafa; color: #333; font-size: 12px; border: 1px solid #ddd; padding: 0; list-style: none; -webkit-box-shadow: 0 6px 11px 0 rgba(0,0,0,.15); box-shadow: 0 6px 11px 0 rgba(0,0,0,.15); } .dropHover-menu.dropHover-left .dropdownH-menu { left: auto; right: 98%; right: calc( 100% - 3px); } .dropHover-menu .dH-icon { color: #333; } .dropHover-menu:hover .dropdownH-menu { display: block; } .dropHover-menu .dropdownH-menu > li { border-bottom: 1px solid #dfdfdf; } .dropHover-menu .dropdownH-menu > li:last-of-type { border-bottom: none; } .dropHover-menu .dropdownH-menu > li > a { display: block; white-space: nowrap; padding: 4px 12px; color: #333; line-height: 1.5; } .dropHover-menu.dH-showTicks .dropdownH-menu > li > a { padding: 4px 20px 4px 5px; } .dropHover-menu .dropdownH-menu > li > a:hover, .dropHover-menu .dropdownH-menu > li > a:focus { text-decoration: none; background-color: #eee; } .dropHover-menu .dropdownH-menu > li > a i.selIcon { display: none; } .dropHover-menu.dH-showTicks .dropdownH-menu > li > a i.selIcon { display: inline-block; visibility: hidden; margin-right: 5px; } .dropHover-menu .dropdownH-menu > li > a.selected i.selIcon { visibility: visible; } .profile-head-wrap { margin: 4px 0 8px 0; } /*.profile-head-wrap.in-strat-listing { margin: 12px 0; }*/ .profile-header { width: 100%; background: none repeat scroll 0 0 #fafafa; border: 1px solid #ddd; padding: 4px 6px 1px 12px; position: relative; margin: 10px 0 0 0; min-height: 50px; } .profile-head-wrap.in-strat-listing .profile-header { float: none; width: 100%; background-color: #fff; border: none; border-bottom: 1px solid #ccc; margin: 0; padding: 0; min-height: 0; } /*@media (min-width: 768px) { .container { width:750px } } */ @media (min-width: 992px) { .profile-head-wrap .profile-header { width: 555px; } } @media (min-width: 1200px) { .profile-head-wrap .profile-header { width: 755px; } } /* @media (min-width: 1500px) { .profile-head-wrap .profile-header { width: 1055px; } } @media (min-width: 1700px) { .profile-head-wrap .profile-header { width: 1255px; } }*/ .profile-head-wrap .profile-header { float: left; margin: 0 10px 0 0; } .profile-header:before { content: ''; position: absolute; left: -1px; top: -1px; bottom: -1px; width: 4px; background-color: #069; } .profile-head-wrap.in-strat-listing .profile-header:before, .profile-head-wrap.in-strat-listing .profile-header:after { content: ''; position: static; display: table; left: auto; right: auto; top: auto; bottom: auto; width: auto; background-color: #fff; } .profile-header .firm_basicInfoWrapper { position: relative; } .profile-header .firmDetailInfo { border-top: 1px solid #eee; padding-top: 0; } .detailToggler { position: absolute; width: 20px; height: 20px; border: 1px solid var(--primary-color); /* box-shadow: inset 0 0 0 2px #fafafa, inset 0 0 0 3px var(--primary-color); */ background-color: #fafafa; border-radius: 50%; top: 6px; right: 9px; outline: none !important; } .detailToggler > span { position: absolute; top: 7px; left: 4px; border-style: solid; border-width: 5px; display: inline-block; vertical-align: middle; width: 0; height: 0; border-color: #000 transparent transparent transparent; z-index: 1; } .detailToggler.detailsShown > span { border-color: transparent transparent #555 transparent; top: 1px; } .detailToggler > span:before { content: ''; position: absolute; bottom: -4px; left: -5px; width: 0; height: 0; border-style: solid; border-width: 5px; border-color: #fafafa transparent transparent transparent; z-index: 2; } .detailToggler.detailsShown > span:before { border-color: transparent transparent #fafafa transparent; bottom: -6px; } .profile-header h3 { margin: 0; font-weight: 500; font-size: 19px; line-height: 1; } .profile-header h3 a { font-size: 15px; margin-left: 1px; } .profile-head-wrap.in-strat-listing h3 { color: #333; margin: 0; display: inline-block; /* vertical-align: bottom; */ border-bottom: 1px solid var(--primary-color); font-size: 20px; font-weight: 700; line-height: 1.5; position: relative; top: 1px; } .profile-head-wrap.in-strat-listing h3.autoWidthClass { font-size: 15px; margin-top: 9px; font-weight: 500; } .profile-head-wrap.in-strat-listing h3 a { font-size: inherit; margin-left: 0; } .profile-head-wrap.in-strat-listing h3 a:hover, .profile-head-wrap.in-strat-listing h3 a:focus { text-decoration: none; } .profile-header h3 small { display: block; margin-top: 5px; font-size: 15px; font-weight: 500; letter-spacing: 0.03em; color: #777; line-height: 1; } .profile-head-wrap.in-strat-listing h3 + a { position: relative; top: 1px; vertical-align: text-bottom; margin-left: 3px; padding: 0 5px; line-height: 1.4; } /*****/ .profile-head-wrap.in-strat-listing h2 { color: #333; margin: 0; display: inline-block; /* vertical-align: bottom; */ border-bottom: 1px solid var(--primary-color); font-size: 30px; font-weight: 500; line-height: 1.5; position: relative; top: 1px; } .profile-head-wrap.in-strat-listing h2 a { font-size: inherit; margin-left: 0; } .profile-head-wrap.in-strat-listing h2 a:hover, .profile-head-wrap.in-strat-listing h2 a:focus { text-decoration: none; } .profile-header h2 small { display: block; margin-top: 5px; font-size: 15px; font-weight: 500; letter-spacing: 0.03em; color: #777; line-height: 1; } .profile-head-wrap.in-strat-listing h2 + a { position: relative; top: 1px; vertical-align: text-bottom; margin-left: 3px; padding: 0 5px; line-height: 1.4; } @media (max-width: 1199px) { .profile-head-wrap.in-strat-listing h3 { font-size: 15px; font-weight: 600; line-height: 2; } } @media (max-width: 991px) { .profile-head-wrap.in-strat-listing .profile-header { padding-bottom: 5px; } .profile-head-wrap.in-strat-listing h3 { font-size: 18px; line-height: 1.6; margin-bottom: 5px; display: block; } .profile-head-wrap.in-strat-listing .profile-header > .pull-left { float: none !important; } .profile-head-wrap.in-strat-listing .profile-header > .pull-right { float: left !important; } .profile-head-wrap.in-strat-listing .profile-header > .pull-right + .pull-right { margin-left: 5px; } } .page-actions-wrap .links-inline-wrapper { float: right; width: auto; background-color: #fff; } .page-actions-wrap .links-inline-wrapper.no-back { background: none; border: none; } .page-actions-wrap .links-inline-wrapper.user-set-dropdown { border: 1px solid var(--primary-color); background-color: var(--primary-color); margin-left: 7px; } .page-actions-wrap .links-inline-wrapper.user-set-dropdown.only-admin { border-color: #ff9800; background-color: #ff9800; } .page-actions-wrap .links-inline-wrapper + .links-inline-wrapper { margin-right: 5px; } .page-actions-wrap .links-inline-wrapper > a, .page-actions-wrap .links-inline-wrapper > button { font-size: 12px; position: relative; padding: 6px 14px; background-color: transparent; z-index: 1; } .page-actions-wrap .links-inline-wrapper > a:after, .page-actions-wrap .links-inline-wrapper > button:after { content: ''; position: absolute; left: 2px; top: 2px; bottom: 2px; width: 93%; width: calc(100% - 5px); background-color: var(--primary-color); opacity: 0; -webkit-transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear; z-index: -1; } .page-actions-wrap .links-inline-wrapper > a.active, .page-actions-wrap .links-inline-wrapper > button.active { color: #fff; } .page-actions-wrap .links-inline-wrapper > a.active:after, .page-actions-wrap .links-inline-wrapper > button.active:after { opacity: 1; } .page-actions-wrap .links-inline-wrapper.l-icon-wrap > a, .page-actions-wrap .links-inline-wrapper.l-icon-wrap > button { padding: 4px 10px 5px 10px; } .page-actions-wrap .links-inline-wrapper.user-set-dropdown button { color: #fff; border: none; background-color: transparent; font-size: 16px; padding: 0 5px; height: 26px; text-align: center; outline: none !important; } .page-actions-wrap .links-inline-wrapper.user-set-dropdown .user-admin { background-color: var(--primary-color); } .page-actions-wrap .links-inline-wrapper.user-set-dropdown.only-admin .user-admin { background-color: #ff9800; /*337ab7*/ } .page-actions-wrap .links-inline-wrapper.user-set-dropdown.only-admin button.user-admin.tiny { background-color: #ff9800; color: #fff; text-align: center; padding: 0 8px; } .page-actions-wrap .links-inline-wrapper.user-set-dropdown button.only-admin .user-admin.tiny .fa-user { font-size: 18px; vertical-align: top; line-height: 1.6; } .page-actions-wrap .links-inline-wrapper.user-set-dropdown .user-admin .fa-cog { text-shadow: 0 -2px 0 var(--primary-color), -2px 0 0 var(--primary-color); } .page-actions-wrap .links-inline-wrapper.user-set-dropdown.only-admin .user-admin .fa-cog { text-shadow: 0 -2px 0 #ff9800, -2px 0 0 #ff9800; } .page-actions-wrap .links-inline-wrapper.user-set-dropdown ul.dropdown-menu { background-color: #fff; font-size: 12px; min-width: 0; padding: 0; } .page-actions-wrap .links-inline-wrapper.user-set-dropdown ul.dropdown-menu.only-admin { background-color: #ff9800; } .page-actions-wrap .links-inline-wrapper.user-set-dropdown ul.dropdown-menu > li { border-top: 1px solid #eee; padding: 0; } .page-actions-wrap .links-inline-wrapper.user-set-dropdown ul.dropdown-menu > li:first-of-type { border-top: none; padding-top: 0; } .page-actions-wrap .links-inline-wrapper.user-set-dropdown ul.dropdown-menu > li.sec-1, .page-actions-wrap .links-inline-wrapper.user-set-dropdown ul.dropdown-menu > li.sec-2, .page-actions-wrap .links-inline-wrapper.user-set-dropdown ul.dropdown-menu > li.sec-3, .page-actions-wrap .links-inline-wrapper.user-set-dropdown ul.dropdown-menu > li.sec-4, .page-actions-wrap .links-inline-wrapper.user-set-dropdown ul.dropdown-menu > li.sec-5 { border-top: 1px solid #f5f5f5; } .page-actions-wrap .links-inline-wrapper.user-set-dropdown ul.dropdown-menu > li.sec { border-top: 2px solid #ddd; background-color: #fff; } .page-actions-wrap .links-inline-wrapper.user-set-dropdown ul.dropdown-menu.only-admin > li { background-color: transparent !important; border-top-color: #fff !important; } .page-actions-wrap .links-inline-wrapper.user-set-dropdown ul.dropdown-menu > li.sec:first-of-type { border-top: none; } .page-actions-wrap .links-inline-wrapper.user-set-dropdown ul.dropdown-menu > li > a { padding: 6px 20px; } .page-actions-wrap .links-inline-wrapper.no-back ul.dropdown-menu > li p.tinyHeader { margin: 0; padding: 7px; line-height: 1.3; } .profile-header .cntctInfo { font-size: 11px; } .profile-header span.cntctInfo { margin-left: 10px; } .profile-header .cntctInfo i.fa { margin-right: 5px; /*font-size: 14px;*/ } .profile-header .cntctInfo i.fa.fa-fax { margin-left: 10px; } .profile-header hr { margin: 5px 0; } .profile-header .table.basicInfo { margin-bottom: 0; margin-top: 5px; } .profile-header .table.basicInfo > tbody > tr > th, .profile-header .table.basicInfo > tbody > tr > td { border-top: none; padding: 0 3px; font-size: 11px; } .profile-header .table.basicInfo > tbody > tr > td { padding-left: 6px; } .profile-header .table.basicInfo > tbody > tr > th:first-of-type { padding-left: 15px; } .profile-header .table.basicInfo > tbody > tr > td:first-of-type { padding-left: 21px; } .profile-head-wrap .page-actions-wrap { float: left; width: 375px; background: none repeat scroll 0 0 #fafafa; border: 1px solid #ddd; padding: 10px 6px; min-height: 50px; } .profile-head-wrap.in-strat-listing .page-actions-wrap { float: none; width: auto; background-color: #fff; padding: 0; margin: 0; min-height: 0; border: none; } /*#region dashboard top links */ .quick-links-wrap { margin: 26px 0 15px 0; } .quick-links-wrap:before, .quick-links-wrap:after { content: ''; display: table; } .quick-links-wrap:after { clear: both; } .quick-links-wrap .links-sec { float: left; width: 20%; padding-right: 15px; } .quick-links-wrap .links-sec.links-group { width: auto; position: relative; padding-top: 30px; padding-left: 0; padding-right: 0; margin-top: 0; margin-right: 34px; } .quick-links-wrap .links-sec.links-group[data-heading="Additions to the Questionnaire"] { margin-right: 0; } .quick-links-wrap .links-sec.links-group[data-heading="What's Missing"] { width: 420px; margin-right: 0; } .quick-links-wrap .links-sec.links-group[data-heading="Quarterly Update"] { width: 450px; } .quick-links-wrap .links-sec.links-group.linkquestionnaire { width: 100%; } .quick-links-wrap .links-sec.links-group:before { content: ''; position: absolute; left: 0; top: 11px; width: 100%; height: 1px; background-color: #aaa; } .quick-links-wrap .links-sec.links-group:after { content: attr(data-heading); background-color: #fff; position: absolute; white-space: nowrap; z-index: 2; top: 0; left: 9px; font-size: 15px; font-weight: 500; padding: 1px 5px; color: #086973; /* text-shadow: 0 0 1px #1e909c1c; */ } .quick-links-wrap .links-sec:nth-of-type(4n) { padding-right: 0; } /** if invstyle-completed (needs attenion) button not displayed */ .quick-links-wrap.invstyle-completed .links-sec.links-group[data-heading="Firm Questionnaire"], .quick-links-wrap.invstyle-completed .links-sec.links-group[data-heading="Quarterly Update"], .quick-links-wrap.invstyle-completed .links-sec.links-group[data-heading="What's Missing"] { width: 275px; } .quick-links-wrap.invstyle-completed .links-sec.links-group[data-heading="Firm Questionnaire"] a.link-wrap, .quick-links-wrap.invstyle-completed .links-sec.links-group[data-heading="Quarterly Update"] a.link-wrap, .quick-links-wrap.invstyle-completed .links-sec.links-group[data-heading="What's Missing"] a.link-wrap { width: 260px; } .quick-links-wrap a.link-wrap { display: block; max-width: 100%; position: relative; font-size: 14px; padding: 10px 7px 0 50px; min-height: 41px; border-radius: 1px; font-weight: 400; --bg-color: var(--primary-color); background-color: transparent; background-image: linear-gradient(-30deg, transparent var(--color-split-point), var(--bg-color) var(--color-split-point)); isolation: isolate; transition: all 0.4s linear; color: #fff; } .quick-links-wrap .links-sec a.link-wrap.link-excel { --bg-color: #19754c; } .quick-links-wrap .links-sec a.link-wrap.link-excel:hover, .quick-links-wrap .links-sec a.link-wrap.link-excel:focus { background-image: linear-gradient( -30deg, transparent var(--color-split-point), hsl(from var(--bg-color) h s calc(l + 10)) var(--color-split-point) ); } .quick-links-wrap a.link-wrap:hover, .quick-links-wrap a.link-wrap:focus { text-decoration: none; outline: none; } .quick-links-wrap .links-sec.links-group a.link-wrap { display: inline-flex; align-items: center; gap: 7px; padding: 18px; min-height: 0; font-size: 16px; font-weight: 500; line-height: 1.2; min-width: 200px; } .quick-links-wrap .links-sec.links-group a.link-wrap.firmquestionnaire, .quick-links-wrap .links-sec.links-group a.link-wrap.newQuestions { width: 200px; } .quick-links-wrap .links-sec.links-group a.link-wrap + a.link-wrap { margin-left: 14px; } /* .quick-links-wrap .links-sec.links-group[data-heading="Quarterly Update"] a.link-wrap:first-of-type { width: 175px; } */ .quick-links-wrap .links-sec.links-group[data-heading="What's Missing"] a.link-wrap { width: 200px; } .quick-links-wrap a.link-wrap .icon-wrap { /*width: 50px; height: 41px; position: absolute; background-color: transparent;*/ /* box-shadow: 1px 1px 3px 0px rgba(0,0,0,.2); */ /*color: #fff;*/ } .quick-links-wrap .links-sec.links-group a.link-wrap .icon-wrap { /* transition: none; */ } .quick-links-wrap .links-sec.links-group a.link-wrap .icon-wrap.animate { position: relative; animation: iconAnimate .15s linear 0s 8; } @keyframes iconAnimate { from { left: -3px; } to { left: 3px; } } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .quick-links-wrap a.link-wrap .icon-wrap .icon { /*position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); font-size: 20px; width: auto; line-height: 1;*/ } .quick-links-wrap .links-sec.links-group a.link-wrap .icon-wrap .icon { /*position: static; left: auto; top: auto; -webkit-transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none; transform: none; font-size: inherit; margin-right: 7px;*/ } .quick-links-wrap a.link-wrap > i.fa { /*position: absolute; right: 15px; top: 13px; width: auto; -webkit-transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear;*/ transition: all .3s linear; } .quick-links-wrap .links-sec.links-group a.link-wrap > i.fa { margin-inline-start: auto; transform: translateX(4px); /*right: 12px; top: 14px;*/ } .quick-links-wrap .links-sec.links-group a.link-wrap:hover > i.fa, .quick-links-wrap .links-sec.links-group a.link-wrap:focus > i.fa { /*right: 8px;*/ transform: translateX(12px); } .quick-links-wrap a.link-wrap:hover > i.fa, .quick-links-wrap a.link-wrap:focus > i.fa { /*right: 11px;*/ } .quick-links-wrap .links-sec a.link-wrap.disable, .quick-links-wrap .links-sec a.link-wrap.disable:hover, .quick-links-wrap .links-sec a.link-wrap.disable:focus { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity: .7; cursor: not-allowed; --bg-color: var(--primary-color); background-image: linear-gradient(-30deg, transparent var(--color-split-point), var(--bg-color) var(--color-split-point)); box-shadow: none; } /* .quick-links-wrap .links-sec a.link-wrap.link-excel.disable, .quick-links-wrap .links-sec a.link-wrap.link-excel.disable:hover, .quick-links-wrap .links-sec a.link-wrap.link-excel.disable:focus { background-color: #19754c; } .quick-links-wrap .links-sec a.link-wrap.disable i.fa, .quick-links-wrap .links-sec a.link-wrap.disable:hover i.fa, .quick-links-wrap .links-sec a.link-wrap.disable:focus i.fa { right: 12px; } */ /*#endregion */ .strategy-listing { margin-bottom: 5px; } /*.action-tHead > span { display: inline-block; margin-top: 7px; }*/ .strategy-listing .k-detail-cell .k-grid tr th.k-table-th .k-cell-inner { margin-block: -.4rem; } .k-widget.k-grid .links-inline-wrapper { float: right; background-color: #fff; } .k-widget.k-grid .links-inline-wrapper > a, .k-widget.k-grid .links-inline-wrapper > button { padding: 4px 6px; font-size: 12px; } .k-widget.k-grid .links-inline-wrapper + .links-inline-wrapper { margin-right: 5px; } .k-widget.k-grid td .links-inline-wrapper > a, .k-widget.k-grid td .links-inline-wrapper > button { padding: 3px 8px; } .k-grid .actions-wrap { text-align: left; } .k-grid .actions-wrap > span { display: inline-block; vertical-align: middle; margin-top: 1px; } .k-header > .k-grid-filter { padding: 6px .4em 6px 0.4em; -webkit-box-shadow: none; box-shadow: none; } .k-header > .k-grid-filter .k-icon { font-size: 12px; } /*Spinner ------------------------------------*/ .spinner { margin: 0; width: 50px; text-align: center; display: block; } .spinner > span { width: 10px; height: 10px; background-color: hsla(0, 0%, 70%, 1); border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; -moz-animation: sk-bouncedelay 1.4s infinite ease-in-out both; -o-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; } .spinner .bounce1 { -webkit-animation-delay: -0.32s; -moz-animation-delay: -0.32s; -o-animation-delay: -0.32s; animation-delay: -0.32s; } .spinner .bounce2 { -webkit-animation-delay: -0.16s; -moz-animation-delay: -0.16s; -o-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); } 40% { -webkit-transform: scale(1.0); } } @keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -ms-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); } } /** Relative and absolute utility **/ .rel-parent { position: relative; } .rel-parent .abs-child { position: absolute; } .rel-parent .abs-child.pos-tl { left: 0; top: 0; } .rel-parent .abs-child.pos-tr { top: 0; right: 0; } .rel-parent .abs-child.pos-bl { bottom: 0; left: 0; } .rel-parent .abs-child.pos-br { bottom: 0; right: 0; } .tab-content { margin-top: 0; padding-top: 0; } /* margin-adjustment for the module-container-tab apart from the profile page */ .module-container-grid-tab { position: relative; min-height: 600px; margin-bottom: 20px; } .module-container .module-container-tab { margin-top: 10px; } #iwCorelationClass .module-container-tab { margin-top: 0; } /**KENDO NOTIFICATION`**/ .k-notification { border: 0; } .iw-Information, .iw-Success, .iw-Warning, .iw-Error { background-position: right top; background-repeat: no-repeat; background-size: 30px; margin: 7px; padding: 0 40px 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .iw-Information p, .iw-Success p, .iw-Warning p, .iw-Error p { color: #fff; line-height: 1.4; margin-bottom: 0; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; font-size: 12px; text-shadow: 0 0 1px rgba(0,0,0,0.2); } .iw-Information { background-image: url(/assets/img/info-icon.png); } .iw-Success { background-image: url(/assets/img/success-icon.png); color: #fff; } .iw-Success p { color: #fff; } .iw-Success h3, .iw-Warning h3, .iw-Error h3, .iw-Information h3 { color: #fff; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; margin: 10px 0 5px 0; font-size: 21px; font-weight: 400; text-shadow: 0 0 1px rgba(0,0,0,0.2); } .iw-Warning { background-image: url(/assets/img/warning-icon.png); } .iw-Error { background-image: url(/assets/img/error-icon.png); } k-tooltip.k-validator-tooltip { border-color: hsl(54, 56%, 71%); background-color: #FFF9C4; color: #d82c05; font-size: 11px; font-weight: 400; text-align: left; margin: 0 !important; padding: 2px 5px; z-index: 105; } .k-grid .k-tooltip.k-validator-tooltip { position: absolute; } .k-grid .k-tooltip.k-validator-tooltip .k-callout { display: none; } .bI-form-section .form-group .k-tooltip.k-validator-tooltip { width: auto; white-space: nowrap; line-height: 1.5; position: relative; z-index: 1; } .bI-form-section .form-group #Inception_validationMessage, .bI-form-section .form-group #PrimaryInvStyle_validationMessage { max-width: 100%; white-space: normal; } .bI-form-section .form-group textarea[maxlength] + .k-tooltip.k-validator-tooltip { position: relative; top: -8px; max-width: 55%; white-space: normal; } /* kendo notification related css*/ /* Error template */ .k-notification-Error { background: rgba(228, 70, 44, 0.9); color: #fff; } /* Warning template */ .k-notification-Warning { background: rgba(239, 183, 27, 0.9); color: #fff; } /* Information template */ .k-notification-Information { background: rgba(172, 201, 243, 0.99); color: #fff; } /* Success template */ .k-notification-Success { background: rgba(104, 204, 108, 0.9); color: #fff; } /*End*/ /**Custom Validation**/ .bulk-error-wrap { font-size: 12px; position: relative; overflow: hidden; } .field-validation-error, .k-invalid-msg:not(.k-hidden), .field-validation-valid.k-invalid-msg:not(.k-hidden) { border: 1px solid hsl(54, 56%, 71%); background-color: rgb(255, 249, 196); color: #d82c05; padding: 2px 5px 2px 25px; display: inline-block; font-size: 12px !important; position: relative; text-align: left; line-height: 1.5; margin-top: 0; z-index: 1030; } .k-grid .field-validation-error, .table .field-validation-error, .k-grid .k-invalid-msg:not(.k-hidden), .k-grid .field-validation-valid.k-invalid-msg:not(.k-hidden) { display: flex; position: absolute; line-height: var(--kendo-tooltip-line-height, var(--kendo-line-height, normal)); margin-top: 0rem; box-shadow: var(--kendo-tooltip-shadow, var(--kendo-box-shadow-depth-2, none)); width: max-content; /*max-width: 190px !important;*/ white-space: normal; box-sizing: border-box; } .k-grid tbody > tr > td:nth-last-of-type(-n+5) .field-validation-error, .k-grid tbody > tr > td:nth-last-of-type(-n+5) .k-invalid-msg:not(.k-hidden), table > tbody > tr > td:nth-last-of-type(-n+3) .field-validation-error { right: var(--INTERNAL--kendo-grid-edit-cell-padding-x, 0); } #tblFirmRole .field-validation-error, #tblFirmRole .k-invalid-msg:not(.k-hidden), #tblFirmRole .field-validation-valid.k-invalid-msg:not(.k-hidden) { position: relative; } .k-grid .k-validator-tooltip.field-validation-error, .k-grid .k-validator-tooltip.k-invalid-msg:not(.k-hidden), .k-grid .k-validator-tooltip.field-validation-valid.k-invalid-msg:not(.k-hidden) { padding: 2px 5px; } .field-validation-error:before, .k-invalid-msg:not(.k-hidden):before, .field-validation-valid.k-invalid-msg:not(.k-hidden):before { content: "\e403"; margin: auto; width: 1em; height: 1em; line-height: 1; display: inline-block; position: absolute; top: 3px; left: 5px; font: 14px/1 WebComponentsIcons; } .k-grid .k-validator-tooltip.field-validation-error::before, .k-grid .k-validator-tooltip.k-invalid-msg:not(.k-hidden):before, .k-grid .k-validator-tooltip.field-validation-valid.k-invalid-msg:not(.k-hidden)::before { content: none; } /**getting rid of callout-arrow */ .k-grid .field-validation-error.k-tooltip-error .k-callout, .k-grid .k-invalid-msg:not(.k-hidden).k-tooltip-error .k-callout, .k-grid .field-validation-valid.k-invalid-msg:not(.k-hidden).k-tooltip-error .k-callout { display: none; } .new-error--wrapper-cell .field-validation-error, .new-error--wrapper-cell .k-invalid-msg:not(.k-hidden), .new-error--wrapper-cell .field-validation-valid.k-invalid-msg:not(.k-hidden) { position: absolute; } #documentUploadSection .field-validation-error, #documentUploadSection .k-invalid-msg:not(.k-hidden) { position: absolute; width: auto; top: 100%; right: 0; } /*Key Contacts*/ #empCountDetailedView .field-validation-error, #empCountDetailedView .k-invalid-msg:not(.k-hidden), #empCountDetailedView .field-validation-valid.k-invalid-msg:not(.k-hidden) { position: absolute; max-width: 90px; white-space: normal; } /*Ownership*/ .bI-form-section .inputWrap .inputSec .field-validation-valid { display: none; } .bI-form-section .inputWrap .inputSec .field-validation-error, .bI-form-section .inputWrap .inputSec .field-validation-valid.k-invalid-msg { display: block; position: absolute; top: 100%; left: 9px; z-index: 11; } /*Employee Biography*/ #empBiosInfo .field-validation-error, #empBiosInfo .field-validation-valid.k-invalid-msg { position: absolute; left: 0; top: 46px; white-space: nowrap; z-index: 11; } #empBiosInfo .right-abs-wrap .field-validation-error, #empBiosInfo .right-abs-wrap .field-validation-valid.k-invalid-msg { left: auto; right: 0; } /**Excel Data Import Wizard**/ .excelImportWizard { margin: 3px 0; position: relative; overflow: hidden; } .k-button.k-button-solid-primary.wizToggler { --button-height: 29px; position: relative; width: 150px; height: var(--button-height); overflow: hidden; padding: 0; text-align: center; line-height: 1; outline: none !important; } .k-button.k-button-solid-primary.wizToggler > span { position: absolute; display: block; height: var(--button-height); width: 100%; font-size: 12px; text-align: center; line-height: var(--button-height); top: 0; left: 0; transition: all .3s linear; } .k-button.k-button-solid-primary.wizToggler > span.expanded-wrap { top: 0; } .k-button.k-button-solid-primary.wizToggler > span.collapsed-wrap { top: var(--button-height); } .k-button.k-button-solid-primary.collapsed.wizToggler > span.expanded-wrap { top: -26px; } .k-button.k-button-solid-primary.collapsed.wizToggler > span.collapsed-wrap { top: 0; } .excelImportWizard .panel { border-radius: 0; margin: 0; } .excelImportWizard .panel .panel-body { padding: 5px; } .excelImportWizard .panel .panel-body .alert { margin-bottom: 15px; border-radius: 0; padding: 10px; } .excelImportWizard .panel .panel-body .alert.alert-icon-floated { position: relative; overflow: hidden; } .excelImportWizard .panel .panel-body .alert.alert-icon-floated .alert-icon { float: left; font-size: 3.3em; margin-right: 10px; opacity: 0.7; } .excelImportWizard .panel .panel-body .alert.alert-icon-floated .info { margin-top: 2px; display: block; line-height: 1.7; } .excelImportWizard .wizard-steps-wrap { overflow: hidden; } .excelImportWizard .wizard-steps-wrap > .clearfix { margin: 0 0 5px 0; min-height: 22px; font-size: 12px; } .excelImportWizard .wizard-steps-wrap > .clearfix .control-label { margin-top: 3px; } .excelImportWizard .wizard-steps-wrap .btn .glyphicon { margin-right: 3px; } .excelImportWizard.compact .panel .panel-body { padding: 5px 10px; } .excelImportWizard.compact .panel .panel-body .alert { margin-bottom: 10px; } .excelImportWizard.compact .wizard-steps-wrap > .clearfix .control-label { float: none; width: 100%; padding: 0; margin: 2px 0 5px 0; display: block; line-height: 1; } .excelImportWizard.compact .wizard-steps-wrap > .clearfix .col-md-7 { float: none; display: block; padding: 0 0 0 5px; } .excelImportWizard.compact .wizard-steps-wrap > .clearfix .btn-group.col-md-7 { width: 100%; } /**Grid Column Ordering**/ #divGridNames { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #gridColList { padding: 10px 0; margin: 5px 0; max-height: 260px; overflow: auto; } li.sortable { list-style-type: none; padding: 5px 8px; margin: 4px 0; font-size: 13px; cursor: move; border: 1px solid #eee; background-color: #fcfcfc; position: relative; /* padding-left: 20px; */ } li.sortable > .fa-li { left: -4px; top: 6px; color: #555; font-size: 14px; } li.sortable:hover { background-color: #ddd; } .colOrderHint { display: block; min-width: 200px; white-space: nowrap; background-color: #ccc !important; color: #fff !important; border-color: transparent; } .colOrderHint:after { content: ""; display: block; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #ccc; position: absolute; right: -6px; top: 7px; } .colOrderPlace { background-color: #dceffd; color: #52aef7; text-align: right; } .list-group-item.spacer, .list-group-item.spacer:hover, .list-group-item.spacer.active, .list-group-item.spacer:focus { border-color: transparent !important; background-color: #fff !important; } .list-group-item.sortable { position: relative; /* padding-left: 26px; */ /*cursor: pointer;*/ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .list-group-item.sortable.colOrderHint { border: none !important; } .list-group-item.sortable.colOrderPlace { background-color: #dceffd !important; color: #52aef7 !important; border-color: #ddd !important; } .list-group-item.sortable .handler { position: absolute; left: 0; top: 0; bottom: 0; cursor: move; width: 24px; } .list-group-item.sortable .handler:before { content: '\f07d'; /* position: absolute; */ font-family: FontAwesome; left: auto; top: auto; color: #333; font-size: 14px; } .list-group-item.sortable.active .handler:before { color: #333; } .list-group-item.colOrderPlace, .list-group-item.colOrderHint { padding-left: 10px; } .list-group-item.colOrderPlace .handler, .list-group-item.colOrderHint .handler { display: none; } .bI-form-section { padding: 10px 15px; border: 1px solid #ddd; background-color: #fcfcfc; margin: 10px 0; box-sizing: border-box; } .bI-form-section.plain-back { background-color: #fff; } .bI-form-section * { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } .bI-form-section .form-group { margin-bottom: 8px; } .bI-form-section label.control-label { font-weight: 500; margin-bottom: 2px; } .form-control { --INTERNAL--kendo-input-text: var(--kendo-input-text); --INTERNAL--kendo-input-bg: var(--kendo-input-bg); --INTERNAL--kendo-input-border: var(--kendo-input-border); height: auto; padding-inline: var(--INTERNAL--kendo-input-padding-x, 0.5rem); padding-block: var(--INTERNAL--kendo-input-padding-y, 0.375rem); line-height: var(--INTERNAL--kendo-input-line-height); display: inline-flex; color: var(--INTERNAL--kendo-input-text, initial); background-color: var(--INTERNAL--kendo-input-bg, initial); border-color: var(--INTERNAL--kendo-input-border, initial); } .input-group .form-control { --INTERNAL--kendo-input-padding-x: 0.5rem; --INTERNAL--kendo-input-padding-y: 0.244rem; } .form-control:hover { --INTERNAL--kendo-input-text: var( --kendo-input-hover-text ); --INTERNAL--kendo-input-bg: var( --kendo-input-hover-bg ); --INTERNAL--kendo-input-border: var( --kendo-input-hover-border ); box-shadow: none; } .form-control:focus, .form-control:focus-within { --INTERNAL--kendo-input-text: var( --kendo-input-focus-text ); --INTERNAL--kendo-input-bg: var( --kendo-input-focus-bg ); --INTERNAL--kendo-input-border: var( --kendo-input-focus-border ); box-shadow: inset 0 0 0 1px var(--INTERNAL--kendo-input-border); border-color: var(--INTERNAL--kendo-input-border, initial); } textarea.form-control:focus, textarea.form-control:focus-within { box-shadow: none; outline: 1px solid var(--INTERNAL--kendo-input-border); outline-offset: -2px; } .form-control:focus::after, .form-control:focus-within::after { border-color: var(--kendo-input-focus-border, transparent); } .form-control:focus:hover { --INTERNAL--kendo-input-text: var( --kendo-input-hover-focus-text ); --INTERNAL--kendo-input-bg: var( --kendo-input-hover-focus-bg ); --INTERNAL--kendo-input-border: var( --kendo-input-hover-focus-border ); } .form-control:disabled, .form-control[disabled] { --INTERNAL--kendo-input-text: var( --kendo-input-disabled-text ); --INTERNAL--kendo-input-bg: var( --kendo-input-disabled-bg ); --INTERNAL--kendo-input-border: var( --kendo-input-disabled-border ); background-color: var(--INTERNAL--kendo-input-bg); color: var(--INTERNAL--kendo-input-text); border-color: var(--INTERNAL--kendo-input-border); } .custom-error-cell .bI-form-section textarea.form-control { height: auto; } textarea.form-control[maxlength] { margin-bottom: 8px; } textarea.form-control + .field-validation-error, textarea .form-control + .k-invalid-msg:not(.k-hidden), textarea .form-control + .field-validation-valid.k-invalid-msg:not(.k-hidden) { position: absolute; display: flex; width: fit-content; bottom: 4px; } .bI-form-section hr { margin: 5px 0 10px 0; border-top-color: #ccc; } .stepInfo, .steps-content-wrap .stepInfo { margin: 5px 0; font-size: 13px; font-weight: 400; color: hsla(200, 100%, 35%, 1); } h5.stepInfo { font-size: 12px; font-weight: 500; line-height: 1.5; } /*Grid Filter Status*/ .filterStatus { background-color: #fafafa; border-width: 1px; border-style: solid; border-color: #d4d4d4; padding: 6px 10px; margin: 0 0 7px 0; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: start; gap: 5px; flex-shrink: 1; flex-wrap: wrap; } .k-grid-toolbar .filterStatus { padding: 0; border: none; background-color: transparent; margin: 0; } .filterStatus .label { padding: 0.3rem 0.7rem; font-size: 0.8rem; gap: 0.3rem; font-weight: 500; display: inline-flex; align-items: center; justify-content: space-evenly; } /* .filterStatus .filter-op { padding: .2em .6em; } .filterStatus .glyphicon { cursor: pointer; opacity: 0.25; } .filterStatus .label:hover .glyphicon { opacity: 1; }*/ /*Grid Filter Status Style End */ tr.inactive td:first-of-type, .k-grid tr.inactive td:first-of-type, tr.active td:first-of-type, .k-grid tr.active td:first-of-type { position: relative; } tr.inactive td:first-of-type:before, .k-grid tr.inactive td:first-of-type:before, tr.active td:first-of-type:before, .k-grid tr.active td:first-of-type:before { content: ''; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; left: 0; top: 0; bottom: 0; width: 6px; } tr.inactive td:first-of-type:before, .k-grid tr.inactive td:first-of-type:before { background-color: var(--inactive-indicator-color); } tr.active td:first-of-type:before, .k-grid tr.active td:first-of-type:before { background-color: var(--active-indicator-color); } tr.inactive td.k-hierarchy-cell:before, .k-grid tr.inactive td.k-hierarchy-cell:before, tr.active td.k-hierarchy-cell:before, .k-grid tr.active td.k-hierarchy-cell:before { content: none; } tr.inactive td.k-hierarchy-cell a.k-icon, .k-grid tr.inactive td.k-hierarchy-cell a.k-icon, tr.active td.k-hierarchy-cell a.k-icon, .k-grid tr.active td.k-hierarchy-cell a.k-icon { position: relative; color: transparent; } tr.inactive:nth-of-type(odd) td.k-hierarchy-cell a.k-icon::before, .k-grid tr.k-alt.inactive td.k-hierarchy-cell a.k-icon::before, tr.active:nth-of-type(odd) td.k-hierarchy-cell a.k-icon::before, .k-grid tr.k-alt.active td.k-hierarchy-cell a.k-icon::before { color: #fafafa; } #gvMissingData td.k-hierarchy-cell a.k-icon::after , tr.inactive td.k-hierarchy-cell a.k-icon:after, .k-grid tr.inactive td.k-hierarchy-cell a.k-icon:after, tr.active td.k-hierarchy-cell a.k-icon:after, .k-grid tr.active td.k-hierarchy-cell a.k-icon:after { content: ''; position: absolute; left: 3px; right: 3px; bottom: 3px; top: 3px; } #gvMissingData td.k-hierarchy-cell a.k-icon::after { background-color: var(--body-text-color); } tr.inactive td.k-hierarchy-cell a.k-icon:after, .k-grid tr.inactive td.k-hierarchy-cell a.k-icon:after, .k-grid tbody tr.inactive td.k-hierarchy-cell span.indicator:before { background-color: var(--inactive-indicator-color); } tr.active td.k-hierarchy-cell a.k-icon:after, .k-grid tr.active td.k-hierarchy-cell a.k-icon:after, .k-grid tbody tr.active td.k-hierarchy-cell span.indicator:before { background-color: var(--active-indicator-color); } .newfirm-details ul { list-style: none; font-style: italic; margin: 15px; padding: 0; } .newfirm-details ul li { margin: 0; line-height: 1.7em; list-style: none; } .newfirm-details label { display: inline-block; padding-right: 10px; text-align: right; font-style: normal; font-weight: bold; } .k-detail-cell .k-tabstrip .k-content { padding: 5px; } /**Advisory & Legal Info**/ .steps-content-wrap .advisoryLegalWrap { position: relative; } .steps-content-wrap .advisoryLegalWrap .form-group { margin: 5px 0; border-bottom: 1px solid #ddd; padding-bottom: 5px; padding-left: 10px; padding-right: 5px; &:has(textarea.required,textarea[data-val-required]) { padding-block-end: 22px; } } .steps-content-wrap .advisoryLegalWrap .form-group#divSecInv5yrsConcl, .steps-content-wrap .advisoryLegalWrap .form-group#divSecInvDesc, .steps-content-wrap .advisoryLegalWrap .form-group#divSecInvConclDate, .steps-content-wrap .advisoryLegalWrap .form-group#divLegJudgDesc, .steps-content-wrap .advisoryLegalWrap .form-group#divSecInv5yrs, .steps-content-wrap .advisoryLegalWrap .form-group#divLegJudgeCheck { margin: 0 0 0 0; padding: 5px 5px 5px 10px; background-color: #f5f5f5; border-top: 1px solid #ddd; &:has(textarea.required,textarea[data-val-required]) { padding-block-end: 15px; } } .steps-content-wrap .advisoryLegalWrap .form-group#divSecInv5yrsConcl, .steps-content-wrap .advisoryLegalWrap .form-group#divSecInvDesc, .steps-content-wrap .advisoryLegalWrap .form-group#divSecInvConclDate, .steps-content-wrap .advisoryLegalWrap .form-group#divLegJudgDesc { padding-left: 25px; } .steps-content-wrap .advisoryLegalWrap .form-group#divLegJudgDesc, .steps-content-wrap .advisoryLegalWrap .form-group#divSecInvDesc { border-bottom: none; } .steps-content-wrap .advisoryLegalWrap .form-group#divSecInv5yrs { margin: 5px 0 0 0; border: none; } .steps-content-wrap .advisoryLegalWrap .form-group#divSecInv5yrs + .form-group { border-top-width: 2px; } .steps-content-wrap .advisoryLegalWrap .form-group#divLegJudgeCheck { border-top: none; } .steps-content-wrap .advisoryLegalWrap .form-group#divSecInvConclDate, .steps-content-wrap .advisoryLegalWrap .form-group#divSecInvDesc { padding-left: 35px; } .steps-content-wrap .advisoryLegalWrap .form-group.no-border { border: none; } .steps-content-wrap .advisoryLegalWrap .form-group label { display: inline-block; margin-right: 10px; vertical-align: middle; max-width: 78%; max-width: calc( 100% - 114px ); width: 90%; /*font-size: 12px;*/ } .steps-content-wrap .advisoryLegalWrap .form-group#divSecInvDesc label, .steps-content-wrap .advisoryLegalWrap .form-group#divLegJudgDesc label, .steps-content-wrap .advisoryLegalWrap .form-group label.block-label { width: 100%; max-width: none; margin-right: 0; margin-bottom: 3px; } .steps-content-wrap .advisoryLegalWrap .form-group#divSecInvConclDate label { max-width: calc( 100% - 159px ); } .steps-content-wrap .advisoryLegalWrap .form-group .k-dropdownlist { width: 100px; vertical-align: middle; } /** * Custom Data Heading **/ section[data-custom-heading] { position: relative; padding: 5px 10px 5px 10px; margin-bottom: 10px; } section[data-custom-heading]:before { content: ''; position: absolute; width: 100%; height: 1px; border-top: 1px solid #ccc; left: 0; top: 0; } section[data-custom-heading]:after { content: attr(data-custom-heading); position: absolute; left: 5px; top: -9px; background-color: #fff; display: inline-block; padding: 0 6px; font-weight: 500; font-size: 13px; } /*firm audit info*/ #firmAuditDetails, #firmAssetsRecentAuditDetails { font-size: 13px; font-weight: 500; border-radius: 0; border: 1px solid #ddd; padding: 4px 0; margin-top: 5px; margin-bottom: 0; color: #555; background-color: hsla(200, 20%, 94%, 1); } #firmAuditDetails label, #firmAssetsRecentAuditDetails label { font-size: inherit; display: inline-block; margin-right: 5px; } #firmAuditDetails a, #firmAssetsRecentAuditDetails a { color: var(--primary-color); } /**Asset by class**/ /*#firmAssetsByClassGrid.k-grid table { table-layout: fixed; }*/ /**Employee Count**/ .empCount-selWrap { margin-top: 10px; margin-bottom: 10px; } #empCountData { margin: 5px 0 0 0; } #empCountData .stepInfo { font-size: 12px; margin: 5px 0; } #empCountData table { border-top: none; margin: 0; } #empCountData table tr th, #empCountData table tr td { padding: 0 5px; vertical-align: middle; font-size: 12px; } #empCountData table thead tr th { text-align: right; border-bottom-width: 1px; line-height: 2; border-top: 1px solid #ddd; } #empCountData table thead tr th.spacing-cell { border-left-color: #ccc; border-top-color: #ddd; text-align: left; } #empCountData table thead tr th.spacing-cell .toggleView { /*padding: 4px 9px;*/ margin-bottom: 2px; margin-top: 2px; /*font-weight: 500;*/ /*letter-spacing: 0.2px;*/ /*font-size: 13px;*/ } #empCountData table tr.cat-1 th { background-color: #f0f0f0; } #empCountData table tr.cat-1.editable.edit-mode th:nth-child(2), #empCountData table tr.cat-1.editable.edit-mode th:nth-child(2) ~ th { background-color: #fff; } #empCountData table tr td { padding: 0 5px; background-color: #fff; } #empCountData table tr td.padding-cell { padding-left: 25px; } #empCountData table tr.cat-1 th:nth-child(1), #empCountData table tr.cat-1 th:nth-child(1) ~ th { border-right-color: #f0f0f0; } #empCountData table tr.cat-1 th:last-of-type { border-right-color: #ddd !important; } /*fields with input*/ #empCountData table tr.cat-2 td:nth-child(2), #empCountData table tr.cat-2 td:nth-child(2) ~ td, #empCountData table tr.cat-1 th:nth-child(2), #empCountData table tr.cat-1 th:nth-child(2) ~ th { width: 90px; padding: 2px; } #empCountData table tr.cat-2 td input { padding-right: 10px; } #empCountData table.onlyTotals tbody tr td, #empCountData table.onlyTotals tbody tr th { border: 1px solid #ddd !important; background-color: #fafafa; } #empCountData table tr.cat-1.editable.edit-mode th { border-right-color: #bbb; } #empCountData table tr th input, #empCountData table tr td input { background-color: transparent; display: block; border-color: transparent; width: 100%; height: 24px; text-align: right; line-height: 1; padding: 0 5px; -webkit-transition: all .2s linear; -o-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; font-size: 11px; } #empCountData table tr.cat-1 th input { background-color: #fff; } #empCountData table tr th input:focus, #empCountData table tr td input:focus { border-color: #ccc; -webkit-box-shadow: none; box-shadow: none; } #empCountData table tr th input[readonly], #empCountData table tr td input[readonly], #empCountData table tr th input[disabled], #empCountData table tr td input[disabled] { border-color: transparent !important; background-color: #fafafa !important; cursor: default; } #empCountData table tr.cat-1 th input[readonly], #empCountData table tr.cat-1 th input[disabled] { background-color: #f0f0f0 !important; } #empCountData table.onlyTotals tr.cat-1 th input[readonly], #empCountData table.onlyTotals tr.cat-1 th input[disabled] { background-color: #fafafa !important; } #empCountData table tr.cat-2 td input[readonly], #empCountData table tr.cat-2 td input[disabled] { background-color: #fff !important; } #gvEmployee .k-header.k-grid-toolbar, #strategyPortfolioManagersGrid .k-header.k-grid-toolbar { text-align: right; } #strategyPortfolioManagersGrid .filterStatus { text-align: left; } #gvEmployee .k-command-cell .k-button { width: 85px; margin: 2px; } .k-grid .glyphicon-info-sign, .gridCloneWrapper .glyphicon-info-sign { cursor: pointer; } /**Textarea count element**/ .char-count, .eq-fields-tree .form-group .char-count { float: right; font-size: 10px; font-weight: 500; color: #999; border-radius: 1px; padding: 1px 4px; background-color: rgba(255, 255, 255, 1); -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .4); box-shadow: 0 0 2px 0 rgba(0, 0, 0, .4); margin-bottom: 0; margin-top: -15px; margin-right: 22px; clear: none; position: relative; visibility: visible; opacity: 1; transition: all .2s linear; } textarea[disabled] + .char-count, .eq-fields-tree .form-group textarea[disabled] + .char-count { visibility: hidden; opacity: 0; transition: all .2s linear; } .char-count em, .eq-fields-tree .form-group .char-count em { color: #555; font-style: normal; font-weight: 600; font-size: inherit; } .company-block + .company-block { margin-top: 3px; } .steps-content-wrap .wrapper-box { border: 1px solid #ccc; padding: 15px; margin: 15px 0 10px 0; } .steps-content-wrap .wrapper-box.with-header { position: relative; } .steps-content-wrap .wrapper-box.with-header:before { content: attr(data-heading); position: absolute; left: 30px; top: -9px; font-size: 12px; background-color: #fff; /* outline: 1px solid; */ padding: 0 9px; } .steps-content-wrap .wrapper-box .doc-upload-wrapper .k-upload { border: none; background-color: transparent; } .steps-content-wrap .wrapper-box .doc-upload-wrapper .k-upload .k-button.k-upload-button { height: 28px; border-radius: 0; margin: 0; padding: 0 15px; } .steps-content-wrap .wrapper-box .doc-upload-wrapper .k-upload .k-dropzone { padding: 0; width: auto; display: inline-flex; vertical-align: middle; } .steps-content-wrap .wrapper-box .doc-upload-wrapper .k-upload .k-upload-files { display: inline-block; margin-left: 6px; vertical-align: middle; } /*.steps-content-wrap .wrapper-box .doc-upload-wrapper .k-upload .k-upload-files .k-file { padding: 3px; }*/ .steps-content-wrap .wrapper-box .k-tooltip.k-validator-tooltip { position: absolute; width: auto; right: 0; top: 100%; } .edu-custom-wrap { position: relative; } .edu-custom-wrap .k-tooltip.k-validator-tooltip.field-validation-error, .edu-custom-wrap .k-tooltip.k-validator-tooltip.k-invalid-msg:not(.k-hidden), .edu-custom-wrap .k-tooltip.k-validator-tooltip .field-validation-valid.k-invalid-msg:not(.k-hidden) { white-space: normal; } .edu-custom-wrap:before, .edu-custom-wrap:after { content: ''; display: table; } .edu-custom-wrap:after { clear: both; } .edu-custom-wrap .left-abs-wrap { float: left; width: 165px; } .edu-custom-wrap .right-abs-wrap { float: left; width: 165px; } .edu-custom-wrap .central-controls { width: 521px; width: calc(100% - 330px); float: left; } #tblFirmRole { margin-bottom: 0; } #tblFirmRole th, #tblFirmRole td { vertical-align: middle; } #tblFirmRole th { text-align: center; } #tblFirmRole td { padding: 3px 6px; } #tblFirmRole.edit-mode { width: 485px; } @media (max-width:992px) { #tblFirmRole.edit-mode { width: auto; } } #tblFirmRole.edit-mode th:nth-child(3), #tblFirmRole.edit-mode th:nth-child(4), #tblFirmRole.edit-mode td:nth-child(3), #tblFirmRole.edit-mode td:nth-child(4) { display: none; } /* Help */ .imA-icon { background-image: url(/assets/img/imA-sprite.png); background-repeat: no-repeat; background-color: transparent; width: 20px; height: 20px; display: inline-block; vertical-align: middle; } .imA-icon.icon-drawer { background-position: 0,0; } .imA-icon.icon-export-pdf { background-position: -27px 0; } .view-for-print { display: none; } .help-wrapper .page-headline.phs { margin-bottom: 10px; } #helpSection { position: relative; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); overflow: hidden; } /*#right-pane { position: absolute; z-index: 11; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color:#fff; padding-top: 55px; } #left-pane { position: absolute; left: 0; top: 0; bottom: 0; background-color: #f5f5f5; border-right: 1px solid #ddd; z-index: 1; width: 300px; overflow:hidden; } #left-pane h3.help-list-head { box-sizing: border-box; margin: 0; height: 55px; font-family: 'Montserrat',sans-serif; font-weight: 400; background-color: #fff; border-bottom: 1px solid #ddd; padding: 16px 0 0 15px; font-size: 20px; } #helpSection.open #right-pane { -ms-transform: translateX(300px); -webkit-transform: translate3d(300px,0,0); transform: translate3d(300px,0,0); overflow: hidden; } #left-pane div.k-treeview { height : -webkit-calc(100% - 60px); height : calc(100% - 60px); box-sizing: border-box; padding: 10px; }*/ .post-head { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; left: 0; top: 0; width: 100%; z-index: 2; /* padding-left: 60px; */ height: 48px; background-color: #fff; border-bottom: 1px solid #ddd; color: #333; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); /* font-family: 'Montserrat',sans-serif; */ overflow: hidden; } .post-head .drawerPull { float: left; padding: 0; background-color: transparent !important; -webkit-box-shadow: none !important; box-shadow: none !important; border: none !important; border-radius: 0; color: #ddd !important; width: 50px; height: 48px; outline: none !important; } #helpSection.open .post-head .drawerPull { background-color: #ececec !important; } .post-head .drawerPull .imA-icon.icon-drawer { vertical-align: bottom; } .post-head h3 { margin: 6px 0 0 10px; float: left; font-weight: 400; font-size: 18px; } .post-head h3 small { display: block; font-size: 11px; font-weight: 400; color: #aaa; margin-top: 4px; } .post-head .exportToPdf { position: absolute; background-color: transparent; border-radius: 0; border: 1px solid #ddd; padding: 4px 8px 4px 11px; outline: none !important; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear; opacity: 0.9; right: 10px; top: 4px; cursor: pointer; } .post-head .exportToPdf:hover { opacity: 1; } #helpContent { margin: -10px; position: relative; padding-top: 48px; } #pdf-content { overflow: auto; } /*#helpContent, #pdf-content { height: 100%; } #pdf-content { overflow: auto; height: calc(100% - 60px); }*/ #helpSection.open #pdf-content { overflow: hidden; } .msgBody { padding: 10px 20px; } .msgBody, .msgBody * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ico { height: 16px; width: 16px; display: inline-block; } .empty-stat-print, .no-sel-wrap, .for-print-not-specified { display: none; } #divFirmContact .form-group input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /**EXCEL BULK IMPORT*/ table.table.bulk-import-excel, table.table.bulk-import-excel * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } table.table.bulk-import-excel tbody tr td { vertical-align: middle; } table.table.bulk-import-excel tbody tr td h5.fileName { white-space: nowrap; font-weight: 700; } table.table.bulk-import-excel tbody tr td .infoWrap { display: none; padding: 10px; } table.table.bulk-import-excel tbody tr.statusInfo-row { display: none; } table.table.bulk-import-excel tbody tr.statusInfo-row td { padding: 0; } table.table.bulk-import-excel tbody tr td.stat-indicator { padding: 3px; cursor: default; } table.table.bulk-import-excel tbody tr td.stat-indicator.danger { background-color: #d50; } table.table.bulk-import-excel tbody tr td.stat-indicator p { margin: 0 3px; background-color: #fff; padding: 3px 6px 0 6px; height: 28px; font-weight: 600; font-size: 12px; overflow: hidden; } table.table.bulk-import-excel tbody tr td.stat-indicator p small { float: right; position: relative; cursor: pointer; margin-top: -3px; padding: 3px 4px 3px 8px; } table.table.bulk-import-excel tbody tr td.stat-indicator p small:before { content: ''; position: absolute; width: 0; height: 0; overflow: visible; border-width: 4px 0 4px 5px; border-style: solid; border-color: transparent transparent transparent #666; border-radius: 3px; left: 0; top: 11px; } /**ADMIN REPORTS*/ .rp-grid { margin-bottom: 10px; margin-top: -5px; } .report-box-wrap { width: 100%; padding: 5px 15px; } .report-box { border: 1px solid #ddd; background-color: #fcfcfc; padding: 7px; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.15); box-shadow: 0 2px 5px rgba(0,0,0,.15), 0 2px 3px rgba(0,0,0,.15); border-radius: 5px; width: 100%; } @media (min-width:768px) { .report-box-wrap { width: 50%; } } @media (min-width: 1220px) { .report-box-wrap { width: 33.3%; } } @media (min-width: 1500px) { .report-box-wrap { width: 25%; } } .report-box .rp-header { font-size: 14px; font-weight: 500; margin: 3px 0 6px 5px; border-bottom: 3px groove hsla(0, 0%, 89%, 1); line-height: 1.7; border-bottom-style: ridge; } .report-box ul { padding: 0; list-style: none; } .report-box ul li { display: block; } .report-box ul li a { text-decoration: none !important; padding: 4px 8px; font-size: 12px; line-height: 1.3; font-weight: 500; display: block; -webkit-transition: all .2s linear; -o-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; margin: 2px 0; } .report-box ul li a:hover, .report-box ul li a:focus { background-color: #efefef; outline: none; } .eq-popup-body { padding: 5px 10px; } /**Product Separate Fees**/ table.seperateFees-table tbody tr td:first-of-type { vertical-align: middle; } table.seperateFees-table tbody tr td:last-of-type { vertical-align: middle; } table.seperateFees-table tbody tr td label { font-weight: 400; } /** Employee Roles Section **/ section.firm-roles-section { position: relative; border-top: 1px solid #ddd; margin: 7px 0 0 0; padding: 9px 0; } section.firm-roles-section:before { content: attr(data-name); position: absolute; left: 10px; top: -11px; z-index: 1; font-size: 12px; font-weight: 500; background-color: #fff; line-height: 1.7; padding: 0 5px; color: #086973; } section.firm-roles-section .list-group { margin-bottom: 0; } section.firm-roles-section.strategy-roles-sec .list-group-item { padding: 0; overflow: hidden; } section.firm-roles-section.strategy-roles-sec .list-group-item label { margin: 0; padding: 8px 0 8px 8px; } section.firm-roles-section .role-date-wrap { margin: 5px; border-top: 1px solid #ccc; /* box-shadow: inset 0 0 4px 0px rgba(0,0,0,0.3); */ padding: 5px 0 0 10px; } section.firm-roles-section .form-inline .form-group { vertical-align: baseline; } section.firm-roles-section .form-inline .form-group label { margin-bottom: 0; } section.firm-roles-section .list-group-item .k-datepicker { width: 130px; } #RolesForEmp .roles-section-wrap { max-height: 480px; margin: 0 0 0 0; padding: 5px; overflow: auto; } /**NOTES SECTION**/ .eq-notes-list { max-height: 390px; overflow: auto; padding: 5px; border: 1px solid #ddd; background-color: #f8f8f8; } .eq-notes-list .list-group-item { border: none; padding: 0; margin: 0; background-color: transparent; } .eq-notes-list .list-group-item span { white-space: pre-line; display: block; overflow: auto; } .missing-data-wrap { padding: 10px 20px; padding-right: 0; border: 1px solid #e3e3e3; } .missing-data-wrap ul { padding: 0; margin: 0; list-style: none; overflow: hidden; } .missing-data-wrap ul li { font-size: 12px; width: 33%; float: left; line-height: 20px; } #gvMissingData { margin-bottom: 10px; } #gvMissingData .k-detail-cell .k-auto-scrollable { overflow: hidden; } ul.grid-missing-data-links-wrap { overflow: hidden; margin: 0; padding: 5px; list-style: none; } ul.grid-missing-data-links-wrap li { float: left; width: 50%; line-height: 20px; } #lblUniverse { margin-bottom: 3px; } #divNotesModal .links-inline-wrapper { margin-top: -6px; /* border-color: var(--primary-color); */ } #divNotesModal .links-inline-wrapper > button { padding: 4px 10px; font-size: 12px; font-weight: 500; /* background-color: #fff; */ /* color: var(--primary-color); */ } /***Add Product Menu***/ .grid-sub-menu { position: fixed; min-width: 110px; width: auto; height: auto; background-color: var(--primary-color); top: 146px; left: 235px; -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.15); box-shadow: 0 5px 11px 0 rgba(0,0,0,0.15); border: 1px solid #2e6da4; z-index: 111; } .grid-sub-menu a { width: 100%; height: 25px; white-space: nowrap; text-decoration: none !important; font-size: 14px; color: #fff; padding: 5px 8px; line-height: 1; border-bottom: 1px solid hsl(0, 0%, 100%); display: block; font-weight: 500; -webkit-transition: all .1s linear; -o-transition: all .1s linear; -moz-transition: all .1s linear; transition: all .1s linear; } .grid-sub-menu a:last-of-type { border-bottom: none; padding-top: 6px; } .grid-sub-menu a:hover, .grid-sub-menu a:focus { color: #ffffff; background-color: #286090; } #adminId .page-headline .links-inline-wrapper { margin-bottom: 1px; margin-top: -2px; display: block; width: auto; border-color: hsla(36, 100%, 40%, 1); } #adminId .page-headline .links-inline-wrapper a { font-size: 12px; padding: 4px 12px; background-color: #FF9800; color: #fff; } #adminId .links-inline-wrapper > a:before, #adminId .links-inline-wrapper > button:before { background-color: hsl(36,100%,40%); } #MutualFund_label { display: inline-block; margin-right: 5px; vertical-align: middle; } /**MARKETS**/ .markets-tree-wrap { margin-bottom: 5px; } .markets-tree-total { border: 1px solid hsl(0, 0%, 87%); background-color: hsl(0, 0%, 96%); padding: 8px 10px; font-weight: 500; overflow: hidden; } .markets-tree-wrap .mk-lvl-1 { /* overflow: hidden; */ margin: 2px 0; border: 1px solid hsl(0, 0%, 85%); } .markets-tree-wrap .mk-lvl-1.only-body { border-top: none; } .markets-tree-wrap .mk-lvl-1 .head { position: relative; overflow: visible; padding-left: 30px; background-color: hsl(0, 0%, 96%); min-height: 32px; /* border-top: 1px solid hsl(0, 0%, 85%); */ /* border-bottom: 1px solid hsl(0, 0%, 85%); */ } .markets-tree-wrap .toggle { position: absolute; left: 4px; top: 0; bottom: 0; width: 20px; padding-top: 10px; padding-left: 7px; font-family: FontAwesome; line-height: 1; cursor: pointer; } .markets-tree-wrap .toggle:before { content: '\f0fe'; } .markets-tree-wrap .mk-lvl-1.expanded > .head .toggle:before { content: '\f146'; } .markets-tree-wrap .mk-lvl-1 .head .market-head { padding: 10px 0; margin: 0; font-size: 15px; line-height: 1; display: block; overflow: hidden; } .markets-tree-wrap .mk-lvl-1 .head .market-head small { float: right; margin-right: 7px; margin-top: 1px; color: #333; font-size: 11px; } .markets-tree-wrap .mk-lvl-1.only-header .head .market-head small { margin-top: -6px; } .markets-tree-wrap .mk-lvl-2 { position: relative; overflow: hidden; display: none; } .markets-tree-wrap .mk-lvl-1.only-body .mk-lvl-2 { display: block; } .markets-tree-wrap .mk-lvl-2 .body { background-color: #fcfcfc; overflow: hidden; -webkit-box-shadow: inset 0 4px 3px -2px rgba(0,0,0,0.2); box-shadow: inset 0 4px 3px -2px rgba(0,0,0,0.2); } .markets-tree-wrap .mk-lvl-1.only-body .mk-lvl-2 .body { -webkit-box-shadow: none; box-shadow: none; } .markets-tree-wrap .mk-lvl-2 .body .field-wrap { position: relative; overflow: hidden; /* margin: 3px 0; */ border-top: 1px solid #ddd; padding: 3px 0 3px 30px; } .markets-tree-wrap .mk-lvl-1.only-body .mk-lvl-2 .body .field-wrap { padding-left: 10px; } .markets-tree-wrap .mk-lvl-2 .body .field-wrap label { float: left; margin-top: 6px; font-size: 13px; } .markets-tree-wrap .mk-lvl-2 .body .field-wrap .k-dropdownlist { float: right; margin-right: 10px; } .markets-tree-wrap .mk-lvl-1 input.form-control { float: right; width: 60px; margin-right: 10px; } .markets-tree-wrap .mk-lvl-1 .head input.form-control { margin-right: 0; height: 24px; } .markets-tree-wrap input#SMOEMDesc { width: 170px; } .markets-tree-wrap .field-validation-error, .markets-tree-wrap .k-invalid-msg:not(.k-hidden), .markets-tree-wrap .field-validation-valid.k-invalid-msg:not(.k-hidden) { display: inline-block; margin-right: 9px; vertical-align: middle; margin-bottom: 3px; } .markets-tree-wrap .only-header .field-validation-error, .markets-tree-wrap .only-header .k-invalid-msg:not(.k-hidden), .markets-tree-wrap .only-header .field-validation-valid.k-invalid-msg:not(.k-hidden) { margin-right: 7px; margin-top: -2px; } span.info-icon-cirle { display: inline-block; width: 14px; height: 14px; border: 1px solid hsla(14, 100%, 65%, 1); border-radius: 50%; vertical-align: top; position: relative; text-indent: 0; /* font-size: 0; */ top: 3px; margin-left: 2px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } span.info-icon-cirle:before { content: '!'; position: absolute; font-size: 11px; font-weight: 700; line-height: 1; left: 4px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: auto; text-align: left; top: 0; color: hsl(14, 75%, 65%); } .k-input span.info-icon-cirle { text-align: center; line-height: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /**PDF Report Export Selection Wizard*/ .items-sort-wrap li.list-group-item { background-color: #fafafa; } .items-sort-wrap li.list-group-item.sortable { background-color: #fff; padding: 0; border-color: #d7d7d7; cursor: default; } .items-sort-wrap li.list-group-item.sortable .parentBlock { position: relative; padding: 5px 8px; /* padding-left: 20px; */ -webkit-transition: all .1s linear; -o-transition: all .1s linear; -moz-transition: all .1s linear; transition: all .1s linear; display: -webkit-box; display: -ms-flexbox; display: flex; } .items-sort-wrap li.list-group-item.sortable.hasChild .parentBlock { padding-right: 32px; } .items-sort-wrap li.list-group-item.sortable .parentBlock label, .items-sort-wrap li.list-group-item.sortable .parentBlock .content-wrapper { /* padding: 5px 8px 5px 0; */ position: relative; z-index: 2; background-color: transparent; font-size: 12px; font-weight: 500; flex-grow: 1; flex-shrink: 0; } .items-sort-wrap li.list-group-item.sortable.emptyData .parentBlock label, .items-sort-wrap li.list-group-item.sortable .childrenBlock label.emptyData { cursor: not-allowed; opacity: .86; flex-grow: 1; } .items-sort-wrap li.list-group-item.sortable .parentBlock:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: #fff; z-index: 1; -webkit-transition: all .1s linear; -o-transition: all .1s linear; -moz-transition: all .1s linear; transition: all .1s linear; } .items-sort-wrap li.list-group-item.sortable .parentBlock .handler { z-index: 2; line-height: 28px; text-align: center; width: 20px; height: 28px; position: static; margin: -5px 3px -5px -8px; } .items-sort-wrap li.list-group-item.sortable .parentBlock.active:before { background-color: #eee; } .items-sort-wrap li.list-group-item.sortable i.fa-check-square-o, .items-sort-wrap li.list-group-item.sortable i.fa-square-o { font-size: 12px; top: 0; position: relative; } .items-sort-wrap li.list-group-item.sortable .parentBlock.intermediate-state i.fa-check-square-o:before { content: "\f096"; } .items-sort-wrap li.list-group-item.sortable .parentBlock.intermediate-state i.fa-check-square-o:after { content: ""; position: absolute; width: 5px; height: 2px; left: 5px; top: 4px; background-color: #666; } .items-sort-wrap .childrenBlock { display: none; font-size: 0; -webkit-box-shadow: inset 0 4px 4px -2px rgba(0,0,0,.2); box-shadow: inset 0 4px 4px -2px rgba(0,0,0,.2); padding: 8px 8px 8px 30px; } .items-sort-wrap .childrenBlock > label { display: inline-block; margin: 2px 0 2px 0; padding: 5px 10px; background-color: #f7f7f7; border-radius: 0; border: 1px solid #ddd; -webkit-transition: all .1s linear; -o-transition: all .1s linear; -moz-transition: all .1s linear; transition: all .1s linear; font-size: 11px; width: 50%; } .items-sort-wrap .childrenBlock > label:nth-of-type(even) { border-left: none; } .items-sort-wrap .childrenBlock > label.active { background-color: #eee; border-color: #ccc; } .items-sort-wrap .childrenBlock > label.emptyData { background-color: #fcfcfc; } .items-sort-wrap .childrenBlock > label i.fa-exclamation-circle { margin-top: 2px; } .items-sort-wrap li.list-group-item.sortable .parentBlock .toggler { position: absolute; right: 4px; display: block; top: 4px; background-color: #eee; width: 24px; border-radius: 3px; height: 20px; z-index: 1; cursor: pointer; } .items-sort-wrap li.list-group-item.sortable .parentBlock .toggler i.fa { position: absolute; left: 6px; top: 4px; color: #777; font-size: 12px; height: 12px; width: 12px; line-height: 1; } .items-sort-wrap li.list-group-item.sortable.expanded .parentBlock .toggler i.fa { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); color: #444; } .items-sort-wrap li.list-group-item.sortable.colOrderPlace { padding: 3px 6px 4px 6px; } #strategyMixedAssets table { table-layout: fixed; } #strategyMixedAssets table tbody th { vertical-align: middle; } #strategyMixedAssets table td .k-invalid-msg, #strategyMixedAssets table td .field-validation-error { position: relative; max-width: 100%; } .table.affili-wrap tr td, .table.othVeh-mfWrap tr td, .table.emp-exp-table tr td { padding: 3px 6px; } .table.affili-wrap tr td .form-group, .table.othVeh-mfWrap tr td .form-group, .table.emp-exp-table tr td .form-group { margin-bottom: 0; } .table.affili-wrap.disabled thead tr th:last-of-type, .table.affili-wrap.disabled tbody tr td:last-of-type, .table.othVeh-mfWrap.disabled thead tr th:last-of-type, .table.othVeh-mfWrap.disabled tbody tr td:last-of-type, .table.emp-exp-table.disabled thead tr th:last-of-type, .table.emp-exp-table.disabled tbody tr td:last-of-type { display: none; } .table.affili-wrap .btn.remove, .table.othVeh-mfWrap .btn.remove, .table.emp-exp-table .btn.remove { background-color: var(--primary-color); border: none; color: #fff; padding: 3px 8px; height: 25px; } .table.affili-wrap .form-control, .table.othVeh-mfWrap .form-control, .table.emp-exp-table .form-control { height: 25px; } #rootwizardMenu > li { position: relative; height: 28px; overflow: visible; background-color: #eee; margin: 0 3px 0 0; padding: 0; font-size: 12px; color: #333; } #rootwizardMenu { >li.active { --selected-bg-color: var(--inactive-indicator-color); background-color: var(--selected-bg-color); color: #fff; } &.active > li.active { --selected-bg-color: var(--active-indicator-color); } &.inactive > li.active { --selected-bg-color: var(--inactive-indicator-color); } } #rootwizardMenu > li:before, #rootwizardMenu > li:after { content: ''; position: absolute; height: 0; width: 0; background-color: transparent; border-style: solid; top: 0; border-width: 14px 0 14px 6px; border-color: #eee; } #rootwizardMenu > li:before { left: 0; border-color: #eee #eee #eee #fff; z-index: 1; } #rootwizardMenu > li.active:before { border-color: var(--selected-bg-color) var(--selected-bg-color) var(--selected-bg-color) #fff; } #rootwizardMenu > li:after { z-index: 1; right: 0; border-color: #fff #fff #fff #eee; } #rootwizardMenu > li.active:after { border-color: #fff #fff #fff var(--selected-bg-color); } #rootwizardMenu > li > a { background-color: transparent; color: inherit; font-weight: 500; border-radius: 0; padding: 8px 13px 0 10px; position: relative; z-index: 10; line-height: 1; } #rootwizard ul.wizard { padding: 0; margin: 0; list-style: none; overflow: hidden; } #rootwizard ul.wizard li { float: left; } #PortflioInfo tbody td .k-button { display: inline-block; padding: 2px 0; font-size: 12px; margin: 0; width: 2em; height: auto; line-height: 16px; text-align: center; min-width: 0; min-height: 0; } .holding-input-wrap { position: relative; padding-left: 340px; } .holding-input-wrap .hiw-abs { position: absolute; left: 0; top: 0; } .holding-input-wrap .hiw-abs .dispInline-Block { margin-right: 20px; vertical-align: top; } #divHolding { min-height: 200px; } .page-headline.phs .otherStrat-wrap { margin-top: -1px; top: 0; padding-bottom: 0; h5 { margin: 0; padding-bottom: 5px; font-size: 16px; cursor: pointer; } } .otherStrat-wrap .dropdown-menu, .otherStrat-wrap .dropdown-menu a { font-size: 12px; } .page-headline .otherProduct-wrap { margin-top: -8px; } .otherProduct-wrap .dropdown-menu, .otherProduct-wrap .dropdown-menu a { font-size: 12px; } .chkClass.active { background-color: var(--primary-color) !important; color: #fff !important; border-color: var(--primary-color) !important; -webkit-box-shadow: none !important; box-shadow: none !important; } #searchResult { min-height: 20px; width: 380px; } #divOtherStrategies button, #divOtherProducts button { height: 28px; } #otherStrategies, #otherProducts { min-height: 20px; min-width: 200px; } #otherStrategies.dropdown-menu > li > a, #otherProducts.dropdown-menu > li > a, #searchResult.dropdown-menu > li > a { position: relative; overflow: hidden; /* min-width: 450px; */ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #searchResult.dropdown-menu > li > a { justify-content: flex-start; } #searchResult.dropdown-menu > li > a > i.fa { margin-right: 5px; } #otherStrategies.dropdown-menu > li > a:before, #otherProducts.dropdown-menu > li > a:before, #searchResult.dropdown-menu > li > a:before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background-color: #ddd; } #otherStrategies.dropdown-menu > li.active-strat > a:before, #otherProducts.dropdown-menu > li.active-strat > a:before, #searchResult.dropdown-menu > li.active-strat > a:before { background-color: var(--active-indicator-color); } #otherStrategies.dropdown-menu > li.inactive-strat > a:before, #otherProducts.dropdown-menu > li.inactive-strat > a:before, #searchResult.dropdown-menu > li.inactive-strat > a:before { background-color: var(--inactive-indicator-color); } #otherStrategies.dropdown-menu > li > a span, #otherProducts.dropdown-menu > li > a span, #searchResult.dropdown-menu > li > a span span { /* float: right; */ font-size: 10px; font-weight: 500; /* margin-top: 1px; */ color: #000; margin-right: -9px; margin-left: 5px; flex-grow: 0; flex-shrink: 1; flex-basis: auto; } #searchResult.dropdown-menu > li > a > span.nameWrap { display: flex; font-size: inherit; justify-content: space-between; flex-grow: 2; } /*#searchResult.dropdown-menu > li > a > span.nameWrap span { font-size: 10px; }*/ /*#gvFirmLocation table thead tr th, #gvFirmLocation table tbody tr td, #gvFirmLocation table tbody tr th { overflow: hidden; }*/ .gridItemSelectIcon { color: #000; } .k-grid .peergroupMissing { background-color: #ff562f; content: ''; width: 6px; height: 6px; border-radius: 100%; vertical-align: baseline; display: inline-block; margin-left: 3px; } .currency { color: #000; font-weight: 700; } .profile-header-subText { font-size: 14px; background-color: #f5f5f5; padding-left: 0; height: 22px; display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; } #ulEmployees { height: auto; overflow: hidden; } .cntctInfo { margin: 0; border-left: 3px solid #ddd; padding: 6px 12px; line-height: 1.8; font-size: 12px; } .locationHeader a { display: block; background-color: #0077b3; color: #fff; text-align: right; padding: 3px 8px; } .locationHeader a:hover, .locationHeader a:focus { color: #fff; background-color: hsla(200, 100%, 30%, 1); text-decoration: none; } .text-warning { color: #ffc107 !important; } #divMoveStrategy .moveStrat-btn-wrap { position: relative; z-index: 22; } #divMoveStrategy .k-tabstrip-wrapper { position: relative; z-index: 1; /*margin-top: -35px;*/ } #divMoveStrategy .k-panelbar .k-tabstrip > .k-content, #divMoveStrategy .k-tabstrip > .k-content { border-style: none; clear: both; } #divMoveStrategy ul.k-reset.k-tabstrip-items { margin: 0; padding: 0; } #divMoveStrategy ul.k-reset.k-tabstrip-items > li { position: relative; height: 26px; line-height: 26px; background-color: #eee; border: none !important; box-shadow: none !important; margin: 0 2px; color: #333; } #divMoveStrategy ul.k-reset.k-tabstrip-items > li.k-state-active { background-color: #0077b3; color: #fff; } #divMoveStrategy ul.k-reset.k-tabstrip-items > li:first-of-type { margin-left: 0; } #divMoveStrategy ul.k-reset.k-tabstrip-items > li:before { content: ''; left: 0; border-width: 13px 6px 13px 6px; border-style: solid; border-color: #eee #eee #eee #fff; position: absolute; top: 0; z-index: 11; } #divMoveStrategy ul.k-reset.k-tabstrip-items > li.k-state-active:before { border-color: #0077b3 #0077b3 #0077b3 #fff; } #divMoveStrategy ul.k-reset.k-tabstrip-items > li:after { content: ''; position: absolute; right: -6px; top: 0; border-width: 13px 6px 13px 6px; border-style: solid; border-color: #fff #fff #fff #eee; } #divMoveStrategy ul.k-reset.k-tabstrip-items > li.k-state-active:after { border-color: #fff #fff #fff #0077b3; } #divMoveStrategy ul.k-reset.k-tabstrip-items > li .k-loading { border: none; background: none; } #divMoveStrategy ul.k-reset.k-tabstrip-items > li > .k-link { display: block; padding: 6px 15px; border: none !important; height: 26px; line-height: 1.1; color: inherit; font-size: 12px; font-weight: 500; } .holdingSetting-wrap section[data-custom-heading] { margin-top: 15px; padding-top: 10px; } .holdingSetting-wrap section[data-custom-heading]:after { top: -11px; left: 9px; font-size: 13px; font-weight: 500; padding: 1px 5px; color: #086973; letter-spacing: 0.02em; } .holdingSetting-wrap section[data-custom-heading] > ol { padding: 10px 10px 10px 20px; font-size: 12px; margin: 0 -6px; list-style-type: decimal; color: #333; background-color: #fdfdfd; list-style-position: outside; } .holdingSetting-wrap section[data-custom-heading] > ol > li { letter-spacing: .02em; line-height: 1.7; } .holdingSetting-wrap section[data-custom-heading] > ol > li > ol { padding: 3px 10px 3px 20px; margin: 0; list-style-type: lower-alpha; list-style-position: outside; } .holdingSetting-wrap .hs-info { margin: 3px; position: relative; color: #76abd9; line-height: 1.6; font-size: 12px; } .holdingSetting-wrap .hs-info:before { content: '\f05a'; font-family: 'FontAwesome'; color: inherit; } .holdingSetting-wrap table.table { margin-bottom: 10px; } .holdingSetting-wrap table.table thead tr th { white-space: nowrap; } .holdingSetting-wrap input.form-control { text-align: center; height: 23px; padding: 2px 5px; font-size: 11px; text-transform: uppercase; } /*#divDatesToDelete span.k-dropdownlist.required { margin-bottom: 10px; }*/ #gdNewRegistrations, #divPolicy { margin-bottom: 15px; } #gdNewRegistrations .k-tabstrip > .k-content { border: none; padding: 0; } .eq-hint .close { font-size: 34px; font-weight: 300; right: 0; position: absolute; top: 0; margin: 0; line-height: 0; height: 24px; width: 24px; text-align: center; } .eq-hint div#hint_scroll { overflow: hidden; } .eq-hint h2 { margin: 10px 0; color: #333; font-size: 14px; font-weight: 500; } .eq-hint h2 i.fa { font-size: 2.2rem; margin: 0 5px 0 0; vertical-align: middle; position: relative; top: -2px; } #instantViewType .btn:not(.active) .glyphicon.glyphicon-ok { display: none; } .allListsToggler, .allListsToggler:hover { cursor: pointer; outline: none !important; display: inline-block; vertical-align: top; position: relative; background-color: rgba(0,0,0,.075); border: none; height: 19px; width: 23px; margin: 0 0 0 0; padding: 0 1px; text-align: center; -moz-transition: all .1s linear; -o-transition: all .1s linear; -webkit-transition: all .1s linear; transition: all .1s linear; } .allListsToggler > span { height: 2px; width: 13px; background-color: #222; color: #222; display: block; position: absolute; left: 5px; top: 4px; border-radius: 0; box-shadow: 0 4px 0 0, 0 8px 0 0; } .allListsToggler.sub-menu-opened > span { background-color: #222; } .allListsToggler:hover > span { background-color: #222; color: #222; } .dark-nav .allListsToggler, .dark-nav .allListsToggler:hover { background-color: #444; } .dark-nav .allListsToggler > span { background-color: #eee; color: #eee; } .dark-nav .allListsToggler.sub-menu-opened > span, .dark-nav .allListsToggler:hover > span { background-color: #fff; color: #fff; } /*sub-nav-theme-2*/ .sub-nav-theme-2 .allListsToggler { background-color: #f5f5f5; } .sub-nav-theme-2 .allListsToggler > span { background-color: hsl(0, 0%, 52%); color: #858585; height: 2px; /* box-shadow: 0 7px 0 0; */ /* top: 4px; */ } .sub-nav-theme-2 .allListsToggler > span:before { content: ''; position: absolute; width: 0; height: 0; top: 0; left: 0; background-color: transparent; z-index: 1; border-width: 5px 0 5px 7px; border-color: transparent transparent transparent #f5f5f5; border-style: solid; } .sub-nav-theme-2 .allListsToggler > span:after { content: ''; position: absolute; width: 0; height: 0; top: 3px; left: 0; background-color: transparent; z-index: 2; border-width: 2px 0 2px 5px; border-color: transparent transparent transparent #0c5692; border-style: solid; } /*sub-nav-theme-3*/ .sub-nav-theme-3 .allListsToggler { background-color: #666; /* width: 20px; */ /* border: 1px solid #333; */ width: 21px; height: 19px; margin: 1px 0 0 0; /* border-radius: 4px; */ } .sub-nav-theme-3 .allListsToggler > span { background-color: #eee; color: #eee; height: 3px; width: 3px; box-shadow: 5px 5px 0 0, 0 5px 0 0, 5px 0 0 0, 10px 0 0 0, 10px 10px 0 0, 0 10px 0 0, 5px 10px 0 0, 10px 5px 0 0; top: 3px; left: 4px; } .sub-nav-theme-3.rounded-nav .allListsToggler > span { border-radius: 50%; } /*.sub-nav-theme-3 .allListsToggler > span:before { content: ''; position: absolute; width: 3px; height: 3px; top: 0; right: -10px; color: inherit; background-color: inherit; z-index: 1; box-shadow: -10px 10px 0 0; } .sub-nav-theme-3 .allListsToggler > span:after { content: ''; position: absolute; width: 3px; height: 3px; top: 0; left: 5px; background-color: inherit; color: inherit; z-index: 2; box-shadow: 0 10px 0 0, -5px 5px 0 0, 5px 5px 0 0; }*/ .sub-nav-theme-3.rounded-nav .allListsToggler > span:before, .sub-nav-theme-3.rounded-nav .allListsToggler > span:after { border-radius: 50%; } .profile-header-subText > small { /* color: #666; */ font-size: 13px; font-weight: 600; letter-spacing: .1px; display: inline-block; margin-inline-start: 7px; } /*.allListsToggler + small { vertical-align: middle; display: inline-block; position: relative; top: -2px; }*/ /**Side Wrapper for menu**/ .side-wrapper { position: fixed; /* left: 110px;*/ top: 152px; /* bottom: 132px; */ z-index: 1039; /*one less than the breadcrumb*/ width: 0; white-space: nowrap; overflow: hidden; background-color: #fff; -moz-transition: width .4s linear, opacity .4s linear; -o-transition: width .4s linear, opacity .4s linear; -webkit-transition: width .4s linear, opacity .4s linear; transition: width .4s linear, opacity .4s linear; opacity: 0; box-shadow: 0 0 0 0 rgba(0,0,0,0); } .side-wrapper.opened { opacity: 1; width: 270px; overflow: auto; box-shadow: 4px 4px 10px 1px rgba(0,0,0,.2); } .side-wrapper > nav { overflow: auto; overflow-x: hidden; background-color: var(--grey-shade-03); color: #222; height: 100%; width: 100%; border: 1px solid hsla(0, 0%, 84%, 1); } .side-wrapper > nav ol { padding-left: 0; margin: 0; list-style-position: inside; } .side-wrapper > nav > ol { margin-top: 0; } .side-wrapper > nav ol > li { display: block; } .side-wrapper > nav ol > li > a, .side-wrapper > nav ol > li > span.link-wrap { cursor: pointer; padding: 3px 10px 5px 7px; text-decoration: none !important; display: block; text-align: left; color: #222222; font-weight: 500; font-size: 13px; background-color: rgba(0,0,0,0); transition: all .2s linear; border-color: hsla(0, 0%, 84%, 1); border-top-style: solid; border-top-width: 1px; position: relative; } .side-wrapper > nav > ol > li:last-of-type > a, .side-wrapper > nav > ol > li:last-of-type > span.link-wrap { border-bottom-width: 0; border-bottom-style: none; } .side-wrapper > nav > ol > li:first-of-type > a { border-top: none; } .side-wrapper > nav > ol > li > ol > li > a, .side-wrapper > nav ol > li > ol > li > span.link-wrap { padding-left: 20px; } .side-wrapper > nav ol > li > a:hover, .side-wrapper > nav ol > li > a:focus, .side-wrapper > nav ol > li > span.link-wrap:hover, .side-wrapper > nav ol > li > span.link-wrap:focus, .side-wrapper > nav ol > li > a.active, .side-wrapper > nav ol > li > span.link-wrap.active { background-color: var(--ohio-swatch-646); color: #fff; } .side-wrapper > nav ol > li > a.active, .side-wrapper > nav ol > li > span.link-wrap.active, .side-wrapper > nav ol > li > a.active:focus, .side-wrapper > nav ol > li > span.link-wrap.active:focus, .side-wrapper > nav ol > li > a.active:hover, .side-wrapper > nav ol > li > span.link-wrap.active:hover { background-color: var(--ohio-swatch-646); } .side-wrapper > nav ol > li.disable a, .side-wrapper > nav ol > li.disable span.link-wrap { background-color: rgba(255,255,255,.5) !important; cursor: default; color: #666 !important; } .side-wrapper > nav ol > li > a > small, .side-wrapper > nav ol > li > span.link-wrap > small { display: inline-block; vertical-align: baseline; margin-right: 9px; font-size: 100%; } .side-wrapper > nav ol > li.has-sub-menu > ol { display: none; } .side-wrapper > nav ol > li.has-sub-menu.expanded > ol { display: block; } .side-wrapper > nav ol > li.has-sub-menu > span i.fa.fa-chevron-down { position: absolute; right: 19px; /* top: 8px; */ line-height: inherit; } .side-wrapper > nav ol > li.has-sub-menu.expanded > span i.fa.fa-chevron-down { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } .dark-nav .side-wrapper > nav { background-color: #444; color: #fff; border: 1px solid #222; } .dark-nav .side-wrapper > nav ol > li > a, .dark-nav .side-wrapper > nav ol > li > span.link-wrap { color: #f5f5f5; background-color: rgba(0,0,0,0); border-color: hsl(0, 0%, 33%); } .dark-nav .side-wrapper > nav ol > li > a:hover, .dark-nav .side-wrapper > nav ol > li > a:focus, .dark-nav .side-wrapper > nav ol > li > span.link-wrap:hover, .dark-nav .side-wrapper > nav ol > li > span.link-wrap:focus, .dark-nav .side-wrapper > nav ol > li > a.active, .dark-nav .side-wrapper > nav ol > li > span.link-wrap.active { background-color: hsla(0, 0%, 17%, 1); color: #fff; } .bootstrap-select.btn-group:not(.input-group-btn) { margin-bottom: 0 !important; } #hintDetails span p { margin: 0; } /**Strategy Type Tag**/ .strategy-type-tag { width: 32px; height: 16px; display: inline-block; vertical-align: middle; position: relative; top: -2px; background-color: transparent; } .strategy-type-tag.eq { background-image: url(/assets/img/st-eq.svg); } .strategy-type-tag.bl { background-image: url(/assets/img/st-bl.svg); } .strategy-type-tag.fi { background-image: url(/assets/img/st-fi.svg); } .strategy-type-tag.re { background-image: url(/assets/img/st-re.svg); } .strategy-type-tag.pr { background-image: url(/assets/img/st-pr.svg); } .strategy-type-tag.hf { background-image: url(/assets/img/st-hf.svg); } #tlHelp { padding-left: 5px; } .border-red { border: 1px solid red !important; } .header-caret { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 9px solid #000000; } /*#region gridCloneWrapper */ /** Grid Header fixes styles**/ .gridCloneWrapper { position: fixed; width: 100%; left: 0; top: 61px; z-index: 1031; /**more than validation fields (1030) and less than breadcrumb-layer (1040)*/ } .gridCloneWrapper.no-breadcrumb { top: 30px; } /*.gridCloneWrapper.prod-listing-page { top: 88px; }*/ .gridCloneWrapper.prod-listing-page.no-breadcrumb { top: 65px; } .gridCloneWrapper.prod-listing-page .container { padding-inline: calc(15px + 1px) calc(15px + 13px); } .gridCloneWrapper table { table-layout: fixed; width: 100%; } .gridCloneWrapper.prod-listing-page table { position: relative; left: 6px; } .gridCloneWrapper .fixedGridHeader tr th { background-color: #dfdff9; border-color: hsla(240, 68%, 90%, 1); } .gridCloneWrapper table thead th a { outline: none !important; text-decoration: none !important; /*line-height: 14px !important;*/ } .gridCloneWrapper table thead th a .k-i-filter { display: none; } .gridCloneWrapper table thead .assetsTooltip { display: none; } .gridCloneWrapper table thead tr th small { display: block; font-size: 9px; font-size: .7rem; } /*#endregion */ .tooltip.assets .tooltip-inner { max-width: 400px; text-align: left; } .form-inline label[for="HfLastAuditDate"] { padding-left: 0; } #portfolioHoldingAllDetails { margin-bottom: 20px; } /*#region missing data handle */ .missing-data-handle { position: fixed; z-index: 1001; top: 100px; right: 30px; bottom: 10px; width: 8px; background-color: #ddd; border-radius: 3px; } .missing-data-handle .handles { position: absolute; display: block; top: 0; left: -1px; width: 10px; padding: 0; border: none; background-color: #336699; height: 7px; outline: none; -webkit-transition: all .4s linear; -o-transition: all .4s linear; transition: all .4s linear; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .missing-data-handle .handles:focus { outline: 1px dotted #333; outline-offset: -3px; } .missing-data-handle .handles.active { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } /*#endregion */ .AddNewEmployee-form-section #EmailAddress + .field-validation-error, .AddNewEmployee-form-section #EmailAddress + .k-invalid-msg:not(.k-hidden), .AddNewEmployee-form-section #EmailAddress + .field-validation-valid.k-invalid-msg:not(.k-hidden) { white-space: normal; } .invalid .k-dropdown-wrap { border: 1px solid #b94a48; } /** error style for kendo date picker **/ #messageBoard .modal-content { padding: 40px; } #messageBoard .close { position: absolute; right: 12px; top: 10px; width: 28px; height: 28px; font-size: 28px; line-height: 1; text-align: center; } #messageBoard .modal-body { overflow: auto; margin: 5px 0; } #messageBoard p { line-height: 1.43; } #messageBoard .modal-header, #messageBoard .modal-footer { padding-left: 0; padding-right: 0; } .k-grid .header-btn-wrap { display: block; width: 14px; height: 15px; position: relative; top: -1px; left: 1px; } .k-grid .header-btn-wrap .fa { display: none; font-size: 15px; } .k-grid .header-btn-wrap.shown .fa { display: block; } .productListing.k-panelbar { padding: 0; border: none; background-color: #fff; } .productListing.k-panelbar > li { margin: 0 0 6px 0; background-color: transparent; border: none; } .productListing.k-panelbar > .k-panelbar-item > .k-link { background-color: #f5f5f5; box-shadow: var(--kendo-box-shadow-depth-1); outline: none !important; border: none; font-weight: 500; color: var(--primary-color); border: 1px solid #e0e0e0; border-left: none; transition: all .2s linear; display: flex; overflow: hidden; cursor: pointer; text-align: left; position: relative; overflow: hidden; } .productListing.k-panelbar .k-link.k-hover, .productListing.k-panelbar .k-link.k-focus { color: var(--primary-color); box-shadow: var(--kendo-box-shadow-depth-2); border-color: #a0defd; /* border-top-color: transparent; */ background-color: #d2effe; } .productListing.k-panelbar > li .panel-item-header { display: inline-flex; } .productListing.k-panelbar > li .panel-item-header:before { content: ''; position: absolute; left: 0px; top: -1px; width: 4px; bottom: -1px; background-color: #eaeaea; } .productListing.k-panelbar > li .panel-item-header[data-itemstatus="true"]:before { background-color: var(--active-indicator-color); } .productListing.k-panelbar > li .panel-item-header[data-itemstatus="false"]:before { background-color: var(--inactive-indicator-color); } .productListing.k-panelbar > li .panel-item-header .prods-control-wrapper { display: none; } .productListing.k-panelbar > li[aria-expanded="true"] .panel-item-header .prods-control-wrapper { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .productListing.k-panelbar > li .panel-item-header .prods-control-wrapper .btn + .btn { margin-left: 3px; } .productListing.k-panelbar > li .panel-item-header .prods-control-wrapper .prod-prevbutton { margin-right: 25px; } .productListing.k-panelbar-collapse.k-icon, .productListing.k-panelbar-expand.k-icon { right: 10px; } .productListing .k-panelbar-collapse.k-icon, .productListing .k-panelbar-expand.k-icon { color: #333; } .productListing.k-panelbar li .k-link > .k-icon.k-i-loading { position: absolute; background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(var(--primary-color)), to(transparent)); background-image: -o-linear-gradient(left, transparent, var(--primary-color), transparent); background-image: linear-gradient(90deg, transparent, var(--primary-color), transparent); width: 100%; height: 3px; margin: 0; left: 0; bottom: 0; top: auto; background-color: transparent; color: transparent; -webkit-animation: horiMoveInfinite 1.5s linear infinite; animation: horiMoveInfinite 1.5s linear infinite; } @-webkit-keyframes horiMoveInfinite { from { left: -100%; } to { left: 100%; } } @keyframes horiMoveInfinite { from { left: -100%; } to { left: 100%; } } @-webkit-keyframes width70 { from { width: 0; } to { width: 70%; } } @keyframes width70 { from { width: 0; } to { width: 70%; } } @-webkit-keyframes fadeToggle { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeToggle { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } .productListing.k-panelbar .k-content { background-color: #fff; border: 1px solid #ddd; /*box-shadow: inset 0 3px 4px -3px rgba(0,0,0,.2);*/ } .productListing.k-panelbar .k-content > .steps-content-wrap { margin: 6px; padding: 0; } .modal.front-end-data-approval--modal { /***/ .select-all-fields--wrapper { margin: 2px 0; display: flex; justify-content: flex-end; } .select-all-fields--wrapper label { display: inline-flex; align-items: center; column-gap: 5px; cursor: pointer; } .select-all-fields--wrapper label input { margin: 0; } } .modal .modal-dialog.modal-custom-fluid { width: auto; display: flex; margin: 15px auto; max-width: calc(100% - 40px); justify-content: center; } .modal .modal-dialog.modal-custom-fluid table { table-layout: fixed; width: auto; min-width: 100%; } .modal-custom-fluid table tbody tr:nth-of-type(odd) { background-color: #f9f9f9; } /*total assets wrap 11-16-2023*/ .assets--marker-wrap { /*position: relative;*/ display: block; } .assets--marker-wrap::after { content: ''; position: absolute; inset: auto auto 3px 3px; font-family: 'FontAwesome'; line-height: 1; font-size: 8px; } /**Don't check-in**/ /* .assets--marker-wrap.cal-out--range.val-not--approved::after { content: '\f00d'; color: #ff7832; }*/ /*.k-grid td.approved-assets span.assets--marker-wrap:not(.val-not--approved)::after*/ .assets--marker-wrap.cal-out--range.val--approved::after { content: '\f00c'; color: #25cb13; } .grid-custom-sort-toolbar { background-color: #f5f5f5; border: 1px solid #ccc; margin-bottom: 5px; padding: 8px 12px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; gap: 5px; } .grid-custom-sort-toolbar > span { font-weight: 500; font-size: 14px; } .grid-custom-sort-toolbar .btn.column-sorter { padding-inline: 15px; } #gvDomicileAssets .k-detail-row table thead { display: none; } /*.k-grid tbody > tr.k-grouping-row .k-reset { font-size: 12px; }*/ #gvDomicileAssets.k-grid tbody .k-master-row .k-hierarchy-cell[aria-expanded="true"] { border-bottom-color: #fff; } /*#gvDomicileAssets.k-grid tbody td.k-group-cell + td .k-reset .k-icon, #gvDomicileAssets.k-grid tbody td.k-hierarchy-cell .k-icon { font-size: 0; display: none; }*/ #gvDomicileAssets.k-grid tbody td.k-group-cell + td .k-reset .k-icon { font-size: 0; display: none; } /* .k-grid tbody > tr.k-grouping-row:not(:nth-of-type(3n)){ color: green; }*/ #performenceDisplay, .modal.toplayer-over-windows { z-index: 99999; } #gvFirmLocation .k-grid-toolbar { justify-content: flex-end; } #gvFirmLocation.k-grid .k-command-cell .k-button { width: 32px; } #gvFirmLocation.k-grid tbody > tr > td:nth-last-of-type(-n+5) .field-validation-error, #gvFirmLocation.k-grid tbody > tr > td:nth-last-of-type(-n+5) .k-invalid-msg:not(.k-hidden) { right: var(--INTERNAL--kendo-grid-edit-cell-padding-x); } #gvFirmLocation.k-grid .k-toolbar .k-icon.k-i-add::before { content: "\f067"; font-family: 'FontAwesome'; } #gvFirmLocation .k-button-text { display: none; } #gvFirmLocation .k-svg-i-save::before { font-family: FontAwesome; content: "\f00c"; /* Unicode for FontAwesome right arrow */ font-size: 12px; font-weight: 100; display: inline-block; vertical-align: middle; } /* Hide the existing SVG icon */ #gvFirmLocation .k-svg-i-save svg { display: none; } .file-list--template { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-start; justify-content: flex-start; } .file-list--template .file--extension .fa { color: inherit; } .file--extension.xls .fa, .file--extension.xlsx .fa { color: #21a366; } .file--extension .fa::before { content: "\f016"; } .file--extension.xls .fa::before, .file--extension.xlsx .fa::before { content: "\f1c3"; } .file-list--template .file--details { display: flex; flex-direction: column; margin-inline-start: 5px; line-height: 1; gap: 4px; } .file--details .file--name { font-weight: 500; font-size: 13px; letter-spacing: 0.2px; } .k-file-success .file--details .file--name { color: #21a366; } .k-file-success .upload--indicator { position: absolute; bottom: 0; left: 0; right: 0; height: 2px; opacity: 0; box-shadow: 0 0 5px 0 rgb(33 163 102 / 35%); background-color: #21a366; animation: fadeInStayMore 3s linear; } @keyframes fadeInStayMore { 0% { opacity: 0; } 5% { opacity: .5; box-shadow: 0 0 3px 0 rgb(33 163 102 / 35%); } 10% { opacity: 1 } 20% { box-shadow: 0 -1px 5px 1px rgb(33 163 102 / 35%); } 40% { box-shadow: 0 0 2px 0 rgb(33 163 102 / 35%); } } .file--details .file--size { font-size: 12px; font-weight: 400; font-family: monospace; } /**editor create link popup - design*/ .insert-link--custom { .k-form-field { justify-content: flex-end; } .k-checkbox { outline: none !important; } .k-actions { border-top: 1px solid #ccc; display: flex; justify-content: flex-end; align-items: center; padding: .6rem; margin-block-start: .75rem; background-color: #f5f5f5; gap: 4px; .k-button .k-icon { display: none; } } } /***holding loader */ #holdingDetails .modal-body { position: relative; overflow: auto; .show-loader { display: none; position: absolute; z-index: 222; inset: 0; background-color: rgba(255,255,255,.8); place-items: center; } &.loader-shown { overflow: hidden; .show-loader { display: grid; .circle-loader { width: 42px; height: 42px; } } } } .input-group { .btn { &.active, &.active:hover, &.active:focus { background-color: var(--primary-color); color: #fff; border-color: var(--primary-color); } } } #ddlGridNames-list .k-list-item { --INTERNAL--kendo-list-item-font-size: 13px; } #divCustomizeGridsModal { .k-picker-md { --INTERNAL--kendo-input-font-size: 13px; } } /**primary data contact*/ .primary-contact--holder { font-size: 12px; color: var(--ohio-swatch-647); strong { color: #333; } } #frmAssignEmployeeRoles .modal-dialog { max-width: min(100%, 800px); } .form-flex-row { display: flex; flex-wrap: wrap; } /***popover styles*/ .selectAllCountries { margin: 17px 0; } #selectedCountriesCount { color: #9ca3a6; float: right; } #treeview { height: 300px; overflow-y: auto; border: 1px solid #d9d9d9; } html.black-theme-popover .popover { color: #fff; background-color: #243342; padding: 4px; } .popover .popover-title { width: 100% !important; padding: 6px 10px 10px 10px; font-size: 13px; letter-spacing: 0.1px; word-spacing: 1px; } html.black-theme-popover .popover .popover-title { background-color: #243342; color: #fff; } .popover.has-title.bottom > .arrow { top: -11px; border-bottom-color: transparent; } .popover.has-title.bottom > .arrow:after { border-bottom-color: #fff; } html.black-theme-popover .popover.bottom > .arrow:after { border-bottom-color: #243342; } html.black-theme-popover .popover.right > .arrow:after { border-right-color: #243342; } html.black-theme-popover .popover.left > .arrow:after { border-left-color: #243342; } html.black-theme-popover .popover.top > .arrow:after { border-top-color: #243342; } .popover .popover-content-scroll { max-height: 400px; overflow-y: auto; } .popover-content { background-color: #fff; color: #333; } /** Popover with close */ .popover.has-close .popover-title { position: relative; overflow: hidden; } .popover { box-sizing: border-box; max-width: 450px; z-index: 1000; margin: 0; -webkit-background-clip: border-box; background-clip: border-box; font-size: 13px; } .popover * { box-sizing: border-box; } #countriesPopover { padding: 0; border: none; background: none; cursor: pointer; } .countries--multi-select { .k-selection-multiple .k-chip .k-icon,.k-clear-value { display: none; } ul.fa-ul.selItemsUl { width: 150px; } } .search-input--wrapper { display: grid; grid-template-columns: 1fr 30px; grid-template-rows: 1fr; } .search-input--wrapper .search-text--box { grid-column: 1/3; grid-row: 1/2; z-index: 1; } .search-input--wrapper .search--button { grid-column: 2/3; grid-row: 1/2; z-index: 2; background-color: transparent; margin-block: 2px; margin-inline: 2px; cursor: pointer; border: none; color: #666; display: inline-flex; align-items: center; justify-content: center; align-self: stretch; opacity: 0; &:disabled { cursor: not-allowed; } } .search-input--wrapper:hover .search--button, .search-input--wrapper:focus-visible .search--button { opacity: 1; color: #444; &:disabled { color: #666; } } #multiSelectWrapper button { pointer-events:none; } #multiSelectWrapper button:disabled { border: 1px solid #ddd; color: #333; pointer-events: none; } #countriesKendoDialog .show-loader { display: none; } #countriesKendoDialog.loaderShown .countriesDialogContent { position: relative; overflow:hidden; .show-loader { background-color: #fff; position: absolute; inset: 0; display: grid; place-items: center; z-index:11; .circle-loader { margin: auto; } } } @charset "UTF-8"; /**Step Navigation**/ .step-nav-wrap { margin: 0 0 5px 0; position: relative; padding-right: 55px; overflow: visible; --links-bg-color: var(--grey-shade-03); --links-bg-inactive-color: var(--grey-shade-02); --links-bg-inactive-highlight-color: var(--inactive-indicator-color); } .step-nav-wrap.no-scroll { padding-right: 0; } .step-nav-wrap.no-step-listing { padding-right: 0; } .steps-content-wrap .step-nav-wrap { margin: 0; } .step-nav-wrap .step-nav { position: relative; padding: 0 55px; } .step-nav-wrap.no-scroll .step-nav { padding: 0; } .step-nav-wrap .step-nav > button.nav-action-button { width: 50px; height: 32px; background-color: var(--links-bg-color); border: none; outline: none !important; position: absolute; font-size: 16px; color: #555; top: 9px; display: inline-flex; align-items: center; justify-content: center; } .steps-content-wrap .step-nav-wrap .step-nav > button.nav-action-button { height: 28px; font-size: 14px; top: 0; } .step-nav-wrap .step-nav > button.nav-action-button.scroll-left-nav { left: 0; /* top: 0; */ } .step-nav-wrap .step-nav > button.nav-action-button.scroll-right-nav { /* top: 0; */ right: 0; } .step-nav-wrap.no-scroll .step-nav > button.nav-action-button { display: none; } .step-nav-wrap .step-nav > button.nav-action-button:disabled { cursor: not-allowed; } .step-nav-wrap .step-nav > .nav-wrap > ul { position: relative; list-style: none; padding: 9px 0 0 0; margin: 0; white-space: nowrap; max-height: 50px; overflow: hidden; font-size: 0; } .step-nav-wrap .btn-showall { position: absolute; right: 0; top: 9px; width: 46px; line-height: 30px; height: 32px; border-radius: 0; background-color: #fff; border: 1px solid #aaa; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; text-align: center; } .steps-content-wrap .step-nav-wrap .btn-showall { height: 28px; top: 0; } .step-nav-wrap.no-scroll .btn-showall { display: none; } .step-nav-wrap .btn-showall span { position: relative; display: inline-block; left: 0; font-size: 20px; font-weight: 600; color: #999; background-color: #999; height: 3px; width: 20px; vertical-align: top; margin-top: -11px; box-shadow: 0 3px 0 0 #fff, 0 6px 0 0, 0 9px 0 0 #fff, 0 12px 0 0; } .steps-content-wrap .step-nav-wrap .btn-showall span { margin-top: -8px; height: 2px; box-shadow: 0 2px 0 0 #fff, 0 5px 0 0, 0 8px 0 0 #fff, 0 10px 0 0; } .step-nav-wrap .btn-showall:active span, .step-nav-wrap .btn-showall:active:hover span { box-shadow: 0 2px 0 0 var(--links-bg-color), 0 5px 0 0,0 8px 0 0 var(--links-bg-color), 0 10px 0 0; } .step-nav-wrap .step-nav .nav-wrap.k-header { display: block; width: 100%; background-color: #fff; border: none; box-shadow: none; } .step-nav-wrap .step-nav .nav-wrap > ul > li { position: relative; vertical-align: middle; display: inline-block; list-style: none; cursor: default; background-color: var(--links-bg-color); color: #222; height: 32px; margin: 0 0 0 2px; text-align: left; box-shadow: none !important; padding: 0; overflow: visible; box-sizing: border-box; transition: all .1s linear; } /**Sub-nav**/ .steps-content-wrap .step-nav-wrap .step-nav .nav-wrap > ul > li { height: 28px; } .step-nav-wrap .step-nav .nav-wrap > ul > li:first-of-type { margin-left: 0; } .step-nav-wrap .step-nav .nav-wrap > ul > li.inactive-step { color: #777; } .step-nav-wrap .step-nav .nav-wrap > ul > li > a, .step-nav-wrap .step-nav .nav-wrap > ul > li.spacer > i { text-decoration: none !important; display: block; padding: 6px 10px 6px 20px; position: relative; z-index: 10; color: inherit; } .step-nav-wrap .step-nav .nav-wrap > ul > li:before, .step-nav-wrap .step-nav .nav-wrap > ul > li:after { content: ''; background-color: inherit; position: absolute; width: 0; height: 0; right: 0; top: 0; cursor: default; border-style: solid; border-width: 16px 0 16px 8px; border-color: #fff #fff #fff var(--links-bg-color); transition: all .1s linear; } .steps-content-wrap .step-nav-wrap .step-nav .nav-wrap > ul > li:before, .steps-content-wrap .step-nav-wrap .step-nav .nav-wrap > ul > li:after { border-width: 14px 0 14px 6px; } .step-nav-wrap .step-nav .nav-wrap > ul > li:before { border-color: var(--links-bg-color); border-left-color: #fff; right: auto; left: 0; z-index: 2; } .step-nav-wrap .step-nav .nav-wrap > ul > li:after { z-index: 6; right: 0; } .step-nav-wrap .step-nav .nav-wrap > ul > li.spacer:after { content: none; } .step-nav-wrap .step-nav .nav-wrap > ul > li span { display: block; font-size: 12px; font-weight: 600; /* margin-top: 3px; */ color: inherit; background-color: var(--links-bg-color); border: 3px solid #fff; width: 22px; height: 22px; line-height: 16px; border-radius: 50%; position: absolute; left: -2px; top: -6px; text-align: center; z-index: 11; } .step-nav-wrap .step-nav .nav-wrap > ul > li span.k-link { padding: 0; margin: 0; line-height: 1.39; } .step-nav-wrap .step-nav .nav-wrap > ul > li span.k-loading.k-complete { margin-top: 0; border: none; display: none; } .step-nav-wrap .step-nav .nav-wrap > ul > li small { display: block; /* margin-top: 6px; */ /* margin-left: 6px; */ font-size: 14px; color: inherit; font-weight: 500; position: relative; z-index: 11; } .step-nav-wrap .step-nav .nav-wrap > ul > li.new-tag small:after { content: 'New'; font-size: 9px; font-weight: 600; margin: 0 0 0 0; height: 13px; line-height: 13px; position: absolute; left: 0; top: -12px; color: #fff; background-color: #35dc2a; padding: 0 4px; border-radius: 3px; } .steps-content-wrap .step-nav-wrap .step-nav .nav-wrap > ul > li.new-tag small:after { position: static; left: auto; top: auto; margin: 1px 0 0 4px; padding: 0px 4px; background-color: hsl(116, 72%, 43%); border: 1px solid #ddd; line-height: inherit; height: auto; display: inline-block; vertical-align: top; } /**HOVER STYLES***/ .step-nav-wrap .step-nav .nav-wrap > ul > li:hover { --links-bg-color: hsl(from var(--swatch-primary-2277) h s calc(l + 10)); color: #fff; } .step-nav-wrap .step-nav .nav-wrap > ul > li.spacer:hover { background-color: #ddd; color: #222; } .step-nav-wrap .step-nav .nav-wrap > ul > li:hover:before { /*border-color: hsl(200, 74%, 53%) hsl(200, 74%, 53%) hsl(200, 74%, 53%) #fff;*/ } .step-nav-wrap .step-nav .nav-wrap > ul > li.spacer:hover:before { border-color: #ddd #ddd #ddd #fff; } .step-nav-wrap .step-nav .nav-wrap > ul > li:hover:after { /*border-color: #fff #fff #fff hsl(200, 74%, 53%);*/ } .step-nav-wrap .step-nav .nav-wrap > ul > li:hover span { /*background-color: hsl(200, 74%, 53%);*/ } /**HOVER STYLES -- INACTIVE STEPS***/ .step-nav-wrap .step-nav .nav-wrap > ul > li.inactive-step:hover { /*background-color: hsl(277, 71%, 67%);*/ --links-bg-color: hsl(from var(--links-bg-inactive-highlight-color) h s calc(l + 10)); /*color: #fff;*/ } .step-nav-wrap .step-nav .nav-wrap > ul > li.inactive-step.spacer:hover { /*background-color: #ddd; color: #222;*/ } .step-nav-wrap .step-nav .nav-wrap > ul > li.inactive-step:hover:before { /*border-color: hsl(277, 71%, 67%) hsl(277, 71%, 67%) hsl(277, 71%, 67%) #fff;*/ } .step-nav-wrap .step-nav .nav-wrap > ul > li.inactive-step.spacer:hover:before { /*border-color: #ddd #ddd #ddd #fff;*/ } .step-nav-wrap .step-nav .nav-wrap > ul > li.inactive-step:hover:after { /*border-color: #fff #fff #fff hsl(277, 71%, 67%);*/ } .step-nav-wrap .step-nav .nav-wrap > ul > li.inactive-step:hover span { /*background-color: hsl(277, 71%, 67%);*/ } .steps-content-wrap .step-nav-wrap .step-nav .nav-wrap > ul > li span, .steps-content-wrap .step-nav-wrap .step-nav .nav-wrap > ul > li.nav-active span, .steps-content-wrap .step-nav-wrap .step-nav .nav-wrap > ul > li.inactive-step span, .steps-content-wrap .step-nav-wrap .step-nav .nav-wrap > ul > li.nav-active.inactive-step span, .steps-content-wrap .step-nav-wrap .step-nav .nav-wrap > ul > li:hover span, .steps-content-wrap .step-nav-wrap .step-nav .nav-wrap > ul > li.nav-active:hover span, .steps-content-wrap .step-nav-wrap .step-nav .nav-wrap > ul > li.inactive-step:hover span, .steps-content-wrap .step-nav-wrap .step-nav .nav-wrap > ul > li.nav-active.inactive-step:hover span { background-color: transparent; } /****ACTIVE NAV RULES****/ .step-nav-wrap .step-nav .nav-wrap > ul > li.k-state-active, .step-nav-wrap .step-nav .nav-wrap > ul > li.nav-active { --links-bg-color: var(--swatch-primary-2277); color: #fff; } .step-nav-wrap .step-nav .nav-wrap > ul > li.nav-active.inactive-step { --links-bg-color: var(--links-bg-inactive-highlight-color); /*color: #fff;*/ } .step-nav-wrap .step-nav .nav-wrap > ul > li.k-state-active:before, .step-nav-wrap .step-nav .nav-wrap > ul > li.nav-active:before { /*border-color: hsl(200, 100%, 35%) hsl(200, 100%, 35%) hsl(200, 100%, 35%) #fff;*/ } .step-nav-wrap .step-nav .nav-wrap > ul > li.nav-active.inactive-step:before { /*border-color: #9169d2 #9169d2 #9169d2 #fff;*/ } .step-nav-wrap .step-nav .nav-wrap > ul > li.k-state-active:after, .step-nav-wrap .step-nav .nav-wrap > ul > li.nav-active:after { /*border-left-color: hsl(200, 100%, 35%);*/ } .step-nav-wrap .step-nav .nav-wrap > ul > li.nav-active.inactive-step:after { /*border-left-color: #9169d2;*/ } .step-nav-wrap .step-nav .nav-wrap > ul > li.k-state-active span, .step-nav-wrap .step-nav .nav-wrap > ul > li.nav-active span { /* border-color: #fff; */ /*background-color: #0077b3;*/ } .steps-content-wrap .step-nav-wrap .step-nav .nav-wrap > ul > li.inactive-step span, .steps-content-wrap .step-nav-wrap .step-nav .nav-wrap > ul > li.nav-active.inactive-step span { background-color: transparent; } .step-nav-wrap .step-nav .nav-wrap > ul > li.k-state-active span.k-link, .step-nav-wrap .step-nav .nav-wrap > ul > li.nav-active span.k-link { color: #fff; } .step-nav-wrap .step-nav .nav-wrap > ul > li.nav-active.inactive-step a span { /*background-color: #9169d2;*/ opacity: 1; } .steps-content-wrap .step-nav-wrap .step-nav .nav-wrap > ul > li.has-missing-data a, .steps-content-wrap .step-nav-wrap .step-nav .nav-wrap > ul > li.k-state-active.has-missing-data a, .steps-content-wrap .step-nav-wrap .step-nav .nav-wrap > ul > li.nav-active.has-missing-data a { padding-left: 13px; } .step-nav-wrap .step-nav .nav-wrap > ul > li.has-missing-data span, .step-nav-wrap .step-nav .nav-wrap > ul > li.k-state-active.has-missing-data span, .step-nav-wrap .step-nav .nav-wrap > ul > li.nav-active.has-missing-data span { background-color: #ff562f; color: transparent; display: inline-flex; align-items: center; justify-content: center; } .steps-content-wrap .step-nav-wrap .step-nav .nav-wrap > ul > li.has-missing-data span, .steps-content-wrap .step-nav-wrap .step-nav .nav-wrap > ul > li.k-state-active.has-missing-data span, .steps-content-wrap .step-nav-wrap .step-nav .nav-wrap > ul > li.nav-active.has-missing-data span { position: absolute; top: -4px; left: 0; box-shadow: 0 0 0 2px #fff; width: 12px; height: 12px; border-radius: 100%; color: transparent; display: inline-flex; padding: 0; background-color: #ff562f; align-items: center; justify-content: center; font-size: 11px; margin-right: 5px; } .step-nav-wrap .step-nav .nav-wrap > ul > li.has-missing-data span:before, .step-nav-wrap .step-nav .nav-wrap > ul > li.k-state-active.has-missing-data span:before, .step-nav-wrap .step-nav .nav-wrap > ul > li.nav-active.has-missing-data span:before { content: '!'; color: #fff; position: absolute; z-index: 12; left: 0; right: 0; top: 0; bottom: 0; font-size: 12px; font-weight: 600; text-align: center; } .steps-content-wrap .step-nav-wrap .step-nav .nav-wrap > ul > li.has-missing-data span:before, .steps-content-wrap .step-nav-wrap .step-nav .nav-wrap > ul > li.k-state-active.has-missing-data span:before, .steps-content-wrap .step-nav-wrap .step-nav .nav-wrap > ul > li.nav-active.has-missing-data span:before { font-size: 10px; font-weight: 900; line-height: 1.3; } /**Disabled links**/ .step-nav-wrap .step-nav .nav-wrap > ul > li.disable, .step-nav-wrap .step-nav .nav-wrap > ul > li.disable:hover, .step-nav-wrap .step-nav .nav-wrap > ul > li.disable:focus { background-color: #eee; color: #666; opacity: 0.9; } .step-nav-wrap .step-nav .nav-wrap > ul > li.disable:before, .step-nav-wrap .step-nav .nav-wrap > ul > li.disable:hover:before, .step-nav-wrap .step-nav .nav-wrap > ul > li.disable:focus:before { border-color: #eee #eee #eee #fff; } .step-nav-wrap .step-nav .nav-wrap > ul > li.disable:after, .step-nav-wrap .step-nav .nav-wrap > ul > li.disable:hover:after, .step-nav-wrap .step-nav .nav-wrap > ul > li.disable:focus:after { border-color: #fff #fff #fff #eee; } .step-nav-wrap .step-nav .nav-wrap > ul > li.disable a, .step-nav-wrap .step-nav .nav-wrap > ul > li.disable:hover a, .step-nav-wrap .step-nav .nav-wrap > ul > li.disable:focus a { cursor: default; } .step-nav-wrap .step-nav .nav-wrap > ul > li.disable span, .step-nav-wrap .step-nav .nav-wrap > ul > li.disable:hover span, .step-nav-wrap .step-nav .nav-wrap > ul > li.disable:focus span { background-color: #eee; } .step-nav-wrap .k-tabstrip > .k-button.k-bare { background-color: #eee !important; width: 44px; height: 44px; /* top: 0; */ right: 0; border-radius: 0 !important; border: none !important; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .step-nav-wrap .k-tabstrip > .k-button.k-bare.k-tabstrip-prev { right: auto; left: 0; } .step-nav-wrap .k-tabstrip > .k-button.k-bare .k-icon { font-size: 20px !important; } .step-nav-wrap .stepsList { position: absolute; right: 0; display: none; top: 42px; max-width: 640px; background-color: #fff; z-index: 999; border: 1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .steps-content-wrap .step-nav-wrap .stepsList { top: 33px; } .step-nav-wrap .stepsList, .step-nav-wrap .stepsList * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .step-nav-wrap .stepsList .header-wrap { position: relative; border-bottom: 1px solid #999; height: 30px; } .step-nav-wrap .stepsList .header-wrap h4 { margin: 6px 8px; line-height: 1; font-size: 16px; font-weight: 500; } .step-nav-wrap .stepsList span.closeList { position: absolute; margin: -1px 8px 0 0; font-size: 28px; line-height: 1; font-weight: 400; color: #999; clear: both; right: 0; top: 0; cursor: pointer; } .step-nav-wrap .stepsList ol { margin: 0 0 0 3px; padding: 0 10px 5px 17px; list-style-position: outside; max-height: 140px; overflow: auto; } .step-nav-wrap .stepsList ol li { float: left; height: 20px; padding: 0 2px; margin: 2px 0; width: 33%; line-height: 20px; font-size: 11px; font-weight: 500; } .step-nav-wrap .stepsList.steps-one-col ol li { float: none; width: 100%; } .step-nav-wrap .stepsList.steps-two-col { max-width: 400px; } .step-nav-wrap .stepsList.steps-two-col ol li { width: 50%; } .step-nav-wrap .stepsList li .btn { height: auto; font-size: 12px; padding: 0 4px 0 0; border: none; font-weight: 500; vertical-align: baseline; } /**Step navigation second level**/ .steps-content-wrap .step-nav-wrap .btn-showall { top: 4px; } .steps-content-wrap .step-nav-wrap .step-nav > button.nav-action-button { top: 4px; } .steps-content-wrap .step-nav-wrap .step-nav > .nav-wrap > ul { padding-left: 0; padding-top: 4px; } .steps-content-wrap .step-nav-wrap .step-nav .nav-wrap > ul > li > a { padding: 6px 10px; } .steps-content-wrap .step-nav-wrap .step-nav .nav-wrap > ul > li span { position: static; display: inline-block; left: auto; top: auto; width: auto; height: auto; padding: 0; margin: 0 3px 0 0; background-color: transparent; border: none; box-shadow: none; color: inherit; } .steps-content-wrap .step-nav-wrap .step-nav .nav-wrap > ul > li small { display: inline-block; margin: 0; padding: 0; font-size: 13px; } .stepJumpWrap { padding: 3px 0; margin: 0; z-index: 12; position: relative; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } footer.stepJumpWrap { margin-top: -8px; margin-bottom: 7px; } .stepJumpWrap .btn { padding: 4px 15px; position: relative; isolation: isolate; } .stepJumpWrap .btn.btn-plain { padding: 0 5px; background-color: #ff9800; overflow: visible; } .stepJumpWrap .btn.btn-plain:hover, .stepJumpWrap .btn.btn-plain:focus { background-color: #ff9800; } .btn.only-admin, .stepJumpWrap .btn.only-admin, .btn.only-admin:focus, .btn.only-admin:active, .btn.only-admin:active:focus, .stepJumpWrap .btn.only-admin:focus, .stepJumpWrap .btn.only-admin:active, .stepJumpWrap .btn.only-admin:active:focus { border-color: hsl(36, 100%, 40%); background-color: #ff9800; color: #fff; } .stepJumpWrap .k-button .loader--wrapper { position: absolute; opacity: 0; visibility: hidden; transform: scale(0); transition: all .2s linear; pointer-events: none; inset: 0; z-index: 2; background-color: inherit; display: flex; align-items: center; justify-content: center; overflow: hidden; } .stepJumpWrap .k-button .loader--wrapper::before { content: ''; aspect-ratio: 1; height: 14px; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; animation-play-state: paused; } .stepJumpWrap .k-button.show-custom-loader::after { content: ''; position: absolute; inset: calc(var(--inner-offset) + .075rem); background-color: transparent; background-image: linear-gradient( -30deg, transparent var(--color-split-point), rgba(0,0,0,.2) var(--color-split-point)); backdrop-filter: blur(5px); z-index: 1; } .stepJumpWrap .k-button.show-custom-loader .loader--wrapper { opacity: 1; transform: scale(1); visibility: visible; } .stepJumpWrap .k-button.show-custom-loader .loader--wrapper::before { animation: 2s linear .1s infinite normal none running rotate; } footer.stepJumpWrap .btn.onlyHeader, footer.stepJumpWrap .k-button.onlyHeader { display: none; } /***Inner pages***/ .step-nav-wrap .k-tabstrip > .k-content { padding: 5px 15px; margin-right: -55px; } .steps-content-wrap { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /* border: 1px solid #eee; */ padding: 5px 0; /*margin-top: -1px;*/ margin-bottom: 7px; } .steps-content-wrap .steps-content-wrap { margin-bottom: 0; } .k-grid .steps-content-wrap { border: none; padding: 0; margin-top: 0; margin-bottom: 0; } .steps-content-wrap #btnLocation { margin-bottom: 1px; } .steps-content-wrap input[type=checkbox], .steps-content-wrap input[type=radio] { margin: 2px 0 0 0; } .steps-content-wrap .checkbox input[type=checkbox], .steps-content-wrap .checkbox-inline input[type=checkbox], .steps-content-wrap .radio input[type=radio], .steps-content-wrap .radio-inline input[type=radio] { margin-left: -18px; } .steps-content-wrap.asset-by-class { padding: 10px 0; } .steps-content-wrap *, .stepJumpWrap * { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } .steps-content-wrap .btn.btn-sm { padding: 4px 8px; } .steps-content-wrap .bI-form-section { padding: 10px 15px; border: 1px solid #eee; background-color: #fcfcfc; margin: 10px 0; } .steps-content-wrap .bI-form-section:first-of-type { margin-top: 0; } .steps-content-wrap .bI-form-section.plain-back { background-color: #fff; padding: 10px 0; border: none; } .steps-content-wrap .bI-form-section.no-border { border-color: transparent; } .steps-content-wrap .bI-form-section.has-error { border-color: #F44336 !important; } .k-grid section.bI-form-section:first-of-type { margin-top: 0; } .k-grid section.bI-form-section:only-of-type { margin-bottom: 0; } .steps-content-wrap .bI-form-section table { margin-bottom: 5px; } .steps-content-wrap .bI-form-section .k-grid table { margin-bottom: 0; } .bI-form-section .minority-wrap { margin: 12px 0 0 0; padding: 0; background-color: transparent; border-color: #ccc; position: relative; } .bI-form-section .minority-wrap:before { content: 'Minority Ownership'; position: absolute; right: 224px; top: -8px; background-color: #f5f5f5; font-size: 12px; padding: 0 5px; font-weight: 300; /* color: #aaa; */ } .bI-form-section .minority-wrap .panel-body { padding: 10px 0; } .bI-form-section .inputWrap { --field-size: 110px; --col-gap: 5px; display: grid; border-bottom: 1px solid hsla(0, 0%, 90%, 1); grid-template-columns: 1fr calc((var(--field-size) * 2 ) + var(--col-gap)); padding-block: 4px 2px; } .bI-form-section .inputWrap label { margin-bottom: 0; text-align: left; font-size: 12px; } .bI-form-section .inputWrap .inputSec { display: grid; grid-template-columns: var(--field-size) var(--field-size); gap: var(--col-gap); justify-items: end; } .bI-form-section .inputWrap .inputSec input.form-control[disabled] { border-color: transparent; } .bI-form-section .inputWrap .inputSec input.form-control { display: inline-block; width: var(--field-size); text-align: right; height: 25px; border-color: #bbb; } /* .bI-form-section input[data-val='true'],*/ input.required, input[required], input.required-field, input[data-val-required], textarea[required], textarea[data-val-required], .k-dropdownlist.required, .empCount-selWrap .k-dropdownlist.required, .k-dropdownlist.required, .empCount-selWrap .k-dropdownlist.required, .k-datepicker.required .k-picker-wrap .k-input, .empCount-selWrap .k-datepicker.required .k-picker-wrap .k-input, .k-grid input.required, .k-grid input[required], .k-grid input[data-val-required], .k-input.k-textbox:has(.requried,[required],[data-val-required]) { background-color: hsla(60, 85%, 92%, 1); } input[disabled] { background-color: #ccc; } .bI-form-section input[disabled] { background-color: #fff; } .bI-form-section .inputWrap .inputSec span.formHeader { font-size: 12px; font-weight: 600; } /**extra scenario overrides for disabled state... overriding the required and disabled*/ .k-picker:disabled, .k-picker[disabled], .k-picker.k-disabled, .k-picker.required:disabled, .k-picker[disabled].required, .k-picker.k-disabled.requried, .k-picker[required]:disabled, .k-picker[disabled][required], .k-picker.k-disabled[required] { /*--INTERNAL--kendo-picker-text: var(--kendo-picker-disabled-text); --INTERNAL--kendo-picker-bg: var(--kendo-picker-disabled-bg); --INTERNAL--kendo-picker-border: var(--kendo-picker-disabled-border);*/ background-color: var(--INTERNAL--kendo-picker-bg); } .bI-form-section .k-picker-solid { --kendo-picker-solid-disabled-bg: #fff; } .bI-form-section { .k-input:disabled, .k-input[disabled], .k-input.k-disabled { border-color: transparent transparent var(--INTERNAL--kendo-input-border, initial) transparent; } .k-picker:disabled, .k-picker[disabled], .k-picker.k-disabled { --kendo-picker-solid-disabled-border: #ccc; border-color: transparent transparent var(--INTERNAL--kendo-picker-border) transparent; } } .bI-form-section hr { border-top-color: #ccc; margin: 10px 0; } .bI-form-section [aria-readonly="true"] .k-button[aria-label="select"], .bI-form-section [aria-readonly="true"] + .k-button[aria-label="select"] { opacity: 0; /*Hiding the chevron for read-only fields in the content section - updated on 10/11/2023 - yeswanth*/ } .form-inline .form-group + .form-group { margin-left: 7px; } label { display: block; font-weight: 500; /*font-size: 12px;*/ margin-bottom: 1px; max-width: none; } label.new-tag { position: relative; } label.new-tag:after { content: 'New'; display: inline-block; margin: 0 0 0 4px; font-size: 80%; background-color: #35dc2a; color: #fff; padding: 1px 4px; border-radius: 3px; font-weight: 600; letter-spacing: 0.7px; } label.new-tag.left:after { content: none; } label.new-tag.left:before { content: 'New'; display: inline-block; margin: 0 4px 0 0; font-size: 80%; background-color: #35dc2a; color: #fff; padding: 1px 4px; border-radius: 3px; font-weight: 600; letter-spacing: 0.7px; } label small { font-size: 12px; } label.checkbox-inline, label.radio-inline, .form-inline label, .form-inline label { display: inline-block; font-weight: 500; padding-left: 16px; } .form-inline label { max-width: 100%; margin-bottom: 5px; } .steps-content-wrap label.with-child { position: relative; margin-top: 19px; margin-bottom: 1px; } .steps-content-wrap label.with-child .sub-label { position: absolute; right: 0; bottom: 1px; } .steps-content-wrap label.with-child .sub-label label { display: inline-block; font-size: 12px; vertical-align: bottom; } .steps-content-wrap label.with-child .sub-label .k-numeric-wrap:before, .k-picker-wrap:before { height: 21px; } .steps-content-wrap label.with-child .sub-label .k-picker-wrap .k-input { font-size: 11px; font-weight: 500; height: 21px; } .steps-content-wrap label.with-child .sub-label .k-picker-wrap .k-select { min-height: 20px; height: 21px; line-height: 0; padding-top: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .custom-check-wrap.dispInline-Block { width: 880px; max-width: 100%; vertical-align: top; font-size: 0; } .custom-check-wrap label.checkbox-inline, .custom-check-wrap label.radio-inline { border: 1px solid #ddd; background-color: #fff; padding: 2px 4px 3px 24px; margin: 0 2px 0 0; line-height: 1.5; border-radius: 2px; box-shadow: 0 0 3px -1px rgba(0,0,0,0.2); font-size: 12px; } .custom-check-wrap label.checkbox-inline.disabled, .custom-check-wrap label.radio-inline.disabled { opacity: 0.7; } /*#region check-switch */ @media only screen { label.check-switch { position: relative; cursor: pointer; display: inline-block; vertical-align: middle; width: 36px; height: 20px; overflow: visible; background-color: hsla(199, 100%, 87%, 1); border-radius: 11px; } .k-grid label.check-switch { margin: 2px 0; } label.check-switch.disabled { cursor: default; background-color: #eee; opacity: .8; } label.check-switch input[type='checkbox'] { position: absolute; visibility: hidden; } label.check-switch input[type='checkbox'] ~ span { display: block; width: 20px; height: 20px; position: absolute; border-radius: 50%; left: 0; top: 0; z-index: 11; color: #fff; background-color: #FF9800; /* border: 1px solid hsla(199, 20%, 54%, 0.98); */ box-shadow: 1px 0 1px 0 rgba(0, 0, 0, 0.3); -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; cursor: pointer; } label.check-switch.disabled input[type='checkbox'] ~ span { cursor: default; box-shadow: inset 0 0 1px 0 rgba(0,0,0,.2); } label.check-switch input[type='checkbox'] ~ span:before { content: 'N'; position: absolute; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); left: 5px; font-size: 12px; font-weight: 500; top: 1px; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } label.check-switch input[type='checkbox']:checked ~ span { -webkit-transform: translateX(16px); -moz-transform: translateX(16px); -ms-transform: translateX(16px); -o-transform: translateX(16px); transform: translateX(16px); background-color: #89c544; box-shadow: rgba(0, 0, 0, 0.3) -2px 0 2px 0; } label.check-switch.disabled input[type='checkbox']:checked ~ span { box-shadow: 0 0 2px 0 rgba(0,0,0,.2); } label.check-switch input[type='checkbox']:checked ~ span:before { content: 'Y'; /*width: 10px; height: 6px;*/ top: 1px; left: 6px; } } /*#endregion */ .form-horizontal label.control-label { padding-top: 3px; } .btn-group-sm > .btn { display: inline-block; margin: 0; } /* .input-group-btn { .btn-default { border: 1px solid #8c8c8c; } } */ .input-group-btn > .btn, .btn { height: 30px; font-size: 13px; padding-inline: 8px; gap: 3px; line-height: 1; display: inline-flex; align-items: center; justify-content: center; overflow: visible; position: relative; border-radius: 0 !important; i .glyphicon { font-size: inherit; } } .input-group-btn > .btn { clip-path: none; } .btn.btn-plain { background-color: #fff; border-color: transparent !important; box-shadow: none !important; } .btn.btn-plain:hover, .btn.btn-plain:focus { background-color: #fff; outline: none; } .btn.btn-xs, .btn-group-xs > .btn { padding: 2px 5px; font-size: 12px; line-height: 1.5; height: auto; } .form-group { margin-bottom: 10px; } .firm-address-wrap .form-group { margin-bottom: 33px; } .firm-address-wrap .form-group:last-of-type { margin-bottom: 10px; } .bI-form-section .form-control[disabled], .bI-form-section .form-control.required[disabled] { background-color: transparent; border-color: transparent transparent #ddd transparent; } .bI-form-section textarea.form-control { line-height: 1.8; /*font-size: 12px;*/ } .bI-form-section textarea.form-control[disabled] { resize: none; } .bI-form-section textarea.form-control[disabled], .bI-form-section textarea.form-control.required[disabled] { resize: none; border-left-width: 3px; border-top: none; border-bottom: none; border-color: transparent transparent transparent #ddd; } table.table > tbody > tr > th input.form-control, table.table > tbody > tr > td input.form-control { height: 22px; font-size: 11px; } .bI-form-section .form-control.required { background-color: #fafad2; } .bI-form-section [readonly], .bI-form-section .k-datepicker:has([aria-readonly="true"]), .bI-form-section [aria-readonly="true"] { border-color: #ccc !important; background-color: #fff !important; border-width: 0 0 1px 0; cursor: auto; pointer-events: none; color: #555 !important; } /*.bI-form-section .input-validation-error, .bI-form-section .k-invalid, .k-grid .input-validation-error, .k-grid .k-invalid { border: 1px solid #b94a48; }*/ /* .bI-form-section .input-validation-error.k-dropdownlist { border: none; } .bI-form-section .input-validation-error.k-dropdown .k-dropdown-wrap { border-color: #b94a48; }*/ .bI-form-section .k-text[disabled], .bI-form-section .k-input[disabled] { background-color: #fcfcfc; } .k-pager-wrap .k-label.k-pager-sizes { line-height: 1; } .k-grid .k-dropdown-wrap .k-input, table.table > tbody .k-dropdown-wrap .k-input { font-size: 11px; height: 26px; line-height: 21px; } .k-grid .k-dropdown-wrap .k-select, table.table > tbody .k-dropdown-wrap .k-select { height: 26px; line-height: 26px; } .steps-content-wrap .k-grid .k-numerictextbox { margin-top: -2px; margin-bottom: -1px; } .steps-content-wrap .k-grid .k-numerictextbox .k-numeric-wrap { box-shadow: none !important; } .steps-content-wrap .k-grid .k-numerictextbox .k-numeric-wrap:before { content: none; } .steps-content-wrap .k-grid .k-dirty-cell, .k-grid .k-dirty-cell { position: relative; } /*.steps-content-wrap .k-grid .k-dirty-cell.k-edit-cell, .k-grid .k-dirty-cell.k-edit-cell { position: static; } */ .k-grid tbody td .k-dirty, .k-grid tbody th .k-dirty, .steps-content-wrap .k-grid tbody td .k-dirty, .steps-content-wrap .k-grid tbody th .k-dirty { margin: 0; left: 2px; top: 2px; border-color: #26A69A transparent transparent #26A69A; border-width: 3px 4px; } .k-grid .form-control.single-line, .k-grid .k-input.k-textbox, .k-grid input.form-control { height: 20px; /*border: 1px solid #ccc;*/ padding: 2px 5px; font-size: 11px; outline: none !important; line-height: 1.2; } .k-grid .k-input.k-textbox { padding: 0; } .k-grid td input + .value--wrap { display: none; } .steps-content-wrap .k-grid .k-numerictextbox .k-input { height: 20px; padding: 2px; line-height: 1; text-indent: 0; } .steps-content-wrap .k-combobox .k-dropdown-wrap:before, .steps-content-wrap .k-numeric-wrap:before, .steps-content-wrap .k-picker-wrap:before, .steps-content-wrap .k-webkit .k-combobox .k-dropdown-wrap:before, .steps-content-wrap .k-webkit .k-numeric-wrap:before, .k-webkit .k-picker-wrap:before { padding-bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bI-form-section blockquote { padding: 10px 0; border-left: 3px solid #ccc; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; margin: 10px 0 10px 0; font-size: 12px; font-weight: 500; color: #777; line-height: 1.6; } .bI-form-section blockquote:hover, .bI-form-section blockquote:focus { border-color: #ccc; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .bI-form-section blockquote ol { padding-left: 30px; } .bI-form-section blockquote ol li { margin-bottom: 10px; } .bI-form-section blockquote ol li:last-of-type { margin-bottom: 0; } .bI-form-section .input-group .k-header { /*display: table-cell;*/ float: left; position: relative; width: 100%; margin-bottom: 0; } .bI-form-section label.btn, .bI-form-section .input-group-btn > label.btn, .btn-group label.btn, .btn[data-toggle="buttons"] { padding-left: 24px; overflow: hidden; position: relative; } .bI-form-section label.btn input, .btn-group label.btn input, .btn input, .k-button input { position: absolute; clip: rect(0,0,0,0); pointer-events: none; } .bI-form-section label.btn input ~ span, .btn-group label.btn input ~ span, .btn-group .btn input ~ span, .btn input ~ span, .k-button input ~ span { position: absolute; left: 8px; top: 8px; visibility: visible; } .bI-form-section label.btn.btn-xs input ~ span, .btn-group.btn-group-xs label.btn input ~ span, .btn-group.btn-group-xs .btn input ~ span, .btn.btn-xs input ~ span { top: 6px; font-size: 10px; } .bI-form-section label.btn input ~ span i.fa-square-o, .btn-group label.btn input ~ span i.fa-square-o, .btn input ~ span i.fa-square-o, .k-button input ~ span i.fa-square-o { display: block; } .bI-form-section label.btn input ~ span i.fa-check-square-o, .btn-group label.btn input ~ span i.fa-check-square-o, .btn input ~ span i.fa-check-square-o, .k-button input ~ span i.fa-check-square-o { display: none; } .bI-form-section label.btn input:checked ~ span i.fa-check-square-o, .btn-group label.btn input:checked ~ span i.fa-check-square-o, .btn input:checked ~ span i.fa-check-square-o, .k-button input:checked ~ span i.fa-check-square-o { display: block; } .bI-form-section label.btn input:checked ~ span i.fa-square-o, .btn-group label.btn input:checked ~ span i.fa-square-o, .btn input:checked ~ span i.fa-square-o, .k-button input:checked ~ span i.fa-square-o { display: none; } .bI-form-section .custom-group { display: block; position: relative; padding-right: 50px; } .bI-form-section .custom-group.edit-mode { padding-right: 50px; } .bI-form-section .custom-group .hanger-btn { position: absolute; right: 0; top: 0; width: 50px; height: 30px; } .bI-form-section .custom-group .hanger-btn .btn { display: block; width: 100%; height: 100%; padding: 0; font-size: 12px; } .bI-form-section .custom-group.edit-disabled .hanger-btn .btn { cursor: default !important; background-color: #f3f3f3 !important; color: #555 !important; } .stepJumpWrap .edit-mode { display: none; } .steps-content-wrap .form-group.firm-owner-input-wrap { position: relative; padding-right: 185px; overflow: hidden; min-height: 30px; } .steps-content-wrap .form-group.firm-owner-input-wrap > label { display: block; margin: 0; text-align: right; } .steps-content-wrap .form-group.firm-owner-input-wrap .input-wrap { position: absolute; right: 0; top: 0; } .steps-content-wrap .form-group.firm-owner-input-wrap .input-wrap > input.form-control { display: inline-block; width: 90px; margin: 0 10px; vertical-align: middle; } .steps-content-wrap .form-group.firm-owner-input-wrap .input-wrap > input.form-control:first-of-type { width: 50px; } .empOwner-wrap { margin: 15px 0 5px 0; } .empOwner-wrap .btn-group .btn.disabled { pointer-events: none; } section.bI-form-section .page-headline.phs { margin: 4px 0 10px 0; border-color: #bbb; } section.bI-form-section .page-headline.phs .heading { font-size: 15px; } section.bI-form-section .page-headline.phs .heading.new-tag:after { content: 'New'; display: inline-block; vertical-align: top; margin: 1px 0 0 3px; font-size: 80%; background-color: #35dc2a; color: #fff; padding: 1px 4px; border-radius: 3px; font-weight: 600; } section.bI-form-section .page-headline.phs .heading small { color: #080808; } .steps-content-wrap .firm-address { position: relative; } .steps-content-wrap .firm-address textarea { margin-top: 8px; } .eq-fields-tree + .eq-fields-tree { border-top: 1px solid #dfdfdf; } .eq-fields-tree .form-group { display: block; margin-bottom: 5px; padding-top: 5px; font-size: 0; overflow: visible; } .eq-fields-tree .form-group * { font-size: 13px; } .eq-fields-tree .form-group small, .eq-fields-tree .form-group small * { font-size: 12px; display: inline-block; font-weight: 500; } .eq-fields-tree .form-group.selection-wrap { clear: both; } .eq-fields-tree .form-group.selection-wrap:before, .eq-fields-tree .form-group.selection-wrap:after { display: table; content: ''; } .eq-fields-tree .form-group.selection-wrap:after { clear: both; } .eq-fields-tree .form-group.selection-wrap .clearfix { clear: both; } .eq-fields-tree .form-group.fld-child-lvl-1 { border-top: 2px solid #ddd; padding: 5px 0 0 20px; display: none; } .eq-fields-tree .form-group.fld-child-lvl-2 { border-top: 2px solid #ddd; padding: 5px 0 0 25px; display: none; } .eq-fields-tree .form-group strong { font-size: 12px; font-weight: 500; margin-bottom: 3px; display: inline-block; } .eq-fields-tree .form-group label { display: inline-block; vertical-align: middle; margin-top: 0; margin-bottom: 0; width: calc(100% - 125px); /*100% - control width + right-margin*/ padding-inline-end: 3px; } #strategyInvStyle.strategyResearchForm .eq-fields-tree .form-group label { width: calc(100% - 60px); } .eq-fields-tree .form-group.multi-inputs label, #strategyInvStyle.strategyResearchForm .eq-fields-tree .form-group.multi-inputs label { float: left; width: auto; margin-top: 6px; } .eq-fields-tree .form-group .custom-check-wrap label { width: auto; margin: 2px 3px; } .eq-fields-tree .form-group.fullLength label { width: 100%; margin-bottom: 3px; } .eq-fields-tree label[for="WhoAuditor"], .eq-fields-tree label[for="PriorFirmName"] { width: calc(100% - 163px); } .eq-fields-tree .form-group label[data-ctrlLabel="dateRange"] { width: calc(100% - 267px); } .eq-fields-tree .form-group .k-dropdownlist, .eq-fields-tree .form-group .k-datepicker { /* display: inline-block;*/ width: 125px; font-size: 12px; } .eq-fields-tree .form-group input.form-control { max-width: 115px; display: inline-flex; vertical-align: middle; } #strategyInvStyle.strategyResearchForm .eq-fields-tree .form-group input.form-control { max-width: 60px; } #strategyInvStyle.strategyResearchForm .eq-fields-tree .form-group input#OtherDesc { max-width: 180px; } #strategyInvStyle.strategyResearchForm .eq-fields-tree .form-group.multi-inputs input.form-control, .eq-fields-tree .form-group.multi-inputs input.form-control { float: right; } #strategyInvStyle.strategyResearchForm .eq-fields-tree .form-group.multi-inputs input.form-control:last-of-type, .eq-fields-tree .form-group.multi-inputs input.form-control:last-of-type { margin-right: 10px; } .eq-fields-tree .form-group input.form-control#WhoAuditor, .eq-fields-tree .form-group input.form-control#PriorFirmName { max-width: 160px; } .eq-fields-tree .form-group textarea.form-control { display: block; resize: vertical; margin-bottom: 15px; } .eq-fields-tree .form-group textarea.form-control + .char-count { margin-top: -19px; } .eq-fields-tree .date-range-wrap { position: relative; display: inline-block; font-size: 0; padding-top: 14px; } .eq-fields-tree .form-group .date-range-wrap > * { font-size: 12px; } .eq-fields-tree .form-group .k-datepicker input { font-size: 12px; } .eq-fields-tree .date-range-wrap:before { content: 'From'; position: absolute; font-size: 9px; z-index: 1; font-weight: 600; right: 141px; top: 0; background-color: #fff; padding: 2px 4px; line-height: 1; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 1px solid #ccc; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } .eq-fields-tree .date-range-wrap:after { content: 'To'; position: absolute; font-size: 9px; font-weight: 600; z-index: 1; right: 0; top: 0; background-color: #fff; padding: 2px 4px; line-height: 1; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 1px solid #ccc; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } .eq-fields-tree .date-range-wrap.disabled:before { border-radius: 0; background-color: transparent; border-color: transparent; border-bottom: 1px solid #ddd; } .eq-fields-tree .date-range-wrap.disabled:after { border-color: transparent; border-bottom: 1px solid #ddd; background-color: transparent; border-radius: 0; } .eq-fields-tree .date-range-wrap strong { margin: 0 5px 0 5px; display: inline-block; vertical-align: middle; } .eq-fields-tree .date-range-wrap + .clearfix .pull-right > span { float: right; .field-validation-error,.k-invalid-msg:not(.k-hidden) { white-space: nowrap; } } .eq-fields-tree .date-range-wrap + .clearfix .pull-right > span:first-of-type { width: 128px; margin-right: 1px; min-height: 1px; } .eq-fields-tree .date-range-wrap + .clearfix .pull-right > span .k-tooltip { float: right; /*margin-right: 1px !important;*/ } .eq-fields-tree .date-range-wrap + .clearfix .pull-right > span:nth-of-type(2) { width: 105px; } .eq-fields-tree .form-group.selection-wrap label { display: block; max-width: none; width: 100%; } .eq-fields-tree .form-group.selection-wrap .k-dropdownlist { display: inline-flex; width: 100%; max-width: none; } @media (width<=1199px) { .eq-fields-tree .form-group.selection-wrap .k-dropdownlist { min-width: 100px; max-width: 100%; &+ .clearfix .pull-right { float: left !important; } } .eq-fields-tree .form-group.selection-wrap .k-dropdownlist { min-width: 100px; max-width: 100%; } } @media only screen and (min-width : 1200px) { .eq-fields-tree .form-group.selection-wrap label { width: auto; float: left; margin-top: 6px; } .eq-fields-tree .form-group.selection-wrap .k-dropdownlist { float: right; width: 245px; } .eq-fields-tree .form-group.selection-wrap label#Benchmark_label, .eq-fields-tree .form-group.selection-wrap label#SecoundaryBenchmark_label { float: none; } .eq-fields-tree .form-group.selection-wrap label#Benchmark_label + .k-dropdownlist { width: 100%; float: none; } .eq-fields-tree .form-group.selection-wrap label#SecoundaryBenchmark_label + .k-dropdownlist { width: 100%; float: none; } .eq-fields-tree .form-group.selection-wrap label#UniverseId_label + .k-dropdownlist { width: 365px; } } @media only screen and (min-width : 1500px) { .eq-fields-tree .form-group.selection-wrap .k-dropdownlist { width: 300px; } .eq-fields-tree .form-group.selection-wrap label#Benchmark_label, .eq-fields-tree .form-group.selection-wrap label#SecoundaryBenchmark_label { float: left; } .eq-fields-tree .form-group.selection-wrap label#Benchmark_label + .k-dropdownlist { width: 500px; float: right; } .eq-fields-tree .form-group.selection-wrap label#SecoundaryBenchmark_label + .k-dropdownlist { width: 500px; float: right; } } .eq-fields-tree .form-group label[for='GlobalOtherDesc'], .eq-fields-tree .form-group label[for='OtherStyleDesc'], .eq-fields-tree .form-group label[for='OtherDesc'], .eq-fields-tree .form-group label[for='PrimaryOtherDesc'] { width: calc(100% - 193px); } .eq-fields-tree .form-group.fullLength label[for='GlobalOtherDesc'], .eq-fields-tree .form-group.fullLength label[for='OtherStyleDesc'], .eq-fields-tree .form-group.fullLength label[for='OtherDesc'], .eq-fields-tree .form-group.fullLength label[for='PrimaryOtherDesc'] { width: 100%; } .eq-fields-tree .form-group input#GlobalOtherDesc, .eq-fields-tree .form-group input#OtherStyleDesc, .eq-fields-tree .form-group input#OtherDesc, .eq-fields-tree .form-group input#PrimaryOtherDesc { width: 190px; max-width: none; } .eq-fields-tree .form-group.fullLength input#GlobalOtherDesc, .eq-fields-tree .form-group.fullLength input#OtherStyleDesc, .eq-fields-tree .form-group.fullLength input#OtherDesc, .eq-fields-tree .form-group.fullLength input#PrimaryOtherDesc { width: 100%; display: block; max-width: none; } .eq-fields-tree .form-group #CompPerfType_label { width: calc(100% - 158px); } .eq-fields-tree .form-group #CompPerfType_label + .k-dropdownlist { width: 155px; } /*#divUpdatePeriodicity .form-group { margin-bottom: 10px; padding-left: 5px; } #divUpdatePeriodicity label { display: block; margin-bottom: 3px; margin-left: -5px; }*/ .as-of-dd-wrap { font-size: 12px; } .as-of-dd-wrap .k-dropdownlist .k-input { height: 23px; line-height: 19px; } .as-of-dd-wrap .k-dropdownlist .k-select { height: 23px; line-height: 23px; } .as-of-dd-wrap .k-input .info-icon-cirle { top: 2px; } .as-of-dd-wrap .k-input .info-icon-cirle:before { left: 50%; -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); transform: translate(-50%, 0); /* overflow: visible; */ } .page-headline.in-page-header { margin: 13px 0 6px 0; font-size: 0; padding-bottom: 3px; &.ph-md { padding-bottom: 7px; } } .page-headline.in-page-header .heading { font-size: 16px; font-weight: 500; top: 9px; padding-bottom: 4px; } .page-headline.in-page-header .as-of-dd-wrap { float: left; margin-left: 15px; margin-top: -4px; margin-bottom: -3px; } .page-headline.in-page-header .as-of-dd-wrap label { vertical-align: bottom; } .page-headline.in-page-header .infoWrapper > .btn, .page-headline.in-page-header .infoWrapper > .dropdown { /*margin-top: -4px;*/ margin-bottom: -4px; } .page-headline.in-page-header .infoWrapper > small { font-size: 12px; display: inline-block; margin: 6px 0 0 6px; vertical-align: middle; line-height: 1; } .page-headline.in-page-header .infoWrapper > small.currency { font-weight: 500; color: #333; letter-spacing: .01em; } .page-headline.in-page-header .infoWrapper > small:first-of-type { border-right: 1px solid #ddd; padding-right: 8px; } .page-headline.in-page-header .infoWrapper > small:first-of-type:nth-last-of-type(1) { border: none; padding: 0; } .page-headline.in-page-header ~ .steps-content-wrap { padding-top: 0; } .popup-text-with-icon { overflow: visible; position: relative; padding-left: 60px; margin: 5px 0; } .popup-text-with-icon .iconWrap { position: absolute; top: 50%; left: 0; -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%); } .popup-text-with-icon .textWrap { position: relative; display: inline-block; line-height: 40px; vertical-align: middle; top: -4px; } .popup-text-with-icon .textWrap > span { /* position: absolute; */ vertical-align: middle; display: inline-block; line-height: 1.4; } #requestStatus { margin-bottom: 0; } .apiKeyWrap { margin-top: 5px; margin-bottom: 5px; } .apiKeyWrap label { margin-bottom: 2px; } .mvStrategy-textarea .k-invalid, .role-date-wrap .input-validation-error, .inputWrap .input-validation-error, #documentUploadSection .k-invalid { border: 1px solid #b94a48 !important; } /** nav ctrl stick on top */ .header-ctrl-sticktop { position: fixed; left: 0; right: 0; top: 53px; min-height: 23px; background: #fff; border-bottom: 1px solid #ddd; z-index: 1001; display: none; } .header-ctrl-sticktop header.stepJumpWrap { border: none !important; } /** * fix for field showing while editing jumping from child to parent. */ #gvDomicileAssets .k-edit-cell .value--wrap { display: none; } .stratAssets-copy-paste-notify { align-self: center; margin: 0 0 0 auto; padding: 2px 16px; font-size: 12px; display: inline-flex; align-items: center; height: 26px; } .stratAssets-copy-paste-notify i.glyphicon { position: static; } @charset "UTF-8"; /* Breadcrumb Styles ---------------------------------------------------------------------*/ .cnf-breadcrumb-wrapper { position: sticky; top: var(--info-header-height); z-index: 1040; } .breadcrumbs-wrapper { height: 25px; } .breadcrumbs-wrapper .breadcrumbs { background-color: #fcfcfc; border-bottom: 1px solid #f0f0f0; right: 0; z-index: 1; position: relative; } .cnf-breadcrumbs-content { padding: 2px 0; display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; flex-direction: row; } .cnf-breadcrumbs-content ul { margin: 0; padding: 0; height: 20px; display: block; list-style: none; } .cnf-breadcrumbs-content ul li { display: block; float: left; position: relative; height: 20px; overflow: hidden; line-height: 20px; margin: 0px 5px 0px 0; padding: 0px 10px 0px 0; font-size: 12px; background: url(/assets/img/Chevron.gif) no-repeat 100% 0px; } .cnf-breadcrumbs-content ul li div.chevronOverlay { position: absolute; right: 0; top: 0; z-index: 2; } .cnf-breadcrumbs-content ul li span { display: block; overflow: hidden; } .cnf-breadcrumbs-content ul li a { display: block; position: relative; height: 20px; line-height: 20px; overflow: hidden; /* float: left; */ } .cnf-breadcrumbs-content ul li.first a { height: 16px !important; text-indent: -1000em; width: 16px; padding: 0; margin-top: 2px; overflow: hidden; background: url(/assets/img/IconHome.gif) no-repeat 0 0; } .cnf-breadcrumbs-content ul li.first a:hover { background-position: 0 -16px; } .cnf-breadcrumbs-content ul li.last { background: none; margin-right: 0; padding-right: 0; } .chevronOverlay { display: none; background: url(/assets/img/ChevronOverlay.png) no-repeat 100% 0; width: 13px; height: 20px; } #divBreadcrumb span { font-size: 13px; line-height: 1; } #divBreadcrumb .user-admin { width: 15px; height: 15px; background-color: var(--admin-indicator-color) } #divBreadcrumb .inactive { background-color: var(--inactive-indicator-color); width: 15px; height: 15px; } #divBreadcrumb .active { background-color: var(--active-indicator-color); width: 15px; height: 15px; } #divBreadcrumb .required { background-color: hsl(60, 85%, 92%); box-shadow: inset 0 0 0 1px #aaa; width: 15px; height: 15px; } #divIconDetails > span:first-of-type { margin-right: 4px; } #divBreadcrumb .textspan + span { margin-left: 12px; margin-right: 4px; } #divBreadcrumb .required, #divBreadcrumb .required + .textspan { display: none; }