/* Minification failed. Returning unminified contents. (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 '-' (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 '-' (16,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 '-' (26,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (27,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (28,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 '-' (30,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (32,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 '-' (35,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (37,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (38,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (39,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (40,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (41,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (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 '-' (44,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (45,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (48,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (49,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (50,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (51,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (52,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (53,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (54,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 '-' (56,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (57,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (58,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (59,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (60,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (61,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (63,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (64,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (65,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (66,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (67,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 '-' (75,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (76,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (77,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 '-' (79,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (80,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (81,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 '-' (83,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (84,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (85,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 '-' (87,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (88,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (89,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 '-' (91,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (92,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (93,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 '-' (95,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (96,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (97,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 '-' (99,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (100,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (101,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 '-' (103,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (104,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (105,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 '-' (107,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (108,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (109,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 '-' (111,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (112,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (113,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (114,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (116,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (117,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (118,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (119,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (120,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (131,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color' (141,17): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (147,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (166,23): run-time error CSS1039: Token not allowed after unary operator: '-body-font' (172,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (173,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color' (386,28): run-time error CSS1039: Token not allowed after unary operator: '-table-header' (477,32): run-time error CSS1039: Token not allowed after unary operator: '-table-border' (496,21): run-time error CSS1039: Token not allowed after unary operator: '-red' (513,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (1593,17): run-time error CSS1039: Token not allowed after unary operator: '-href' (1597,17): run-time error CSS1039: Token not allowed after unary operator: '-href' (1602,21): run-time error CSS1039: Token not allowed after unary operator: '-href' (1607,21): run-time error CSS1039: Token not allowed after unary operator: '-href-hover' (1750,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (1755,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (1760,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (1765,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (1770,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (1775,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (1780,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (1785,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (1885,17): run-time error CSS1039: Token not allowed after unary operator: '-red' (2133,28): run-time error CSS1039: Token not allowed after unary operator: '-textarea-border' (2430,31): run-time error CSS1056: Expected media feature, found ')' (3072,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (3077,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (3095,36): run-time error CSS1039: Token not allowed after unary operator: '-table-border' (3100,39): run-time error CSS1039: Token not allowed after unary operator: '-table-border' (3113,36): run-time error CSS1039: Token not allowed after unary operator: '-table-border' (3126,28): run-time error CSS1039: Token not allowed after unary operator: '-table-border' (3135,32): run-time error CSS1039: Token not allowed after unary operator: '-table-border' (3144,28): run-time error CSS1039: Token not allowed after unary operator: '-table-background-color2' (3148,28): run-time error CSS1039: Token not allowed after unary operator: '-table-background-hover' (3192,28): run-time error CSS1039: Token not allowed after unary operator: '-success-table' (3197,28): run-time error CSS1039: Token not allowed after unary operator: '-success-table-hover' (3228,28): run-time error CSS1039: Token not allowed after unary operator: '-table-background-warning' (3233,28): run-time error CSS1039: Token not allowed after unary operator: '-table-background-warning-hover' (3246,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-table' (3259,36): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (3265,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-table-hover' (3345,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (3402,17): run-time error CSS1039: Token not allowed after unary operator: '-input-text-color' (3403,28): run-time error CSS1039: Token not allowed after unary operator: '-input-background-color' (3405,28): run-time error CSS1039: Token not allowed after unary operator: '-textarea-border' (3406,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius' (3441,32): run-time error CSS1039: Token not allowed after unary operator: '-input-background-color-disabled-color' (3516,41): run-time error CSS1039: Token not allowed after unary operator: '-input-background-color' (3517,35): run-time error CSS1039: Token not allowed after unary operator: '-input-text-color' (4026,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (4027,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-container' (4028,24): run-time error CSS1039: Token not allowed after unary operator: '-border-grey-container' (4032,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (4033,32): run-time error CSS1039: Token not allowed after unary operator: '-grey-container' (4034,28): run-time error CSS1039: Token not allowed after unary operator: '-border-grey-container' (4038,21): run-time error CSS1039: Token not allowed after unary operator: '-btn-default-text-color' (4039,32): run-time error CSS1039: Token not allowed after unary operator: '-brown' (4040,28): run-time error CSS1039: Token not allowed after unary operator: '-border-grey-container' (4054,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (4055,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-container' (4056,24): run-time error CSS1039: Token not allowed after unary operator: '-border-grey-container' (4060,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (4061,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-container' (4062,24): run-time error CSS1039: Token not allowed after unary operator: '-border-grey-container' (4066,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (4067,32): run-time error CSS1039: Token not allowed after unary operator: '-grey-container' (4068,28): run-time error CSS1039: Token not allowed after unary operator: '-border-grey-container' (4263,28): run-time error CSS1039: Token not allowed after unary operator: '-red' (4415,32): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (4427,32): run-time error CSS1039: Token not allowed after unary operator: '-white' (4464,32): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (4490,28): run-time error CSS1039: Token not allowed after unary operator: '-menu-dropdown' (4491,28): run-time error CSS1039: Token not allowed after unary operator: '-border-grey-container' (4492,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius' (4516,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (4522,25): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (4523,36): run-time error CSS1039: Token not allowed after unary operator: '-dropdown-hover' (4616,28): run-time error CSS1039: Token not allowed after unary operator: '-red' (4628,35): run-time error CSS1039: Token not allowed after unary operator: '-border-grey-container' (4634,28): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (4938,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-container' (4939,28): run-time error CSS1039: Token not allowed after unary operator: '-textarea-border' (5039,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (5087,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (5093,25): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (5200,28): run-time error CSS1039: Token not allowed after unary operator: '-portal-datatable-container' (5873,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius' (5887,25): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (5888,36): run-time error CSS1039: Token not allowed after unary operator: '-pagination' (5910,25): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (5911,36): run-time error CSS1039: Token not allowed after unary operator: '-pagination-hover' (5932,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (5933,32): run-time error CSS1039: Token not allowed after unary operator: '-pagination-disabled' (6118,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius' (6137,28): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (6373,28): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (6508,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color' (6509,28): run-time error CSS1039: Token not allowed after unary operator: '-border-grey-container' (6563,28): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (6564,24): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (6639,32): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (6640,28): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (6693,32): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (6717,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-container' (7198,17): run-time error CSS1039: Token not allowed after unary operator: '-modal-close-btn' (7219,17): run-time error CSS1039: Token not allowed after unary operator: '-modal-close-btn' (7226,21): run-time error CSS1039: Token not allowed after unary operator: '-modal-close-btn' (7288,28): run-time error CSS1039: Token not allowed after unary operator: '-portal-datatable-container' (7413,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (7416,32): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (7431,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (7434,32): run-time error CSS1039: Token not allowed after unary operator: '-table-background-hover' (7438,33): run-time error CSS1039: Token not allowed after unary operator: '-table-border' (7451,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (7503,28): run-time error CSS1039: Token not allowed after unary operator: '-textarea-border' (7821,29): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius' (8202,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-container' (8205,28): run-time error CSS1039: Token not allowed after unary operator: '-border-grey-container' (8206,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius' (8225,28): run-time error CSS1039: Token not allowed after unary operator: '-border-grey-container' (8226,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius' (8227,28): run-time error CSS1039: Token not allowed after unary operator: '-input-background-color' (8246,28): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (8247,24): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (8252,28): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (8382,28): run-time error CSS1039: Token not allowed after unary operator: '-border-grey-container' (8383,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-container' (8384,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius' (8403,17): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (8453,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (8506,17): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (8522,17): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (8556,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius' (8558,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-container' (8559,28): run-time error CSS1039: Token not allowed after unary operator: '-border-grey-container' (8635,21): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (8689,28): run-time error CSS1039: Token not allowed after unary operator: '-table-background-hover' (8696,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-container' (8717,28): run-time error CSS1039: Token not allowed after unary operator: '-border-grey-container' (8723,28): run-time error CSS1039: Token not allowed after unary operator: '-border-grey-container' (8734,28): run-time error CSS1039: Token not allowed after unary operator: '-border-grey-container' (8737,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (8741,24): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (8745,24): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (8755,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-container-dummy-photo' (8756,28): run-time error CSS1039: Token not allowed after unary operator: '-border-grey-container' (8757,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius' (8778,24): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (8781,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius' (8805,32): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (8809,21): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (8822,17): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (8864,29): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius' (8921,29): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius' (8988,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-container' (8990,28): run-time error CSS1039: Token not allowed after unary operator: '-border-grey-container' (8991,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius' (9007,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius' (9033,28): run-time error CSS1039: Token not allowed after unary operator: '-portal-datatable-container' (9078,28): run-time error CSS1039: Token not allowed after unary operator: '-table-background-color1' (9310,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-container' (9311,28): run-time error CSS1039: Token not allowed after unary operator: '-border-grey-container' (9312,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius' (9413,22): run-time error CSS1039: Token not allowed after unary operator: '-background-color' (9441,22): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (9515,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color' (9517,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius' (9532,28): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (9556,17): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (9561,28): run-time error CSS1039: Token not allowed after unary operator: '-border-grey-container' (9562,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-container' (9563,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius' (9580,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius' (9582,28): run-time error CSS1039: Token not allowed after unary operator: '-note-container' (9584,28): run-time error CSS1039: Token not allowed after unary operator: '-border-grey-container' (9589,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius' (9591,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-container' (9593,28): run-time error CSS1039: Token not allowed after unary operator: '-border-grey-container' (9597,32): run-time error CSS1039: Token not allowed after unary operator: '-red-container' (9610,17): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (9625,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-container' (9627,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius' (9633,28): run-time error CSS1039: Token not allowed after unary operator: '-border-grey-container' (9668,24): run-time error CSS1039: Token not allowed after unary operator: '-red' (9679,28): run-time error CSS1039: Token not allowed after unary operator: '-border-grey-container' (9680,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-container' (9681,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius' (9686,17): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (9688,24): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (9693,21): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (9699,21): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (9705,21): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (9711,25): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (9722,28): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (9727,32): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (9731,32): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (9738,17): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (9754,17): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (9814,28): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (9815,24): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (9853,32): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (9854,28): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (9858,21): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (9945,29): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius' (9966,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius' (10046,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius' (10076,28): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (10121,24): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (10193,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius' (10211,29): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius' (10234,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius' (10235,28): run-time error CSS1039: Token not allowed after unary operator: '-input-background-color' (10241,32): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (10341,17): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (10383,17): run-time error CSS1039: Token not allowed after unary operator: '-label' (10395,28): run-time error CSS1039: Token not allowed after unary operator: '-navbar' (10454,22): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (10458,26): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (10481,28): run-time error CSS1039: Token not allowed after unary operator: '-inner-nav-color' (10492,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (10511,28): run-time error CSS1039: Token not allowed after unary operator: '-navtabs-hover' (10515,17): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (10540,28): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (10541,24): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (10576,32): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (10577,28): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (10581,21): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (10587,28): run-time error CSS1039: Token not allowed after unary operator: '-grey' (10645,17): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (10649,21): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (10657,21): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (10661,17): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (10665,28): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (10676,28): run-time error CSS1039: Token not allowed after unary operator: '-portal-datatable-container' (10703,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-container' (10710,28): run-time error CSS1039: Token not allowed after unary operator: '-border-grey-container' (10711,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius' (10713,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (10736,32): run-time error CSS1039: Token not allowed after unary operator: '-border-grey-container' (10737,29): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius' (10764,28): run-time error CSS1039: Token not allowed after unary operator: '-textarea-border' (10768,17): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (10773,17): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (10812,17): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (10817,24): run-time error CSS1039: Token not allowed after unary operator: '-red' (10825,28): run-time error CSS1039: Token not allowed after unary operator: '-textarea-border' (10826,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius' (10834,32): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (10841,17): run-time error CSS1039: Token not allowed after unary operator: '-red' (10895,21): run-time error CSS1039: Token not allowed after unary operator: '-red' (10903,21): run-time error CSS1039: Token not allowed after unary operator: '-red' (10911,21): run-time error CSS1039: Token not allowed after unary operator: '-red' (10919,21): run-time error CSS1039: Token not allowed after unary operator: '-red' (10941,17): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (10953,28): run-time error CSS1039: Token not allowed after unary operator: '-context-menu' (10956,28): run-time error CSS1039: Token not allowed after unary operator: '-textarea-border' (10978,32): run-time error CSS1039: Token not allowed after unary operator: '-context-menu' (10986,36): run-time error CSS1039: Token not allowed after unary operator: '-navtabs-hover' (11001,28): run-time error CSS1039: Token not allowed after unary operator: '-mini-dropdown' (11005,28): run-time error CSS1039: Token not allowed after unary operator: '-border-grey-container' (11006,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius' (11011,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (11039,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color' (11054,17): run-time error CSS1039: Token not allowed after unary operator: '-red' (11064,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-container' (11082,21): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (11093,17): run-time error CSS1039: Token not allowed after unary operator: '-grey' (11097,17): run-time error CSS1039: Token not allowed after unary operator: '-red' (11101,17): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (11105,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (11109,17): run-time error CSS1039: Token not allowed after unary operator: '-green' (11113,17): run-time error CSS1039: Token not allowed after unary operator: '-orange' (11117,17): run-time error CSS1039: Token not allowed after unary operator: '-green' (11125,17): run-time error CSS1039: Token not allowed after unary operator: '-orange' (11133,17): run-time error CSS1039: Token not allowed after unary operator: '-red' (11158,28): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (11159,24): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (11181,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-container' (11182,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (11186,24): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (11187,28): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (11188,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (11192,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color' (11193,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (11197,24): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (11198,28): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (11199,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (11217,17): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (11221,17): run-time error CSS1039: Token not allowed after unary operator: '-red' (11598,17): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (11602,17): run-time error CSS1039: Token not allowed after unary operator: '-disabled-table-row-color' (11637,28): run-time error CSS1039: Token not allowed after unary operator: '-border-grey-container' (11638,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-container' (11650,32): run-time error CSS1039: Token not allowed after unary operator: '-grey-container' (11656,28): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (11664,30): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (11707,26): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (11709,29): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius' (11723,26): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (11767,28): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (11768,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius' (11832,26): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (11859,26): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (11894,26): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (11916,28): run-time error CSS1039: Token not allowed after unary operator: '-border-grey-container' (11917,22): run-time error CSS1039: Token not allowed after unary operator: '-mini-dropdown' (11920,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (11971,26): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (11984,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-container' (11985,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius' (11986,28): run-time error CSS1039: Token not allowed after unary operator: '-border-grey-container' (11993,28): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (12003,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (12009,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (12015,29): run-time error CSS1039: Token not allowed after unary operator: '-table-border' (12039,17): run-time error CSS1039: Token not allowed after unary operator: '-red' (12043,17): run-time error CSS1039: Token not allowed after unary operator: '-green' (12047,17): run-time error CSS1039: Token not allowed after unary operator: '-brown' (12051,17): run-time error CSS1039: Token not allowed after unary operator: '-yellow' (12062,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-container' (12063,28): run-time error CSS1039: Token not allowed after unary operator: '-border-grey-container' (12089,28): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (12105,17): run-time error CSS1039: Token not allowed after unary operator: '-red' (12109,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (12113,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (12117,22): run-time error CSS1039: Token not allowed after unary operator: '-background-color' (12121,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (12125,32): run-time error CSS1039: Token not allowed after unary operator: '-dropdown-hover' (12126,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (12136,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-container' (12137,24): run-time error CSS1039: Token not allowed after unary operator: '-border-grey-container' (12144,32): run-time error CSS1039: Token not allowed after unary operator: '-brown' (12145,28): run-time error CSS1039: Token not allowed after unary operator: '-border-grey-container' (12149,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (12156,22): run-time error CSS1039: Token not allowed after unary operator: '-background-transparent-color' (12185,28): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (12198,37): run-time error CSS1039: Token not allowed after unary operator: '-trichoblue' (12207,23): run-time error CSS1039: Token not allowed after unary operator: '-body-font' (12226,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-container' (12227,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (12234,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-container' (12235,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (12242,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-container' (12243,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (12248,22): run-time error CSS1039: Token not allowed after unary operator: '-grey-container' (12253,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (12257,32): run-time error CSS1039: Token not allowed after unary operator: '-grey-container' (12258,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (12265,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-container' (12266,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color' (12271,28): run-time error CSS1039: Token not allowed after unary operator: '-grey-container' (12279,28): run-time error CSS1039: Token not allowed after unary operator: '-trichostat-improvement-plus-2-color' (12283,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-text-color' (12287,28): run-time error CSS1039: Token not allowed after unary operator: '-trichostat-improvement-plus-1-color' (12291,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-text-color' (12295,28): run-time error CSS1039: Token not allowed after unary operator: '-trichostat-improvement-0-color' (12299,28): run-time error CSS1039: Token not allowed after unary operator: '-trichostat-improvement-minus-1-color' (12303,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-text-color' (12307,28): run-time error CSS1039: Token not allowed after unary operator: '-trichostat-improvement-minus-2-color' (12311,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-text-color' */ @charset "UTF-8"; :root { --trichoblue: #4dc1f2; --white: #f6f6f6; --brown: #917b7d; --green: #6dcb6d; --orange: #fd8a00; --yellow: #ffe744; --red: #ff1d25; --grey: #b9b9b9; /* */ --space: #212831; --space2: #373e46; /* */ --body-font: "Source Sans 3"; /* */ --href: #3399cc; --href-hover: #247fa5; --label: #827a7a; --note-container: #feedaf; --grey-container: #f6f6f6; --grey-container-dummy-photo: #dbdbdb; --border-grey-container: #e7e7e7; --background-color: #ffffff; --background-transparent-color: rgba(255, 255, 255, 0.85); --disabled-table-row-color: rgba(0, 0, 0, 0.5); --text-color: #333333; --dark-text-color: #333333; --btn-default-text-color: #f7efe7; --portal-datatable-container: #fff; --photo-yellow: var(--yellow); --inner-nav-color: #f5f5f5; --table-border: #ddd; --table-background-color1: #ffffff; --table-background-color2: #f5f5f5; --table-background-hover: #f1f1f1; --table-background-warning: #fcf8e3; --table-background-warning-hover: #faf2cc; --table-header: #eee; --navbar: var(--space); --navtabs-hover: #eeeeee; --input-background-color: #fff; --input-text-color: #555555; --input-background-color-disabled-color: #eeeeee; --context-menu: #f9f9f9; --global-border-radius: 5px; --danger-table: #f2dede; --danger-table-hover: #ebcccc; --success-table: #dff0d8; --success-table-hover: #d0e9c6; --modal-close-btn: #000; --mini-dropdown: #f9f9f9; --menu-dropdown: #fff; --dropdown-hover: #f5f5f5; --pagination: #fff; --pagination-disabled: #f6f6f6; --pagination-hover: #eeeeee; --textarea-border: #ccc; --red-container: color-mix(in srgb, var(--grey-container) 85%, var(--red)); --margin-trichoblue-dark: #02151d; /* trichoblue 90% darker */ /* trichostats */ --trichostat-improvement-minus-2-color: #ff6363; --trichostat-improvement-minus-1-color: #ffc1c1; --trichostat-improvement-0-color: #ffffff; --trichostat-improvement-plus-1-color: #bcffc5; --trichostat-improvement-plus-2-color: #49e55e; } html[data-theme='light'] { } html[data-theme='dark'] { --grey: #313c42; --href: #3399cc; --href-hover: #247fa5; --label: #bab4ae; --background-color: var(--space); --background-transparent-color: rgba(33, 40, 49, 0.75); --disabled-table-row-color: rgba(255, 255, 255, 0.5); --note-container: #5b490b; --text-color: #f7efe7; --btn-default-text-color: #f7efe7; --portal-datatable-container: var(--space); --inner-nav-color: var(--space2); --grey-container: var(--space2); --grey-container-dummy-photo: var(--space2); --border-grey-container: #556271; --table-border: #556271; --table-background-color1: var(--space); --table-background-color2: var(--space2); --table-background-hover: #181d24; --table-background-warning: var(--brown); --table-background-warning-hover: #5d4f51; --table-header: var(--space); --navbar: #181d24; --navtabs-hover: var(--space2); --input-background-color: #313c42; --input-text-color: #f7efe7; --input-background-color-disabled-color: #7b797b; --context-menu: var(--space); --danger-table: rgba(255, 29, 37, 0.75); --danger-table-hover: var(--red); --success-table: rgb(103, 117, 99, 0.8); --success-table-hover: #535e4f; --modal-close-btn: #fff; --mini-dropdown: var(--space); --menu-dropdown: var(--space); --dropdown-hover: var(--space2); --pagination: var(--space); --pagination-disabled: var(--space2); --pagination-hover: var(--space2); --textarea-border: #a4a4a4; --margin-trichoblue-dark: #a6e0f8; /* trichoblue 50% lightened */ /* trichostats */ --trichostat-improvement-minus-2-color: #ff6363; --trichostat-improvement-minus-1-color: #ffc1c1; --trichostat-improvement-0-color: var(--space); --trichostat-improvement-plus-1-color: #bcffc5; --trichostat-improvement-plus-2-color: #49e55e; } /* ----- VIEW OVERLAY ----- */ #tl-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--background-color); display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 10000; } .tl-overlay-spinner { font-size: 40px; color: var(--trichoblue); } .tl-overlay-text { margin-top: 10px; font-size: 20px; color: var(--text-color); } /* ----- END OF VIEW OVERLAY ------ */ /* override bootstrap values */ /*! * Bootstrap v3.3.6 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { font-family: var(--body-font), "Source Sans Pro", sans-serif; width: auto !important; margin: 0; padding-right: 0 !important; font-size: 14px; line-height: 1.42857; color: var(--text-color); background-color: var(--background-color); } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } input[type="checkbox"] { width: 20px; /*Desired width*/ height: 20px; /*Desired height*/ } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; margin-top: 10px !important; padding: 10px !important; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } .table-header { background-color: var(--table-header); } td, th { padding: 0; } /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ @media print { *, *:before, *:after { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: none; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .navbar { display: none; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid var(--table-border) !important; } } @font-face { font-family: 'Glyphicons Halflings'; src: url("/Content/fonts/bootstrap/glyphicons-halflings-regular.eot"); src: url("/Content/fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("/Content/fonts/bootstrap/glyphicons-halflings-regular.woff2") format("woff2"), url("/Content/fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("/Content/fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("/Content/fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); } .input-error { animation-name: inputError; animation-duration: 1s; animation-iteration-count: 1; } @keyframes inputError { 0%, 50% { border: 2px solid red; color: var(--red); } } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-calendar { color: var(--text-color); } .glyphicon-asterisk:before { content: "\002a"; } .glyphicon-plus:before { content: "\002b"; } .glyphicon-euro:before, .glyphicon-eur:before { content: "\20ac"; } .glyphicon-minus:before { content: "\2212"; } .glyphicon-cloud:before { content: "\2601"; } .glyphicon-envelope:before { content: "\2709"; } .glyphicon-pencil:before { content: "\270f"; } .glyphicon-glass:before { content: "\e001"; } .glyphicon-music:before { content: "\e002"; } .glyphicon-search:before { content: "\e003"; } .glyphicon-heart:before { content: "\e005"; } .glyphicon-star:before { content: "\e006"; } .glyphicon-star-empty:before { content: "\e007"; } .glyphicon-user:before { content: "\e008"; } .glyphicon-film:before { content: "\e009"; } .glyphicon-th-large:before { content: "\e010"; } .glyphicon-th:before { content: "\e011"; } .glyphicon-th-list:before { content: "\e012"; } .glyphicon-ok:before { content: "\e013"; } .glyphicon-remove:before { content: "\e014"; } .glyphicon-zoom-in:before { content: "\e015"; } .glyphicon-zoom-out:before { content: "\e016"; } .glyphicon-off:before { content: "\e017"; } .glyphicon-signal:before { content: "\e018"; } .glyphicon-cog:before { content: "\e019"; } .glyphicon-trash:before { content: "\e020"; } .glyphicon-home:before { content: "\e021"; } .glyphicon-file:before { content: "\e022"; } .glyphicon-time:before { content: "\e023"; } .glyphicon-road:before { content: "\e024"; } .glyphicon-download-alt:before { content: "\e025"; } .glyphicon-download:before { content: "\e026"; } .glyphicon-upload:before { content: "\e027"; } .glyphicon-inbox:before { content: "\e028"; } .glyphicon-play-circle:before { content: "\e029"; } .glyphicon-repeat:before { content: "\e030"; } .glyphicon-refresh:before { content: "\e031"; } .glyphicon-list-alt:before { content: "\e032"; } .glyphicon-lock:before { content: "\e033"; } .glyphicon-flag:before { content: "\e034"; } .glyphicon-headphones:before { content: "\e035"; } .glyphicon-volume-off:before { content: "\e036"; } .glyphicon-volume-down:before { content: "\e037"; } .glyphicon-volume-up:before { content: "\e038"; } .glyphicon-qrcode:before { content: "\e039"; } .glyphicon-barcode:before { content: "\e040"; } .glyphicon-tag:before { content: "\e041"; } .glyphicon-tags:before { content: "\e042"; } .glyphicon-book:before { content: "\e043"; } .glyphicon-bookmark:before { content: "\e044"; } .glyphicon-print:before { content: "\e045"; } .glyphicon-camera:before { content: "\e046"; } .glyphicon-font:before { content: "\e047"; } .glyphicon-bold:before { content: "\e048"; } .glyphicon-italic:before { content: "\e049"; } .glyphicon-text-height:before { content: "\e050"; } .glyphicon-text-width:before { content: "\e051"; } .glyphicon-align-left:before { content: "\e052"; } .glyphicon-align-center:before { content: "\e053"; } .glyphicon-align-right:before { content: "\e054"; } .glyphicon-align-justify:before { content: "\e055"; } .glyphicon-list:before { content: "\e056"; } .glyphicon-indent-left:before { content: "\e057"; } .glyphicon-indent-right:before { content: "\e058"; } .glyphicon-facetime-video:before { content: "\e059"; } .glyphicon-picture:before { content: "\e060"; } .glyphicon-map-marker:before { content: "\e062"; } .glyphicon-adjust:before { content: "\e063"; } .glyphicon-tint:before { content: "\e064"; } .glyphicon-edit:before { content: "\e065"; } .glyphicon-share:before { content: "\e066"; } .glyphicon-check:before { content: "\e067"; } .glyphicon-move:before { content: "\e068"; } .glyphicon-step-backward:before { content: "\e069"; } .glyphicon-fast-backward:before { content: "\e070"; } .glyphicon-backward:before { content: "\e071"; } .glyphicon-play:before { content: "\e072"; } .glyphicon-pause:before { content: "\e073"; } .glyphicon-stop:before { content: "\e074"; } .glyphicon-forward:before { content: "\e075"; } .glyphicon-fast-forward:before { content: "\e076"; } .glyphicon-step-forward:before { content: "\e077"; } .glyphicon-eject:before { content: "\e078"; } .glyphicon-chevron-left:before { content: "\e079"; } .glyphicon-chevron-right:before { content: "\e080"; } .glyphicon-plus-sign:before { content: "\e081"; } .glyphicon-minus-sign:before { content: "\e082"; } .glyphicon-remove-sign:before { content: "\e083"; } .glyphicon-ok-sign:before { content: "\e084"; } .glyphicon-question-sign:before { content: "\e085"; } .glyphicon-info-sign:before { content: "\e086"; } .glyphicon-screenshot:before { content: "\e087"; } .glyphicon-remove-circle:before { content: "\e088"; } .glyphicon-ok-circle:before { content: "\e089"; } .glyphicon-ban-circle:before { content: "\e090"; } .glyphicon-arrow-left:before { content: "\e091"; } .glyphicon-arrow-right:before { content: "\e092"; } .glyphicon-arrow-up:before { content: "\e093"; } .glyphicon-arrow-down:before { content: "\e094"; } .glyphicon-share-alt:before { content: "\e095"; } .glyphicon-resize-full:before { content: "\e096"; } .glyphicon-resize-small:before { content: "\e097"; } .glyphicon-exclamation-sign:before { content: "\e101"; } .glyphicon-gift:before { content: "\e102"; } .glyphicon-leaf:before { content: "\e103"; } .glyphicon-fire:before { content: "\e104"; } .glyphicon-eye-open:before { content: "\e105"; } .glyphicon-eye-close:before { content: "\e106"; } .glyphicon-warning-sign:before { content: "\e107"; } .glyphicon-plane:before { content: "\e108"; } .glyphicon-calendar:before { content: "\e109"; } .glyphicon-random:before { content: "\e110"; } .glyphicon-comment:before { content: "\e111"; } .glyphicon-magnet:before { content: "\e112"; } .glyphicon-chevron-up:before { content: "\e113"; } .glyphicon-chevron-down:before { content: "\e114"; } .glyphicon-retweet:before { content: "\e115"; } .glyphicon-shopping-cart:before { content: "\e116"; } .glyphicon-folder-close:before { content: "\e117"; } .glyphicon-folder-open:before { content: "\e118"; } .glyphicon-resize-vertical:before { content: "\e119"; } .glyphicon-resize-horizontal:before { content: "\e120"; } .glyphicon-hdd:before { content: "\e121"; } .glyphicon-bullhorn:before { content: "\e122"; } .glyphicon-bell:before { content: "\e123"; } .glyphicon-certificate:before { content: "\e124"; } .glyphicon-thumbs-up:before { content: "\e125"; } .glyphicon-thumbs-down:before { content: "\e126"; } .glyphicon-hand-right:before { content: "\e127"; } .glyphicon-hand-left:before { content: "\e128"; } .glyphicon-hand-up:before { content: "\e129"; } .glyphicon-hand-down:before { content: "\e130"; } .glyphicon-circle-arrow-right:before { content: "\e131"; } .glyphicon-circle-arrow-left:before { content: "\e132"; } .glyphicon-circle-arrow-up:before { content: "\e133"; } .glyphicon-circle-arrow-down:before { content: "\e134"; } .glyphicon-globe:before { content: "\e135"; } .glyphicon-wrench:before { content: "\e136"; } .glyphicon-tasks:before { content: "\e137"; } .glyphicon-filter:before { content: "\e138"; } .glyphicon-briefcase:before { content: "\e139"; } .glyphicon-fullscreen:before { content: "\e140"; } .glyphicon-dashboard:before { content: "\e141"; } .glyphicon-paperclip:before { content: "\e142"; } .glyphicon-heart-empty:before { content: "\e143"; } .glyphicon-link:before { content: "\e144"; } .glyphicon-phone:before { content: "\e145"; } .glyphicon-pushpin:before { content: "\e146"; } .glyphicon-usd:before { content: "\e148"; } .glyphicon-gbp:before { content: "\e149"; } .glyphicon-sort:before { content: "\e150"; } .glyphicon-sort-by-alphabet:before { content: "\e151"; } .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } .glyphicon-sort-by-order:before { content: "\e153"; } .glyphicon-sort-by-order-alt:before { content: "\e154"; } .glyphicon-sort-by-attributes:before { content: "\e155"; } .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } .glyphicon-unchecked:before { content: "\e157"; } .glyphicon-expand:before { content: "\e158"; } .glyphicon-collapse-down:before { content: "\e159"; } .glyphicon-collapse-up:before { content: "\e160"; } .glyphicon-log-in:before { content: "\e161"; } .glyphicon-flash:before { content: "\e162"; } .glyphicon-log-out:before { content: "\e163"; } .glyphicon-new-window:before { content: "\e164"; } .glyphicon-record:before { content: "\e165"; } .glyphicon-save:before { content: "\e166"; } .glyphicon-open:before { content: "\e167"; } .glyphicon-saved:before { content: "\e168"; } .glyphicon-import:before { content: "\e169"; } .glyphicon-export:before { content: "\e170"; } .glyphicon-send:before { content: "\e171"; } .glyphicon-floppy-disk:before { content: "\e172"; } .glyphicon-floppy-saved:before { content: "\e173"; } .glyphicon-floppy-remove:before { content: "\e174"; } .glyphicon-floppy-save:before { content: "\e175"; } .glyphicon-floppy-open:before { content: "\e176"; } .glyphicon-credit-card:before { content: "\e177"; } .glyphicon-transfer:before { content: "\e178"; } .glyphicon-cutlery:before { content: "\e179"; } .glyphicon-header:before { content: "\e180"; } .glyphicon-compressed:before { content: "\e181"; } .glyphicon-earphone:before { content: "\e182"; } .glyphicon-phone-alt:before { content: "\e183"; } .glyphicon-tower:before { content: "\e184"; } .glyphicon-stats:before { content: "\e185"; } .glyphicon-sd-video:before { content: "\e186"; } .glyphicon-hd-video:before { content: "\e187"; } .glyphicon-subtitles:before { content: "\e188"; } .glyphicon-sound-stereo:before { content: "\e189"; } .glyphicon-sound-dolby:before { content: "\e190"; } .glyphicon-sound-5-1:before { content: "\e191"; } .glyphicon-sound-6-1:before { content: "\e192"; } .glyphicon-sound-7-1:before { content: "\e193"; } .glyphicon-copyright-mark:before { content: "\e194"; } .glyphicon-registration-mark:before { content: "\e195"; } .glyphicon-cloud-download:before { content: "\e197"; } .glyphicon-cloud-upload:before { content: "\e198"; } .glyphicon-tree-conifer:before { content: "\e199"; } .glyphicon-tree-deciduous:before { content: "\e200"; } .glyphicon-cd:before { content: "\e201"; } .glyphicon-save-file:before { content: "\e202"; } .glyphicon-open-file:before { content: "\e203"; } .glyphicon-level-up:before { content: "\e204"; } .glyphicon-copy:before { content: "\e205"; } .glyphicon-paste:before { content: "\e206"; } .glyphicon-alert:before { content: "\e209"; } .glyphicon-equalizer:before { content: "\e210"; } .glyphicon-king:before { content: "\e211"; } .glyphicon-queen:before { content: "\e212"; } .glyphicon-pawn:before { content: "\e213"; } .glyphicon-bishop:before { content: "\e214"; } .glyphicon-knight:before { content: "\e215"; } .glyphicon-baby-formula:before { content: "\e216"; } .glyphicon-tent:before { content: "\26fa"; } .glyphicon-blackboard:before { content: "\e218"; } .glyphicon-bed:before { content: "\e219"; } .glyphicon-apple:before { content: "\f8ff"; } .glyphicon-erase:before { content: "\e221"; } .glyphicon-hourglass:before { content: "\231b"; } .glyphicon-lamp:before { content: "\e223"; } .glyphicon-duplicate:before { content: "\e224"; } .glyphicon-piggy-bank:before { content: "\e225"; } .glyphicon-scissors:before { content: "\e226"; } .glyphicon-bitcoin:before { content: "\e227"; } .glyphicon-btc:before { content: "\e227"; } .glyphicon-xbt:before { content: "\e227"; } .glyphicon-yen:before { content: "\00a5"; } .glyphicon-jpy:before { content: "\00a5"; } .glyphicon-ruble:before { content: "\20bd"; } .glyphicon-rub:before { content: "\20bd"; } .glyphicon-scale:before { content: "\e230"; } .glyphicon-ice-lolly:before { content: "\e231"; } .glyphicon-ice-lolly-tasted:before { content: "\e232"; } .glyphicon-education:before { content: "\e233"; } .glyphicon-option-horizontal:before { content: "\e234"; } .glyphicon-option-vertical:before { content: "\e235"; } .glyphicon-menu-hamburger:before { content: "\e236"; } .glyphicon-modal-window:before { content: "\e237"; } .glyphicon-oil:before { content: "\e238"; } .glyphicon-grain:before { content: "\e239"; } .glyphicon-sunglasses:before { content: "\e240"; } .glyphicon-text-size:before { content: "\e241"; } .glyphicon-text-color:before { content: "\e242"; } .glyphicon-text-background:before { content: "\e243"; } .glyphicon-object-align-top:before { content: "\e244"; } .glyphicon-object-align-bottom:before { content: "\e245"; } .glyphicon-object-align-horizontal:before { content: "\e246"; } .glyphicon-object-align-left:before { content: "\e247"; } .glyphicon-object-align-vertical:before { content: "\e248"; } .glyphicon-object-align-right:before { content: "\e249"; } .glyphicon-triangle-right:before { content: "\e250"; } .glyphicon-triangle-left:before { content: "\e251"; } .glyphicon-triangle-bottom:before { content: "\e252"; } .glyphicon-triangle-top:before { content: "\e253"; } .glyphicon-console:before { content: "\e254"; } .glyphicon-superscript:before { content: "\e255"; } .glyphicon-subscript:before { content: "\e256"; } .glyphicon-menu-left:before { content: "\e257"; } .glyphicon-menu-right:before { content: "\e258"; } .glyphicon-menu-down:before { content: "\e259"; } .glyphicon-menu-up:before { content: "\e260"; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: transparent; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } .href-color { color: var(--href) !important; } a { color: var(--href); text-decoration: none; } a > span { color: var(--href); text-decoration: none; } a:hover, a:focus { color: var(--href-hover) !important; text-decoration: none; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { padding: 4px; line-height: 1.42857; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [role="button"] { cursor: pointer; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small, .h1 small, .h1 .small, .h2 small, .h2 .small, .h3 small, .h3 .small, .h4 small, .h4 .small, .h5 small, .h5 .small, .h6 small, .h6 .small { font-weight: normal; line-height: 1; color: #777777; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 10px; } h1 small, h1 .small, .h1 small, .h1 .small, h2 small, h2 .small, .h2 small, .h2 .small, h3 small, h3 .small, .h3 small, .h3 .small { font-size: 65%; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; margin-bottom: 10px; } h4 small, h4 .small, .h4 small, .h4 .small, h5 small, h5 .small, .h5 small, .h5 .small, h6 small, h6 .small, .h6 small, .h6 .small { font-size: 75%; } h1, .h1 { color: var(--text-color); font-size: 36px; } h2, .h2 { color: var(--text-color); font-size: 30px; } h3, .h3 { color: var(--text-color); font-size: 24px; } h4, .h4 { color: var(--text-color); font-size: 18px; } h5, .h5 { color: var(--text-color); font-size: 14px; } h6, .h6 { color: var(--text-color); font-size: 12px; } p { color: var(--text-color); margin: 0 0 10px; } .btn-accent > span { color: var(--white); } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; } @media (min-width: 768px) { .lead { font-size: 21px; } } small, .small { font-size: 85%; } mark, .mark { background-color: #fcf8e3; padding: .2em; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase, .initialism { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #777777; } .text-primary { color: #337ab7; } a.text-primary:hover, a.text-primary:focus { color: #286090; } .text-success { color: #3c763d; } a.text-success:hover, a.text-success:focus { color: #2b542c; } .text-info { color: #31708f; } a.text-info:hover, a.text-info:focus { color: #245269; } .text-warning { color: #8a6d3b; } a.text-warning:hover, a.text-warning:focus { color: #66512c; } .text-danger { color: var(--red) !important; } a.text-danger:hover, a.text-danger:focus { color: #843534; } .bg-primary { color: #fff; } .bg-primary { background-color: #337ab7; } a.bg-primary:hover, a.bg-primary:focus { background-color: #286090; } .bg-success { background-color: #dff0d8; } a.bg-success:hover, a.bg-success:focus { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:hover, a.bg-info:focus { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:hover, a.bg-warning:focus { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:hover, a.bg-danger:focus { background-color: #e4b9b9; } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eeeeee; } ul, ol { margin-top: 0; margin-bottom: 10px; } ul ul, ul ol, ol ul, ol ol { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; margin-left: -5px; } .list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; } dl { margin-top: 0; margin-bottom: 20px; } dt, dd { line-height: 1.42857; } dt { font-weight: bold; } dd { margin-left: 0; } .dl-horizontal dd:before, .dl-horizontal dd:after { content: " "; display: table; } .dl-horizontal dd:after { clear: both; } @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #777777; } .initialism { font-size: 90%; } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eeeeee; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.42857; color: #777777; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0'; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; text-align: right; } .blockquote-reverse footer:before, .blockquote-reverse small:before, .blockquote-reverse .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before, blockquote.pull-right .small:before { content: ''; } .blockquote-reverse footer:after, .blockquote-reverse small:after, .blockquote-reverse .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after, blockquote.pull-right .small:after { content: '\00A0 \2014'; } address { margin-bottom: 20px; font-style: normal; line-height: 1.42857; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; } kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 3px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); } kbd kbd { padding: 0; font-size: 100%; font-weight: bold; box-shadow: none; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857; word-break: break-all; word-wrap: break-word; color: #333333; background-color: #f5f5f5; border: 1px solid var(--textarea-border); border-radius: 4px; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container:before, .container:after { content: " "; display: table; } .container:after { clear: both; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container-fluid:before, .container-fluid:after { content: " "; display: table; } .container-fluid:after { clear: both; } .row { margin-left: -15px; margin-right: -15px; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-1 { width: 8.33333%; } .col-xs-2 { width: 16.66667%; } .col-xs-3 { width: 25%; } .col-xs-4 { width: 33.33333%; } .col-xs-5 { width: 41.66667%; } .col-xs-6 { width: 50%; } .col-xs-7 { width: 58.33333%; } .col-xs-8 { width: 66.66667%; } .col-xs-9 { width: 75%; } .col-xs-10 { width: 83.33333%; } .col-xs-11 { width: 91.66667%; } .col-xs-12 { width: 100%; } .col-xs-pull-0 { right: auto; } .col-xs-pull-1 { right: 8.33333%; } .col-xs-pull-2 { right: 16.66667%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-4 { right: 33.33333%; } .col-xs-pull-5 { right: 41.66667%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-7 { right: 58.33333%; } .col-xs-pull-8 { right: 66.66667%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-10 { right: 83.33333%; } .col-xs-pull-11 { right: 91.66667%; } .col-xs-pull-12 { right: 100%; } .col-xs-push-0 { left: auto; } .col-xs-push-1 { left: 8.33333%; } .col-xs-push-2 { left: 16.66667%; } .col-xs-push-3 { left: 25%; } .col-xs-push-4 { left: 33.33333%; } .col-xs-push-5 { left: 41.66667%; } .col-xs-push-6 { left: 50%; } .col-xs-push-7 { left: 58.33333%; } .col-xs-push-8 { left: 66.66667%; } .col-xs-push-9 { left: 75%; } .col-xs-push-10 { left: 83.33333%; } .col-xs-push-11 { left: 91.66667%; } .col-xs-push-12 { left: 100%; } .col-xs-offset-0 { margin-left: 0%; } .col-xs-offset-1 { margin-left: 8.33333%; } .col-xs-offset-2 { margin-left: 16.66667%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-4 { margin-left: 33.33333%; } .col-xs-offset-5 { margin-left: 41.66667%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-7 { margin-left: 58.33333%; } .col-xs-offset-8 { margin-left: 66.66667%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-10 { margin-left: 83.33333%; } .col-xs-offset-11 { margin-left: 91.66667%; } .col-xs-offset-12 { margin-left: 100%; } @media ( /*min-width: 768px*/ ) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-1 { width: 8.33333%; } .col-sm-2 { width: 16.66667%; } .col-sm-3 { width: 25%; } .col-sm-4 { width: 33.33333%; } .col-sm-5 { width: 41.66667%; } .col-sm-6 { width: 50%; } .col-sm-7 { /*width: 58.33333%;*/ } .col-sm-8 { width: 66.66667%; } .col-sm-9 { width: 75%; } .col-sm-10 { width: 83.33333%; } .col-sm-11 { width: 91.66667%; } .col-sm-12 { width: 100%; } .col-sm-pull-0 { right: auto; } .col-sm-pull-1 { right: 8.33333%; } .col-sm-pull-2 { right: 16.66667%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-4 { right: 33.33333%; } .col-sm-pull-5 { right: 41.66667%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-7 { right: 58.33333%; } .col-sm-pull-8 { right: 66.66667%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-10 { right: 83.33333%; } .col-sm-pull-11 { right: 91.66667%; } .col-sm-pull-12 { right: 100%; } .col-sm-push-0 { left: auto; } .col-sm-push-1 { left: 8.33333%; } .col-sm-push-2 { left: 16.66667%; } .col-sm-push-3 { left: 25%; } .col-sm-push-4 { left: 33.33333%; } .col-sm-push-5 { left: 41.66667%; } .col-sm-push-6 { left: 50%; } .col-sm-push-7 { left: 58.33333%; } .col-sm-push-8 { left: 66.66667%; } .col-sm-push-9 { left: 75%; } .col-sm-push-10 { left: 83.33333%; } .col-sm-push-11 { left: 91.66667%; } .col-sm-push-12 { left: 100%; } .col-sm-offset-0 { margin-left: 0%; } .col-sm-offset-1 { margin-left: 8.33333%; } .col-sm-offset-2 { margin-left: 16.66667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.33333%; } .col-sm-offset-5 { margin-left: 41.66667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.33333%; } .col-sm-offset-8 { margin-left: 66.66667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.33333%; } .col-sm-offset-11 { margin-left: 91.66667%; } .col-sm-offset-12 { margin-left: 100%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-1 { width: 8.33333%; } .col-md-2 { width: 16.66667%; } .col-md-3 { width: 25%; } .col-md-4 { width: 33.33333%; } .col-md-5 { width: 41.66667%; } .col-md-6 { width: 50%; } .col-md-7 { width: 58.33333%; } .col-md-8 { width: 66.66667%; } .col-md-9 { width: 75%; } .col-md-10 { width: 83.33333%; } .col-md-11 { width: 91.66667%; } .col-md-12 { width: 100%; } .col-md-pull-0 { right: auto; } .col-md-pull-1 { right: 8.33333%; } .col-md-pull-2 { right: 16.66667%; } .col-md-pull-3 { right: 25%; } .col-md-pull-4 { right: 33.33333%; } .col-md-pull-5 { right: 41.66667%; } .col-md-pull-6 { right: 50%; } .col-md-pull-7 { right: 58.33333%; } .col-md-pull-8 { right: 66.66667%; } .col-md-pull-9 { right: 75%; } .col-md-pull-10 { right: 83.33333%; } .col-md-pull-11 { right: 91.66667%; } .col-md-pull-12 { right: 100%; } .col-md-push-0 { left: auto; } .col-md-push-1 { left: 8.33333%; } .col-md-push-2 { left: 16.66667%; } .col-md-push-3 { left: 25%; } .col-md-push-4 { left: 33.33333%; } .col-md-push-5 { left: 41.66667%; } .col-md-push-6 { left: 50%; } .col-md-push-7 { left: 58.33333%; } .col-md-push-8 { left: 66.66667%; } .col-md-push-9 { left: 75%; } .col-md-push-10 { left: 83.33333%; } .col-md-push-11 { left: 91.66667%; } .col-md-push-12 { left: 100%; } .col-md-offset-0 { margin-left: 0%; } .col-md-offset-1 { margin-left: 8.33333%; } .col-md-offset-2 { margin-left: 16.66667%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.33333%; } .col-md-offset-5 { margin-left: 41.66667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.33333%; } .col-md-offset-8 { margin-left: 66.66667%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.33333%; } .col-md-offset-11 { margin-left: 91.66667%; } .col-md-offset-12 { margin-left: 100%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-1 { width: 8.33333%; } .col-lg-2 { width: 16.66667%; } .col-lg-3 { width: 25%; } .col-lg-4 { width: 33.33333%; } .col-lg-5 { width: 41.66667%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.33333%; } .col-lg-8 { width: 66.66667%; } .col-lg-9 { width: 75%; } .col-lg-10 { width: 83.33333%; } .col-lg-11 { width: 91.66667%; } .col-lg-12 { width: 100%; } .col-lg-pull-0 { right: auto; } .col-lg-pull-1 { right: 8.33333%; } .col-lg-pull-2 { right: 16.66667%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-4 { right: 33.33333%; } .col-lg-pull-5 { right: 41.66667%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-7 { right: 58.33333%; } .col-lg-pull-8 { right: 66.66667%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-10 { right: 83.33333%; } .col-lg-pull-11 { right: 91.66667%; } .col-lg-pull-12 { right: 100%; } .col-lg-push-0 { left: auto; } .col-lg-push-1 { left: 8.33333%; } .col-lg-push-2 { left: 16.66667%; } .col-lg-push-3 { left: 25%; } .col-lg-push-4 { left: 33.33333%; } .col-lg-push-5 { left: 41.66667%; } .col-lg-push-6 { left: 50%; } .col-lg-push-7 { left: 58.33333%; } .col-lg-push-8 { left: 66.66667%; } .col-lg-push-9 { left: 75%; } .col-lg-push-10 { left: 83.33333%; } .col-lg-push-11 { left: 91.66667%; } .col-lg-push-12 { left: 100%; } .col-lg-offset-0 { margin-left: 0%; } .col-lg-offset-1 { margin-left: 8.33333%; } .col-lg-offset-2 { margin-left: 16.66667%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.33333%; } .col-lg-offset-5 { margin-left: 41.66667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.33333%; } .col-lg-offset-8 { margin-left: 66.66667%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.33333%; } .col-lg-offset-11 { margin-left: 91.66667%; } .col-lg-offset-12 { margin-left: 100%; } } table { background-color: transparent; } caption { padding-top: 8px; padding-bottom: 8px; color: #777777; text-align: left; } th { color: var(--text-color); text-align: left; } td { color: var(--text-color); } .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td { padding: 8px; line-height: 1.42857; vertical-align: top; border-top: 1px solid var(--table-border); } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid var(--table-border); } .table > caption + thead > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid var(--table-border); } .table-condensed > thead > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid var(--table-border); } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td { border: 1px solid var(--table-border); } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: var(--table-background-color2); } .table-hover > tbody > tr:hover { background-color: var(--table-background-hover) !important; } table col[class*="col-"] { position: static; float: none; display: table-column; } table td[class*="col-"], table th[class*="col-"] { position: static; float: none; display: table-cell; } .table > thead > tr > td.active, .table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th { background-color: var(--success-table); } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: var(--success-table-hover); } .table > thead > tr > td.info, .table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th { background-color: var(--table-background-warning); } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: var(--table-background-warning-hover); } .table > thead > tr > td.danger, .table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th { background-color: var(--danger-table); } .table > thead > tr > td.border-bottom, .table > thead > tr > th.border-bottom, .table > thead > tr.top-border > td, .table > thead > tr.top-border > th, .table > tbody > tr > td.border-bottom, .table > tbody > tr > th.border-bottom, .table > tbody > tr.border-bottom > td, .table > tbody > tr.border-bottom > th, .table > tfoot > tr > td.border-bottom, .table > tfoot > tr > th.border-bottom, .table > tfoot > tr.border-bottom > td, .table > tfoot > tr.border-bottom > th { border-bottom: 2px dotted var(--text-color) !important; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: var(--danger-table-hover); } .table-responsive { overflow-x: auto; min-height: 0.01%; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } fieldset { padding: 0; margin: 0; border: 0; min-width: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } label { color: var(--text-color); display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857; color: #555555; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 10px; font-size: 14px; line-height: 1.42857; color: var(--input-text-color); background-color: var(--input-background-color) !important; background-image: none; border: 1px solid var(--textarea-border); border-radius: var(--global-border-radius); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .form-control:focus { padding: 6px 10px; border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .form-control::-ms-expand { border: 0; background-color: transparent; } .form-control[disabled], fieldset[disabled] .form-control { background-color: var(--input-background-color-disabled-color); opacity: 1; } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; } textarea.form-control { height: auto; } input[type="search"] { -webkit-appearance: none; } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { line-height: 34px; } input[type="date"].input-sm, .input-group-sm > input[type="date"].form-control, .input-group-sm > input[type="date"].input-group-addon, .input-group-sm > .input-group-btn > input[type="date"].btn, .input-group-sm input[type="date"], input[type="time"].input-sm, .input-group-sm > input[type="time"].form-control, .input-group-sm > input[type="time"].input-group-addon, .input-group-sm > .input-group-btn > input[type="time"].btn, .input-group-sm input[type="time"], input[type="datetime-local"].input-sm, .input-group-sm > input[type="datetime-local"].form-control, .input-group-sm > input[type="datetime-local"].input-group-addon, .input-group-sm > .input-group-btn > input[type="datetime-local"].btn, .input-group-sm input[type="datetime-local"], input[type="month"].input-sm, .input-group-sm > input[type="month"].form-control, .input-group-sm > input[type="month"].input-group-addon, .input-group-sm > .input-group-btn > input[type="month"].btn, .input-group-sm input[type="month"] { line-height: 30px; } input[type="date"].input-lg, .input-group-lg > input[type="date"].form-control, .input-group-lg > input[type="date"].input-group-addon, .input-group-lg > .input-group-btn > input[type="date"].btn, .input-group-lg input[type="date"], input[type="time"].input-lg, .input-group-lg > input[type="time"].form-control, .input-group-lg > input[type="time"].input-group-addon, .input-group-lg > .input-group-btn > input[type="time"].btn, .input-group-lg input[type="time"], input[type="datetime-local"].input-lg, .input-group-lg > input[type="datetime-local"].form-control, .input-group-lg > input[type="datetime-local"].input-group-addon, .input-group-lg > .input-group-btn > input[type="datetime-local"].btn, .input-group-lg input[type="datetime-local"], input[type="month"].input-lg, .input-group-lg > input[type="month"].form-control, .input-group-lg > input[type="month"].input-group-addon, .input-group-lg > .input-group-btn > input[type="month"].btn, .input-group-lg input[type="month"] { line-height: 46px; } } .form-group { margin-bottom: 10px; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px var(--input-background-color) inset !important; -webkit-text-fill-color: var(--input-text-color) !important; transition: background-color 5000s ease-in-out 0s; } .radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .radio label, .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px \9; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"], input[type="checkbox"][disabled], input[type="checkbox"].disabled, fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; } .radio-inline.disabled, fieldset[disabled] .radio-inline, .checkbox-inline.disabled, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .radio.disabled label, fieldset[disabled] .radio label, .checkbox.disabled label, fieldset[disabled] .checkbox label { cursor: not-allowed; } .form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; min-height: 34px; } .form-control-static.input-lg, .input-group-lg > .form-control-static.form-control, .input-group-lg > .form-control-static.input-group-addon, .input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control, .input-group-sm > .form-control-static.input-group-addon, .input-group-sm > .input-group-btn > .form-control-static.btn { padding-left: 0; padding-right: 0; } .input-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-sm, .input-group-sm > select.form-control, .input-group-sm > select.input-group-addon, .input-group-sm > .input-group-btn > select.btn { height: 30px; line-height: 30px; } textarea.input-sm, .input-group-sm > textarea.form-control, .input-group-sm > textarea.input-group-addon, .input-group-sm > .input-group-btn > textarea.btn, select[multiple].input-sm, .input-group-sm > select[multiple].form-control, .input-group-sm > select[multiple].input-group-addon, .input-group-sm > .input-group-btn > select[multiple].btn { height: auto; } .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .form-group-sm select.form-control { height: 30px; line-height: 30px; } .form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control { height: auto; } .form-group-sm .form-control-static { height: 30px; min-height: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5; } .input-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 6px; } select.input-lg, .input-group-lg > select.form-control, .input-group-lg > select.input-group-addon, .input-group-lg > .input-group-btn > select.btn { height: 46px; line-height: 46px; } textarea.input-lg, .input-group-lg > textarea.form-control, .input-group-lg > textarea.input-group-addon, .input-group-lg > .input-group-btn > textarea.btn, select[multiple].input-lg, .input-group-lg > select[multiple].form-control, .input-group-lg > select[multiple].input-group-addon, .input-group-lg > .input-group-btn > select[multiple].btn { height: auto; } .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 6px; } .form-group-lg select.form-control { height: 46px; line-height: 46px; } .form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control { height: auto; } .form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.33333; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 42.5px; } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none; } .input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, .input-group-lg > .input-group-addon + .form-control-feedback, .input-group-lg > .input-group-btn > .btn + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; } .input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, .input-group-sm > .input-group-addon + .form-control-feedback, .input-group-sm > .input-group-btn > .btn + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #3c763d; } .has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; } .has-success .input-group-addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #8a6d3b; } .has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; } .has-warning .input-group-addon { color: #8a6d3b; border-color: #8a6d3b; background-color: #fcf8e3; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #a94442; } .has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; } .has-error .input-group-addon { color: #a94442; border-color: #a94442; background-color: #f2dede; } .has-error .form-control-feedback { color: #a94442; } .has-feedback label ~ .form-control-feedback { top: 25px; } .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px; } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 27px; } .form-horizontal .form-group { margin-left: -15px; margin-right: -15px; } .form-horizontal .form-group:before, .form-horizontal .form-group:after { content: " "; display: table; } .form-horizontal .form-group:after { clear: both; } @media (min-width: 768px) { .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 7px; } } .form-horizontal .has-feedback .form-control-feedback { right: 15px; } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 11px; font-size: 18px; } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px; } } .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus, .btn.focus { color: #333; text-decoration: none; } .btn:active, .btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-default { color: var(--text-color); background-color: var(--grey-container); border-color: var(--border-grey-container); } .btn-default:focus, .btn-default.focus { color: var(--text-color); background-color: var(--grey-container); border-color: var(--border-grey-container); } .btn-default:hover { color: var(--btn-default-text-color); background-color: var(--brown); border-color: var(--border-grey-container); } .dropdown-submenu { position: relative; } .dropdown-submenu .dropdown-menu { top: 0; left: 100%; margin-top: -1px; } .btn-default.dropdown-toggle { color: var(--text-color) !important; background-color: var(--grey-container) !important; border-color: var(--border-grey-container) !important; } .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { color: var(--text-color) !important; background-color: var(--grey-container) !important; border-color: var(--border-grey-container) !important; } .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus { color: var(--text-color); background-color: var(--grey-container); border-color: var(--border-grey-container); } .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { background-image: none; } .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus { background-color: #fff; border-color: #ccc; } .btn-default .badge { color: #fff; background-color: #333; } .btn-primary { color: #fff; background-color: #337ab7; border-color: #2e6da4; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #286090; border-color: #122b40; } .btn-primary:hover { color: #fff; background-color: #286090; border-color: #204d74; } .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { color: #fff; background-color: #286090; border-color: #204d74; } .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus { color: #fff; background-color: #204d74; border-color: #122b40; } .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { background-image: none; } .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus { background-color: #337ab7; border-color: #2e6da4; } .btn-primary .badge { color: #337ab7; background-color: #fff; } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #449d44; border-color: #255625; } .btn-success:hover { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus { color: #fff; background-color: #398439; border-color: #255625; } .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { background-image: none; } .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus { background-color: #5cb85c; border-color: #4cae4c; } .btn-success .badge { color: #5cb85c; background-color: #fff; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #31b0d5; border-color: #1b6d85; } .btn-info:hover { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus { color: #fff; background-color: #269abc; border-color: #1b6d85; } .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { background-image: none; } .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus { background-color: #5bc0de; border-color: #46b8da; } .btn-info .badge { color: #5bc0de; background-color: #fff; } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning:focus, .btn-warning.focus { color: #fff; background-color: #ec971f; border-color: #985f0d; } .btn-warning:hover { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus { color: #fff; background-color: #d58512; border-color: #985f0d; } .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { background-image: none; } .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus { background-color: #f0ad4e; border-color: #eea236; } .btn-warning .badge { color: #f0ad4e; background-color: #fff; } .btn-danger, .btn-danger-tricholab { color: #fff; background-color: var(--red); border-color: #d43f3a; border-radius: 8px; } .btn-danger:focus, .btn-danger-tricholab:focus, .btn-danger.focus, .focus.btn-danger-tricholab { color: #fff; background-color: #c9302c; border-color: #761c19; } .btn-danger:hover, .btn-danger-tricholab:hover { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active, .btn-danger-tricholab:active, .btn-danger.active, .active.btn-danger-tricholab, .open > .btn-danger.dropdown-toggle, .open > .dropdown-toggle.btn-danger-tricholab { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active:hover, .btn-danger-tricholab:active:hover, .btn-danger:active:focus, .btn-danger-tricholab:active:focus, .btn-danger:active.focus, .btn-danger-tricholab:active.focus, .btn-danger.active:hover, .active.btn-danger-tricholab:hover, .btn-danger.active:focus, .active.btn-danger-tricholab:focus, .btn-danger.active.focus, .active.focus.btn-danger-tricholab, .open > .btn-danger.dropdown-toggle:hover, .open > .dropdown-toggle.btn-danger-tricholab:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .dropdown-toggle.btn-danger-tricholab:focus, .open > .btn-danger.dropdown-toggle.focus, .open > .dropdown-toggle.focus.btn-danger-tricholab { color: #fff; background-color: #ac2925; border-color: #761c19; } .btn-danger:active, .btn-danger-tricholab:active, .btn-danger.active, .active.btn-danger-tricholab, .open > .btn-danger.dropdown-toggle, .open > .dropdown-toggle.btn-danger-tricholab { background-image: none; } .btn-danger.disabled:hover, .disabled.btn-danger-tricholab:hover, .btn-danger.disabled:focus, .disabled.btn-danger-tricholab:focus, .btn-danger.disabled.focus, .disabled.focus.btn-danger-tricholab, .btn-danger[disabled]:hover, [disabled].btn-danger-tricholab:hover, .btn-danger[disabled]:focus, [disabled].btn-danger-tricholab:focus, .btn-danger[disabled].focus, [disabled].focus.btn-danger-tricholab, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger-tricholab:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger-tricholab:focus, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .focus.btn-danger-tricholab { background-color: #d9534f; border-color: #d43f3a; } .btn-danger .badge, .btn-danger-tricholab .badge { color: #d9534f; background-color: #fff; } .btn-link { color: #337ab7; font-weight: normal; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #23527c; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus { color: #777777; text-decoration: none; } .btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 6px; } .btn-sm, .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-xs, .btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid var(--text-color); border-right: 4px solid transparent; border-left: 4px solid transparent; } .caret-white { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid var(--white); border-right: 4px solid transparent; border-left: 4px solid transparent; } .caret-grey { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid #666 !important; border-right: 4px solid transparent; border-left: 4px solid transparent; } .caret-navbar { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid #ffb600; border-right: 4px solid transparent; border-left: 4px solid transparent; } .caret-trichoblue { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid var(--trichoblue); border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropup, .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; text-align: left; background-color: var(--menu-dropdown); border: 1px solid var(--border-grey-container); border-radius: var(--global-border-radius); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857; color: var(--text-color); white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: var(--text-color) !important; background-color: var(--dropdown-hover); } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; outline: 0; background-color: #337ab7; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #777777; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed; } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { left: auto; right: 0; } .dropdown-menu-left { left: 0; right: auto; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857; color: #777777; white-space: nowrap; } .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { right: 0; left: auto; } .navbar-right .dropdown-menu-left { left: 0; right: auto; } } .test-site-bar { position: relative; height: 30px; background-color: var(--red); color: white; text-align: center; font-weight: bold; font-size: 14px; padding: 5px; min-width: 100%; } .test-site-bar-scroller { position: fixed; z-index: 1000; border-bottom: 1px solid var(--border-grey-container); } .masquerade-bar { position: relative; height: 35px; background-color: var(--trichoblue); color: white; text-align: center; font-weight: bold; font-size: 14px; padding: 7px; min-width: 100%; } .masquerade-bar > .reset-timer-btn { position: absolute; right: 8px; top: 8px; } .masquerade-bar > .countdown-timer { position: absolute; top: 0; left: 0; background-color: #f5f5f5; height: 5px; width: 100%; transition: width 1s linear; } .masquerade-bar-scroller { position: fixed; z-index: 1000; border-bottom: 1px solid #c0c0c0; } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -5px; } .btn-toolbar:before, .btn-toolbar:after { content: " "; display: table; } .btn-toolbar:after { clear: both; } .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; } .btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle { padding-left: 12px; padding-right: 12px; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; } .btn .caret { margin-left: 0; } .btn-lg .caret, .btn-group-lg > .btn .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret { border-width: 0 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after { content: " "; display: table; } .btn-group-vertical > .btn-group:after { clear: both; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { float: none; display: table-cell; width: 1%; } .btn-group-justified > .btn-group .btn { width: 100%; } .btn-group-justified > .btn-group .dropdown-menu { left: auto; } [data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group[class*="col-"] { float: none; padding-left: 0; padding-right: 0; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group .form-control:focus { z-index: 3; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 1; color: #555555; text-align: center; background-color: var(--grey-container); border: 1px solid var(--textarea-border); border-radius: 4px; } .input-group-addon.input-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn { padding: 5px 10px; font-size: 12px; border-radius: 3px; } .input-group-addon.input-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn { padding: 10px 16px; font-size: 18px; border-radius: 6px; } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-top-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0; border-top-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 2; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: -1px; } .nav { margin-bottom: 0; padding-left: 0; list-style: none; } .nav:before, .nav:after { content: " "; display: table; } .nav:after { clear: both; } .nav > li { color: var(--text-color); position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; } .nav > li.disabled > a { color: #777777; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #777777; text-decoration: none; background-color: transparent; cursor: not-allowed; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eeeeee; border-color: #337ab7; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { color: var(--text-color); float: left; margin-bottom: -1px; } .nav-tabs > li > a { color: var(--text-color); margin-right: 2px; line-height: 1.42857; border: 1px solid transparent; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #ddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555555; background-color: transparent; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 4px; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #fff; background-color: #337ab7; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified, .nav-tabs.nav-justified { width: 100%; } .nav-justified > li, .nav-tabs.nav-justified > li { float: none; } .nav-justified > li > a, .nav-tabs.nav-justified > li > a { text-align: center; margin-bottom: 5px; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-justified > li, .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a, .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified, .nav-tabs.nav-justified { border-bottom: 0; } .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #fff; } } .tab-content { background-color: var(--portal-datatable-container); overflow: visible; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } @media screen and (max-width: 1000px) { .tab-content { overflow: auto; } } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; } .navbar:before, .navbar:after { content: " "; display: table; } .navbar:after { clear: both; } @media (min-width: 768px) { .navbar { border-radius: 4px; } } .navbar-header:before, .navbar-header:after { content: " "; display: table; } .navbar-header:after { clear: both; } @media (min-width: 768px) { .navbar-header { float: left; } } .navbar-collapse { overflow-x: visible; padding-right: 15px; padding-left: 15px; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; } .navbar-collapse:before, .navbar-collapse:after { content: " "; display: table; } .navbar-collapse:after { clear: both; } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-left: 0; padding-right: 0; } } .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 340px; } @media (max-device-width: 480px) and (orientation: landscape) { .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 200px; } } .container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse { margin-right: 0; margin-left: 0; } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-width: 768px) { .navbar-static-top { border-radius: 0; } } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; } @media (min-width: 768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .navbar-brand { float: left; padding: 15px 15px; font-size: 18px; line-height: 20px; height: 50px; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-brand > img { display: block; } @media (min-width: 768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; } } .navbar-toggle { position: relative; float: right; margin-right: 15px; padding: 9px 10px; margin-top: 8px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .navbar-toggle:focus { outline: 0; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 768px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 7.5px -15px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 768px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } } .navbar-form { margin-left: -15px; margin-right: -15px; padding: 10px 15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); margin-top: 8px; margin-bottom: 8px; } @media (min-width: 768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; } .navbar-form .form-control-static { display: inline-block; } .navbar-form .input-group { display: inline-table; vertical-align: middle; } .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control { width: auto; } .navbar-form .input-group > .form-control { width: 100%; } .edit-p { margin-top: -9px; } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; } .navbar-form .radio, .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .navbar-form .radio label, .navbar-form .checkbox label { padding-left: 0; } .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .navbar-form .has-feedback .form-control-feedback { top: 0; } } @media (max-width: 767px) { .navbar-form .form-group { margin-bottom: 5px; } .navbar-form .form-group:last-child { margin-bottom: 0; } } @media (min-width: 768px) { .navbar-form { width: auto; border: 0; margin-left: 0; margin-right: 0; padding-top: 0; padding-bottom: 0; -webkit-box-shadow: none; box-shadow: none; } } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { margin-bottom: 0; border-top-right-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navbar-btn { margin-top: 8px; margin-bottom: 8px; } .navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn { margin-top: 10px; margin-bottom: 10px; } .navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn { margin-top: 14px; margin-bottom: 14px; } .navbar-text { margin-top: 15px; margin-bottom: 15px; } @media (min-width: 768px) { .navbar-text { float: left; margin-left: 15px; margin-right: 15px; } } @media (min-width: 768px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; margin-right: -15px; } .navbar-right ~ .navbar-right { margin-right: 0; } } .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; } .navbar-default .navbar-brand { color: #777; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #5e5e5e; background-color: transparent; } .navbar-default .navbar-text { color: #777; } .navbar-default .navbar-nav > li > a { color: #777; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #ccc; background-color: transparent; } .navbar-default .navbar-toggle { border-color: #ddd; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #888; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: #e7e7e7; color: #555; } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #ccc; background-color: transparent; } } .navbar-default .navbar-link { color: #777; } .navbar-default .navbar-link:hover { color: #333; } .navbar-default .btn-link { color: #777; } .navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: #333; } .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus { color: #ccc; } .navbar-inverse { background-color: #222; border-color: #090909; } .navbar-inverse .navbar-brand { color: #9d9d9d; } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-text { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #fff; background-color: #090909; } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: #444; background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: #333; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #333; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { background-color: #090909; color: #fff; } @media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff; background-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #444; background-color: transparent; } } .navbar-inverse .navbar-link { color: #9d9d9d; } .navbar-inverse .navbar-link:hover { color: #fff; } .navbar-inverse .btn-link { color: #9d9d9d; } .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus { color: #fff; } .navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus { color: #444; } .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li:before { content: "/ "; padding: 0 5px; color: #ccc; } .breadcrumb > .active { color: #777777; } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: var(--global-border-radius); } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; line-height: 1.42857; text-decoration: none; color: var(--text-color); background-color: var(--pagination); border: 1px solid #ddd; margin-left: -1px; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-right-radius: 4px; border-top-right-radius: 4px; } .pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus { z-index: 2; color: var(--text-color) !important; background-color: var(--pagination-hover); border-color: #ddd; } .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus { z-index: 3; color: #fff; background-color: #337ab7; border-color: #337ab7; cursor: default; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: var(--text-color); background-color: var(--pagination-disabled); border-color: #ddd; cursor: not-allowed; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; line-height: 1.33333; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-bottom-right-radius: 6px; border-top-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; line-height: 1.5; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .pager { padding-left: 0; margin: 20px 0; list-style: none; text-align: center; } .pager:before, .pager:after { content: " "; display: table; } .pager:after { clear: both; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; } .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #eeeeee; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #777777; background-color: #fff; cursor: not-allowed; } .label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; } .label:empty { display: none; } .btn .label { position: relative; top: -1px; } a.label:hover, a.label:focus { color: #fff; text-decoration: none; cursor: pointer; } .label-default { background-color: #777777; } .label-default[href]:hover, .label-default[href]:focus { background-color: #5e5e5e; } .label-primary { background-color: #337ab7; } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #286090; } .label-success { background-color: #5cb85c; } .label-success[href]:hover, .label-success[href]:focus { background-color: #449d44; } .label-info { background-color: #5bc0de; } .label-info[href]:hover, .label-info[href]:focus { background-color: #31b0d5; } .label-warning { background-color: #f0ad4e; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #ec971f; } .label-danger { background-color: #d9534f; } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #c9302c; } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; color: #fff; line-height: 1; vertical-align: middle; white-space: nowrap; text-align: center; background-color: #777777; border-radius: var(--global-border-radius); } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .btn-xs .badge, .btn-group-xs > .btn .badge, .btn-group-xs > .btn .badge { top: 0; padding: 1px 5px; } .list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #337ab7; background-color: var(--trichoblue); } .list-group-item > .badge { float: right; } .list-group-item > .badge + .badge { margin-right: 5px; } .nav-pills > li > a > .badge { margin-left: 3px; } a.badge:hover, a.badge:focus { color: #fff; text-decoration: none; cursor: pointer; } .jumbotron { padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px; color: inherit; background-color: #eeeeee; } .jumbotron h1, .jumbotron .h1 { color: inherit; } .jumbotron p { margin-bottom: 15px; font-size: 21px; font-weight: 200; } .jumbotron > hr { border-top-color: #d5d5d5; } .container .jumbotron, .container-fluid .jumbotron { border-radius: 6px; padding-left: 15px; padding-right: 15px; } .jumbotron .container { max-width: 100%; } @media screen and (min-width: 768px) { .jumbotron { padding-top: 48px; padding-bottom: 48px; } .container .jumbotron, .container-fluid .jumbotron { padding-left: 60px; padding-right: 60px; } .jumbotron h1, .jumbotron .h1 { font-size: 63px; } } .thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: border 0.2s ease-in-out; -o-transition: border 0.2s ease-in-out; transition: border 0.2s ease-in-out; } .thumbnail > img, .thumbnail a > img { display: block; max-width: 100%; height: auto; margin-left: auto; margin-right: auto; } .thumbnail .caption { padding: 9px; color: #333333; } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #337ab7; } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #245269; } .alert-warning { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { background-color: #f2dede; border-color: #ebccd1; color: #a94442; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #843534; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { overflow: hidden; height: 20px; margin-bottom: 20px; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .progress-bar { float: left; width: 0%; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: var(--trichoblue); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } .progress-striped .progress-bar, .progress-bar-striped { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 40px 40px; } .progress.active .progress-bar, .progress-bar.active { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-bar-success { background-color: #5cb85c; } .progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-info { background-color: #5bc0de; } .progress-striped .progress-bar-info { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-warning { background-color: #f0ad4e; } .progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-danger { background-color: #d9534f; } .progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media, .media-body { zoom: 1; overflow: hidden; } .media-body { width: 10000px; } .media-object { display: block; } .media-object.img-thumbnail { max-width: none; } .media-right, .media > .pull-right { padding-left: 10px; } .media-left, .media > .pull-left, .media > .portal-datatable-search { padding-right: 10px; } .media-left, .media-right, .media-body { display: table-cell; vertical-align: top; } .media-middle { vertical-align: middle; } .media-bottom { vertical-align: bottom; } .media-heading { margin-top: 0; margin-bottom: 5px; } .media-list { padding-left: 0; list-style: none; } .list-group { margin-bottom: 20px; padding-left: 0; } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: var(--background-color); border: 1px solid var(--border-grey-container); } .list-group-item:first-child { border-top-right-radius: 4px; border-top-left-radius: 4px; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } a.list-group-item, button.list-group-item { color: #555; } a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading { color: #333; } a.list-group-item:hover, a.list-group-item:focus, button.list-group-item:hover, button.list-group-item:focus { text-decoration: none; color: #555; background-color: #f5f5f5; } button.list-group-item { width: 100%; text-align: left; } .list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus { background-color: #eeeeee; color: #777777; cursor: not-allowed; } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading { color: inherit; } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text { color: #777777; } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { z-index: 2; color: #fff; background-color: var(--trichoblue); border-color: var(--trichoblue); } .list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > .small { color: inherit; } .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { color: #c7ddef; } .list-group-item-success { color: #3c763d; background-color: #dff0d8; } a.list-group-item-success, button.list-group-item-success { color: #3c763d; } a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading { color: inherit; } a.list-group-item-success:hover, a.list-group-item-success:focus, button.list-group-item-success:hover, button.list-group-item-success:focus { color: #3c763d; background-color: #d0e9c6; } a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus, button.list-group-item-success.active, button.list-group-item-success.active:hover, button.list-group-item-success.active:focus { color: #fff; background-color: #3c763d; border-color: #3c763d; } .list-group-item-info { color: #31708f; background-color: #d9edf7; } a.list-group-item-info, button.list-group-item-info { color: #31708f; } a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading { color: inherit; } a.list-group-item-info:hover, a.list-group-item-info:focus, button.list-group-item-info:hover, button.list-group-item-info:focus { color: #31708f; background-color: #c4e3f3; } a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus, button.list-group-item-info.active, button.list-group-item-info.active:hover, button.list-group-item-info.active:focus { color: #fff; background-color: var(--trichoblue); border-color: var(--trichoblue); } .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3; } a.list-group-item-warning, button.list-group-item-warning { color: #8a6d3b; } a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-warning:hover, a.list-group-item-warning:focus, button.list-group-item-warning:hover, button.list-group-item-warning:focus { color: #8a6d3b; background-color: #faf2cc; } a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus, button.list-group-item-warning.active, button.list-group-item-warning.active:hover, button.list-group-item-warning.active:focus { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b; } .list-group-item-danger { color: #a94442; background-color: #f2dede; } a.list-group-item-danger, button.list-group-item-danger { color: #a94442; } a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading { color: inherit; } a.list-group-item-danger:hover, a.list-group-item-danger:focus, button.list-group-item-danger:hover, button.list-group-item-danger:focus { color: #a94442; background-color: var(--trichoblue); } a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus, button.list-group-item-danger.active, button.list-group-item-danger.active:hover, button.list-group-item-danger.active:focus { color: #fff; background-color: #a94442; border-color: #a94442; } .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0; line-height: 1.3; } .panel { margin-bottom: 20px; background-color: var(--grey-container); border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .panel-body { padding: 15px; } .panel-body:before, .panel-body:after { content: " "; display: table; } .panel-body:after { clear: both; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; } .panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a { color: inherit; } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .list-group, .panel > .panel-collapse > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; } .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .list-group + .panel-footer { border-top-width: 0; } .panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table { margin-bottom: 0; } .panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption { padding-left: 15px; padding-right: 15px; } .panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child { border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-left-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-right-radius: 3px; } .panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 3px; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body { border-top: 1px solid #ddd; } .panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td { border-top: 0; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } .panel > .table-responsive { border: 0; margin-bottom: 0; } .panel-group { margin-bottom: 20px; } .panel-group .panel { margin-bottom: 0; border-radius: 4px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group { border-top: 1px solid #ddd; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #ddd; } .panel-default { border-color: #ddd; } .panel-default > .panel-heading { color: #333333; background-color: #f5f5f5; border-color: #ddd; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ddd; } .panel-default > .panel-heading .badge { color: #f5f5f5; background-color: #333333; } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddd; } .panel-primary { border-color: #337ab7; } .panel-primary > .panel-heading { color: #fff; background-color: #337ab7; border-color: #337ab7; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #337ab7; } .panel-primary > .panel-heading .badge { color: #337ab7; background-color: #fff; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #337ab7; } .panel-success { border-color: #d6e9c6; } .panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d6e9c6; } .panel-success > .panel-heading .badge { color: #dff0d8; background-color: #3c763d; } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #d6e9c6; } .panel-info { border-color: #bce8f1; } .panel-info > .panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #bce8f1; } .panel-info > .panel-heading .badge { color: #d9edf7; background-color: #31708f; } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #bce8f1; } .panel-warning { border-color: #faebcc; } .panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #faebcc; } .panel-warning > .panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b; } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #faebcc; } .panel-danger { border-color: #ebccd1; } .panel-danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ebccd1; } .panel-danger > .panel-heading .badge { color: #f2dede; background-color: #a94442; } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ebccd1; } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive-4by3 { padding-bottom: 75%; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .well-lg { padding: 24px; border-radius: 6px; } .well-sm { padding: 9px; border-radius: 3px; } .icon-reload { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: var(--modal-close-btn); text-shadow: 0 1px 0 #fff; opacity: 0.8; filter: alpha(opacity=90); } button.icon-reload { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; filter: alpha(opacity=90); } .close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: var(--modal-close-btn); text-shadow: 0 1px 0 #fff; opacity: 0.5; filter: alpha(opacity=50); } .close:hover, .close:focus { color: var(--modal-close-btn); text-decoration: none; cursor: pointer; opacity: 0.8; filter: alpha(opacity=80); } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .modal-open { /*overflow: hidden;*/ } .modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { background-color: var(--portal-datatable-container); position: relative; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header:before, .modal-header:after { content: " "; display: table; } .modal-header:after { clear: both; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.42857; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer:before, .modal-footer:after { content: " "; display: table; } .modal-footer:after { clear: both; } .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } .tooltip { position: relative; display: inline-block; margin-bottom: -30px; } /* Tooltip text */ .tooltip .tooltiptext { color: var(--white); visibility: hidden; width: 100%; background-color: var(--trichoblue); text-align: justify-all; padding: 10px; border-radius: 6px; /* Position the tooltip text - see examples below! */ position: absolute; z-index: 1000; top: 100%; left: 50%; margin-left: -100px; opacity: 1 !important; z-index: 10000; } .tooltip .tooltiptext-white { color: var(--text-color); visibility: hidden; width: 100%; background-color: var(--table-background-hover); text-align: justify-all; padding: 10px; border-radius: 6px; border: 1px, solid var(--table-border); /* Position the tooltip text - see examples below! */ position: absolute; z-index: 1000; top: 100%; left: 50%; margin-left: 60px; margin-top: -25px; opacity: 1 !important; z-index: 10000; } .tooltiptext > span { color: var(--white); font-weight: bold; } .tooltip:hover { cursor: pointer; } /* Show the tooltip text when you mouse over the tooltip container */ .tooltip:hover .tooltiptext { visibility: visible; cursor: pointer; } .tooltip:hover .tooltiptext-white { visibility: visible; cursor: pointer; } @media(max-width: 1001px) { .tooltip { margin-left: 15px; margin-bottom: 0px; } } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.42857; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 14px; background-color: #fff; background-clip: padding-box; border: 1px solid var(--textarea-border); border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { margin: 0; padding: 8px 14px; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } .popover-content { padding: 9px 14px; } .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover > .arrow { border-width: 11px; } .popover > .arrow:after { border-width: 10px; content: ""; } .popover.top > .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999999; border-top-color: rgba(0, 0, 0, 0.25); bottom: -11px; } .popover.top > .arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #fff; } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999999; border-right-color: rgba(0, 0, 0, 0.25); } .popover.right > .arrow:after { content: " "; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #fff; } .popover.bottom > .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999999; border-bottom-color: rgba(0, 0, 0, 0.25); top: -11px; } .popover.bottom > .arrow:after { content: " "; top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #fff; } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999999; border-left-color: rgba(0, 0, 0, 0.25); } .popover.left > .arrow:after { content: " "; right: 1px; border-right-width: 0; border-left-color: #fff; bottom: -10px; } .carousel { position: relative; } .carousel-inner { position: relative; overflow: hidden; width: 100%; } .carousel-inner > .item { display: none; position: relative; -webkit-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; line-height: 1; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .item { -webkit-transition: -webkit-transform 0.6s ease-in-out; -moz-transition: -moz-transform 0.6s ease-in-out; -o-transition: -o-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; } .carousel-inner > .item.next, .carousel-inner > .item.active.right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); left: 0; } .carousel-inner > .item.prev, .carousel-inner > .item.active.left { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); left: 0; } .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; } } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; left: 0; bottom: 0; width: 15%; opacity: 0.5; filter: alpha(opacity=50); font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); background-color: transparent; } .carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); } .carousel-control.right { left: auto; right: 0; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); } .carousel-control:hover, .carousel-control:focus { outline: 0; color: #fff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; margin-top: -10px; z-index: 5; display: inline-block; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; line-height: 1; font-family: serif; } .carousel-control .icon-prev:before { content: '\2039'; } .carousel-control .icon-next:before { content: '\203a'; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; border: 1px solid #fff; border-radius: var(--global-border-radius); cursor: pointer; background-color: #000 \9; background-color: transparent; } .carousel-indicators .active { margin: 0; width: 12px; height: 12px; background-color: #fff; } .carousel-caption { position: absolute; left: 15%; right: 15%; bottom: 20px; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -10px; font-size: 30px; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -10px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -10px; } .carousel-caption { left: 20%; right: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left, .portal-datatable-search { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs { display: none !important; } .visible-sm { display: none !important; } .visible-md { display: none !important; } .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } .login-panel { position: absolute; background-color: var(--grey-container); width: 330px; height: auto; border: 1px solid var(--border-grey-container); border-radius: var(--global-border-radius); margin-left: -165px; margin-top: -250px; padding-left: 20px; padding-right: 20px; left: 50%; top: 50%; } .login-logo { height: 38px; margin-top: 60px; margin-bottom: 60px; margin-left: auto; margin-right: auto; display: block; } .login-panel .form-control { border: 1px solid var(--border-grey-container); border-radius: var(--global-border-radius); background-color: var(--input-background-color); height: 43px; margin: auto; } .login-panel input[type=submit] { /*position: absolute;*/ /*bottom: 40px;*/ width: 100%; font-size: 16px; margin-bottom: 35px; } .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus { z-index: 3; color: #fff; background-color: var(--trichoblue); border-color: var(--trichoblue); cursor: default; } .details-blue-button { background-color: var(--trichoblue); border-radius: 5px; padding: 0 15px; color: #f4f6f6; cursor: pointer; margin-top: -15px; width: auto; line-height: 50px; } .generate-report-btn { font-weight: bold; z-index: 5; } .request-change-status-btn { font-weight: bold; float: left; } .request-change-status-content { margin-left: -50px; } .request-generate-raport-section { width: auto; float: right } .request-comment { margin-top: 54px; padding-left: 0px; } .additional-info-comment { margin-top: 54px; padding-left: 0px; } .expert-btn { font-weight: bold; margin-right: 16px; } .revoke-btn { font-weight: bold; } .expert-info { float: left; display: flex; margin-top: -15px; width: auto; } @media(max-width: 1800px) { .request-change-status-content { margin-left: -20px; } } @media(max-width: 991px) { .expert-info { margin-top: 0; } .expert-btn { margin-top: 20px; margin-bottom: 20px; margin-right: 80%; } .revoke-btn { margin-top: 20px; margin-bottom: 20px; margin-right: 80%; } .dermoscope-data { padding-left: 1em; padding-right: 0px; } .request-comment { padding-left: 1em; margin-top: 54px; padding-right: 0px; } .additional-info-comment { padding-left: 1em; margin-top: 54px; padding-right: 0px; } .request-change-status-btn { position: relative; z-index: 5; margin-bottom: 20px; } .generate-report-btn { position: relative; z-index: 5; } .request-change-status-content { margin-top: 50px; margin-left: 0px; } .request-generate-raport-section { float: left; margin-left: -15px; margin-bottom: 20px; } .option-dropdown-toggle { position: relative; z-index: 5; } } #request-info { min-height: 50px; width: 100%; } .request-photo-group-main-items { border: 1px solid var(--border-grey-container); background-color: var(--grey-container); border-radius: var(--global-border-radius); padding: 10px; height: auto 100%; display: flex; justify-content: center; align-items: center; margin-bottom: 10px; position: relative; z-index: 5; flex-wrap: wrap; } .request-photo-group-header { margin-top: 20px; } .request-photo-group-title { margin: 20px 0px; font-weight: bold; color: var(--trichoblue); } .request-photo-group-subtitle { margin-top: auto; margin-bottom: auto; line-height: 14px; } .request-photo-img { cursor: pointer; position: absolute; background-repeat: no-repeat; background-size: contain; background-position: center center; width: 100%; height: 100%; margin-left: 0; margin-right: 0; } .photo-img { max-height: 100%; max-width: 100%; display: block; cursor: pointer; margin: auto; } .area-photo-img { max-height: 205px; max-width: 100%; display: block; cursor: pointer; margin: 5px auto 5px auto; } .area-photo-support-img { width: 100%; /* Scale image to fill the width of the container */ height: 100%; /* Scale image to fill the height of the container */ object-fit: contain; /* Maintain aspect ratio and fit within the container */ display: block; /* Prevent inline spacing issues */ margin: auto; /* Center the image inside the container */ border-radius: inherit; /* Matches the parent container's border-radius */ } .pop-up-photo-description { position: relative; bottom: 65px; text-align: center; color: var(--text-color); font-size: 1.2vw; margin-left: 15px; margin-right: 15px; } .pop-up-photo-img { padding-bottom: 75px; } @media(max-width: 1350px) { .pop-up-photo-img { padding-bottom: 2.5em !important; } .pop-up-photo-description { bottom: 35px !important; } } @media(max-width: 1850px) { .pop-up-photo-img { padding-bottom: 3.5em; } .pop-up-photo-description { bottom: 50px; } } @media(min-width: 2250px) { .pop-up-photo-description { font-size: 26.5px; } } .micro-request-photos-content { height: 103px; } @media(max-width: 1200px) { .micro-request-photos-content { height: 85px; } } @media(max-width: 991px) { .micro-request-photos-content { height: 125px; } } .request-table-modify-button { color: var(--trichoblue); text-align: right; float: right; cursor: pointer; } .request-table-toggle-button { margin-right: 10px; text-align: right; float: right; cursor: pointer; } .unarchive-patient-button { color: var(--trichoblue); text-align: right; float: right; cursor: pointer; } .no-spin-button-input input[type=number] { -moz-appearance: textfield; } .no-spin-button-input input[type=number]::-webkit-inner-spin-button, .no-spin-button-input input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; margin: 0; } .request-fphlsi-analysis-input-number { height: 20px !important; text-align: center; padding: 0px; width: 100%; } .request-fphlsi-analysis-value-table-cell { width: 30%; text-align: center; display: table-cell; } .request-description-content { margin-bottom: 0px; text-align: justify; margin-top: 10px; border-radius: var(--global-border-radius); padding: 10px; background-color: var(--grey-container); border: 1px solid var(--border-grey-container); } .request-description-container { position: relative; width: 100%; height: 100%; top: 0; } .request-description-container textarea { position: absolute; top: 0; bottom: 0; right: 0; left: 0; padding: 15px; height: 100%; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .request-dermatoscope-data-row { height: 34px; } .request-description-buttons-container { margin-top: 8px; height: 20px; } .request-photo-group-subtitle-icon { height: 14px; float: left; margin-top: 2px; margin-right: 10px; line-height: 14px; } .request-edit-button-icon, .request-fphlsi-analysis-field-state, .request-analysis-title-icon, .request-fphlsi-analysis-input, .request-description-title-icon { height: 15px; line-height: 15px; } .request-analysis-title-icon { margin-top: -4px; } .request-diagnosis-list { overflow: auto; height: 280px; } .request-diagnosis-entry { text-align: left; padding: 10px 6px; cursor: pointer; } .request-diagnosis-entry:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .request-diagnosis-entry:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .request-diagnosis-entry .request-diagnosis-code { color: var(--trichoblue); padding: 6px 12px; font-weight: bold; } .accent-color-checkbox { cursor: pointer; margin: auto; height: 20px; } .accent-color-checkbox input[type=checkbox] { display: none; } .accent-color-checkbox span { vertical-align: top; height: 19px; } .pdf-report-center-table { width: 100%; text-align: center; } .pdf-report-center-table th { text-align: center; border: 0px; } .pdf-report-center-table tr, .pdf-report-center-table td { border: 0px !important; } .pdf-report-parameters-table { width: 100%; text-align: center; } .pdf-report-parameters-table th, .pdf-report-parameters-table td { border: 1px solid black; text-align: center; } .pdf-report-parameters-table th:first-child, .pdf-report-parameters-table td:first-child { text-align: left; padding-left: 12px; } .request-info-status-carret { margin-left: 5px !important; } .select-patient .selectize-dropdown-content > div:nth-child(odd) { background-color: var(--table-background-hover); } .request-uploader { margin-top: 15px; max-width: 50%; border: 2px solid #dbdbdb; background-color: var(--grey-container); border-radius: 15px; position: absolute; left: 50%; transform: translate(-50%, 0); padding: 10px; padding-bottom: 20px; } @media only screen and (max-width: 768px) { .request-uploader { width: 95%; max-width: 100%; } } .grey-uploaded-files-container { margin-bottom: 15px; overflow-y: scroll; height: 550px; overflow-x: hidden; background-color: var(--border-grey-container); border-radius: 15px; padding: 10px; } .grey-upload-request-container { background-color: var(--border-grey-container); padding: 25px 20px 20px 20px; border-radius: 15px; margin-bottom: 20px !important; text-align: center; font-size: 16px; font-weight: 600; } .upload-request-file-container { padding: 25px 20px 20px 20px; background-color: var(--border-grey-container); border-radius: 15px; text-align: center; color: var(--text-color); font-weight: 700; border-style: dashed; border-width: 5px; border-color: var(--text-color); } .upload-request-file-button-drop { border-color: var(--trichoblue); border-style: dashed; border-width: 5px; border-radius: 15px; } .upload-photo-container { margin-right: 40px; width: 140px; height: 140px; background-color: var(--grey-container-dummy-photo); border: 1px solid var(--border-grey-container); border-radius: var(--global-border-radius); text-align: center; color: white; font-weight: 700; font-size: 15px; } .upload-request-button { cursor: pointer; padding: 10px; } .upload-photo-button { display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer; } .upload-photo-button-drop { border-color: var(--trichoblue); border-style: dashed; border-width: 5px; border-radius: var(--global-border-radius); } .upload-photo-button > img { height: 70px; } .upload-photo-container > .preview { width: 100%; height: 100%; border-radius: inherit; background-position: center center; background-repeat: no-repeat; background-size: contain; } .upload-photo-controls { width: 140px; height: 30px; margin-top: 5px; text-align: center; } .upload-photo-controls .progress-bar { background-color: var(--trichoblue); } .upload-photo-controls .remove { color: var(--trichoblue); cursor: pointer; margin-left: 10px; } .upload-photo-controls .remove > img { height: 12px; line-height: 12px; margin-right: 5px; margin-bottom: 3px; } .upload-invoice-btn { color: var(--trichoblue); cursor: pointer; margin-left: 10px; } .request-status-dropdown .open { position: fixed !important; } #wizard-popup { width: 100%; height: 100%; z-index: 1000; position: fixed; top: 0; bottom: 0; left: 0; right: 0; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; align-items: center; } #wizard-popup .overlay { position: fixed; background-color: #000; opacity: 0.4; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; } #wizard-popup .content { position: relative; z-index: 1000; padding: 20px; width: 900px; border-radius: var(--global-border-radius); overflow-y: auto; max-height: 95%; } #wizard-popup table { width: 100%; margin-bottom: 40px; } #wizard-popup table tr { height: 40px; } #wizard-popup .indicator { width: 25px; height: 25px; } #edit-tricholab-diagnosis .content { max-height: 780px; width: 100%; } #patient-duplicate-popup { width: 100%; height: 100%; z-index: 1000; position: fixed; top: 0; bottom: 0; left: 0; right: 0; } #patient-duplicate-popup .overlay { position: fixed; background-color: #000; opacity: 0.4; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; } #patient-duplicate-popup .content { background-color: #fff; position: relative; z-index: 1000; padding: 20px; width: 900px; height: 90%; margin-left: auto; margin-right: auto; top: 5%; border-radius: var(--global-border-radius); overflow-y: auto; display: flex; flex-direction: column; } #patient-duplicate-popup table { width: 100% !important; cursor: pointer; } td.details-control .details-indicator-open { display: block; cursor: pointer; } td.details-control .details-indicator-close { display: none; } tr.details td.details-control .details-indicator-open { display: none; } tr.details td.details-control .details-indicator-close { display: block; cursor: pointer; } #patient-duplicates-patient-data { margin-bottom: 30px; } #patient-duplicates-patient-data table { width: auto !important; } #patient-duplicates-patient-data table td:first-child { font-weight: bold; padding-right: 10px; } #choose-expert-popup { width: 100%; height: 100%; z-index: 1000; position: fixed; top: 0; bottom: 0; left: 0; right: 0; } #choose-expert-popup .overlay { position: fixed; background-color: #000; opacity: 0.4; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; } .password-validate-prompt { position: absolute; background-color: var(--grey-container); padding: 10px; border: 1px solid var(--border-grey-container); border-radius: var(--global-border-radius); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } #choose-expert-popup .content { background-color: #fff; position: relative; z-index: 1000; padding: 20px; width: 900px; height: 90%; margin-left: auto; margin-right: auto; top: 5%; border-radius: var(--global-border-radius); overflow-y: auto; display: flex; flex-direction: column; } #choose-expert-popup table { width: 100% !important; cursor: pointer; } #choose-experts-table { border: 0px; } #choose-experts-table table, #choose-experts-table tbody, #choose-experts-table tr, #choose-experts-table td { border: 0px; } /* overriding bootstrap datatable styles is difficult because it uses !important frequently, so it's easier to apply style by using table name selector which has higher priority (and we can reuse the same style mixin for several tables) */ .portal-datatable-container { padding: 48px; background-color: var(--portal-datatable-container) !important; } @media(max-width: 996px) { .portal-datatable-container { padding: 20px; } } .portal-datatable-container-narrow { padding: 24px !important; } .dataTables_paginate { padding-top: 18px; } #users-table, #all-requests-table, #qa-requests-table, #processing-requests-table, #opinion-requests-table, #my-requests-table, #clinic-requests-table, #all-photos-table, #photos-in-queue-table, #operators-table, #live-operators-table, #live-requests-table, #patients-table, #due-payments-table, #paychecks-table, #doctors-table, #credits-products-table, #all-balances-table, #orders-table, #doctors-and-staff-table, #diagnosed-requests-table, #on-hold-requests-table, #clinics-table, #experts-due-payments-table, #experts-paychecks-table, #new-requests-table #search-diagnoses-table { width: 100% !important; background-color: var(--table-background-color1); margin-top: 18px !important; margin-bottom: 0px !important; cursor: pointer; } .selected-datatable-row { background-color: rgba(5, 208, 240, 0.4) !important; } #patient-duplicates-table tbody tr.selected-datatable-row:hover { background-color: rgba(5, 208, 240, 0.6) !important; } #paycheck-requests-container { display: none; } #paycheck-requests-container .diagnosed-table-header { padding-left: 48px; } #paycheck-requests-container .diagnosed-table-header h2 { padding-bottom: 0; } #paycheck-requests-container .portal-datatable-container { padding-top: 0; } .dt-checkbox-column { width: 20px; } .sweet-overlay { background-color: rgba(0, 0, 0, 0.4); position: fixed; left: 0; right: 0; top: 0; bottom: 0; display: none; z-index: 1000; } @keyframes animate-success-tip { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @keyframes animate-success-long { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } @keyframes rotatePlaceholder { 0% { transform: rotate(-45deg); } 5% { transform: rotate(-45deg); } 12% { transform: rotate(-405deg); } 100% { transform: rotate(-405deg); } } .animate-success-tip { animation: animate-success-tip 0.75s; } .animate-success-long { animation: animate-success-long 0.75s; } .icon.success.animate::after { animation: rotatePlaceholder 4.25s ease-in; } @keyframes animate-error-icon { 0% { transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0deg); opacity: 1; } } .animate-error-icon { animation: animate-error-icon 0.5s; } @keyframes animate-x-mark { 0% { transform: scale(0.4); margin-top: 26px; opacity: 0; } 50% { transform: scale(0.4); margin-top: 26px; opacity: 0; } 80% { transform: scale(1.15); margin-top: -6px; } 100% { transform: scale(1); margin-top: 0; opacity: 1; } } .animate-x-mark { animation: animate-x-mark 0.5s; } @keyframes pulse-warning { 0% { border-color: #f8d486; } 100% { border-color: #f8bb86; } } .pulse-warning { animation: pulse-warning 0.75s infinite alternate; } @keyframes pulse-warning-ins { 0% { background-color: #f8d486; } 100% { background-color: #f8bb86; } } .pulse-warning-ins { animation: pulse-warning-ins 0.75s infinite alternate; } @keyframes rotate-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .analysis-list-item-container { padding-left: 20px !important; padding-right: 20px !important; padding-bottom: 40px !important; } .analysis-list-item-container:first-child { padding-left: 15px !important; } .analysis-list-item-container:last-child { padding-right: 15px !important; } .analysis-list-item-content { background-color: var(--grey-container) !important; border: 1px solid var(--border-grey-container); border-radius: var(--global-border-radius); padding: 28px 25px; } .analysis-list-item-content div { font-weight: bold; margin-top: 8px; margin-bottom: 22px; } .analysis-list-item-content div:last-child { margin-bottom: 0px; } .analysis-list-item-content img { position: absolute; top: 25px; right: 25px; width: 20px; height: 20px; } .photoDetailsTable { width: auto; margin: 30px 0px 60px; } .photoDetailsTable td, .photoDetailsTable tr { border: 0px !important; } .photoDetailsTable td { padding: 0px 8px 25px !important; } .photoDetailsTable td:nth-child(even) { border: 0px; font-weight: bold; } .photoDetailsTable tr:last-child td { padding: 0px 8px 0px !important; } /** * (C)Leanest CSS spinner ever */ .loader { border-bottom: 6px solid rgba(5, 208, 240, 0.1); border-left: 6px solid rgba(5, 208, 240, 0.1); border-right: 6px solid rgba(5, 208, 240, 0.1); border-top: 6px solid rgba(5, 208, 240, 0.4); border-radius: 100%; height: 50px; width: 50px; margin-left: auto; margin-right: auto; animation: rot 1s infinite linear; overflow: hidden; } @keyframes rot { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } .loader-container { background-color: transparent; width: 100%; height: 100%; position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -ms-flex-flow: column wrap; -webkit-flex-flow: column wrap; flex-flow: column wrap; overflow: hidden; } #image-box { vertical-align: middle; position: fixed; border: 1px solid #999; background: var(--background-color); display: none; height: 100%; width: 100%; z-index: 1000; overflow: hidden; text-align: center; top: 65px; left: 48px; } .image-box-content { background-position: center center; background-repeat: no-repeat; background-size: contain; width: 100%; height: 100%; } a.image-box-close { float: right; cursor: pointer; color: #fff; width: 50px; height: 50px; border-radius: 0 0 0 30px; -moz-border-radius: 0 0 0 30px; -webkit-border-radius: 0 0 0 30px; background: var(--trichoblue); font-size: 31px; font-weight: bold; display: inline-block; text-decoration: none; } .image-box-close:before { content: 'x'; } .image-box-link { float: left; margin-top: 0px; border-radius: 0px 0px 30px 0px !important; } .image-box-img-link { float: left; margin-top: 12px; clear: both; border-radius: 0px 30px 30px 0px !important; } .image-box-back-btn { background-image: url(/Content/images/arrow_left.png); background-size: contain; background-repeat: no-repeat; background-position: center; height: 50px; width: 50px; cursor: pointer; position: absolute; bottom: 12px; left: 12px; } .image-box-forward-btn { background-image: url(/Content/images/arrow_right.png); background-size: contain; background-repeat: no-repeat; background-position: center; height: 50px; width: 50px; cursor: pointer; position: absolute; bottom: 12px; right: 12px; } .image-box-mark-btn { position: absolute; z-index: 1; border-radius: 0 0 0 30px !important; position: absolute; right: 0; top: 0px; } .image-box-change-iq-btn { position: absolute; z-index: 1; border-radius: 30px 0 0 30px !important; position: absolute; right: 0; top: 62px; } .pop-up-change-iq { position: absolute; top: 120px; left: 35%; right: 35%; min-width: 30%; background-color: var(--background-color); border: 2px solid gray; border-radius: var(--global-border-radius); padding: 10px; } @media(max-width: 1050px) { .pop-up-change-iq { top: auto; top: 200px; left: 5%; right: 5%; min-width: 90%; } } .image-box-btn-group { background-color: var(--trichoblue); border-radius: 0px 0px 30px 0px !important; padding-left: 0px; } .image-box-btn-group-item { margin-top: 0px; } .settings-button { cursor: pointer; text-align: right; height: 15px; line-height: 15px; width: auto; } .settings-button-icon { height: 12px; line-height: 12px; margin-right: 10px; } .settings-item-key { color: var(--trichoblue); font-weight: bold; } .settings-item-container { border: 1px solid var(--border-grey-container); background-color: var(--grey-container); border-radius: var(--global-border-radius); padding: 5px; } .settings-collection-header { text-overflow: ellipsis; /* enables ellipsis */ white-space: nowrap; /* keeps the text in a single line */ overflow: hidden; /* keeps the element from overflowing its parent */ } .grey-container-header { margin-bottom: 10px; text-transform: uppercase; } .note-data-container { padding: 10px 30px 10px 30px; border-radius: var(--global-border-radius); margin-bottom: 5px; background-color: var(--note-container); height: calc(100% - 30px); border: 1px solid var(--border-grey-container); } .grey-data-container { padding: 10px 30px 10px 30px; border-radius: var(--global-border-radius); margin-bottom: 5px; background-color: var(--grey-container); height: calc(100% - 30px); border: 1px solid var(--border-grey-container); } .grey-data-container.invalid-container { background-color: var(--red-container); } .settings-form-group { margin-bottom: 32px; } .patients-value-text { font-weight: bold; } .patients-accent-color-text { color: var(--trichoblue); } .patients-data-container-header { margin-bottom: 10px; } .patients-data-container-header img { line-height: 15px; height: 15px; margin-bottom: 2.5px; } .patients-data-container-content, .patients-data-container-text-content { background-color: var(--grey-container) !important; padding: 10px; border-radius: var(--global-border-radius); text-align: justify; font-weight: bold; margin-bottom: 5px; background-color: #ececec; height: calc(100% - 60px); border: 1px solid var(--border-grey-container); } .patients-data-container-content .col-md-6, .patients-data-container-text-content .col-md-6 { text-align: left; } .patients-data-container-content .col-md-6:nth-child(odd), .patients-data-container-text-content .col-md-6:nth-child(odd) { font-weight: normal; height: 50px; } .patients-data-container-content .row, .patients-data-container-text-content .row { padding-bottom: 24px; } .patients-data-container-content .row:last-child, .patients-data-container-text-content .row:last-child { padding-bottom: 0px; } .patient-clinic-name-text { float: right; } @media(max-width: 991px) { .patient-clinic-name-text { float: left; } } input.ng-invalid { border-color: var(--red); } .row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .diagnosis-container { border: 1px solid var(--border-grey-container); background-color: var(--grey-container); border-radius: var(--global-border-radius); padding: 15px; } .btn-language { color: var(--trichoblue); background-color: transparent; border-color: var(--trichoblue); margin-right: 8px; } .btn-language:focus, .btn-language.focus { color: var(--trichoblue); background-color: transparent; border-color: #026473; } .btn-language:hover { color: var(--trichoblue); background-color: transparent; border-color: #049cb4; } .btn-language:active, .btn-language.active, .open > .btn-language.dropdown-toggle { color: var(--trichoblue); background-color: transparent; border-color: #049cb4; } .btn-language:active:hover, .btn-language:active:focus, .btn-language:active.focus, .btn-language.active:hover, .btn-language.active:focus, .btn-language.active.focus, .open > .btn-language.dropdown-toggle:hover, .open > .btn-language.dropdown-toggle:focus, .open > .btn-language.dropdown-toggle.focus { color: var(--trichoblue); background-color: transparent; border-color: #026473; } .btn-language:active, .btn-language.active, .open > .btn-language.dropdown-toggle { background-image: none; } .btn-language.disabled:hover, .btn-language.disabled:focus, .btn-language.disabled.focus, .btn-language[disabled]:hover, .btn-language[disabled]:focus, .btn-language[disabled].focus, fieldset[disabled] .btn-language:hover, fieldset[disabled] .btn-language:focus, fieldset[disabled] .btn-language.focus { background-color: transparent; border-color: var(--trichoblue); } .btn-language .badge { color: transparent; background-color: var(--trichoblue); } .btn-language.selected { background-color: var(--trichoblue); color: white; } .btn-remove-translation { background-color: transparent; border-color: transparent; color: var(--trichoblue); position: absolute; top: 5px; right: 0; } .btn-remove-translation:hover { outline: none; color: #46e3fb; } .btn-remove-translation:focus { outline: none; } .btn-diagnosis-action { color: var(--trichoblue); cursor: pointer; margin-left: 10px; } .btn-diagnosis-action > img { height: 15px; line-height: 15px; margin-right: 3px; margin-bottom: 3px; } .new-diagnosis-code { height: 42px; width: 100px; display: inline; } .languages-dialog { padding: 10px; } .languages-dialog > hr { margin-top: 20px; margin-bottom: 20px; margin-left: -20px; margin-right: -20px; } .languages-dialog > select { width: 100%; border: 0 solid transparent; margin-top: -10px; margin-bottom: -10px; } .languages-dialog > select:focus { outline: none; } .languages-dialog > select > option { padding-top: 8px; padding-bottom: 8px; cursor: pointer; } .languages-dialog > select > option[disabled] { color: lightgray; } .languages-dialog > select > option[disabled]::after { color: lightgray; content: '\2713'; text-align: right; float: right; margin-right: 10px; } .btn-choose-language { color: white; background-color: var(--trichoblue); border-color: var(--trichoblue); height: 42px; float: right; padding-left: 20px; padding-right: 20px; font-weight: 700; border-radius: 8px; } .btn-choose-language:focus, .btn-choose-language.focus { color: white; background-color: #04a5be; border-color: #026473; } .btn-choose-language:hover { color: white; background-color: #04a5be; border-color: #049cb4; } .btn-choose-language:active, .btn-choose-language.active, .open > .btn-choose-language.dropdown-toggle { color: white; background-color: #04a5be; border-color: #049cb4; } .btn-choose-language:active:hover, .btn-choose-language:active:focus, .btn-choose-language:active.focus, .btn-choose-language.active:hover, .btn-choose-language.active:focus, .btn-choose-language.active.focus, .open > .btn-choose-language.dropdown-toggle:hover, .open > .btn-choose-language.dropdown-toggle:focus, .open > .btn-choose-language.dropdown-toggle.focus { color: white; background-color: #03869b; border-color: #026473; } .btn-choose-language:active, .btn-choose-language.active, .open > .btn-choose-language.dropdown-toggle { background-image: none; } .btn-choose-language.disabled:hover, .btn-choose-language.disabled:focus, .btn-choose-language.disabled.focus, .btn-choose-language[disabled]:hover, .btn-choose-language[disabled]:focus, .btn-choose-language[disabled].focus, fieldset[disabled] .btn-choose-language:hover, fieldset[disabled] .btn-choose-language:focus, fieldset[disabled] .btn-choose-language.focus { background-color: var(--trichoblue); border-color: var(--trichoblue); } .btn-choose-language .badge { color: var(--trichoblue); background-color: white; } #popup-container { width: 100%; height: 100%; z-index: 1000; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } #popup-container #popup-overlay { position: fixed; background-color: #000; opacity: 0.4; width: 100%; height: 100%; } #popup-container #popup-content { background-color: #fff; position: fixed; z-index: 1000; padding: 20px; } .popup { display: none; width: 100%; height: 100%; z-index: 1000; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } /*.popup .overlay { position: fixed; background-color: rgba(0,0,0,0.4); width: 100%; height: 100%; }*/ /*.popup .content { background-color: #fff; position: fixed; z-index: 1000; padding: 20px; border-radius: var(--global-border-radius); top: 50%; left: 50%; }*/ .popup .overlay { position: fixed; background-color: rgba(0, 0, 0, 0.4); width: 100%; height: 100%; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; } .popup .overlay-tricholab-edit-diagnosis { position: fixed; background-color: rgba(0, 0, 0, 0.4); width: 100%; height: 100%; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; } .popup .content { background-color: #fff; z-index: 1000; padding: 20px; border-radius: var(--global-border-radius); } #selectTitleLanguage > option[disabled] { color: lightgray; } .product-to-buy-outer { float: left; width: 25%; padding: 15px; } .payment-method-outer { float: left; width: 16.6%; padding: 15px; } .product-to-buy-inner, .payment-method-inner { border-color: #f0f0f0; border-radius: var(--global-border-radius); border-width: 2px; border-style: solid; width: 100%; height: 140px; position: relative; cursor: pointer; -webkit-transition-duration: 0.2s; transition-duration: 0.3s; -webkit-transition-property: background-color; transition-property: background-color; } .payment-method-inner { min-height: 140px; } .product-to-buy-inner .checkmark, .payment-method-inner .checkmark { position: absolute; top: 10px; right: 12px; } .product-to-buy-outer .disabled, .product-to-buy-inner .disabled { background-color: lightgray; cursor: not-allowed; } .payment-method-inner { padding: 25px; } .product-to-buy-inner { padding: 15px; } .product-to-buy-inner strong { font-size: 19px; font-weight: 700; } .product-to-buy-inner .title { position: absolute; left: 15px; top: 15px; right: 15px; } .product-to-buy-inner .credits-and-price { position: absolute; left: 15px; bottom: 15px; right: 15px; } .product-to-buy-inner .credits-and-price { position: absolute; left: 15px; bottom: 15px; right: 15px; } .product-to-buy-inner .credits-and-price { position: absolute; left: 15px; bottom: 15px; right: 15px; } .product-to-buy-inner .date-valid { position: absolute; text-align: right; left: 15px; bottom: 15px; right: 15px; } .bundle-to-buy-inner, .payment-method-inner { border-color: #f0f0f0; border-radius: var(--global-border-radius); border-width: 2px; border-style: solid; width: 100%; min-height: 140px; position: relative; cursor: pointer; -webkit-transition-duration: 0.2s; transition-duration: 0.3s; -webkit-transition-property: background-color; transition-property: background-color; } .bundle-to-buy-inner .checkmark, .payment-method-inner .checkmark { position: absolute; top: 12px; right: 12px; } .product-to-buy-outer .disabled, .bundle-to-buy-inner .disabled { background-color: lightgray; cursor: not-allowed; } .payment-method-inner { padding: 25px; } .bundle-to-buy-inner { padding: 15px; border: 1px solid var(--trichoblue); } .bundle-to-buy-inner strong { font-size: 19px; font-weight: 700; } .bundle-to-buy-inner .title { left: 15px; top: 15px; right: 15px; } .bundle-to-buy-inner .date-valid { text-align: right; left: 15px; bottom: 15px; right: 15px; } .payment-method-inner .logo { background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; width: 100%; height: 100%; } .payment-method-inner .text { width: 100%; height: 100%; text-align: center; font-size: 18px; font-weight: 700; display: flex; align-items: center; justify-content: center; } .product-to-buy-inner:hover, .payment-method-inner:hover { background-color: #f4f6f6; } .product-to-buy-inner.selected, .payment-method-inner.selected { border-color: var(--trichoblue); } .product-to-buy-inner.selected .title { right: 56px; } .purchase-result-container { background-color: white; width: 700px; height: 280px; border-radius: 15px; margin-left: auto; margin-right: auto; margin-top: 200px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; padding-bottom: 30px; } .purchase-result-container > div { width: 100%; } .purchase-result-icon { margin-left: auto; margin-right: auto; display: block; } .purchase-result-header { text-align: center; font-size: 18px; font-weight: bold; margin-top: 20px; margin-bottom: 40px; } .purchase-result-header.success { color: #39b54a; } .purchase-result-header.error { color: #cb080d; } .purchase-result-message { font-size: 15px; text-align: center; } .bank-account { margin-top: 50px; background-color: #f4f6f6; border-radius: 5px; padding: 25px; } .bank-account label { font-size: 16px; } .bank-account span { font-size: 16px; } .registration-panel { background-color: white; max-width: 600px; border: 1px solid #eceeee; border-radius: var(--global-border-radius); margin-left: auto; margin-right: auto; margin-top: 50px; margin-bottom: 50px; padding: 30px 20px 30px 20px; } .registration-panel .logo { height: 38px; margin-bottom: 50px; margin-left: auto; margin-right: auto; display: block; } .registration-panel .form-control { border: 1px solid #e6e6e6; border-radius: var(--global-border-radius); background-color: #f4f6f6; height: 43px; margin: auto; } .registration-panel button { width: 100%; font-size: 16px; } #registration-success { width: 100%; text-align: center; font-size: 15px; } .registration-success-icon { margin-bottom: 20px; } .selectize-control .selectize-input { border: 1px solid #e6e6e6; border-radius: var(--global-border-radius); background-color: var(--input-background-color) !important; min-height: 43px; padding-top: 11px !important; } .selectize-control .selectize-input .item { background-color: var(--trichoblue) !important; border-radius: 5px !important; color: white !important; } body h1, body h2, body h3, body h4, body h5, body h6 { font-weight: 700; } body h1 { font-size: 21px; margin-bottom: 30px; } body h2 { font-size: 18px; margin-bottom: 30px; } body h3 { font-size: 15px; margin-bottom: 30px; } body h4, body h5, body h6 { font-size: 12px; } .body-with-navbar { /*padding-top: 65px;*/ padding-top: 0px; padding-bottom: 15px; } /* Set padding to keep content from hitting the edges */ .body-content { padding-left: 15px; padding-right: 15px; } @media only screen and (max-width: 768px) { .body-content { padding-left: 0; padding-right: 0; } .nav-tabs { margin-left: 15px; } } /* Override the default bootstrap behavior where horizontal description lists will truncate terms that are too long to fit in the left column */ .dl-horizontal dt { white-space: normal; } /* Override bootstrap styles */ .container { /*min-width: 1580px;*/ width: 100%; } .navbar { border-width: 0; border-radius: 0; } .navbar-default { background-color: #21252b; /*min-width: 1580px;*/ border-width: 0; border-radius: 0; } .navbar-nav > li > a { color: #fff !important; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > .open > a { color: #fff !important; background: #393939 !important; } .navbar-default .navbar-nav > .active { color: #fff !important; background: #393939 !important; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #fff !important; background: #393939 !important; } .navbar-link { color: var(--trichoblue) !important; margin-bottom: 20px !important; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .navbar-link:hover { color: #FFF !important; } .navbar-brand { line-height: 50px; height: 50px; padding-top: 17px; } @media (min-width: 767px) { .navbar-nav li a { line-height: 50px; height: 50px; padding-top: 0; color: #FFF; } } .navbar-toggle { margin-top: 30px; } .navbar-nav > li > .dropdown-menu { background-color: #21252b; } .navbar-nav > li > .dropdown-menu > li > a:hover { background-color: #393939 !important; color: white; } .control-label { font-size: 13px; color: var(--label); font-weight: 400; } /* ------------------------- */ .nav-container { /*position: absolute; left: 0; right: 0; top: 0;*/ z-index: 250; /*height: 50px;*/ background-color: var(--navbar); clear: both; display: inline-block; width: 100%; } .nav-account { height: 50px; float: right; margin-left: 15px; background-color: #21252b; } .nav-balance { height: 50px; line-height: 50px; margin: 0px 40px 0px auto; float: right; background-color: #21252b; } @media (max-width: 450px) { .navbar-link { display: none; } } .nav-balance-wrapper { float: right !important; } @media(max-width: 1000px) { .navbar-link { display: inline; } .nav-balance-wrapper { float: left !important; margin-left: -15px; } .nav-balance-circle-outer { text-align: center; } #clinic-balance-indicator { margin-left: 9px !important; } } .nav-balance-circle { width: 34px; height: 34px; border-radius: 50%; color: #fff; line-height: 34px; text-align: center; margin-left: 15px; margin-top: -8px; background: var(--trichoblue); } .nav-balance-circle:hover { background: var(--trichoblue) !important; } .nav-balance-circle-outer { width: 49px; height: 50px; float: right !important; } .nav-balance-info { color: #fff; float: left; margin-left: 15px; } .nav-tabs { width: 100%; border: 0px; } .inner-page-nav-container { position: relative; width: auto; background-color: var(--inner-nav-color); margin-left: -15px; margin-right: -15px; margin-top: -6px; } .nav-tabs > li { float: left; } .nav-tabs > li > a { color: var(--text-color); margin-right: 2px; border: 0; border-radius: 0 0 0 0; font-size: 15px; font-weight: 500; padding: 15px 10px 15px 10px; } @media(max-width: 1001px) { .nav-tabs > li > a { font-size: 14px; font-weight: 400; padding: 7px 10px 7px 10px; } } .nav-tabs > li > a:hover { border-color: #393939; background-color: var(--navtabs-hover); } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: var(--trichoblue); background-color: transparent; border: 0; cursor: default; } table > thead, .table-striped > thead, .table-hover > thead { font-weight: bold; vertical-align: central; } .table-striped > tbody > tr:last-child { overflow: hidden; border-radius: 14px; position: relative; z-index: 1; } /*table > tbody > tr:last-child, .table-striped > tbody > tr:last-child, .table-hover > tbody > tr:last-child, table > thead > tr > th, .table-striped > thead > tr > th, .table-hover > thead > tr > th { border-bottom: 1px solid #000; }*/ .btn-accent { color: white; background-color: var(--trichoblue); border-color: var(--trichoblue); font-weight: 700; height: 50px; border-radius: 8px; } .btn-accent:focus, .btn-accent.focus { color: white; background-color: #04a5be; border-color: #026473; } .btn-accent:hover { color: white !important; background-color: #04a5be; border-color: #049cb4; } .btn-accent:active, .btn-accent.active, .open > .btn-accent.dropdown-toggle { color: white; background-color: #04a5be; border-color: #049cb4; } .btn-accent:active:hover, .btn-accent:active:focus, .btn-accent:active.focus, .btn-accent.active:hover, .btn-accent.active:focus, .btn-accent.active.focus, .open > .btn-accent.dropdown-toggle:hover, .open > .btn-accent.dropdown-toggle:focus, .open > .btn-accent.dropdown-toggle.focus { color: white; background-color: #03869b; border-color: #026473; } .btn-accent:active, .btn-accent.active, .open > .btn-accent.dropdown-toggle { background-image: none; } .btn-accent.disabled:hover, .btn-accent.disabled:focus, .btn-accent.disabled.focus, .btn-accent[disabled]:hover, .btn-accent[disabled]:focus, .btn-accent[disabled].focus, fieldset[disabled] .btn-accent:hover, fieldset[disabled] .btn-accent:focus, fieldset[disabled] .btn-accent.focus { background-color: var(--trichoblue); border-color: var(--trichoblue); } .btn-accent .badge { color: var(--trichoblue); background-color: white; } .btn-gray { color: white; background-color: var(--grey); border-color: #9f9f9f; font-weight: 700; height: 50px; border-radius: 8px; } .btn-gray:focus, .btn-gray.focus { color: white; background-color: #868686; border-color: #5f5f5f; } .btn-gray:hover { color: white; background-color: #868686; border-color: gray; } .btn-gray:active, .btn-gray.active, .open > .btn-gray.dropdown-toggle { color: white; background-color: #868686; border-color: gray; } .btn-gray:active:hover, .btn-gray:active:focus, .btn-gray:active.focus, .btn-gray.active:hover, .btn-gray.active:focus, .btn-gray.active.focus, .open > .btn-gray.dropdown-toggle:hover, .open > .btn-gray.dropdown-toggle:focus, .open > .btn-gray.dropdown-toggle.focus { color: white; background-color: #747474; border-color: #5f5f5f; } .btn-gray:active, .btn-gray.active, .open > .btn-gray.dropdown-toggle { background-image: none; } .btn-gray.disabled:hover, .btn-gray.disabled:focus, .btn-gray.disabled.focus, .btn-gray[disabled]:hover, .btn-gray[disabled]:focus, .btn-gray[disabled].focus, fieldset[disabled] .btn-gray:hover, fieldset[disabled] .btn-gray:focus, fieldset[disabled] .btn-gray.focus { background-color: #9f9f9f; border-color: #9f9f9f; } .btn-gray .badge { color: #9f9f9f; background-color: white; } .btn-danger-tricholab { font-weight: 700; height: 50px; border-radius: 8px; } @media screen and (max-width: 1085px) and (min-width: 1000px) { .link-accent { display: none !important; } } a.link-accent { color: var(--trichoblue); } a.link-accent:visited { color: var(--trichoblue); } a.link-accent:hover { color: #827a7a; } a.link-accent:active { color: var(--trichoblue); } .text-color-accent { color: var(--trichoblue); } .background-color-accent { background-color: var(--trichoblue) !important; } .form-fixed-width { width: 350px; margin-right: 150px; display: inline-block; vertical-align: top; } .inner-container { background-color: var(--portal-datatable-container); padding-top: 63px; padding-bottom: 48px; padding-left: 48px; padding-right: 48px; } @media(max-width: 996px) { .inner-container { padding-left: 0; padding-right: 0; } } hr { margin-top: 0; margin-bottom: 40px; border-color: #e5e5e5; margin-left: -12px; margin-right: -12px; } [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: none !important; } .terms-panel { background-color: var(--grey-container); width: 60%; position: absolute; top: 50px; left: 50%; transform: translate(-50%, 0); bottom: 50px; border: 1px solid var(--border-grey-container); border-radius: var(--global-border-radius); padding: 30px 20px 30px 20px; color: var(--text-color); } .terms-panel > form { width: 100%; height: 100%; display: flex; flex-flow: column; } .terms-panel .header { flex: 0 1 auto; text-align: center; } .terms-panel .logo { height: 38px; display: block; margin-left: auto; margin-right: auto; } .terms-panel .terms-content { border: 1px solid var(--border-grey-container); border-radius: var(--global-border-radius); overflow-y: auto; padding: 10px 25px 10px 25px; flex: 1 1 auto; text-align: justify; } .terms-panel .terms-content h1 { margin-top: 0; margin-bottom: 20px; } .terms-panel .terms-content h2 { margin-top: 30px; margin-bottom: 10px; } .terms-panel .terms-content li { padding-left: 10px; } .terms-panel .footer { flex: 0 1 auto; margin-top: 30px; } input.ng-invalid.ng-pristine { border: 1px solid var(--textarea-border); } .navbar-nav > li > a.create-request-link { color: var(--trichoblue) !important; font-weight: bold !important; } .navbar-nav > li.active > a.create-request-link { color: var(--trichoblue) !important; font-weight: bold !important; } .admin-link, .admin-link-bold, .navbar-nav > li > a.admin-link-bold, .navbar-nav > li > a.admin-link-bold:hover, .navbar-nav > li.active > a.admin-link-bold, .navbar-nav > li.active > a.admin-link-bold:hover, .navbar-nav > li > a.admin-link, .navbar-nav > li > a.admin-link:hover, .navbar-nav > li.active > a.admin-link, .navbar-nav > li.active > a.admin-link:hover { color: #ffb600 !important; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .admin-link-bold, .navbar-nav > li > a.admin-link-bold, .navbar-nav > li > a.admin-link-bold:hover, .navbar-nav > li.active > a.admin-link-bold, .navbar-nav > li.active > a.admin-link-bold:hover { font-weight: bold !important; } .nav-tabs > li.active > a.admin-link, .nav-tabs > li.active > a.admin-link-bold, .navbar-nav.nav-tabs > li.active > a.admin-link-bold:hover, .navbar-nav.nav-tabs > li.active > a.admin-link:hover { color: #ff4800 !important; } .nav-tabs > li.active > a.admin-link-bold, .navbar-nav.nav-tabs > li.active > a.admin-link-bold:hover { font-weight: bold !important; color: #ff4800 !important; } .trichoblue-admin-link-bold { color: var(--trichoblue) !important; font-weight: bold !important; } .input-invalid { border-color: var(--red) !important; } .form-control-selectize.selectize-control.selectize-auto-height .selectize-input { height: auto; } .form-control-selectize.selectize-control .selectize-input { border: 1px solid var(--textarea-border); border-radius: var(--global-border-radius); background-color: #ffffff; height: 34px; min-height: 34px; padding: 6px 12px !important; } .form-control-selectize.selectize-control .selectize-input .item { background-color: var(--trichoblue) !important; border-radius: 5px !important; color: white !important; } .blink { font-weight: bold; color: var(--red); animation: blink 0.5s infinite; -webkit-animation: blink 0.5s infinite; } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } .new-request-img { margin: 12px; float: left; padding: 2px; height: 30px; width: 30px; filter: invert(100%); } .blink-img { animation: blink 0.5s infinite; -webkit-animation: blink 0.5s infinite; } .blink-img:hover { } @keyframes blink-animation { 0% { color: var(--red); } 50% { color: white; } 100% { color: var(--red); } } @-webkit-keyframes blink-animation { 0% { color: var(--red); } 50% { color: white; } 100% { color: var(--red); } } .device-info-label { margin-bottom: 5px; } .device-info-value { font-weight: bold; margin-bottom: 5px; } .device-info-section { padding: 16px; border-radius: 5pt; background-color: #fff; } #device-data-label { margin-bottom: 10px; color: var(--trichoblue); font-weight: bold; } .comment-diagnosis-box { margin-top: 54px; padding-right: 0px; } .context-menu { border: 1px black solid; position: absolute; background-color: var(--context-menu); box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 999; border: 1px solid var(--textarea-border); border-radius: 5px; } .context-menu button { padding: 12px 16px; width: 100%; text-decoration: none; display: block; cursor: pointer; margin-bottom: 0; font-weight: normal; text-align: left; vertical-align: middle; touch-action: manipulation; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857; border-radius: 4px; background-color: var(--context-menu); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .context-menu button:hover { background-color: var(--navtabs-hover) } .dropbutton { cursor: pointer; } .minidropdown { position: relative; display: inline-block; } .minidropdown-content { display: none; position: absolute; background-color: var(--mini-dropdown); box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); top: 100%; min-width: 100%; border: 1px solid var(--border-grey-container); border-radius: var(--global-border-radius); z-index: 1000; } .minidropdown-content a { color: var(--text-color); padding: 12px 16px; text-decoration: none; display: block; } .minidropdown-content a:focus { background-color: #f1f1f1 } .minidropdown:hover .minidropdown-content { display: block; } .minidropdown-input { display: none; } /*helps in chrome to keep box visible when editing even if hover is off*/ .minidropdown-content:focus-within { display: block !important; } .filter-box-container + .minidropdown-input:empty + .minidropdown-content { display: block !important; } .main-filter-box { background-color: var(--background-color) !important; } .adv-search-box { } .minidropdown:hover .dropbutton { } .dermatoscopes-delete-btn { position: relative; top: -1px; } .removeImgBtn { color: var(--red); cursor: pointer; position: relative; } .filter-box-container { margin-bottom: 0px; text-align: justify; border-radius: 5px; padding: 6.5px 9px 8px 9px; background-color: var(--grey-container); } /*# sourceMappingURL=site.css.map */ .logout-btn { height: 26px; margin-top: -5px; margin-left: 10px; vertical-align: middle; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .logout-btn:hover { color: var(--trichoblue); } /* ----- HeLPERS ----- */ .cursor-pointer { cursor: pointer; } /* FONTAWESOME HELPERS */ .fontawesome-grey { color: var(--grey); } .fontawesome-red { color: var(--red); } .fontawesome-blue { color: var(--trichoblue); } .fontawesome-white { color: var(--white); } .fontawesome-green { color: var(--green); } .fontawesome-yellow { color: var(--orange); } .fontawesome-status-online { color: var(--green); -webkit-text-stroke-width: 0.5px; -webkit-text-stroke-color: black; position: relative; top: -1px; } .fontawesome-status-wait { color: var(--orange); -webkit-text-stroke-width: 0.5px; -webkit-text-stroke-color: black; position: relative; top: -1px; } .fontawesome-status-offline { color: var(--red); -webkit-text-stroke-width: 0.5px; -webkit-text-stroke-color: black; position: relative; top: -1px; } .fontawesome-times-thin:before { content: '\00d7'; } .fontawesome-margin-fix { position: relative; top: -0.5px; } .fa-hidden { color: rgba(0, 0, 0, 0); } .btn { min-height: 35px; } .swal2-confirm { background-color: var(--trichoblue) !important; border-color: var(--trichoblue) !important; border-radius: 8px !important; font-weight: bold !important; } .swal2-confirm:hover { background-color: #04a5be !important; border-color: #04a5be !important; } .swal2-cancel { border-radius: 8px !important; font-weight: bold !important; } .swal2-deny { border-radius: 8px !important; font-weight: bold !important; } /* ACCORDION OVERRIDE*/ #accordion .ui-state-default { background-color: var(--grey-container); color: var(--text-color); } #accordion .ui-state-active { border-color: var(--trichoblue); background-color: var(--trichoblue); color: var(--text-color); } #accordion .ui-accordion-content { background-color: var(--background-color); color: var(--text-color); } #accordion .ui-state-focus { border-color: var(--trichoblue); background-color: var(--trichoblue); color: var(--text-color); } .ui-accordion-header-icon { filter: invert(1) sepia(1) saturate(5) hue-rotate(180deg); } .input-fa-icon { opacity: 1; transition: opacity 1s; float: right; margin-right: 6px; margin-top: -31px; position: relative; z-index: 2; } .success-fa-icon { color: var(--trichoblue); } .error-fa-icon { color: var(--red); } .loading-fa-icon { color: #9B8182; } #tax-info { opacity: 1; transition: opacity 1s; } #tax-info.hide { opacity: 0; } /* SweetAlert Success Icon*/ .sa { margin: auto; width: 50%; width: 140px; height: 140px; padding: 26px; } .sa-success { border-radius: 50%; border: 4px solid #A5DC86; box-sizing: content-box; height: 80px; padding: 0; position: relative; background-color: #fff; width: 80px; } .sa-success:after, .sa-success:before { background: #fff; content: ""; height: 120px; position: absolute; transform: rotate(45deg); width: 60px; } .sa-success:before { border-radius: 40px 0 0 40px; width: 26px; height: 80px; top: -17px; left: 5px; transform-origin: 60px 60px; transform: rotate(-45deg); } .sa-success:after { border-radius: 0 120px 120px 0; left: 30px; top: -11px; transform-origin: 0 60px; transform: rotate(-45deg); animation: rotatePlaceholder 4.25s ease-in; } .sa-success-placeholder { border-radius: 50%; border: 4px solid rgba(165, 220, 134, 0.25); box-sizing: content-box; height: 80px; left: -4px; position: absolute; top: -4px; width: 80px; z-index: 2; } .sa-success-fix { background-color: #fff; height: 90px; left: 28px; position: absolute; top: 8px; transform: rotate(-45deg); width: 5px; z-index: 1; } .sa-success-tip, .sa-success-long { background-color: #A5DC86; border-radius: 2px; height: 5px; position: absolute; z-index: 2; } .sa-success-tip { left: 14px; top: 46px; transform: rotate(45deg); width: 25px; animation: animateSuccessTip 0.75s; } .sa-success-long { right: 8px; top: 38px; transform: rotate(-45deg); width: 47px; animation: animateSuccessLong 0.75s; } @keyframes animateSuccessTip { 0%, 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @keyframes animateSuccessLong { 0%, 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } @keyframes rotatePlaceholder { 0%, 5% { transform: rotate(-45deg); } 100%, 12% { transform: rotate(-405deg); } } /* SweetAlert Error Icon */ .sa-error { border-radius: 50%; border: 4px solid #F27474; box-sizing: content-box; height: 80px; padding: 0; position: relative; background-color: #fff; width: 80px; animation: animateErrorIcon 0.5s; } .sa-error:after, .sa-error:before { background: #fff; content: ""; height: 120px; position: absolute; transform: rotate(45deg); width: 60px; } .sa-error:before { border-radius: 40px 0 0 40px; width: 26px; height: 80px; top: -17px; left: 5px; transform-origin: 60px 60px; transform: rotate(-45deg); } .sa-error:after { border-radius: 0 120px 120px 0; left: 30px; top: -11px; transform-origin: 0 60px; transform: rotate(-45deg); animation: rotatePlaceholder 4.25s ease-in; } .sa-error-x { display: block; position: relative; z-index: 2; } .sa-error-placeholder { border-radius: 50%; border: 4px solid rgba(200, 0, 0, 0.2); box-sizing: content-box; height: 80px; left: -4px; position: absolute; top: -4px; width: 80px; z-index: 2; } .sa-error-fix { background-color: #fff; height: 90px; left: 28px; position: absolute; top: 8px; transform: rotate(-45deg); width: 5px; z-index: 1; } .sa-error-left, .sa-error-right { border-radius: 2px; display: block; height: 5px; position: absolute; z-index: 2; background-color: #F27474; top: 37px; width: 47px; } .sa-error-left { left: 17px; transform: rotate(45deg); animation: animateXLeft 0.75s; } .sa-error-right { right: 16px; transform: rotate(-45deg); animation: animateXRight 0.75s; } /* ----- Dashboard ----- */ .dashboard-manager-select { float: right; width: 300px; margin-top: 15px; } @media only screen and (max-width: 768px) { .dashboard-manager-select { width: 100%; margin-top: 15px; margin-bottom: 20px; } .chart-wrapper { height: 40vh; width: 100% !important; } } .chart-wrapper { position: relative; height: 40vh; width: 50%; margin-bottom: 50px !important; } @keyframes rotatePlaceholder { 0%, 5% { transform: rotate(-45deg); } 100%, 12% { transform: rotate(-405deg); } } @keyframes animateErrorIcon { 0% { transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0deg); opacity: 1; } } @keyframes animateXLeft { 0%, 65% { left: 82px; top: 95px; width: 0; } 84% { left: 14px; top: 33px; width: 47px; } 100% { left: 17px; top: 37px; width: 47px; } } @keyframes animateXRight { 0%, 65% { right: 82px; top: 95px; width: 0; } 84% { right: 14px; top: 33px; width: 47px; } 100% { right: 16px; top: 37px; width: 47px; } } .disabled { pointer-events: none; } .disabled-blue-switch > input:checked + .slider { background-color: #6ea6bf !important; } .disabled-fontawesome { color: #ceccce; cursor: not-allowed; pointer-events: none; } .disabled-btn { background-color: #ceccce; border-color: #ceccce; color: #666 !important; cursor: not-allowed; pointer-events: none; } .disabled-btn > span { color: #666 !important; } .trichoblue { color: var(--trichoblue); } .disabled-row > td { color: var(--disabled-table-row-color) !important; } .trichoblue-hover:hover { color: #04a5be; cursor: pointer; } .pointer:hover { cursor: pointer; } /* The switch - the box around the slider */ .switch { position: relative; display: inline-block; width: 62px; height: 34px; } /* Hide default HTML checkbox */ .switch input { opacity: 0; width: 0; height: 0; } /* The slider */ .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--border-grey-container); border: 1px solid var(--grey-container); -webkit-transition: .1s; transition: .1s; } .slider:before { position: absolute; content: ""; height: 24px; width: 26px; left: 4px; bottom: 4px; background-color: var(--grey-container); -webkit-transition: .4s; transition: .4s; } input:checked + .slider { background-color: var(--trichoblue); } input:checked + .disabled-fontawesome { background-color: #ceccce !important; } input:focus + .slider { box-shadow: 0 0 1px var(--trichoblue); } input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } /* Rounded sliders */ .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 50%; } /* https://stackoverflow.com/questions/22252472/how-to-change-the-color-of-an-svg-element this is needed to change svg color */ .trichoblue-svg-filter { filter: invert(62%) sepia(95%) saturate(520%) hue-rotate(167deg) brightness(98%) contrast(94%); } .summary-wrapper { padding: 0 10% 0 10%; } @media screen and (max-width: 1200px) { .summary-wrapper { padding: 0; } } #store-quote-url-btn { cursor: pointer; } #store-quote-url-btn:before { content: "Copied"; position: absolute; top: -50px; right: 0px; background: var(--trichoblue); padding: 8px 10px; border-radius: var(--global-border-radius); font-size: 15px; color: white; font-weight: bold; display: none; } #store-quote-url-btn:after { content: ""; position: absolute; top: -20px; right: 15px; width: 10px; height: 10px; background: var(--trichoblue); transform: rotate(45deg); display: none; } #store-quote-url-btn.active:before, #store-quote-url-btn.active:after { display: block; } @media only screen and (min-width : 481px) { .flex-row.row { display: flex; flex-wrap: wrap; } .flex-row.row > [class*='col-'] { display: flex; flex-direction: column; } .flex-row.row:after, .flex-row.row:before { display: flex; } } .bundle-for-quote:hover { cursor: pointer; } .bundle-for-quote:hover .checkmark-bottom { display: block; } .bundle-for-quote .checkmark-bottom { display: none; position: absolute; bottom: 42px; right: 32px; } .bundle-for-quote-inner { border: 1px solid var(--trichoblue); border-radius: var(--global-border-radius); margin-bottom: 25px; box-sizing: border-box; height: 100%; padding: 30px 30px 50px 30px; } .bundle-for-quote strong { font-size: 17px; font-weight: 700; } .bundle-for-quote .credits-and-price { position: absolute; left: 45px; bottom: 42px; } .installments { display: flex; margin: 10px; margin-bottom: 20px; } .installments-title { margin-top: 2px; font-size: 18px; text-align: center; } .installments-input { font-size: 16px; width: 60px; } input[type=range] { height: 24px; -webkit-appearance: none; margin: 10px 0; width: 100%; } input[type=range]:focus { outline: none; } input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 8px; cursor: pointer; animate: 0.2s; box-shadow: 0px 0px 0px #A09FA1; background: #E9EFF0; border-radius: 12px; border: 0px solid #A09FA1; } input[type=range]::-webkit-slider-thumb { box-shadow: 0px 0px 0px #000000; border: 0px solid #000000; height: 18px; width: 18px; border-radius: 12px; background: var(--trichoblue); cursor: pointer; -webkit-appearance: none; margin-top: -5px; } input[type=range]:focus::-webkit-slider-runnable-track { background: #E9EFF0; } input[type=range]::-moz-range-track { width: 100%; height: 8px; cursor: pointer; animate: 0.2s; box-shadow: 0px 0px 0px #A09FA1; background: #E9EFF0; border-radius: 12px; border: 0px solid #A09FA1; } input[type=range]::-moz-range-thumb { box-shadow: 0px 0px 0px #000000; border: 0px solid #000000; height: 18px; width: 18px; border-radius: 12px; background: var(--trichoblue); cursor: pointer; } input[type=range]::-ms-track { width: 100%; height: 8px; cursor: pointer; animate: 0.2s; background: transparent; border-color: transparent; color: transparent; } input[type=range]::-ms-fill-lower { background: #E9EFF0; border: 0px solid #A09FA1; border-radius: 24px; box-shadow: 0px 0px 0px #A09FA1; } input[type=range]::-ms-fill-upper { background: #E9EFF0; border: 0px solid #A09FA1; border-radius: 24px; box-shadow: 0px 0px 0px #A09FA1; } input[type=range]::-ms-thumb { margin-top: 1px; box-shadow: 0px 0px 0px #000000; border: 0px solid #000000; height: 18px; width: 18px; border-radius: 12px; background: var(--trichoblue); cursor: pointer; } input[type=range]:focus::-ms-fill-lower { background: #E9EFF0; } input[type=range]:focus::-ms-fill-upper { background: #E9EFF0; } .installments-slider { background-color: transparent; } .tricholab-select { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; box-shadow: none; border: 1px solid var(--border-grey-container); background: var(--mini-dropdown); background-image: none; flex: 1; color: var(--text-color); font-weight: bold; cursor: pointer; font-size: 1em; font-family: 'Open Sans', sans-serif; } .tricholab-select::-ms-expand { display: none; } .tricholab-select-wrapper-disabled { position: relative; display: flex; height: 3em; line-height: 3; background: #ceccce; overflow: hidden; border-radius: .25em; } .tricholab-select-wrapper-disabled::after { content: '\25BC'; position: absolute; top: 0; right: 0; padding: 0 1em; background: #ceccce; cursor: default; pointer-events: none; transition: .25s all ease; color: #666; } .tricholab-select-wrapper { position: relative; display: flex; height: 3em; line-height: 3; background: #f2f2f2; overflow: hidden; border-radius: .25em; } .tricholab-select-wrapper::after { content: '\25BC'; position: absolute; top: 0; right: 0; padding: 0 1em; background: var(--trichoblue); cursor: pointer; pointer-events: none; transition: .25s all ease; color: white; } .tricholab-select-wrapper:hover::after { color: #333; } .progress-bar { width: 100%; background-color: var(--grey-container); border-radius: var(--global-border-radius); border: 1px solid var(--border-grey-container); box-shadow: none; } .progress-bar-fill { display: block; height: 22px; background-color: var(--trichoblue); border-radius: 3px; transition: width 500ms ease-in-out; } .number-of-photos-in-queue-wrapper { float: right; margin-top: -25px; margin-right: 10px; margin-bottom: -25px !important; color: var(--text-color); } .number-of-photos-in-queue { float: right; margin-top: 0; color: var(--text-color); } .light-left-border { border-left: solid; border-left-width: thin; border-left-color: var(--table-border); } @media only screen and (min-width: 992px) { .same-size-columns-wrapper { display: flex; } .same-size-3-col { flex: 0 0 33.3333333% !important; max-width: 33.3333333% !important; position: relative !important; width: 100% !important; } .same-size-4-col { flex: 0 0 25% !important; max-width: 25% !important; position: relative !important; width: 100% !important; } } .red { color: var(--red); } .green { color: var(--green); } .brown { color: var(--brown); } .yellow { color: var(--yellow); } /* SPACE MODE TOGGLE BUTTON */ .theme-checkbox { opacity: 0; position: absolute; } .theme-checkbox-label { background-color: var(--grey-container); border: 1px solid var(--border-grey-container); width: 67px; height: 37px; border-radius: 50px; position: relative; padding: 5px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; } .theme-icon { margin-top: 2px; font-size: 24px; } .fa-moon { color: #f1c40f; } .fa-sun { color: #f39c12; } .theme-checkbox-label .ball { background-color: var(--text-color); width: 30px; height: 30px; position: absolute; left: 2px; top: 2px; border-radius: 50%; transition: transform 0.2s linear; } .theme-checkbox:checked + .theme-checkbox-label .ball { transform: translateX(31px); } .close > span { color: var(--red) !important; } .selectize-input > input { color: var(--text-color) !important; } .selectize-input > span { color: var(--text-color) !important; } .selectize-dropdown { background: var(--background-color) !important; } .selectize-dropdown-content { color: var(--text-color); } .selectize-dropdown-content > .active { background-color: var(--dropdown-hover) !important; color: var(--text-color) !important; } .tl-box-container { text-align: center; padding-top: 25vh; height: 50vh; } .pull-right > .dt-buttons > .btn-default { background-color: var(--grey-container); border-color: var(--border-grey-container); font-weight: 700; border-radius: 8px; padding: 10px; } .pull-right > .dt-buttons > .btn-default:hover { background-color: var(--brown); border-color: var(--border-grey-container); } .pull-right > .dt-buttons > .btn-default > span { color: var(--text-color) !important; } #dimScreen { width: 100%; height: 100%; background: var(--background-transparent-color); position: absolute; top: 0; left: 0; z-index: 100; } .horizontal-scroll-container { display: flex; overflow-x: auto; white-space: nowrap; margin-bottom: 15px; } .overflow-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .href-disabled { color: #666 !important; cursor: not-allowed; pointer-events: none; } .tl-vl { width: 2px; height: 30px; background-color: var(--trichoblue); margin: 0 auto; margin-top: 10px; margin-bottom: 20px; transform: rotate(360deg); } .tl-vl::after { content: ""; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid var(--trichoblue); position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); } .swal2-popup { font-family: var(--body-font), "Source Sans Pro", sans-serif !important; font-size: 2rem !important; } .swal2-popup .swal2-styled:focus { box-shadow: none !important; } .swal2-title { font-size: 1.875em !important; font-weight: 600 !important; margin: 0 !important; } /* Datepicker - Days, Months, Years, Decades */ .bootstrap-datetimepicker-widget .datepicker-days td.day:hover, .bootstrap-datetimepicker-widget .datepicker-months span.month:hover, .bootstrap-datetimepicker-widget .datepicker-years span.year:hover, .bootstrap-datetimepicker-widget .datepicker-decades span.decade:hover { background-color: var(--grey-container) !important; color: var(--text-color); } /* Prev, next, picker */ .bootstrap-datetimepicker-widget .prev:hover, .bootstrap-datetimepicker-widget .next:hover, .bootstrap-datetimepicker-widget .picker-switch:hover { background-color: var(--grey-container) !important; color: var(--text-color); } /* Widget hour, minutes, seconds */ .bootstrap-datetimepicker-widget .timepicker-hour:hover, .bootstrap-datetimepicker-widget .timepicker-minute:hover, .bootstrap-datetimepicker-widget .timepicker-second:hover { background-color: var(--grey-container) !important; color: var(--text-color); } /* Increase/decrease minutes and hours buttons */ .bootstrap-datetimepicker-widget .btn .glyphicon:hover { background: var(--grey-container) !important; } /* Glyphicon icons */ .bootstrap-datetimepicker-widget .picker-switch .glyphicon { color: var(--text-color) !important; } .bootstrap-datetimepicker-widget .picker-switch .glyphicon:hover { background-color: var(--grey-container) !important; color: var(--text-color) !important; } /* Timepicker - Hours, MINUTE, Seconds */ .bootstrap-datetimepicker-widget .timepicker-hour td.day:hover, .bootstrap-datetimepicker-widget .timepicker-minute span.month:hover, .bootstrap-datetimepicker-widget .timepicker-second span.year:hover { background-color: var(--grey-container) !important; color: var(--text-color); } .bootstrap-datetimepicker-widget .timepicker-hours td.hour:hover, .bootstrap-datetimepicker-widget .timepicker-minutes td.minute:hover { background-color: var(--grey-container) !important; } .img-histogram { max-height: 145px; } .improvement-plus-2 { background-color: var(--trichostat-improvement-plus-2-color); } .improvement-plus-2 > label { color: var(--dark-text-color) } .improvement-plus-1 { background-color: var(--trichostat-improvement-plus-1-color); } .improvement-plus-1 > label { color: var(--dark-text-color) } .improvement-0 { background-color: var(--trichostat-improvement-0-color); } .improvement-minus-1 { background-color: var(--trichostat-improvement-minus-1-color); } .improvement-minus-1 > label { color: var(--dark-text-color) } .improvement-minus-2 { background-color: var(--trichostat-improvement-minus-2-color); } .improvement-minus-2 > label { color: var(--dark-text-color) }