/* Minification failed. Returning unminified contents. (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 '-' (56,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-sans-serif' (76,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-sans-serif' (106,17): run-time error CSS1039: Token not allowed after unary operator: '-blue' (111,28): run-time error CSS1039: Token not allowed after unary operator: '-blue' (112,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (118,36): run-time error CSS1035: Expected colon, found '.' (172,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (362,17): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (367,17): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (372,17): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (384,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (664,2): run-time error CSS1030: Expected identifier, found ' ' (664,2): run-time error CSS1019: Unexpected token, found ' ' (1908,32): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (1916,21): run-time error CSS1039: Token not allowed after unary operator: '-dark' (1928,17): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (2263,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-gray' (2294,24): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (2325,28): run-time error CSS1039: Token not allowed after unary operator: '-mid-gray' (2327,27): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (2474,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (3182,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (3191,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (3352,24): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (4101,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-gray' (4316,17): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (4321,21): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (4325,25): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (4329,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-sans-serif' (4409,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (4501,33): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (4512,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (4521,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (4567,17): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (4571,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (4590,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (4591,35): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (4601,17): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (4616,35): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (4620,17): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (4697,12): run-time error CSS1035: Expected colon, found '0' (4758,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (4792,21): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (4826,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (4914,17): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (4934,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-gray' (4944,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (4996,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (5122,21): run-time error CSS1039: Token not allowed after unary operator: '-dark' (5156,32): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (5171,25): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (5185,24): run-time error CSS1039: Token not allowed after unary operator: '-dark' (5211,52): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (5211,71): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (5226,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (5248,35): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (5253,35): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (5258,35): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (5260,17): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (5323,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (5333,28): run-time error CSS1039: Token not allowed after unary operator: '-input-success-border' (5407,26): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (5409,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (5413,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (5425,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (5437,35): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (5494,36): run-time error CSS1039: Token not allowed after unary operator: '-input-border-gray' (5544,21): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (5575,17): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (5577,28): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (5590,22): run-time error CSS1039: Token not allowed after unary operator: '-dark-gray' (5612,22): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (5642,22): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (5659,17): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (5661,28): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (5764,17): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (5780,17): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (5784,28): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (5793,21): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (5797,17): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (5798,24): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (5836,17): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (5875,26): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (6119,25): run-time error CSS1039: Token not allowed after unary operator: '-progresstracker-blue' (6123,29): run-time error CSS1039: Token not allowed after unary operator: '-progresstracker-blue' (6124,34): run-time error CSS1039: Token not allowed after unary operator: '-progresstracker-blue' (6128,29): run-time error CSS1039: Token not allowed after unary operator: '-progresstracker-blue' (6132,25): run-time error CSS1039: Token not allowed after unary operator: '-progresstracker-current' (6136,25): run-time error CSS1039: Token not allowed after unary operator: '-progresstracker-current' (6137,30): run-time error CSS1039: Token not allowed after unary operator: '-progresstracker-current' (6141,29): run-time error CSS1039: Token not allowed after unary operator: '-progresstracker-current' (6180,25): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (6183,42): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (6196,36): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (6210,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (6489,29): run-time error CSS1039: Token not allowed after unary operator: '-input-border-gray' (6614,39): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (6617,21): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (6656,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (6703,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (6780,21): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (6818,39): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (6996,17): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (7007,17): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (7035,39): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (7074,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (7083,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (7090,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (7128,48): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (7128,67): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (7242,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (7401,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (7439,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-sans-serif' (7506,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (7697,17): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (7814,27): run-time error CSS1039: Token not allowed after unary operator: '-font-family-sans-serif' (7940,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (7951,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (7963,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (7987,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (8001,36): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (8021,22): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (8134,20): run-time error CSS1046: Expect comma, found '196' (8134,27): run-time error CSS1046: Expect comma, found ')' (8201,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (8206,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (8215,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (8248,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (8355,22): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (8368,17): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (8382,17): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (8443,36): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (8445,17): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (8456,17): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (8464,36): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (8466,17): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (8492,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (8527,32): run-time error CSS1039: Token not allowed after unary operator: '-input-border-gray' (8543,32): run-time error CSS1039: Token not allowed after unary operator: '-input-border-gray' (8576,21): run-time error CSS1039: Token not allowed after unary operator: '-dark' (8588,27): run-time error CSS1039: Token not allowed after unary operator: '-font-family-sans-serif' (8603,17): run-time error CSS1039: Token not allowed after unary operator: '-dark' (8607,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-sans-serif' (8638,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (8815,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-sans-serif' (8838,17): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (8885,25): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (8951,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-sans-serif' (8961,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (9049,28): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (9269,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (9293,25): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (9325,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (9345,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (10019,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (10090,17): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (10093,28): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (10114,28): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (10129,32): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (10142,22): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (10147,17): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (10471,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10472,10): run-time error CSS1035: Expected colon, found '{' (10481,1): run-time error CSS1019: Unexpected token, found '@keyframes' (10482,10): run-time error CSS1035: Expected colon, found '{' (10720,2): run-time error CSS1031: Expected selector, found '/' (10720,2): run-time error CSS1025: Expected comma or open brace, found '/' (10886,35): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (10888,12): run-time error CSS1035: Expected colon, found 'alertText' (10930,32): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (10978,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-sans-serif' (11094,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-sans-serif' (11253,17): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (11261,17): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (14608,22): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (14684,21): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (14760,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (14772,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-gray' (14851,28): run-time error CSS1039: Token not allowed after unary operator: '-input-success-border' (14861,28): run-time error CSS1039: Token not allowed after unary operator: '-input-error-border' (14885,17): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (14890,28): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (14922,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (14945,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (15021,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-gray' (15202,28): run-time error CSS1039: Token not allowed after unary operator: '-input-success-border' (15207,28): run-time error CSS1039: Token not allowed after unary operator: '-input-error-border' (15224,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (15234,35): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (15263,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (15270,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (15294,48): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (15294,67): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (15299,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (15333,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (15473,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (15492,28): run-time error CSS1039: Token not allowed after unary operator: '-input-success-border' (15496,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-sans-serif' (15518,17): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (15561,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (15647,35): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (15653,17): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (15721,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (15868,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (15898,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (15909,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (15928,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (15976,26): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (16003,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (16009,38): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (16010,37): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (16013,38): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (16025,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (16030,38): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (16031,37): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (16032,38): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (16033,39): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (16053,26): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (16083,26): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (16090,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-sans-serif' (16196,29): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (16202,46): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (16214,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (16220,38): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (16226,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (16279,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (16298,26): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (16381,20): run-time error CSS1039: Token not allowed after unary operator: '-dark' (16454,32): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (16501,28): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (16535,28): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (16541,28): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (16885,28): run-time error CSS1039: Token not allowed after unary operator: '-input-success-border' (16890,28): run-time error CSS1039: Token not allowed after unary operator: '-input-error-border' (16998,25): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (17146,36): run-time error CSS1039: Token not allowed after unary operator: '-input-success-border' (17173,30): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (17248,25): run-time error CSS1039: Token not allowed after unary operator: '-dark-gray' (17255,36): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' (17263,25): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (17275,25): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (17304,25): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (17315,25): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (17326,25): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (17333,25): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (17338,25): run-time error CSS1039: Token not allowed after unary operator: '-dark-gray' (17415,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (18631,25): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (18636,42): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (18750,56): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (18750,75): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (18797,56): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (18797,75): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (19377,33): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (19385,33): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (19386,44): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (19398,40): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (19525,25): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (19540,25): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (19555,25): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (19570,25): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (19601,47): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (19820,36): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (19913,36): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (19929,30): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (19961,25): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (20006,25): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (20015,25): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (20018,31): run-time error CSS1039: Token not allowed after unary operator: '-font-family-sans-serif' (20039,25): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (20047,25): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (20055,25): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (20063,25): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (20071,25): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (20156,25): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (20170,25): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (20178,25): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (20186,25): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (20195,43): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (20226,36): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (20271,30): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (20425,25): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (20465,26): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (20516,36): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (20547,29): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (20858,36): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (21492,30): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (21499,30): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (21690,40): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (21892,25): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (21900,25): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (21908,25): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (21916,25): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (21924,25): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (21932,25): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (22125,34): run-time error CSS1030: Expected identifier, found ';' (22158,25): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (22492,21): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (22584,5): run-time error CSS1019: Unexpected token, found '@keyframes' (22585,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (22616,39): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (22663,25): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (22666,53): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (22882,57): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (23021,5): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23022,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23039,5): run-time error CSS1019: Unexpected token, found '@keyframes' (23040,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23201,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23202,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23229,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23230,8): run-time error CSS1035: Expected colon, found '{' (23236,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23237,8): run-time error CSS1035: Expected colon, found '{' (23261,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23262,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23274,1): run-time error CSS1019: Unexpected token, found '@keyframes' (23275,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23316,28): run-time error CSS1039: Token not allowed after unary operator: '-input-border-gray' (23405,17): run-time error CSS1039: Token not allowed after unary operator: '-light-blue' (23431,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-blue' (23435,35): run-time error CSS1039: Token not allowed after unary operator: '-light-gray' */ table.dataTable{clear:both;margin-top:6px !important;margin-bottom:6px !important;max-width:none !important;border-collapse:separate !important}table.dataTable td,table.dataTable th{-webkit-box-sizing:content-box;box-sizing:content-box}table.dataTable td.dataTables_empty,table.dataTable th.dataTables_empty{text-align:center}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}div.dataTables_wrapper div.dataTables_length label{font-weight:normal;text-align:left;white-space:nowrap}div.dataTables_wrapper div.dataTables_length select{width:75px;display:inline-block}div.dataTables_wrapper div.dataTables_filter{text-align:right}div.dataTables_wrapper div.dataTables_filter label{font-weight:normal;white-space:nowrap;text-align:left}div.dataTables_wrapper div.dataTables_filter input{margin-left:0.5em;display:inline-block;width:auto}div.dataTables_wrapper div.dataTables_info{padding-top:0.85em;white-space:nowrap}div.dataTables_wrapper div.dataTables_paginate{margin:0;white-space:nowrap;text-align:right}div.dataTables_wrapper div.dataTables_paginate ul.pagination{margin:2px 0;white-space:nowrap;justify-content:flex-end}div.dataTables_wrapper div.dataTables_processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-26px;text-align:center;padding:1em 0}table.dataTable thead>tr>th.sorting_asc,table.dataTable thead>tr>th.sorting_desc,table.dataTable thead>tr>th.sorting,table.dataTable thead>tr>td.sorting_asc,table.dataTable thead>tr>td.sorting_desc,table.dataTable thead>tr>td.sorting{padding-right:30px}table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{cursor:pointer;position:relative}table.dataTable thead .sorting:before,table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:before,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:before,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc_disabled:before,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:before,table.dataTable thead .sorting_desc_disabled:after{position:absolute;bottom:0.9em;display:block;opacity:0.3}table.dataTable thead .sorting:before,table.dataTable thead .sorting_asc:before,table.dataTable thead .sorting_desc:before,table.dataTable thead .sorting_asc_disabled:before,table.dataTable thead .sorting_desc_disabled:before{right:1em;content:"\2191"}table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after{right:0.5em;content:"\2193"}table.dataTable thead .sorting_asc:before,table.dataTable thead .sorting_desc:after{opacity:1}table.dataTable thead .sorting_asc_disabled:before,table.dataTable thead .sorting_desc_disabled:after{opacity:0}div.dataTables_scrollHead table.dataTable{margin-bottom:0 !important}div.dataTables_scrollBody table{border-top:none;margin-top:0 !important;margin-bottom:0 !important}div.dataTables_scrollBody table thead .sorting:after,div.dataTables_scrollBody table thead .sorting_asc:after,div.dataTables_scrollBody table thead .sorting_desc:after{display:none}div.dataTables_scrollBody table tbody tr:first-child th,div.dataTables_scrollBody table tbody tr:first-child td{border-top:none}div.dataTables_scrollFoot table{margin-top:0 !important;border-top:none}@media screen and (max-width: 767px){div.dataTables_wrapper div.dataTables_length,div.dataTables_wrapper div.dataTables_filter,div.dataTables_wrapper div.dataTables_info,div.dataTables_wrapper div.dataTables_paginate{text-align:center}}table.dataTable.table-condensed>thead>tr>th{padding-right:20px}table.dataTable.table-condensed .sorting:after,table.dataTable.table-condensed .sorting_asc:after,table.dataTable.table-condensed .sorting_desc:after{top:6px;right:6px}table.table-bordered.dataTable th,table.table-bordered.dataTable td{border-left-width:0}table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable td:last-child,table.table-bordered.dataTable td:last-child{border-right-width:0}table.table-bordered.dataTable tbody th,table.table-bordered.dataTable tbody td{border-bottom-width:0}div.dataTables_scrollHead table.table-bordered{border-bottom-width:0}div.table-responsive>div.dataTables_wrapper>div.row{margin:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:first-child{padding-left:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:last-child{padding-right:0} /*! * Bootstrap v4.0.0 (https://getbootstrap.com) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ html, body { width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } :root { --blue: var(--dark-blue); --red: #c1272d; --orange: #f7931e; --green: #8bc53f; --white: #fff; --gray: #f2f2f2; --gray-dark: #333333; --primary: var(--dark-blue); --secondary: #6c757d; --success: #8bc53f; --danger: #c1272d; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: "Roboto", Arial, Helvetica, sans-serif; --light-blue: rgb(1,147,215); --dark-blue: rgb(31, 79, 129); --light-gray: rgb(249,249,249); --mid-gray: #d6d6d6; --dark-gray: rgb(68,68,68); --progresstracker-current: rgb(29,188,62); --progresstracker-blue: rgb(30,90,143); --input-border-gray: #c5c5c5; --input-success-border: #96b66d; --input-error-border: #b76d63; } *, ::after, ::before { box-sizing: border-box } html { font-family: var(--font-family-sans-serif); line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent } @-ms-viewport { width: device-width } article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block } /* ---- fonts and headlines ----*/ body { width: 100%; margin: 0; font-family: var(--font-family-sans-serif); font-size: 16px; font-weight: 400; line-height: 1.5; color: #4d4d4d; text-align: left; background-color: #f3f2fc; } [tabindex="-1"]:focus { outline: 0 !important } hr { box-sizing: content-box; height: 0; overflow: visible } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem } p { margin-top: 0; margin-bottom: 1rem } .text-blue { color: var(--blue); } .no-sla-message { background-color: var(--blue); color: var(--white); padding: 5px 10px; } abbr[data-original-title], abbr[title] { text-decoration: underline; .footerMenuContainer-notLogged .copyright -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0 } address { margin-bottom: 1rem; font-style: normal; line-height: inherit } dt { font-weight: 700 } dd { margin-bottom: .5rem; margin-left: 0 } blockquote { margin: 0 0 1rem } dfn { font-style: italic } b, strong { font-weight: bolder } small { font-size: 80% } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; color: red; } sub { bottom: -.25em } sup { top: -.5em } a { color: var(--dark-blue); text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; } /* ---- links ----*/ a:hover { text-decoration: none; } a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { text-decoration: none } a:not([href]):not([tabindex]):focus { outline: 0 } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar } figure { margin: 0 0 1rem } img { vertical-align: middle; border-style: none } svg:not(:root) { overflow: hidden } table { border-collapse: collapse } /* ---- captions and labels caption { padding-top: .75rem; padding-bottom: .75rem; color: #6c757d; text-align: left; caption-side: bottom } label { display: inline-block; margin-bottom: .5rem } -----*/ /* ---- buttons ----*/ #buttons { padding-bottom: 50px; float: none !important; } #tabs.ui-widget input[type="submit"] { color: white; border: none; font-size: 14px; width: auto !important; height: auto !important; padding: .3rem 1rem; cursor: pointer; margin-right: 10px; display: inline-block; border-radius: 5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; text-align: center; background-color: #8bc53f; vertical-align: middle; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color } button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: 14px; line-height: inherit } [type=reset], [type=submit], button, html [type=button] { -webkit-appearance: button } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border-style: none } input[type=date], input[type=datetime-local], input[type=month], input[type=time] { -webkit-appearance: listbox } textarea { overflow: auto; resize: vertical } fieldset { min-width: 0; padding: 0; margin: 0; border: 0 } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal } progress { vertical-align: baseline } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto } [type=search] { outline-offset: -2px; -webkit-appearance: none } [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button } output { display: inline-block } summary { display: list-item; cursor: pointer } template { display: none } [hidden] { display: none !important } /* ---- more h1 - h6 ----*/ .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: .5rem; font-family: inherit; font-weight: 500; line-height: 1.2; color: inherit } .h1, h1 { font-size: 32px; color: var(--light-blue); } legend { font-size: 32px; color: var(--light-blue); } .h2, h2 { font-size: 32px; color: var(--light-blue); padding-bottom: 10px; border-bottom: .5px solid #1a5b86; } .h3, h3 { font-size: 1.75rem } .secondary-content h3 { margin-top: 35px; font-size: 22px; color: var(--dark-blue); font-weight: 500; } .secondary-content p { color: #4d4d4d; font-size: 16px; line-height: 1.55; width: 800px; } .h4, h4 { font-size: 1.5rem } .h5, h5 { font-size: 1.25rem } .h6, h6 { font-size: 1rem } .lead { font-size: 1.25rem; font-weight: 300 } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2 } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2 } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2 } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2 } .display-5 { font-size: 2.5rem; font-weight: 300; line-height: 1.2 } .display-6 { font-size: 1.5rem; font-weight: 300; line-height: 1.2 } .display-7 { font-size: 1.2rem; font-weight: 300; line-height: 1.2 } .display-8 { font-size: 0.9rem; line-height: 1.2 } hr { margin: 20px 0; border: 0; border-top: 1px solid rgba(0, 0, 0, .1); border-bottom: 1px solid #d6dde1; } .small, small { font-size: 80%; font-weight: 400 } .mark, mark { padding: .2em; background-color: #fcf8e3 } .secondary-order { margin: 10px; } span.bluebtn:hover { background-position: 0 50px; } /* ---- lists ----*/ .list-unstyled { padding-left: 0; list-style: none } .list-inline { padding-left: 0; list-style: none } .list-inline-item { display: inline-block } .list-inline-item:not(:last-child) { margin-right: .5rem } .initialism { font-size: 90%; text-transform: uppercase } /* ---- text styling ----*/ .blockquote { margin-bottom: 1rem; } .blockquote-footer { display: block; font-size: 80%; color: #6c757d } .blockquote-footer::before { content: "\2014 \00A0" } /* ---- images ----*/ .img-fluid { max-width: 100%; height: 250px; } .img-thumbnail { padding: .25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: .25rem; max-width: 100%; height: auto } .figure { display: inline-block } .figure-img { margin-bottom: .5rem; line-height: 1 } .figure-caption { font-size: 90%; color: #6c757d } /* ---- general styling ---- */ .nopadding { padding: 0 !important; margin: 0 !important; } /* ----- Code "Documentation and examples for displaying inline and multiline blocks of code with Bootstrap." - dont think we need this .pre-scrollable code, kbd, pre, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace } code { font-size: 87.5%; color: #e83e8c; word-break: break-word } a>code { color: inherit } pre { display: block; font-size: 87.5%; color: #212529 } pre code { font-size: inherit; color: inherit; word-break: normal } .pre-scrollable { max-height: 340px; overflow-y: scroll } ------- */ /* ---- Containers ----*/ .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } @media (min-width:576px) { .container { max-width: 540px } } @media (min-width:768px) { .container { max-width: 720px } } @media (min-width:992px) { .container { max-width: 960px } } @media (min-width:1300px) { .container { max-width: 1140px } } @media (min-width:1300px) { .modal-container { max-width: 940px } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } .container-flex { display: inline-flex; margin-bottom: 1em; padding: 0; } .container-flex ol.slalisting { margin: 0 15px 0 0; } /* ----- Rows Gutters and Columns -----*/ .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px } . case-status-detail-dlg .childrow { padding: 0; } .case-status-detail-dlg .container{ max-width: 98%; } .case-status-detail-dlg table.display_case_details{ max-width:98% !important; min-width: 98% !important; } .modal-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .no-gutters { margin-right: 0; margin-left: 0 } .no-gutters > .col, .no-gutters > [class*=col-] { padding-right: 0; padding-left: 0 } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .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-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .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-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .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-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none } /* ----- column wrapping ---*/ .col-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } .col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .col-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } .col-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .col-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } .col-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } .col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } /* ----- ordering for mobile and responsive .order-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 } .order-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13 } .order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } .order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } .order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4 } .order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5 } .order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6 } .order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7 } .order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8 } .order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9 } .order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10 } .order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11 } .order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12 } ---*/ /* ----- offset presets .offset-1 { margin-left: 8.333333% } .offset-2 { margin-left: 16.666667% } .offset-3 { margin-left: 25% } .offset-4 { margin-left: 33.333333% } .offset-5 { margin-left: 41.666667% } .offset-6 { margin-left: 50% } .offset-7 { margin-left: 58.333333% } .offset-8 { margin-left: 66.666667% } .offset-9 { margin-left: 75% } .offset-10 { margin-left: 83.333333% } .offset-11 { margin-left: 91.666667% } ------*/ /* ------ column sizing for mobile ---- */ @media (min-width:576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-sm-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none } .col-sm-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } .col-sm-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .col-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-sm-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .col-sm-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-sm-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } .col-sm-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .col-sm-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-sm-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } .col-sm-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } .col-sm-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-sm-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 } .order-sm-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13 } .order-sm-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } .order-sm-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .order-sm-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .order-sm-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } .order-sm-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4 } .order-sm-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5 } .order-sm-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6 } .order-sm-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7 } .order-sm-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8 } .order-sm-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9 } .order-sm-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10 } .order-sm-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11 } .order-sm-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12 } .offset-sm-0 { margin-left: 0 } .offset-sm-1 { margin-left: 8.333333% } .offset-sm-2 { margin-left: 16.666667% } .offset-sm-3 { margin-left: 25% } .offset-sm-4 { margin-left: 33.333333% } .offset-sm-5 { margin-left: 41.666667% } .offset-sm-6 { margin-left: 50% } .offset-sm-7 { margin-left: 58.333333% } .offset-sm-8 { margin-left: 66.666667% } .offset-sm-9 { margin-left: 75% } .offset-sm-10 { margin-left: 83.333333% } .offset-sm-11 { margin-left: 91.666667% } } @media (min-width:768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-md-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none } .col-md-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } .col-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .col-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } .col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .col-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } .col-md-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } .col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-md-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 } .order-md-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13 } .order-md-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } .order-md-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .order-md-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .order-md-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } .order-md-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4 } .order-md-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5 } .order-md-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6 } .order-md-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7 } .order-md-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8 } .order-md-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9 } .order-md-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10 } .order-md-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11 } .order-md-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12 } .offset-md-0 { margin-left: 0 } .offset-md-1 { margin-left: 8.333333% } .offset-md-2 { margin-left: 16.666667% } .offset-md-3 { margin-left: 25% } .offset-md-4 { margin-left: 33.333333% } .offset-md-5 { margin-left: 41.666667% } .offset-md-6 { margin-left: 50% } .offset-md-7 { margin-left: 58.333333% } .offset-md-8 { margin-left: 66.666667% } .offset-md-9 { margin-left: 75% } .offset-md-10 { margin-left: 83.333333% } .offset-md-11 { margin-left: 91.666667% } } @media (min-width:992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-lg-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none } .col-lg-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } .col-lg-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .col-lg-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-lg-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } .col-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .col-lg-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-lg-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } .col-lg-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } .col-lg-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-lg-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 } .order-lg-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13 } .order-lg-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } .order-lg-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .order-lg-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .order-lg-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } .order-lg-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4 } .order-lg-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5 } .order-lg-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6 } .order-lg-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7 } .order-lg-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8 } .order-lg-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9 } .order-lg-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10 } .order-lg-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11 } .order-lg-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12 } .offset-lg-0 { margin-left: 0 } .offset-lg-1 { margin-left: 8.333333% } .offset-lg-2 { margin-left: 16.666667% } .offset-lg-3 { margin-left: 25% } .offset-lg-4 { margin-left: 33.333333% } .offset-lg-5 { margin-left: 41.666667% } .offset-lg-6 { margin-left: 50% } .offset-lg-7 { margin-left: 58.333333% } .offset-lg-8 { margin-left: 66.666667% } .offset-lg-9 { margin-left: 75% } .offset-lg-10 { margin-left: 83.333333% } .offset-lg-11 { margin-left: 91.666667% } } @media (min-width:1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-xl-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none } .col-xl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } .col-xl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .col-xl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-xl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .col-xl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .col-xl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-xl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } .col-xl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .col-xl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-xl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } .col-xl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } .col-xl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-xl-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 } .order-xl-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13 } .order-xl-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } .order-xl-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .order-xl-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .order-xl-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } .order-xl-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4 } .order-xl-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5 } .order-xl-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6 } .order-xl-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7 } .order-xl-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8 } .order-xl-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9 } .order-xl-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10 } .order-xl-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11 } .order-xl-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12 } .offset-xl-0 { margin-left: 0 } .offset-xl-1 { margin-left: 8.333333% } .offset-xl-2 { margin-left: 16.666667% } .offset-xl-3 { margin-left: 25% } .offset-xl-4 { margin-left: 33.333333% } .offset-xl-5 { margin-left: 41.666667% } .offset-xl-6 { margin-left: 50% } .offset-xl-7 { margin-left: 58.333333% } .offset-xl-8 { margin-left: 66.666667% } .offset-xl-9 { margin-left: 75% } .offset-xl-10 { margin-left: 83.333333% } .offset-xl-11 { margin-left: 91.666667% } } table.display { clear: both; width: 100% !important; max-width: 100%; background: white; border-spacing: 0px 12px; border-collapse: separate; padding: 10px 10px 10px 0px; background-color: transparent; display: table !important; } table.dashboardTable { border-spacing: 0 !important; } table.dashboardTable tbody tr.odd { background-color: var(--light-gray) !important; } table.dashboardTable tbody tr.even { background-color: white !important; } table.dashboardTable td a{ color: var(--dark); } table.dashboardTable th { text-transform: uppercase; } table.dashboardTable tbody tr { background-color: #f2f2f2; } table.dashboardTable .sorting_asc, table.dashboardTable .sorting_desc, table.dashboardTable .sorting_asc:hover, table.dashboardTable .sorting_desc:hover { color: var(--light-blue); } td { padding: 10px 5px 10px 0px; font-size: 14px; } td a { font-weight: 600; margin-left: 10px; } table.display_case_details { clear: both; width: 90% !important; max-width: 90%; background-color: lightgray; border-spacing: 0px 1px; border-collapse: separate; padding: 5px 5px 5px 5px; background-color: transparent; display: table !important; } table.display_case_details th { font-weight: 600; } table.display_case_details td { font-weight: 200; background: #e6e6e6; } /*---- .row{ @media screen and (max-width: 580px){ padding: 14px 0 7px display: block &.header padding: 0 height: 6px .cell display: none .cell margin-bottom: 10px &:before margin-bottom: 3px content: attr(data-title) min-width: 98px font-size: 10px line-height: 10px font-weight: bold text-transform: uppercase color: #969696 display: block}} .cell{ padding: 6px 12px display: table-cell @media screen and (max-width: 580px){ padding: 2px 16px display: block }} */ .table td, .table th { padding: .75rem; vertical-align: top; } .table thead th { vertical-align: bottom; } .table-striped tbody tr { background-color: #f2f2f2; border-bottom: 4px solid white; } /* ---- tables --- */ .table tbody+tbody { } .table .table { background-color: #fff } .table-sm td, .table-sm th { padding: .3rem } .table-bordered { border: 1px solid #dee2e6 } .table-bordered { border: 1px solid #dee2e6 } .table-bordered td, .table-bordered th { border: 1px solid #dee2e6 } .table-bordered thead td, .table-bordered thead th { border-bottom-width: 2px } .table-borderless tbody + tbody, .table-borderless td, .table-borderless th, .table-borderless thead th { border: 0 } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, .05) } .table-hover tbody tr:hover { color: #212529; background-color: rgba(0, 0, 0, .075) } .table-primary, .table-primary>td, .table-primary>th { background-color: #f2f2f2 } .table-hover .table-primary:hover { background-color: #9fcdff } .table-hover .table-primary:hover>td, .table-hover .table-primary:hover>th { background-color: #9fcdff } .table-secondary, .table-secondary>td, .table-secondary>th { background-color: #f2f2f2 } .table-hover .table-secondary:hover { background-color: #f2f2f2 } .table-hover .table-secondary:hover>td, .table-hover .table-secondary:hover>th { background-color: #f2f2f2 } .table-success, .table-success>td, .table-success>th { background-color: #c3e6cb } .table-hover .table-success:hover { background-color: #b1dfbb } .table-hover .table-success:hover>td, .table-hover .table-success:hover>th { background-color: #b1dfbb } .table-info, .table-info>td, .table-info>th { background-color: #bee5eb } .table-hover .table-info:hover { background-color: #abdde5 } .table-hover .table-info:hover>td, .table-hover .table-info:hover>th { background-color: #abdde5 } .table-warning, .table-warning>td, .table-warning>th { background-color: #ffeeba } .table-hover .table-warning:hover { background-color: #ffe8a1 } .table-hover .table-warning:hover>td, .table-hover .table-warning:hover>th { background-color: #ffe8a1 } .table-danger, .table-danger>td, .table-danger>th { background-color: #f5c6cb } .table-hover .table-danger:hover { background-color: #f1b0b7 } .table-hover .table-danger:hover>td, .table-hover .table-danger:hover>th { background-color: #f1b0b7 } .table-light, .table-light>td, .table-light>th { background-color: #fdfdfe } .table-hover .table-light:hover { background-color: #ececf6 } .table-hover .table-light:hover>td, .table-hover .table-light:hover>th { background-color: #ececf6 } .table-dark, .table-dark>td, .table-dark>th { background-color: #c6c8ca } .table-hover .table-dark:hover { background-color: #b9bbbe } .table-hover .table-dark:hover>td, .table-hover .table-dark:hover>th { background-color: #b9bbbe } .table-active, .table-active>td, .table-active>th { background-color: rgba(0, 0, 0, .075) } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, .075) } .table-hover .table-active:hover>td, .table-hover .table-active:hover>th { background-color: rgba(0, 0, 0, .075) } .table .thead-dark th { color: #fff; background-color: #212529; border-color: #32383e } .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6 } .table-dark { color: #fff; background-color: #212529 } .table-dark td, .table-dark th, .table-dark thead th { border-color: #32383e } .table-dark.table-bordered { border: 0 } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, .05) } .table-dark.table-hover tbody tr:hover { background-color: rgba(255, 255, 255, .075) } /* ---- Responsive Tables --- */ @media (max-width:575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar } .table-responsive-sm>.table-bordered { border: 0 } } @media (max-width:767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar } .table-responsive-md>.table-bordered { border: 0 } } @media (max-width:991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar } .table-responsive-lg>.table-bordered { border: 0 } } @media (max-width:1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar } .table-responsive-xl>.table-bordered { border: 0 } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar } .table-responsive>.table-bordered { border: 0 } /* ----- Forms -------*/ input { display: inline-block; padding: .375rem .75rem; font-size: 14px; line-height: 1.5; color: #495057; background-clip: padding-box; border-radius: .25rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; margin-right: 5px } .profileLabel { font-size: 14px; } select { background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center; background-size: 8px 10px; -webkit-appearance: none; -moz-appearance: none; } option { background: #f2f2f2; } #page4_main #OwnerState, #page4_main #beneficiaryrelationship0, #page4_main #beneficiaryrelationship1, #page4_main #beneficiaryrelationship2, #page4_main #beneficiaryrelationship3, #page4_main #beneficiaryrelationship4, #page4_main #beneficiaryrelationship5, #page4_main #beneficiaryrelationship6, #page4_main #beneficiaryrelationship7, #page4_main #beneficiaryrelationship8, #page4_main #beneficiaryrelationship9, #page4_main #ownerrelationship, #page4_main #ownerrelationshipBusiness, #page4_main #beneficiaryrelationshipBusiness0, #page4_main #beneficiaryrelationshipBusiness1, #page4_main #beneficiaryrelationshipBusiness2, #page4_main #beneficiaryrelationshipBusiness3, #page4_main #beneficiaryrelationshipBusiness4, #page4_main #beneficiaryrelationshipBusiness5, #page4_main #beneficiaryrelationshipBusiness6, #page4_main #beneficiaryrelationshipBusiness7, #page4_main #beneficiaryrelationshipBusiness8, #page4_main #beneficiaryrelationshipBusiness9 { margin-top: 3px; } button, input[type=text], input[type="number"], optgroup, select, textarea, #tabs .dataTables_filter input, input#emailaddress, .txt-email, input#emailaddresstest, #page1_main input#childunits, #main-Login #LoginPassword, input#trusteenameaig, input#trusteelastaig, input#corporatenameaig, input#corporatelastaig, input#owneremailaddress, input#owneremailaddresstest, input[id^=beneficiaryemailaddress_], input[id^=beneficiaryemailaddresstest_], input#principalOrgEmailAddress { background-color: transparent; border: 1px solid var(--input-border-gray) !important; border-radius: .25rem; margin: 0; font-family: inherit; font-size: inherit; line-height: inherit } select { overflow: hidden; text-overflow: ellipsis; padding-right: 25px !important; } input[type="text"] { padding: .375rem .75rem !important; font-size: 14px !important; } input[type="text"]:focus { background: #f2f2f2; } .form-control::-ms-expand { background-color: transparent; border: 0 } .form-control:focus { color: #495057; background-color: #f2f2f2; border-color: var(--dark-blue); outline: 0; box-shadow: 0 0 0 .2rem rgba(39, 111, 255, .25) } .form-control::-webkit-input-placeholder { color: #6c757d; opacity: 1 } .form-control::-moz-placeholder { color: #6c757d; opacity: 1 } .form-control:-ms-input-placeholder { color: #6c757d; opacity: 1 } .form-control::-ms-input-placeholder { color: #6c757d; opacity: 1 } .form-control::placeholder { color: #6c757d; opacity: 1 } .form-control:disabled, .form-control[readonly], input[type="text"].readonly { border: 2px solid var(--mid-gray) !important; color: rgb(84, 84, 84); background-color:var(--light-gray); } #substandardtable:disabled { border: 1px solid #6c757d !important; color: rgb(84, 84, 84); opacity: .1; } /*select.form-control:not([size]):not([multiple]) { height: calc(2.25rem + 2px) }*/ select.form-control:focus::-ms-value { color: #495057; background-color: #fff } .form-control-file, .form-control-range { display: block; width: 100% } .col-form-label-lg { padding-top: calc(.5rem + 1px); padding-bottom: calc(.5rem + 1px); font-size: 1.25rem; line-height: 1.5 } .col-form-label-sm { padding-top: calc(.25rem + 1px); padding-bottom: calc(.25rem + 1px); font-size: .875rem; line-height: 1.5 } .form-control-plaintext { display: block; width: 100%; padding-top: .375rem; padding-bottom: .375rem; margin-bottom: 0; line-height: 1.5; background-color: transparent; border: solid transparent; border-width: 1px 0 } .form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm, .input-group-lg > .form-control-plaintext.form-control, .input-group-lg > .input-group-append > .form-control-plaintext.btn, .input-group-lg > .input-group-append > .form-control-plaintext.input-group-text, .input-group-lg > .input-group-prepend > .form-control-plaintext.btn, .input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text, .input-group-sm > .form-control-plaintext.form-control, .input-group-sm > .input-group-append > .form-control-plaintext.btn, .input-group-sm > .input-group-append > .form-control-plaintext.input-group-text, .input-group-sm > .input-group-prepend > .form-control-plaintext.btn, .input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text { padding-right: 0; padding-left: 0 } .form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text { padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem } .input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]), .input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), select.form-control-sm:not([size]):not([multiple]) { height: calc(1.8125rem + 2px) } .form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-append > .btn, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-prepend > .input-group-text { padding: .5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: .3rem } .input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]), .input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), select.form-control-lg:not([size]):not([multiple]) { height: calc(2.875rem + 2px) } /* ----- buttons for forms ----- */ .btn { display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .btn:focus, .btn:active:focus, .btn.active:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } .btn:active, .btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; pointer-events: none; opacity: .65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none } .btn-default { color: #333; background-color: #fff; border-color: #ccc } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { color: #333; background-color: #ebebeb; border-color: #adadad } .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { background-image: none } .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color: #fff; border-color: #ccc } .btn-default .badge { color: #fff; background-color: #333 } .btn-primary { color: #fff; background-color: var(--dark-blue); } .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { background-image: none } .btn-success { color: #fff; background-color: #8bc53f; } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { color: #fff; background-color: #83b239; } .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { background-image: none } .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { background-color: #8bc53f; } .btn-success .badge { color: #8bc53f; background-color: #fff } .btn-info{ color:#fff; background-color:#5bc0de; border-color:#46b8da } .btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{ color:#fff; background-color:#39b3d7; border-color:#269abc } .btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{ background-image:none } .btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active{ 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:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{ color:#fff; background-color:#ed9c28; border-color:#d58512 } .btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{ background-image:none } .btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active{ background-color:#f0ad4e; border-color:#eea236 } .btn-warning .badge{ color:#f0ad4e; background-color:#fff } .btn-danger{ color:#fff; background-color:#d9534f; border-color:#d43f3a } .btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{ color:#fff; background-color:#d2322d; border-color:#ac2925 } .btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{ background-image:none } .btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active{ background-color:#d9534f; border-color:#d43f3a } .btn-danger .badge{ color:#d9534f; background-color:#fff } .btn-link{ color:#428bca; font-weight:400; cursor:pointer; border-radius:0 } .btn-link,.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:#2a6496; text-decoration:underline; background-color:transparent } .btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{ color:#999; text-decoration:none } /* ----- button groups ----*/ .btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.33; 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%; padding-left: 0; padding-right: 0 } .btn-block + .btn-block { margin-top: 5px } /* ----- dropdowns ----- */ .dropdown { position: relative } .dropdown-toggle:focus { outline: 0 } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px !important; background-color: #f2f2f2; /*border:1px solid #ccc; border:1px solid rgba(0,0,0,.15);*/ border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); background-clip: padding-box } .bootstrap-select .dropdown-toggle .filter-option { position: absolute; top: 0; left: 0; height: 100%; width: 100%; text-align: left; padding: .375rem .75rem !important; font-size: 14px; } .bootstrap-select > .dropdown-toggle { position: relative; width: 100%; z-index: 1; text-align: right; white-space: nowrap; font-size: 14px; } .bootstrap-select .dropdown-toggle .filter-option-inner-inner { font-size: 14px; } .dropdown-menu.pull-right { right: 0; left: auto } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #f2f2f2 } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: #262626; background-color: #f5f5f5 } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; outline: 0; background-color: #428bca } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #999 } .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.42857143; color: #999 } .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 solid; content: "" } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; margin-bottom: 1px } /* ----- Dropdowns for mobile ----- */ @media (min-width:768px) { .navbar-right .dropdown-menu { left: auto; right: 0 } .navbar-right .dropdown-menu-left { left: 0; right: auto } } /* ----- form feedbacks ----- */ .form-group { margin-bottom: 1rem } .form-text { display: block; margin-top: .25rem } .form-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px } .form-row > .col, .form-row > [class*=col-] { padding-right: 10px; padding-left: 10px } .form-check { position: relative; display: block; padding-left: 1.25rem } .form-check-input { position: absolute; margin-top: .3rem; margin-left: -1.25rem } .form-check-input:disabled ~ .form-check-label { color: #6c757d } .form-check-label { margin-bottom: 0; font-size: 14px; } .form-check-inline { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 0; margin-right: .75rem } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: .3125rem; margin-left: 0; display: inline; width: auto; } .valid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: 80%; color: #8bc53f } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1; color: #fff; background-color: rgba(40, 167, 69, .8); border-radius: .2rem } .custom-select.is-valid, .form-control.is-valid, .was-validated .custom-select:valid, .was-validated .form-control:valid { border-color: #28a745 } .custom-select.is-valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .was-validated .form-control:valid:focus { border-color: #28a745; box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25) } .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip { display: block } .form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label { color: #28a745 } .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip, .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip { display: block } .custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label { color: #28a745 } .custom-control-input.is-valid ~ .custom-control-label::before, .was-validated .custom-control-input:valid ~ .custom-control-label::before { background-color: #71dd8a } .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip, .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip { display: block } .custom-control-input.is-valid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before { background-color: #34ce57 } .custom-control-input.is-valid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(40, 167, 69, .25) } .custom-file-input.is-valid ~ .custom-file-label, .was-validated .custom-file-input:valid ~ .custom-file-label { border-color: #28a745 } .custom-file-input.is-valid ~ .custom-file-label::before, .was-validated .custom-file-input:valid ~ .custom-file-label::before { border-color: inherit } .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip, .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip { display: block } .custom-file-input.is-valid:focus ~ .custom-file-label, .was-validated .custom-file-input:valid:focus ~ .custom-file-label { box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25) } .invalid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: 80%; color: #dc3545 } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1; color: #fff; background-color: rgba(220, 53, 69, .8); border-radius: .2rem } .custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid { border: 1px solid #dc3545 !important; border-color: #dc3545 } .custom-select.is-invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .was-validated .form-control:invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25) } .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip { display: block } .form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label { color: #dc3545 } .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip, .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip { display: block } .custom-control-input.is-invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label { color: #dc3545 } .custom-control-input.is-invalid ~ .custom-control-label::before, .was-validated .custom-control-input:invalid ~ .custom-control-label::before { background-color: #efa2a9 } .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip, .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip { display: block } .custom-control-input.is-invalid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before { background-color: #e4606d } .custom-control-input.is-invalid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(220, 53, 69, .25) } .custom-file-input.is-invalid ~ .custom-file-label, .was-validated .custom-file-input:invalid ~ .custom-file-label { border-color: #dc3545 } .custom-file-input.is-invalid ~ .custom-file-label::before, .was-validated .custom-file-input:invalid ~ .custom-file-label::before { border-color: inherit } .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip, .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip { display: block } .custom-file-input.is-invalid:focus ~ .custom-file-label, .was-validated .custom-file-input:invalid:focus ~ .custom-file-label { box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25) } .form-inline { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .form-inline .form-check { width: 100% } /* ----- mobile forms ----- */ @media (min-width:576px) { .form-inline label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0 } .form-inline .form-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0 } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle } .form-inline .form-control-plaintext { display: inline-block } .form-inline .input-group { width: auto } .form-inline .form-check { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: auto; padding-left: 0 } .form-inline .form-check-input { position: relative; margin-top: 0; margin-right: .25rem; margin-left: 0 } .form-inline .custom-control { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .form-inline .custom-control-label { margin-bottom: 0 } } /*----- buttons----*/ .btn { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out } .btn:focus, .btn:hover { text-decoration: none } .btn.focus, .btn:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25) } .btn.disabled, .btn:disabled { opacity: .65 } .btn:not(:disabled):not(.disabled) { cursor: pointer } .btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active { background-image: none } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none } .btn-primary { color: #fff; background-color: var(--dark-blue) } .btn-primary.focus, .btn-primary:focus { box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5) } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: var(--dark-blue); } .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #1b506d } .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(39, 111, 168, .5) } .btn-secondary { color: #fff; background-color: #b3b3b3; } .btn-secondary:hover { color: #fff; background-color: #e6e6e6; } .btn-secondary.focus, .btn-secondary:focus { box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5) } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d } .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #545b62; border-color: #4e555b } .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5) } .btn-success { color: #fff; background-color: #8bc53f } .btn-success:hover { color: #fff; background-color: #83b239 } .btn-success.focus, .btn-success:focus { box-shadow: 0 0 0 .2rem rgba(139, 197, 63, .5) } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #5a9b34 } .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #5a9b34 } .btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(90, 155, 52, .5) } .btn-info { color: #fff; background-color: #17a2b8; border-color: #17a2b8 } .btn-info:hover { color: #fff; background-color: #138496; border-color: #117a8b } .btn-info.focus, .btn-info:focus { box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5) } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #17a2b8; border-color: #17a2b8 } .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle { color: #fff; background-color: #117a8b; border-color: #10707f } .btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show>.btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5) } .btn-warning { color: #212529; background-color: #ffc107; border-color: #ffc107 } .btn-warning:hover { color: #212529; background-color: #e0a800; border-color: #d39e00 } .btn-warning.focus, .btn-warning:focus { box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5) } .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #ffc107; border-color: #ffc107 } .btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show>.btn-warning.dropdown-toggle { color: #212529; background-color: #d39e00; border-color: #c69500 } .btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show>.btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5) } .btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-danger:hover { color: #fff; background-color: #c82333; border-color: #bd2130 } .btn-danger.focus, .btn-danger:focus { box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5) } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show>.btn-danger.dropdown-toggle { color: #fff; background-color: #bd2130; border-color: #b21f2d } .btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show>.btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5) } .btn-light { color: #212529; border-color: var(--light-gray); } .btn-light:hover { color: #212529; background-color: #e2e6ea; border-color: #dae0e5 } .btn-light.focus, .btn-light:focus { box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5) } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa } .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle { color: #212529; background-color: #dae0e5; border-color: #d3d9df } .btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show>.btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5) } .btn-dark { color: #fff; background-color: #343a40; border-color: #343a40 } .btn-dark:hover { color: #fff; background-color: #23272b; border-color: #1d2124 } .btn-dark.focus, .btn-dark:focus { box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5) } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #343a40; border-color: #343a40 } .btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show>.btn-dark.dropdown-toggle { color: #fff; background-color: #1d2124; border-color: #171a1d } .btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show>.btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5) } .btn-outline-primary { color: #007bff; background-color: transparent; background-image: none; border-color: #007bff; border: 1px solid #007bff !important; } .btn-outline-primary:hover { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-outline-primary.focus, .btn-outline-primary:focus { box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5) } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #007bff; background-color: transparent } .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle { color: #fff; background-color: #007bff; border-color: #007bff } .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5) } .btn-outline-secondary { color: #6c757d; background-color: transparent; background-image: none; border-color: #6c757d; border: 1px solid #6c757d !important; } .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary.focus, .btn-outline-secondary:focus { box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5) } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6c757d; background-color: transparent } .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #6c757d; border-color: #6c757d } .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5) } .btn-outline-success { color: #28a745; background-color: transparent; background-image: none; border-color: #28a745; border: 1px solid #28a745 !important; } .btn-outline-success:hover { color: #fff; background-color: #28a745; border-color: #28a745 } .btn-outline-success.focus, .btn-outline-success:focus { box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5) } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #28a745; background-color: transparent } .btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show>.btn-outline-success.dropdown-toggle { color: #fff; background-color: #28a745; border-color: #28a745 } .btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5) } .btn-outline-info { color: #17a2b8; background-color: transparent; background-image: none; border-color: #17a2b8; border: 1px solid #17a2b8 !important; } .btn-outline-info:hover { color: #fff; background-color: #17a2b8; border-color: #17a2b8 } .btn-outline-info.focus, .btn-outline-info:focus { box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5) } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #17a2b8; background-color: transparent } .btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show>.btn-outline-info.dropdown-toggle { color: #fff; background-color: #17a2b8; border-color: #17a2b8 } .btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5) } .btn-outline-warning { color: #ffc107; background-color: transparent; background-image: none; border-color: #ffc107; border: 1px solid #ffc107 !important; } .btn-outline-warning:hover { color: #212529; background-color: #ffc107; border-color: #ffc107 } .btn-outline-warning.focus, .btn-outline-warning:focus { box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5) } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107; background-color: transparent } .btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show>.btn-outline-warning.dropdown-toggle { color: #212529; background-color: #ffc107; border-color: #ffc107 } .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5) } .btn-outline-danger { color: #dc3545; background-color: transparent; background-image: none; border-color: #dc3545; border: 1px solid #dc3545 !important; } .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-outline-danger.focus, .btn-outline-danger:focus { box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5) } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #dc3545; background-color: transparent } .btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show>.btn-outline-danger.dropdown-toggle { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5) } .btn-outline-light { color: #f8f9fa; background-color: transparent; background-image: none; border-color: #f8f9fa; border: 1px solid #f8f9fa !important; } .btn-outline-light:hover { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa } .btn-outline-light.focus, .btn-outline-light:focus { box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5) } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent } .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show>.btn-outline-light.dropdown-toggle { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa } .btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5) } .btn-outline-dark { color: #343a40; background-color: transparent; background-image: none; border-color: #343a40; border: 1px solid #343a40 !important; } .btn-outline-dark:hover { color: #fff; background-color: #343a40; border-color: #343a40 } .btn-outline-dark.focus, .btn-outline-dark:focus { box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5) } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #343a40; background-color: transparent } .btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show>.btn-outline-dark.dropdown-toggle { color: #fff; background-color: #343a40; border-color: #343a40 } .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5) } .btn-link { font-weight: 400; color: #007bff; background-color: transparent } .btn-link:hover { color: #0056b3; text-decoration: underline; background-color: transparent; border-color: transparent } .btn-link.focus, .btn-link:focus { text-decoration: underline; border-color: transparent; box-shadow: none } .btn-link.disabled, .btn-link:disabled { color: #6c757d } .btn-group-lg>.btn, .btn-lg { padding: .5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: .3rem } .btn-group-sm>.btn, .btn-sm { padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem } .btn-group-xs > .btn, .btn-xs { padding: .25rem .4rem; font-size: .875rem; line-height: .5; border-radius: .2rem; } .btn-block { display: block; width: 100% } .btn-block + .btn-block { margin-top: .5rem } input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block { width: 100% } .fade { opacity: 0; transition: opacity .15s linear } .fade.show { opacity: 1 } .collapse { display: none } .collapse.show { display: block; margin-left: 12px; } tr.collapse.show { display: table-row } tbody.collapse.show { display: table-row-group } .collapsing { position: relative; height: 0; overflow: hidden; transition: height .35s ease; } .dropdown, .dropup { position: relative } .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent } .dropdown-toggle:empty::after { margin-left: 0 } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: .5rem 0; margin: .125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .15); border-radius: .25rem } /* ----- dropdowns up, right and left .dropup .dropdown-menu { margin-top: 0; margin-bottom: .125rem } .dropup .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: .255em; content: ""; border-top: 0; border-right: .3em solid transparent; border-bottom: .3em solid; border-left: .3em solid transparent } .dropup .dropdown-toggle:empty::after { margin-left: 0 } .dropright .dropdown-menu { margin-top: 0; margin-left: .125rem } .dropright .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-bottom: .3em solid transparent; border-left: .3em solid } .dropright .dropdown-toggle:empty::after { margin-left: 0 } .dropright .dropdown-toggle::after { vertical-align: 0 } .dropleft .dropdown-menu { margin-top: 0; margin-right: .125rem } .dropleft .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: .255em; content: "" } .dropleft .dropdown-toggle::after { display: none } .dropleft .dropdown-toggle::before { display: inline-block; width: 0; height: 0; margin-right: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: .3em solid; border-bottom: .3em solid transparent } .dropleft .dropdown-toggle:empty::after { margin-left: 0 } .dropleft .dropdown-toggle::before { vertical-align: 0 } ----*/ .dropdown-divider { height: 0; margin: .5rem 0; overflow: hidden; border-top: 1px solid #e9ecef } .dropdown-item { display: block; width: 100%; padding: .25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0 } .dropdown-item:focus, .dropdown-item:hover { color: #16181b; text-decoration: none; background-color: #f8f9fa } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #007bff } .dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; background-color: transparent } .dropdown-menu.show { display: block; min-width: 100% !important; } .dropdown-header { display: block; padding: .5rem 1.5rem; margin-bottom: 0; font-size: .875rem; color: #6c757d; white-space: nowrap } /* ----- Button groups---*/ .btn-group, .btn-group-vertical { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle } .btn-group-vertical > .btn, .btn-group > .btn { position: relative; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto } .btn-group-vertical > .btn:hover, .btn-group > .btn:hover { z-index: 1 } .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus { z-index: 1 } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group, .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-left: -1px } .btn-toolbar { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .btn-toolbar .input-group { width: auto } .btn-group > .btn:first-child { margin-left: 0 } .btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0 } .dropdown-toggle-split { padding-right: .5625rem; padding-left: .5625rem } .dropdown-toggle-split::after { margin-left: 0 } .btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split { padding-right: .375rem; padding-left: .375rem } .btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split { padding-right: .75rem; padding-left: .75rem } .btn-group-vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .btn-group-vertical .btn, .btn-group-vertical .btn-group { width: 100% } .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-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0 } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0 } /* ----- INPUT GROUPs Easily extend form controls by adding text, buttons, or button groups on either side of textual inputs, custom selects, and custom file inputs. ----*/ .input-group { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100% } .input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; margin-bottom: 0; height: auto; } .input-group>.custom-file:focus, .input-group>.custom-select:focus, .input-group>.form-control:focus { z-index: 3 } .input-group>.custom-file+.custom-file, .input-group>.custom-file+.custom-select, .input-group>.custom-file+.form-control, .input-group>.custom-select+.custom-file, .input-group>.custom-select+.custom-select, .input-group>.custom-select+.form-control, .input-group>.form-control+.custom-file, .input-group>.form-control+.custom-select, .input-group>.form-control+.form-control { margin-left: -1px } .input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; height: auto; border: 1px solid #ced4da !important; } .input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0 } .input-group>.custom-file { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .input-group>.custom-file:not(:last-child) .custom-file-label, .input-group>.custom-file:not(:last-child) .custom-file-label::before { border-top-right-radius: 0; border-bottom-right-radius: 0 } .input-group>.custom-file:not(:first-child) .custom-file-label, .input-group>.custom-file:not(:first-child) .custom-file-label::before { border-top-left-radius: 0; border-bottom-left-radius: 0 } .input-group-append, .input-group-prepend { display: -webkit-box; display: -ms-flexbox; display: flex } .input-group-append .btn, .input-group-prepend .btn { position: relative; z-index: 2 } .input-group-append .btn+.btn, .input-group-append .btn+.input-group-text, .input-group-append .input-group-text+.btn, .input-group-append .input-group-text+.input-group-text, .input-group-prepend .btn+.btn, .input-group-prepend .btn+.input-group-text, .input-group-prepend .input-group-text+.btn, .input-group-prepend .input-group-text+.input-group-text { margin-left: -1px } .input-group-prepend { margin-right: -1px } .input-group-append { margin-left: -1px } .input-group-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: .375rem .75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef !important; border: 1px solid var(--input-border-gray) !important; border-radius: .25rem } .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group>.input-group-append:last-child>.input-group-text:not(:last-child), .input-group>.input-group-append:not(:last-child)>.btn, .input-group>.input-group-append:not(:last-child)>.input-group-text, .input-group>.input-group-prepend>.btn, .input-group>.input-group-prepend>.input-group-text { border-top-right-radius: 0; border-bottom-right-radius: 0 } .input-group>.input-group-append>.btn, .input-group>.input-group-append>.input-group-text, .input-group>.input-group-prepend:first-child>.btn:not(:first-child), .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child), .input-group>.input-group-prepend:not(:first-child)>.btn, .input-group>.input-group-prepend:not(:first-child)>.input-group-text { border-top-left-radius: 0; border-bottom-left-radius: 0; height: auto; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; } /*--- input[type="checkbox"]{ -webkit-appearance: checkbox; } input[type="radio"] { -webkit-appearance: radio; } input[type="radio"]+label { margin-left: 5px; } input[type="checkbox"]+label { margin-left: 5px; } *? /* ---- radio buttons, checkboxes, etc for a custom form ----*/ .custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem } .custom-control-inline { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-right: 1rem } .custom-control-input { position: absolute; z-index: -1; opacity: 0 } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; background-color: #007bff } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 .5px #fff, 0 0 0 .05rem rgba(0, 123, 255, .25) } .custom-control-input:active ~ .custom-control-label::before { color: #fff; background-color: #b3d7ff } .custom-control-input:disabled ~ .custom-control-label { color: #6c757d } .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef } .custom-control-label { margin-bottom: 0 } .custom-control-label::before { position: absolute; top: .25rem; left: 0; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #dee2e6 } .custom-control-label::after { position: absolute; top: .25rem; left: 0; display: block; width: 1rem; height: 1rem; content: ""; background-repeat: no-repeat; background-position: center center; background-size: 50% 50% } .custom-checkbox .custom-control-label::before { border-radius: .25rem } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: #007bff } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { background-color: #007bff } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E") } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, .5) } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(0, 123, 255, .5) } /* custom select menu */ .custom-select { display: inline-block; width: 100%; height: calc(2.25rem + 2px); padding: .375rem 1.75rem .375rem .75rem; line-height: 1.5; color: #495057; vertical-align: middle; background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center; background-size: 8px 10px; border: 1px solid #ced4da; border-radius: .25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none } .custom-select:focus { border-color: #80bdff; outline: 0; box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 5px rgba(128, 189, 255, .5) } .custom-select:focus::-ms-value { color: #495057; background-color: #fff } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: .75rem; background-image: none } .custom-select:disabled { color: #6c757d; background-color: #e9ecef } .custom-select::-ms-expand { opacity: 0 } .custom-select-sm { height: calc(1.8125rem + 2px); padding-top: .375rem; padding-bottom: .375rem; font-size: 75% } .custom-select-lg { height: calc(2.875rem + 2px); padding-top: .375rem; padding-bottom: .375rem; font-size: 125% } /* ------ navs----*/ header { background-color:white; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } #profiletoolbar { position: absolute; display: block; top: 20px; right: 30px; font-size: 12px; color: var(--light-blue); font-weight:bold; } #profiletoolbar a { color: var(--light-blue); } #profiletoolbar a:hover { color: var(--light-blue); } #spanLogout.link { font-family: var(--font-family-sans-serif); outline: none; font-weight: bold; cursor: pointer; } #spanLogout.link:hover { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* ------ case status ------*/ .status-hero { background-image: url("Images/home_page_assets/Background-HowViveWorks.png"); background-repeat: no-repeat; background-size: cover; text-align: left; padding: 20px 60px 0px 60px; border-radius: 10px 10px 0px 0px; } .status-hero h1 { color: white; } #main-case-status .secondary-content p { width: auto; } #main-case-status img { width: 100%; } #main-case-status .statusMobile { width: 70%; position: absolute; bottom: 0; right: 0; } #main-case-status .status-hero .col-8 { margin-top: auto; margin-bottom: auto; height: 100%; max-width: 70%; flex: 0 0 70%; } #main-case-status .status-hero .col-4 { max-width: 30%; flex: 0 0 30%; position: relative; } #main-case-status .secondary-content .col-5 { margin-top: 30px } #main-case-status .status-hero .row { min-height: 220px; } #main-case-status { background: white; margin: 50px; border-radius: 10px; box-shadow: 0 0 20px #ccc; } #main-case-status .slaAlert, #main-case-status .slaIncomplete, #main-case-status .slaComplete, #main-case-status .slaPending { margin-right: 10px; } #main-case-status .slaKey { font-size: 13px; margin-left: 30px; white-space: nowrap; } #main-case-status h5 { color: var(--dark-blue); font-size: 18px; font-weight: 600; text-align: center; } /* ------ vive score ------*/ .score-hero { border-radius: 10px 10px 0px 0px; } .score-hero h1 span, .status-hero h1 span { font-style: italic; font-weight: 600; text-transform: uppercase; } .score-hero h1, .status-hero h1 { font-size: 45px; font-weight: 300; } .status-hero h1 { font-size: 30px; width: 60%; } .score-hero-container h1 { margin: 30px 0; } .score-hero-container .col-8 { padding: 82px 181px 84px 113px; } .score-hero-container .score-hero-image { max-width: 100%; max-height: 100%; height: auto; width: 100%; position: relative; border-radius: 10px 10px 0 0; } #main-vive-score h4 { font-size: 16px; } #main-vive-score-container .scoreList span { font-weight: 600; } #main-vive-score sup { color: #4d4d4d; } #main-vive-score .carouselImage4 { padding-top: 20px; } #main-vive-score img.viveScore, #main-vive-score-container img.viveScore { width: 100%; margin-top: 35px; } #main-vive-score-container { max-width: 1328px; margin: 50px auto; background: white; border-radius: 10px; box-shadow: 0 0 20px #ccc; padding-bottom: 60px; } #main-vive-score-container .secondary-content { padding: 0px 35px 0px 35px; position: relative; } #main-vive-score-container .secondary-content p { width: 100%; } #main-vive-score-container .secondary-content .secondary-content-container, #main-vive-score-container .secondary-content .major-updates-container { padding: 15px 35px 0; margin: 0; display: flex; } #main-vive-score-container .secondary-content .major-updates-content { border-radius: 3px; background-color: #f1f6f9; border-left: 5px solid var(--dark-blue); padding: 32px; } #main-vive-score-container .secondary-content .major-updates-content h1 { margin-bottom: 32px; } #main-vive-score-container .secondary-content .major-updates-content h3 { margin-top: 0px; font-size: 18px; color: var(--dark-blue); font-weight: bold; } #main-vive-score-container .secondary-content .major-updates-container .majorUpdatesList { padding-left: 25px; } #main-vive-score-container .secondary-content .major-updates-container .majorUpdatesList span { color: var(--dark-blue); font-weight: bold; } #main-vive-score-container .secondary-content-container #vive-score-full-demo { left: 50%; position: relative; font-size: 22px; margin: 30px 0 50px; transform: translate(-50%); width:100%; border-radius:30px; } #main-vive-score-container .secondary-content-container #vive-score-full-demo:hover { color: #fff; } #main-vive-score-print-version { position: absolute; top: -50px; text-decoration: underline; color: inherit; margin-top: 5px; font-size: 14px; right: 20px; } /*------ au page ------*/ .au-hero { background-image: url("Images/home_page_assets/carousel2Background.jpg"); background-repeat: no-repeat; background-size: cover; text-align: left; padding: 20px 60px; border-radius: 10px 10px 0px 0px; } #main-au .auImage1 { width: 115%; margin-top: 25px; } #main-au h3, #main-vive-score h3, #main-case-status h3 { font-size: 18px; font-weight: 600; color: var(--light-blue); } #main-case-status h3 { color: var(--dark-blue); margin-bottom: 15px; } #main-au .au-hero .col-7 { margin-top: auto; margin-bottom: auto; } #main-au .container { margin-top: 40px; } #main-au .carrierHeading { margin-top: 60px; margin-bottom:20px; } .carrierHeading h2 { color: var(--dark-blue); border-bottom: 1px solid var(--light-gray); font-weight: bold !important; font-size: 37px; } .carrierPGHeading { padding: 35px 30px 0px; } .carrierPGHeading h2 { color: var(--light-blue); position: relative; z-index: 2; border: none !important; } .carrierPGHeading h2 span { margin: 0; padding: 0 10px; background: #fff; display: inline-block; } .pgDesc { margin: 0px 45px; border-bottom: 2px solid var(--light-gray); } #main-au .auDesc p a, #main-carriers-products .pgDesc p a { color: var(--light-blue); text-decoration: none; } #main-au .AUHome { width: 80%; margin: 20px; } #main-au sup { color: inherit; } #main-au .auReq .col-3 .tableHead { padding: 30px; margin-left: auto; margin-right: auto; display: block; } #main-au .auReq .col-3 .tableHead img { margin-right: auto; margin-left: auto; display: block; } #main-au hr{ background-color: black; } #main-au .auReq div { display: flex; margin: auto 0px; } #main-au .auReq h3 { font-size: 14px; text-transform: uppercase; font-weight: 700; color: #4d4d4d; letter-spacing: .5px; margin: auto 0 !important; } #main-au .auReq h4 { font-size: 14px; font-weight: 600; padding-top: 20px; } #main-au .auReq ul { margin-top: 5px; padding-left: 20px; font-size: 14px; list-style-type: none; } #main-au .auReq { margin-top: 40px; margin-bottom: 20px; } #main-au .auReqTable { margin: 30px 0px 0px 0px; } #main-au .auReqTable h5 { font-weight:bold; text-transform: uppercase; } #main-au .auReq { margin: 20px auto; } #main-au .row.footer-print{ margin 0 !important; } .auReq span.tableHead { border: none; display: inline-block; margin: auto; } .auReq span.tableHead img{ max-width: 95%; height: 2em; } .auReq ul { margin-top: 30px; padding-left: 10px; } .auReq .carrier-name{ display: flex; padding-left: 0 !important; } .auReq .carrier-logo-container{ display:flex; } /* ---- share quote page ------*/ #main-share-quote img { width: 100%; } #main-share-quote .share-hero { background-image: url("Images/home_page_assets/Background-HowViveWorks.png"); background-repeat: no-repeat; text-align: left; padding: 60px; background-size: cover; border-radius: 10px 10px 0px 0px; } #main-share-quote { background: white; margin: 50px; border-radius: 10px; box-shadow: 0 0 20px #ccc; } #main-share-quote .share-hero h1 { font-size: 30px; color: white; font-weight: 300; } #main-share-quote .share-hero h1 span { text-transform: uppercase; font-style: italic; font-weight: 600; } #main-share-quote h2 { color: var(--dark-blue); border-bottom: none; font-size: 28px; padding-bottom: 0; } #main-share-quote .secondary-content { margin-top: 40px; } #main-share-quote .secondary-content p { width: auto; } #main-share-quote h4 { font-size: 28px; color: #2770a9; text-align: center; font-weight: 300; } #main-share-quote h4 span.shareItalic { font-weight: 600; } #main-share-quote .shareContent { margin-top: 50px; } #main-share-quote .secondary-content .col-12 p { font-size: 18px; } #main-share-quote p a { color: var(--light-blue); text-decoration: none; } /* ---- affiliated page ------*/ #main-affiliate-agencies, #main-au, #main-vive-score, #main-case-status { background: white; margin: 50px; border-radius: 10px; box-shadow: 0 0 20px #ccc; padding-bottom: 60px; } #main-affiliate-agencies .helpRow .col-6 { padding-right: 20px; } .affiliated-hero { background-image: url("Images/home_page_assets/carousel2Background.jpg"); background-repeat: no-repeat; text-align: left; padding: 60px; background-size: cover; border-radius: 10px 10px 0px 0px; } #main-affiliate-agencies .helpRow { margin: 60px 0px; } .affiliated-hero h1, #main-au h1 { font-size: 45px; font-weight: 300; color: var(--dark-blue); } #main-affiliate-agencies .helpRow h2 { border-bottom: none; font-size: 28px; } .affiliatedHero, .auHero { text-transform: capitalize; font-style: italic; font-weight: 600; } #main-affiliate-agencies .accessAffiliated, #main-affiliate-agencies .affiliatedDesc { text-align: center; } #main-affiliate-agencies .secondary-content p, #main-au .secondary-content p, #main-vive-score .secondary-content p { width: auto; } #main-affiliate-agencies .secondary-content { padding: 0; } .accessAffiliated h2, .carrierHeading h2 { position: relative; z-index: 2; border-bottom: none; } .row.accessAffiliated.associate { padding-top: 30px; } /* ---- affiliated logos ----*/ .row.bgaLogoRow.AssociateBGA div.col-3:nth-of-type(4) { display: none; } .row.bgaLogoRow.AssociateBGA div.col-3 a[href*="https://www.myinforcesolutions.com/"] { display: none; } img.bgaLogo { max-width: 100%; width: auto; max-height: 70px; margin: auto; display: block; } img.NBALogo, img.VIPLogo, img.HermanLogo, img.MerzLogo { max-width: 100%; width: auto; max-height: 100px; margin: auto; display: block; } img.NBALogo { max-height: 120px; } .bgaLogoRow .col-3 { margin: auto; } .bgaLogoRow { width: 100%; height: 150px; } img.VIPLogo { margin-top: 40px; } .FPGLogo, .InnovativeLogo, .RasberryLogo, .AIGLogo, .BBALogo { max-height: 50px; margin: auto; display: block; max-width: 100%; width: auto; } /* ----- how vive works ----*/ #main-how-vive-works p a { color: var(--light-blue); text-decoration: none; } #main-how-vive-works .fade { display: none; } #main-how-vive-works .fade.show { display: block; } #main-how-vive-works #v-pills-tab { border-right: 1px solid #c1c2c4; padding-right: 20px; display:inline-block; } #main-how-vive-works #v-pills-tab a { display: block; color: var(--dark-gray); font-weight: normal; text-align: center; padding: 10px 5px; line-height: 1.2em !important; margin: 15px 10px; } #main-how-vive-works .viveSteps h3 { font-size: 18px; color: var(--dark-blue); font-weight: 600; letter-spacing: .5px; margin-top: 0; } #main-how-vive-works .viveSteps p { font-size: 14px; margin-bottom: 25px; } #main-how-vive-works .viveSteps { border: 1px solid #c1c2c4; border-radius: 10px; padding: 30px; margin: 5% 10%; } #main-how-vive-works .viveSteps .col-4, #main-how-vive-works .viveSteps .col-8 { margin-top: 30px; margin-bottom: auto; } #main-how-vive-works .viveSteps #v-pills-step1 .col-8 { margin: auto; } div#v-pills-tabContent { min-height:340px; display: flex; justify-content: center; align-items: center; } #main-how-vive-works .viveSteps img { width: 60%; margin-right: auto; margin-left: auto; display: block; } #main-how-vive-works .viveSteps .ShareButton { width: 45%; } #main-how-vive-works .viveSteps .MouseButton { width: 40%; } #main-how-vive-works h2 { font-weight: 500; border-bottom: none; color: var(--dark-blue); margin-top: 50px; font-size: 24px; } #main-how-vive-works .viveSteps .col-2 { margin-top: auto; margin-bottom: auto; } #main-how-vive-works .about-hero { background-image: url("Images/home_page_assets/Background-HowViveWorks.png"); background-repeat: no-repeat; background-size: cover; text-align: left; padding: 20px 60px; border-radius: 10px 10px 0px 0px; } #main-how-vive-works { background: white; margin: 50px; border-radius: 10px; box-shadow: 0 0 20px #ccc; } .about-hero h1 span { text-transform: uppercase; font-style: italic; font-weight: 600; } #main-how-vive-works .about-hero h1 { font-size: 45px; color: white; text-align: left; margin: 0; font-weight: 300; } #main-how-vive-works p { width: auto; } #main-how-vive-works .secondary-content { padding-bottom: 40px; } #main-how-vive-works .about-hero .col-7 { margin-top: auto; margin-bottom: auto; } /* ---- about-vive ----*/ #main-userprofile fieldset { display: inline-block; } /* ---- old about-vive #main-about-vive h4{ font-size:16px; line-height: 22px; } #main-about-vive .secondary-cta-content, #main-about-vive .secondary-cta-button{ display:none; } #main-about-vive .secondary-cta.text-only .secondary-cta-content{ display:block; } #main-about-vive .secondary-cta h2{ font-size:28px; display:block; } .media-left-line { border: 2px solid #8bc53f; position: absolute; margin: 20px 120px; height: 90%; } #main-about-vive .media{ width:95%; } #main-about-vive .about-hero .col-7, #main-about-vive .about-hero .col-4{ margin-top:auto; margin-bottom:auto; } .about-hero { background: linear-gradient(to right, var(--light-blue), var(--dark-blue)); text-align: center; padding: 60px; } .about-hero h1 { Font-size: 50px; font-weight: 200; color: white; margin-bottom: 60px; } ----*/ /*----- About - Carrier-products ---- */ #main-carriers-products { background: white; margin: 50px; border-radius: 10px; box-shadow: 0 0 20px #ccc; overflow: hidden; } #main-carriers-products.print-version { padding: 50px 25px 0px; } #main-carriers-products th { color: var(--dark); font-weight: 700; background: white; font-weight: 600; padding-bottom: 10px !important; text-transform: uppercase; } #main-carriers-products table#carriers-products-guide th { color: #707070; font-weight: 700; background: white; font-weight: 600; padding-top: 10px !important; border-bottom: 2px solid #8bc53f; } #main-carriers-products table#carriers-products-guide th.col-1-print { width: 8% } #main-carriers-products table#carriers-products-guide th.col-1-5-print { width: 13% } #main-carriers-products table#carriers-products-guide th.col-2-print { width: 16.6666% } #main-carriers-products table#carriers-products-guide th.col-3-print { width: 24.6666% } #main-carriers-products tr.odd { background-color: var(--light-gray); } #main-carriers-products.print-version tr.odd { background-color: #f0f7e7; } #main-carriers-products #specsheets { width: 100%; color: #4d4d4d; border-collapse: collapse !important; table-layout: fixed; } #main-carriers-products #specsheets a, #main-carriers-products #specsheets .label-as-link { color: var(--dark-blue); font-weight: 600; display: inline-block; } #main-carriers-products #specsheets .label-as-link { margin-left: 5px; margin-right: -5px; } #main-carriers-products th, #main-carriers-products td { padding: 15px 20px; } #main-carriers-products td{ color:var(--dark); } #main-carriers-products table#carriers-products-guide th, #main-carriers-products table#carriers-products-guide td { padding: 0px 5px !important; } #main-carriers-products .interior-content { padding-bottom: 200px; } #main-carriers-products table#carriers-products-guide { margin-top: 25px; } #main-carriers-products div#footer { margin-top: 10px; } #main-carriers-products div#footer img { width: 120px; height: 45px; margin-bottom: 10px; } #main-carriers-products div#footer .bottom-edge { background: linear-gradient(to right, var(--light-blue), var(--dark-blue)); display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; position: relative; list-style: none; bottom: 0; width: 104%; left: -2%; height: 20px; } .interior-cta-content h3 { color: var(--dark-blue); text-align: center; padding: 80px 0px 20px 0px; font-size: 24px; } #main-carriers-products a#cta_button_422644_5efd7683-2ae0-4049-a8f4-cd7bd7190a37, a#cta_button_422644_4708f479-2712-4e67-892b-4a780395e145, #cta_button_422644_5efd7683-2ae0-4049-a8f4-cd7bd7190a37, .interior-sidebar .signup.redbtn { background-color: #8bc53f; margin: 0 auto; display: table; font-size: 14px; padding: .3rem 1rem; text-transform: capitalize; font-weight: 400; } a#cta_button_422644_4708f479-2712-4e67-892b-4a780395e145:hover, #main-carriers-products a#cta_button_422644_5efd7683-2ae0-4049-a8f4-cd7bd7190a37:hover, .interior-sidebar .signup.redbtn:hover { background-color: #8bc53f; color: white; } #main-carriers-products h1 { border-bottom: 1px solid var(--dark-blue); padding-bottom: 10px; } #main-carriers-products h1.interior-title { border-bottom: 1px solid var(--dark-blue); padding: 15px 20px; } #main-carriers-products h4 { border-bottom: 1px solid var(--light-gray); padding-bottom: 10px; color: var(--light-blue); } #main-carriers-products .interior-sidebar .interior-widget:last-of-type, #main-carriers-products .interior-cta-content { display: none; } /* ---- Edit User Profile ----*/ #main-userprofile { background: white; margin: 50px; border-radius: 10px !important; box-shadow: 0 0 20px #ccc; padding: 10px 40px; } #main-userprofile select { padding: .375rem .75rem; font-size: 14px; } #main-userprofile #update { margin-right: auto !important; margin-left: auto !important; margin-top: 40px; border: none; color: white; font-size: 14px; width: auto !important; height: auto !important; padding: .3rem 1rem; cursor: pointer; letter-spacing: 0; border-radius: 5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; text-align: center; background-color: #8bc53f; vertical-align: middle; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; } .modal-body .interior-content { width: 100%; padding: 15px; margin: 0px; font-size: 14px; } .modal-body .interior-content h3 { font-size: 20px; color: var(--dark-blue); padding-top: 20px; } #myModalLabel { background-color: none !important; } #main-userprofile #useredit2 input.success, #main-userprofile #useredit2 textarea.success, #main-userprofile #useredit2 select.success { background-color: #f1f8e8 !important; border: 1px solid var(--input-success-border) !important; } #useredit2 .form-group.row.col-lg-6.col-xs-12.col-sm-12:last-of-type { display: inline; width: 100%; float: left; } #useredit2 .form-group.row.col-lg-6.col-xs-12.col-sm-12:last-of-type label { width: auto; float: left; } #useredit2 .form-group.row.col-lg-6.col-xs-12.col-sm-12:last-of-type input { width: auto; float: left; margin-top: 5px; } #useredit2 .form-group.row.col-lg-6.col-xs-12.col-sm-12:last-of-type a { width: 100%; float: left; padding: 0px; margin-top: 2px; } #useredit2 input#send_auto_emails { margin-top: 5px; } #main-userprofile div[style*="margin-top:-10px;width:285px;float: right"] { width: 110% !important; } /* success and failure codes*/ #page1_main input[type=radio].success, #page2_main input[type=radio].success, #page3_main input[type=radio].success, #page4_main input[type=radio].success, #page5_main input[type=radio].success { background: #4a4a4a !important; border: 1px solid #a8a8a8; } /*------ Contact Us ----*/ div#divMainContent { display: block !important; min-height: auto !important; } #main-contact { background: white; margin: 50px; border-radius: 10px; box-shadow: 0 0 20px #ccc; overflow: auto; } #main-contact a { font-weight: 600; } #main-contact h3 a:first-of-type { font-size: 20px; } #main-contact p { font-size: 14px; } #contact { width: 100%; } #contact td.department { background: var(--light-gray) !important; font-style: italic; color: var(--dark-blue); } #contact td.name { color: var(--dark-blue); } #contact tr { background: white !important; } #contact td, #contact th { padding-left: 20px; } #contact th { color: var(--dark-blue); font-weight: 700; background: white; font-style: normal; font-size: 16px; } #contact td { font-size: 16px; } #main-contact h1 { border-bottom: 1px solid var(--dark-blue); padding-bottom: 10px; } #main-contact h3 { margin: 30px 0px; font-size: 14px; } table#contact a { color: #4d4d4d; } /*----- Log In -----*/ #topbar { display: none; } nav li { float: left; display: inline; color: white; } nav#v3 form { float: left; margin: 0px; padding: 0px; width: auto; } nav#v3 { z-index: 1; } nav#v3 .account { margin-top: -10px; height: 78px; overflow: hidden; padding-top: 0px; } #loginwrap { position: relative; } #loginwrap * { position: relative; } #loginwrap input { margin-top: 11px; font-weight: normal !important; } #loginwrap input[type="text"], input[type="password"] { border: 1px solid var(--input-border-gray) !important; padding: .375rem .75rem !Important; } #loginwrap input[type="submit"] { padding: .3rem 1.5rem !Important; } #global_loginbox { width: auto; float: left; padding: 0px; } nav#v3 input[type=text], nav#v3 input[type=password] { background: white; font-size: 11px !important; border: none; } nav#v3 .account li { padding: 10px 0px; margin-top: 0px; margin-left: 4px; } nav#v3 .account li.last { position: relative; } #top_account { position: relative; margin-top: 11px; padding: .3rem .75rem !Important; font-size:14px; } #Check_Header_Unauth { display: block; position: relative; height: 25px; display: block; text-align: left; } #forgot { position: relative; } #forgot a:link, #forgot a:visited, #forgot a:active { color: var(--light-blue); font-weight: 300; font-size: 11px; float: left; padding-left: 0px; } .account a { text-decoration: none; padding: 5px 10px 5px 5px; } .graybtn { margin-left: 4px; background: #8bc53f; color: white; font-size: 11px; padding: .3rem 1rem; border: none; cursor: pointer; vertical-align: middle; cursor: pointer; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; overflow: hidden; text-align: center; } .whitebtn-newDesign { background: white; color: var(--light-blue); padding: .5rem 1rem; border: 1px solid var(--light-blue) !important; cursor: pointer; vertical-align: middle; cursor: pointer; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; overflow: hidden; text-align: center; border-radius:17px; } .graybtn-newDesign { background: var(--dark-gray); color: white; padding: .3rem 1rem; border: 1px solid white !important; cursor: pointer; vertical-align: middle; cursor: pointer; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; overflow: hidden; text-align: center; border-radius: 17px; } .bluebtn { display: inline-block; font-size: 13px; padding: .3rem 1rem; color: white !important; margin-left: 4px; border-radius: 5px; background: var(--dark-blue); border: none; cursor: pointer; vertical-align: middle; cursor: pointer; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; overflow: hidden; text-align: center; } .redbtn { background: #c1272d; color: white; font-size: 11px; padding: .3rem 1rem; border: none; border-radius: 5px; cursor: pointer; vertical-align: middle; cursor: pointer; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; overflow: hidden; text-align: center; } .bluebtn-newDesign { background: var(--light-blue); color: white; padding: .5rem 1rem; border: 1px solid white !important; border-radius: 19px; cursor: pointer; vertical-align: middle; cursor: pointer; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; overflow: hidden; text-align: center; } .transparentbtn-newDesign { background-color: transparent; color: var(--light-blue); padding: .5rem 1rem; border: 1px solid var(--light-blue) !important; border-radius: 19px; cursor: pointer; vertical-align: middle; cursor: pointer; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; overflow: hidden; text-align: center; } .transparentwhitebtn-newDesign { background-color: transparent; color: white; padding: .5rem 1rem; border: 1px solid white !important; border-radius: 19px; cursor: pointer; vertical-align: middle; cursor: pointer; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; overflow: hidden; text-align: center; } .interior-sidebar .bluebtn-newDesign { font-size: 14px; letter-spacing: .5px; font-weight: 600; } .interior-widget .bluebtn-newDesign { display: table; margin-right: auto; margin-left: auto; margin-top: 20px; margin-bottom: 10px; font-weight: 600 !important; } .main-logo, #adminheader { background-image: url(/content/images/Vive_Hexure_Logo_Color_500.png); background-repeat: no-repeat; height: 119px; width: 300px; display: block; float: left; position: relative; margin: 1px 40px; background-size: 300px; } /* .main-logo:after{ content:"Click Logo to Return to Home Page"; color:white; font-size:10px; display:block; white-space: nowrap; margin-top:87px; margin-left:45px; } */ .main-logo span, .footer-logo span, #adminheader span { Display: none; } nav ul { list-style-type: none; position: absolute; right: 30px; margin-top: 70px; } .adminmenu { width: 40% !important; margin-top: 50px !Important; float: right; } #menuwrapper li, #adminwrapper li { position: relative; padding-left: 15px; text-align: right; list-style-type: none; display: inline-block } #menuwrapper .submenu li { padding-left: 8px; padding-right: 8px; } #menuwrapper .submenu li { width: 100%; text-align: left; } #menuwrapper li a, #adminwrapper li a{ color: var(--light-blue); font-size: 14px; list-style: none; font-weight: normal; } #menuwrapper li a{ font-weight:bold; font-size:16px; } #footerMenuContainer { display: inline-flex; } .footerMenuContainer-logged { background-color: white !important; color: var(--light-blue) !important; } .footerMenuContainer-notLogged { background-color: var(--light-blue) !important; color: white !important; } .footerMenuContainer-notLogged .copyright{ color: white; } .footerMenuContainer-logged .copyright { color: var(--light-blue); } .footerMenuContainer-logged li a { color: var(--light-blue) !important; border-color: var(--light-blue) !important; } .footerMenuContainer-notLogged li a { color: white !important; } #menuwrapper li:hover .submenu, #adminwrapper li:hover .submenu { z-index: 1051 !important; margin-top: 1.5rem; visibility: visible; } #menuwrapper li .submenu, #adminwrapper li .submenu, #footermenu li .submenu { position: absolute; left: 1em; width: 170px; display: inline; visibility: hidden; background: white; box-shadow: 0 0 4px #ccc; text-align: left; padding: 5px 0px 5px 0px; margin-top: 25px; border-radius: 6px; white-space: nowrap; } nav#v3 #menuwrapper li .submenu.how-works { display: inline-table; left: -30px; } #menuwrapper li:last-of-type .submenu { width: 100%; } #menuwrapper li .submenu li a { color: var(--light-blue); font-size: 13px; font-weight: normal !important; } #menuwrapper li .submenu li a:hover { } #slider, ul, header { overflow: visible; } /*------ Footer -----*/ .footerbtn { background: #A0A0A0; color: white; font-size: 11px; font-weight: 600; padding: .1rem 1rem; letter-spacing: 1px; border: none; border-radius: 2px; cursor: pointer; vertical-align: middle; cursor: pointer; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; overflow: hidden; text-align: center; position: relative; float: right !important; position: absolute; right: 20px; bottom: 140px; } .footerbtn:hover { color: white; background: var(--dark-blue); } .mainContainer { display: block; position: relative; padding-bottom: 200px; } .mainContainer-printVersion { display: block; position: relative; padding-bottom: 1px; } .mainContainer-carriers-product-guide { display: block; position: relative; padding-bottom: 1px; } footer { background: white; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; position: absolute; bottom: 0; width: 100% } .footer-logo { background-image: url(/Content/Images/Vive_Logo-COLOR.png); background-repeat: no-repeat; display: block; float: left; position: relative; background-size: contain; margin-top: 10px !important; height: 100px; max-height: 120px; width: 180px; margin-right: 15px; } .copyright { text-align: right; color: white; display: inline-block; font-size: 10px; position: relative; margin-top: auto; margin-bottom: auto; } footer .content-wrapper { background: white; padding: 30px 50px; } footer #footermenu ul { list-style: none; } footer #footermenu li { display: inline; } footer #footermenu li a { padding-right: 7px; padding-left: 5px; border-right: 1.2px solid white; font-size: 12px; } footer #footermenu li:last-of-type a { border-right: none; } footer #footermenu li:first-of-type a { padding-left: 0; } footer #footerbgaaddress a { color: #4d4d4d; font-size: 14px; margin-top: 10px; display: inline-block; } footer #footerbgaaddress a br:nth-of-type(2) { display: none; } footer #footerbgaaddress a[href="https://www.google.com/maps/place/3700 Embassy ParkwaySuite 450 Akron, Akron"] br:nth-of-type(3), footer #footerbgaaddress a[href="https://www.google.com/maps/place/888 South Harrison StreetSuite 900 Fort Wayne, Fort Wayne"] br:nth-of-type(3) { display: none; } footer .content-wrapper.container.col-sm-12 div[style*="background-image:url('/Content/images/logos/tnbc.png'); "] { background-repeat: no-repeat; display: block; float: left; position: relative; background-size: contain; height: 80px; max-width: 120px; } footer .content-wrapper.container.col-sm-12 div[style*="background-image:url('/Content/images/logos/ash.png'); "] { background-repeat: no-repeat; display: block; float: left; position: relative; background-size: contain; height: 90px; max-width: 250px; margin-right: 40px; margin-top: -5px !Important; } footer .content-wrapper.container.col-sm-12 div[style*="background-image:url('/Content/images/logos/target.png');"] { background-repeat: no-repeat; display: block; float: left; position: relative; background-size: contain; height: 90px; max-width: 250px; width: 250px; margin-top: -10px !important; margin-right: 40px; } footer .content-wrapper.container.col-sm-12 div[style*="background-image:url('/Content/images/logos/bsmg.png'); "] { background-repeat: no-repeat; display: block; float: left; position: relative; background-size: contain; height: 35px; max-width: 375px; width: 270px; margin-top: 20px !important; margin-right: 40px; display: block; } footer .content-wrapper.container.col-sm-12 div[style*="background-image:url('/Content/images/logos/bua.png'); "] { background-repeat: no-repeat; display: block; float: left; position: relative; background-size: contain; height: 90px; max-width: 210px; } footer .content-wrapper.container.col-sm-12 div[style*="background-image:url('/Content/images/logos/nba.svg'); "] { display: block; float: left; position: relative; background-size: contain; height: 80px; max-width: 210px; margin-right: -20px; } footer #footerbgaaddress { margin-top: auto; margin-bottom: auto; } /* ------ Progress Bread Crumb Indicator ----*/ .progress-indicator { list-style: none; width: 75%; margin: 0 auto; padding: 50px 0px 40px 0px; display: table; table-layout: fixed; } .progress-indicator > li { position: relative; display: table-cell; text-align: center; font-size: 28px; } .progress-indicator > li span { position: absolute; color: #e6e6e6; transform: translateX(-50%); font-weight: 700; font-size: 13px; letter-spacing: 0.05px; text-transform: uppercase; width: 100%; } .progress-indicator > li::before { content: attr(data-step); display: block; margin: 0 auto; background: #e6e6e6; width: 1em; height: 1em; text-align: center; margin-bottom: 0.25em; line-height: 1.5em; border-radius: 100%; position: relative; z-index: 1; } .progress-indicator > li::after { content: ''; position: absolute; display: block; background: #e6e6e6; width: 100%; height: 0.15em; top: 50%; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); left: 50%; margin-left: 1.5em\9; z-index: 0; } /* complete and current colors for breadcrumbs*/ .progress-indicator > li:last-child:after { display: none; } .progress-indicator > li.is-complete { color: var(--progresstracker-blue); } .progress-indicator > li.is-complete::before, .progress-indicator > li.is-complete::after { color: var(--progresstracker-blue); background: var(--progresstracker-blue); } .progress-indicator > li.is-complete span { color: var(--progresstracker-blue); } .progress-indicator > li.is-current { color: var(--progresstracker-current); } .progress-indicator > li.is-current::before { color: var(--progresstracker-current); background: var(--progresstracker-current); } .progress-indicator > li.is-current span { color: var(--progresstracker-current); } /*------ nav tabs -----*/ #dashboardwrapper { background: white; margin: 30px 50px 50px 50px; border-radius: 0px 0px 10px 10px; box-shadow: 0 0 20px #ccc; } #tabs .ui-tabs-nav { margin-top: -5px; padding: 0; width: 100%; -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: stretch; align-items: stretch; } #tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; flex: 1; text-align: center; } #tabs .ui-tabs-nav li.ui-tabs-active a { color: var(--light-blue); letter-spacing: 1px; text-transform: uppercase; box-shadow: 0px 5px 0px var(--light-blue) inset; background-color:transparent } #tabs .ui-tabs-nav li a { width: 100%; text-transform: uppercase; display: block; letter-spacing: 1px; margin-bottom: 50px; padding-top: 10px; padding-bottom: 10px; color: #666666; background-color: var(--light-gray); font-weight: 700; } a#placedorders_tab, a#savedorders_tab, a#casestatus_tab, a#reports_tab, a#dashboards_tab, a#documents_tab, a#admin_tab { border-right: .25px solid #cccccc; background: white; } .nav-tabs .nav-item { margin-bottom: -1px } .nav-tabs .nav-link { color: var(--dark-blue); font-weight: 300; text-transform: uppercase } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0 } /* ----- Sign Up Demo Order -----*/ #main-demo-signup { background: white; margin: 5% 25%; border-radius: 10px; box-shadow: 0 0 20px #ccc; } /* reports tab */ #reportSelect { padding: .375rem .75rem; } /* Tableau reports tab */ #reportSelectTableau { padding: .375rem .75rem; } /* ---- new login ----*/ #main-Login { background: white; margin-top: 5%; margin-right: auto; margin-left: auto; border-radius: 10px; box-shadow: 0 0 20px #ccc; padding: 40px !important; width: fit-content; } #main-Login #loginextras { display: none; } #main-Login .graybtn { Display: inline-block; border-radius: 5px; color: white; margin-right: 10px; padding: .3rem 1rem; text-align: center; vertical-align: middle; font-size: 14px; cursor: pointer; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; background-color: #8bc53f; height: auto !important; letter-spacing: .5px; } /* ----- log in and sign up page div#main-Login li.ui-tabs-tab{ width:50%!important; } div#main-Login #tabs{ background: white; margin: 30px 20% 50px 20%; border-radius: 0px 0px 10px 10px; box-shadow: 0 0 20px #ccc; } div#main-Login #useredit{ margin:10px 200px; } #useredit2 .row:nth-of-type(23){ display:inline!important; } div#main-Login select#state{ display:block; width:100%!important; margin-top:0px!important; padding:.375rem .75rem; } div#main-Login .checkbox{ width:auto; display:inline-block; } div#tabs-signup a { float:right; font-size:12px; color:var(--dark-blue); font-weight:bold; } div#tabs-signup label{ font-size:14px; } div#main-Login div[style*="margin-left: 400px;"]{ margin:0px 300px!important; } div[aria-hidden='true'] { display: none; } div#main-Login div[style*="margin-left: 90%;"]{ margin-left:40%!important; } #main-login #tabs .ui-tabs-nav li { width: 50%!important; } #tabs-signup { margin: 0% 5% } #main-login .graybtn { padding: .5rem 1.5rem; font-size: 14px; } #main-Login h2{ text-align:left!important; padding-left:10px; } #loginbox { position: static; } #loginbox h2 { width:160%; margin-left:-100px; margin-bottom:30px; } #loginbox td:nth-of-type(1), #loginbox td:nth-of-type(3){ padding:10px 5px 0px 5px; margin-bottom:-5px; } body#login-1 #main #tabs.ui-widget input[type="submit"] { padding: .5rem 1.5rem; font-size: 14px; } #login_error { text-decoration: none; text-align: center; } #login_error a { color: var(--dark-blue); font-weight: 600; text-decoration: none!important; margin-left:0; } #loginbox br{ display:none; } #login_error a:hover { font-weight: 700; } #loginextras { text-align: left; font-size: 20px; color: var(--dark-blue); font-weight: 600; padding-top: 20px; padding-bottom:40px; margin-top:20px; width: 50%; margin-right: auto; margin-left: auto; } #tabs-login tr{ display:grid; } #tabs-login tr:nth-of-type(4){ display:inline; } #tabs-login{ margin-left:0; min-width:100%; } #tabs-login input#login{ margin-left:20px; float:right; } #loginbox table{ min-width:50%; margin-left:auto; margin-right:auto; } #loginbox input[type="text"], #loginbox #LoginPassword{ width:100%; } #loginextras a { font-size: 14px; color: white; background: #8bc53f; font-weight: 400; padding: .3rem 1rem; border-radius: 5px; text-align:center; text-decoration: none!important; margin-top:20px; display:inline-block; } #loginextras a:nth-of-type(2){ display:none; } #loginextras a:hover { font-weight: 600; } -----*/ form table { margin: auto; } #page1_main .pb-3:nth-of-type(8) { margin-bottom: 5px; } @media (max-width:1199.98px) { .cmxform { margin: 0; } } @media (max-width:991.98px) { .cmxform { margin: 0 } } @media (max-width:767.98px) { .cmxform { margin: 0 } } @media (max-width:575.98px) { .cmxform { margin: 0 } } .cmxform select { width: 100%; height: 34px; font-size: 14px; line-height: 1.5; color: #495057; background-clip: padding-box; border: .5px solid var(--input-border-gray); border-radius: .25rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; margin-top: 10px; } .cmxform input { width: 100%; display: block; } #promo_code label { font-size: 10px; } /* ----- Account - Manage -----*/ #main-manage { background: white; margin: 5% 25%; border-radius: 10px; box-shadow: 0 0 20px #ccc; } /* ----- Account - Recovered Password -----*/ #main-recoverpassword { background: white; margin: 5% 15%; max-width: 100%; border-radius: 10px; box-shadow: 0 0 20px #ccc; overflow: auto; } #main-recoverpassword .interior-content { width: 90%; } #main-recoverpassword h2 { text-align: left !important; border-bottom: .5px solid #1a5b86 !important; margin: 0px !important; } #main-recoverpassword .redbtn { background: #8bc53f; font-size: 14px !important; display: inline-block; } #main-recoverpassword input#email { background-color: #f2f2f2; border: none !important; border-radius: .25rem; padding: .375rem .75rem !important; } #main-recoverpassword label#email-error { font-size: 12px; color: #c1272d; display: block; } #main-recoverpassword form#recoverpassword { margin-left: 20px; margin-top: 40px !important; } /* ----- Account - Register -----*/ #main-register { background: white; margin: 5% 25%; border-radius: 10px; box-shadow: 0 0 20px #ccc; } /* ----- Account - Session Expired -----*/ #main-session_expired { background: white; margin: 50px 15%; border-radius: 10px; box-shadow: 0 0 20px #ccc; padding: 50px 50px 200px 50px; } #main-session_expired p { text-align: center; } #main-session_expired .secondary-content p { width: auto !important; } #main-session_expired a { font-weight: 600; } #main-session_expired h2 { text-align: center; border-bottom: none; } /* ----- Account - Forgot Password -----*/ #main-ForgotPassword { background: white; margin: 5% 25%; border-radius: 10px; box-shadow: 0 0 20px #ccc; padding: 0px !important; max-width: 800px; } #main-ForgotPassword div { padding: 40px 40px 20px 40px !important; margin-left: auto; margin-right: auto; } #main-ForgotPassword br { display: none; } #main-ForgotPassword h2 { text-align: left !important; border-bottom: 2px solid var(--light-gray) !important; margin: 0px !important; font-size: 32px !important; color: var(--light-blue) !important; font-weight: normal !important; } #main-ForgotPassword #btnCancel, #main-ForgotPassword #btnSubmit { font-size: 14px !important; display: inline-block; padding: .3rem 1rem !important; font-weight: 400 !Important; cursor:pointer; } #main-ForgotPassword p[style*="padding-bottom: 5px; width:350px"] { width: 100% !important; margin-top: 40px; } #main-ForgotPassword input:nth-of-type(3) { margin-left: 30px; } #main-ForgotPassword label { position: inherit !important; bottom: 0px !important; } /* ---- Cancel order ------- */ #main-Cancel { background: white; margin: 50px 20%; border-radius: 10px; box-shadow: 0 0 20px #ccc; overflow: hidden; padding: 10px 50px; } #main-Cancel #backtosubmit, #main-Cancel #returntohome { margin-bottom: 10px; background-color: var(--dark-blue); border-radius: 5px; font-size: 14px !important; font-weight: 400; color: white; font-size: 16px; margin-left: 4px; padding: .3rem 1rem; vertical-align: middle; cursor: pointer; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; overflow: hidden; text-align: center; } #main-Cancel #cancelagreementform, #main-Cancel #buttons { margin-left: auto; margin-right: auto; width: auto !important; } #main-Cancel #buttons { margin-top: 20px; } /* ----- Account - Change Password -----*/ #main-ChangePassword { background: white; margin-top: 5%; margin-right: auto; margin-left: auto; border-radius: 10px; box-shadow: 0 0 20px #ccc; padding: 0px !important; width: fit-content; padding: 20px 40px !important; } #main-ChangePassword h2 { text-align: left !important; border-bottom: .5px solid #1a5b86 !important; margin: 0px !important; font-size: 32px !important; color: var(--dark-blue) !important; font-weight: normal !important; } #main-ChangePassword #regbox { margin-top: 40px; } #main-ChangePassword input#newPassword, #main-ChangePassword input#confirmPassword { background-color: #f2f2f2; border: none !important; border-radius: .25rem; font-family: inherit; font-size: inherit; line-height: inherit; margin-left: 5px; } /* ----- Account - Change Password Success -----*/ #main-ChangePasswordSuccess { background: white; margin: 5% 25%; border-radius: 10px; box-shadow: 0 0 20px #ccc; } /* ----- Contracting SB -----*/ #main-contractsb { background: white; margin: 50px 50px; border-radius: 10px; box-shadow: 0 0 20px #ccc; } #main-contractsb iframe { width: 100% !important; padding: 40px; border: none; } /*------- Admin ---------*/ #main-index-Admin { background: white; margin: 50px 50px; border-radius: 10px; box-shadow: 0 0 20px #ccc; overflow: hidden; padding-bottom:15px } #main-index-Admin h2 { text-align: left; /*border-bottom: 1px solid var(--light-gray);*/ padding-bottom: 10px; padding-top: 30px; margin: 20px 60px; } #main-index-Admin h2 a{ font-size: 14px; } #main-index-Admin hr{ width: 95%; margin: 20px auto; } #main-index-Admin .colwrap { margin-left: 40px; } #main-index-Admin .resultstitle { background-color: transparent; color: var(--light-blue); font-size: 14px; margin-left: 10px; margin-top: 10px; padding: 5px; width: auto; display: inline-block; } #main-index-Admin .col3.noborder.highlight { height: auto !important; padding: 40px; margin-left: 20px; width: 30%; display: block; float: left; background: #f2f2f2; border-radius: 8px; margin-bottom: 50px; } #main-index-Admin p { text-align: left !important; padding: 20px; } /*------- BGA Admin ---------*/ .main-index-Admin { background: white; margin: 50px 50px; border-radius: 10px; box-shadow: 0 0 20px #ccc; overflow: auto; } .main-index-Admin h2 { text-align: left; border-bottom: 1px solid var(--dark-blue); padding-bottom: 10px; padding-top: 30px; margin: 20px 60px; } .main-index-Admin .colwrap { margin-left: 40px; } .main-index-Admin .col3.noborder.highlight { height: auto !important; padding: 40px; margin-left: 20px; width: 30%; display: block; float: left; background: #f2f2f2; border-radius: 8px; margin-bottom: 50px; } .main-index-Admin p { text-align: left !important; padding: 20px; } /*----- sso test ------*/ #Form_GetToken { background: white; margin: 50px 50px; border-radius: 10px; box-shadow: 0 0 20px #ccc; overflow: auto; } #Form_GetToken fieldset { width: auto !important; } #Form_GetToken legend { text-align: center; } #Form_GetToken table { margin-bottom: 80px; } /* ----- admin orders list -------*/ #main-index-Orders { background: white; margin: 50px 50px; border-radius: 10px; box-shadow: 0 0 20px #ccc; overflow: auto; } #main-index-Orders div#results div.result { padding: 10px 15px; margin: 0 0 10px; height: 250px; width: 625px; border: #000 1px solid; background-image: linear-gradient(to bottom, #fff, #dfe8ff); background-repeat: no-repeat; position: relative; vertical-align: middle; z-index: 0; font-size: 90%; } #main-index-Orders div#orderssidebar { margin-right: 40px; margin-top: 40px; } #main-index-Orders div#results { padding: 0; float: left; width: 680px; margin-left: 40px; margin-top: 40px; } #main-index-Orders #search { margin-top: 40px; margin-right: 10px; margin-left: 40px; padding: 5px; display: block; border-bottom: 1px solid #ddd; } /* ----- admin product list -------*/ #main-productList { background: white; margin: 50px 50px; border-radius: 10px; box-shadow: 0 0 20px #ccc; overflow: auto; } #main-productList h3 { margin: 40px; } #main-productList .dataTables_wrapper { margin: 40px; } #main-productList .paging_full_numbers { width: auto !important; height: auto !important; margin-left: auto; margin-right: auto; display: block; } /* ----- System Alerts -----*/ #main-alertsystem { background: white; margin: 50px 150px; border-radius: 10px; box-shadow: 0 0 20px #ccc; } .rightlabel { text-align: right; } .top-buffer { margin-top: 20px; } .hr_aling { margin-left: 60px; margin-right: 60px; } .div_aling_messages { margin: 0px 50px; } .div_aling_messages_tittle { margin: 0px 50px; padding-top: 45px; } #tbl_messages_paginate { text-align: center; padding: 10px 0px; } #tbl_messages_next:hover { color: white !important; } #tbl_messages_previous:hover { color: white !important; } .textbox_aling { width:inherit; } /* ----- Contracting index -----*/ div#main-index-Contracting { background: white; margin: 50px 50px; border-radius: 10px; box-shadow: 0 0 20px #ccc; } #main-index-Contracting a{ color: var(--light-blue); text-decoration: underline; } #main-index-Contracting h2 { text-align: left; border-bottom: .5px solid #1a5b86; margin-left: -20px; } #main-index-Contracting h3 { color: var(--light-blue); } #main-index-Contracting .secondary-content { margin-left: 20px; padding: 40px; } #main-index-Contracting .secondary-content p { width: auto; } #main-index-Contracting .secondary-content p:nth-of-type(1) { margin-top: 40px; font-weight: 600; } /*------- FAQ ----*/ #main-faq { background: white; margin: 50px; border-radius: 10px; box-shadow: 0 0 20px #ccc; overflow: auto; } #main-faq h1 { border-bottom: 1px solid var(--dark-blue); padding-bottom: 10px; } #main-faq a { font-weight: 600; } #main-faq h2 { text-align: left; font-size: 20px; margin-top: 50px; margin-left: 5px; text-transform: capitalize; border-bottom: none; } .faq-group { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, .125); border-radius: .25rem } .faq-question { padding: .75rem 1.25rem; margin-bottom: 0; border-bottom: 1px solid rgba(0, 0, 0, .125); cursor: pointer; color: var(--dark-blue); text-decoration: none; background-color: #e7e7e7; border-color: transparent; font-size: 14px; font-weight: 600; } #main-faq .ui-accordion-header-active { background-color: var(--dark-blue); color: white; } .faq-question:hover, .faq-question:active { color: white; background-color: var(--dark-blue); } .faq-question:first-child { border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0 } .faq-answer { Display: none; } .faq-answer { font-size: 14px; margin: 20px 10px 20px 20px; } .ui-accordion .ui-accordion-content-active { display: block } /*------- How it works - E-signature ----*/ #main-e-signatures { background: white; margin: 5%; border-radius: 10px; box-shadow: 0 0 20px #ccc; } /*------- How it works ----*/ #main-how-it-works { background: white; margin: 5%; border-radius: 10px; box-shadow: 0 0 20px #ccc; } .howitworks-hero { text-align: center; background: linear-gradient(to right, var(--light-blue), var(--dark-blue)); padding: 60px; } #main-how-it-works h1 { Font-size: 50px; font-weight: 200; color: white; margin-bottom: 60px; } .secondary-cta-content h2 { Font-size: 32px; font-weight: 600; margin: 60px 170px; border-bottom: none; text-align: center; } .secondary-content { padding: 0px 35px 0px 35px; position: relative; } .secondary-content .media-left i.section-number.odd-number { left: 160px; top: 30px; } #main-about-vive .secondary-cta-button { padding-bottom: 40px; margin-top: -40px; } .secondary-content .media-left i.section-number { position: absolute; width: 50px; height: 50px; background-color: #8bc53f; color: white; border-radius: 30px; padding: 0; line-height: 48px; text-align: center; font-size: 35px; font-weight: 600; font-style: normal; } .secondary-content .media-left img { background-color: #fff; width: 180px; height: auto; } .secondary-content .media-left, .secondary-content .media > .pull-left { padding: 20px 30px; position: relative; width: 287px; } .secondary-content .media-body, .secondary-content .media-left, .secondary-content .media-right { display: table-cell; vertical-align: top; } .secondary-content .media, .secondary-content .media-body { overflow: hidden; width: 75%; } /*------- Home - index ----*/ .home-hero .carousel-control-next, .home-hero .carousel-control-prev { width: 5%; } .home-hero .carousel-caption { right: 5%; top: 5%; left: 5%; min-width: 94%; display: block !Important; } .home-hero .carousel-caption.d-none.d-md-block .container .row div:nth-of-type(2) { margin-top: -30px; } .home-hero .carousel-caption.d-none.d-md-block .container .row .col-5.even { margin-top: auto; margin-bottom: auto; } .home-hero .carousel-caption.d-none.d-md-block .container .row img.carouselImage4 { margin-top: 30px; } .home-hero .col-5.even { margin-top: auto; margin-bottom: auto; display: block; margin-left: -50px; } .home-hero img.carouselImage3, .home-hero img.carouselImage5, .home-hero img.carouselImage1, .home-hero img.carouselImage2 { width: 100%; height: auto; } .home-hero img.carouselImage4 { height: auto; width: 50%; } .home-hero .carouselEven h2, .home-hero .carouselEven p { color: var(--dark-blue); } .home-hero .homeCarouselBtn, .carouselBtn, a#cta_button_422644_104cb0ce-fc71-493f-ab32-7776d36d4e2d, a#cta_button_422644_104cb0ce-fc71-493f-ab32-7776d36d4e2d:hover, a#cta_button_422644_104cb0ce-fc71-493f-ab32-7776d36d4e2d:active { margin-left: 4px; background: #8bc53f; color: white; font-size: 16px; padding: .3rem 1rem; border: none; cursor: pointer; vertical-align: middle; cursor: pointer; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; overflow: hidden; text-align: center; border-radius: 4px; text-transform: none; font-weight: 500; } .home-hero .homeCarouselBtn, a#cta_button_422644_104cb0ce-fc71-493f-ab32-7776d36d4e2d, a#cta_button_422644_104cb0ce-fc71-493f-ab32-7776d36d4e2d:hover, a#cta_button_422644_104cb0ce-fc71-493f-ab32-7776d36d4e2d:active { float: left; } .carouselBtn { display: inline-block; } #car #carouselDashboard .carousel-item { height: 250px !important; } #carouselDashboard .carouselImage2 { width: 110%; margin-top: 15px; } #carouselDashboard .carouselImage5 { width: 110%; margin-top: -15px; } #carouselDashboard .carouselImage6 { width: 60%; } #main-home-index { background: white; margin: 5%; border-radius: 10px; box-shadow: 0 0 20px #ccc; } .home-hero { position: relative; } .home-hero .container, #carouselDashboard .container { max-width: 100%; padding: 0; } #carouselDashboard .container { margin-top: auto; margin-bottom: auto; position: absolute; top: 0; } .home-hero h2, .home-hero p { color: #fff; color: #fff; line-height: 1.3em; margin-bottom: 30px; text-align: left; } .home-hero h2 { font-size: 50px; font-weight: normal; padding-bottom: 0px; border-bottom: none; } .home-hero p { font-size: 30px; font-weight: normal; } .home-hero-comm { background-size: cover; padding: 40px 50px; position: relative; } .home-hero-comm h2, .home-hero-comm p { color: #fff; width: 375px; line-height: 1.3em; margin-bottom: 30px; } .home-hero-comm h2 { font-size: 24pt; font-weight: 700; } .home-hero-comm p { font-size: 16pt; font-weight: 600; } .home-hero .carousel1Background, .home-hero .carousel2Background, .home-hero .carousel3Background, #carouselDashboard .carousel3Background, #carouselDashboard .carousel1Background, #carouselDashboard .carousel2Background { width: 100%; height: auto; } #carouselDashboard .carousel3Background, #carouselDashboard .carousel1Background, #carouselDashboard .carousel2Background { border-radius: 10px; } #carouselDashboard .carousel-caption.d-none.d-md-block .container .row .col-4, #carouselDashboard .carousel-caption.d-none.d-md-block .container .row .col-3, #carouselDashboard .carousel-caption.d-none.d-md-block .container .row .col-5 { margin-top: auto; margin-bottom: auto; } #carouselDashboard { position: relative; width: 100%; overflow: hidden; border-radius: 10px 10px 10px 10px; } #carouselDashboard .carousel-item .row { height: 250px; margin-top: auto; margin-bottom: auto; } #carouselDashboard p { font-size: 19px; padding-bottom: 10px; } a.dasboardCarouselBtn, a.dasboardCarouselStartBtn { margin-right: 10px; } #carouselDashboard .col-7, #carouselDashboard .col-8, #carouselDashboard .col-9 { margin-top: auto; margin-bottom: auto; } #carouselDashboard .carouselEven, #carouselDashboard .carouselEven h2 { color: var(--dark-blue); } .carouselButton { position: absolute; z-index: 1; } #carouselDashboard .carousel-caption { top: 0; text-align: left; left: 7%; right: 12%; } #carouselDashboard .carousel-inner { min-height: 250px; } #carouselDashboard h2 { color: white; border-bottom: none; padding-bottom: 0; } #carouselDashboard img { width: 125%; } #carouselDashboard img.carouselImage1 { height: 250px; width: auto; } a.dasboardCarouselBtn, a.dasboardCarouselStartBtn { color: white; padding: .3rem 1rem; font-weight: 400; font-family: var(--font-family-sans-serif); cursor: pointer; border-radius: 3px; text-align: center; font-size: 14px; width: auto; display: inline-block; } a.dasboardCarouselBtn { background-color: #8bc53f; } a.dasboardCarouselStartBtn { background-color: #ffc627; } .home-hero .redbtn, a#cta_button_422644_0ce75609-ca7a-4181-9ab2-e97f9195ab3c, a#cta_button_422644_0ce75609-ca7a-4181-9ab2-e97f9195ab3c:hover, a#cta_button_422644_0ce75609-ca7a-4181-9ab2-e97f9195ab3c:active { font-weight: 600; padding: .3rem 1rem; background-color: #8bc53f; letter-spacing: 1px; } a#cta_button_422644_0ce75609-ca7a-4181-9ab2-e97f9195ab3c { font-size: 14px; } #smallFont { font-size: 14pt; } .home-hero-video { position: absolute; bottom: 0; right: 30px; max-width: 50%; } .home-hero-imac { position: relative; top: 5px; max-width: 100%; width: 80%; } .home-hero-play { position: absolute; top: 42px; left: 41px; right: 39px; bottom: 87px; } .home-save-time { background: white; padding: 30px 50px; position: relative; border-radius: 8px; margin: 20px 40px; box-shadow: 0 0 20px #ccc; } .home-save-time h5 { color: var(--dark-blue); font-weight: 600; font-size: 18px; } .home-save-time .col-3 { margin-top: auto; margin-bottom: auto; } .home-save-time .learnMoreBody img { max-width: 75px; max-height: 50px; margin-right: auto; margin-left: auto; display: block; } .home-save-time .learnMoreBody .slaSteps { max-height: 60px; } .home-save-time .learnMoreBody p { font-size: 13px; } .home-save-time .collapse.show { margin-left: 0; } .home-save-time h2 { border-bottom: none; color: #36a1c2; font-size: 36px; font-weight: 500; } .home-save-time .saveClock { max-height: 125px; height: auto; margin-left: -30px; width: 100%; } .home-save-time .graybtn { text-transform: uppercase; letter-spacing: 2px; font-weight: 600; font-size: 16px; padding-right: 20px; padding-left: 20px; } .home-save-time .graybtn:hover, .home-save-time .graybtn:active, .home-save-time .btn-primary:not(:disabled):not(.disabled):active, .home-save-time .graybtn:focus, .home-tour-button .graybtn:hover, .home-tour-button .graybtn:active, .home-tour-button .btn-primary:not(:disabled):not(.disabled):active, .home-tour-button .graybtn:focus { background-color: #8bc53f; } .home-save-time .col-2 { margin-top: auto; margin-bottom: auto; display: block; } .home-save-time .col-7 { margin-top: auto; margin-bottom: auto; } .home-save-time .learnMoreBody a { text-decoration: underline; color: #4d4d4d; } .home-save-time .learnMoreBody .row { border-top: 1px solid #c3c4c6; padding-top: 20px; padding-bottom: 15px; } .home-save-time .learnMoreBody .col-10 { padding-right: 100px; } .home-save-time .learnMoreBody { margin-top: 40px; } /* .home-tablet { background:white; padding: 30px 280px 30px 50px; position: relative; border-radius: 8px; margin:40px; box-shadow: 0 0 20px #ccc; } .home-tablet-icon { background-image: url('/Content/Images/sprite.png'); } .home-tablet .bluebtn { text-transform: uppercase; font-weight:600; letter-spacing: 1px; margin-left:0; font-size:14px; } .home-tablet img { position: absolute; right: 30px; bottom: 0; } .home-tablet p { color: var(--dark-blue); font-size: 20px; font-weight: 600; margin-bottom: 15px; } */ .home-tour { padding: 0; background-color: #fff; border-radius: 8px; margin-right: 40px; margin-left: 40px; margin-bottom: 20px; box-shadow: 0 0 20px #ccc; } .home-tour-column { width: 50%; padding: 0px 35px; margin: 35px 0px 10px; text-align: center; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /*display:table-cell;*/ } .home-tour-column:nth-of-type(3) { display: none; } .home-tour-column:nth-of-type(1) { border-right: 1px solid #c0c0c0; } .home-tour-columns { /*display:table;*/ } .home-tour-button { text-align: center; margin-right: auto; margin-left: auto; display: inline-block; width: 100%; } .home-tour-button .graybtn { padding: 15px 30px; text-transform: uppercase; letter-spacing: 2px; font-weight: 600; font-size: 16px; padding: 5px 20px; } .home-tour-icon { height: 75px; background-image: url('/Content/Images/sprite.png'); margin: 20px auto; } .home-tour-order { width: 92px; background-position: -200px 0px; } .home-tour-complete { width: 73px; background-position: -300px 0px; } .home-tour-esig { width: 126px; background-position: -400px 0px; } .home-tour-heading { color: var(--light-blue); font-size: 24px; } .home-tour-paragraph { font-size: 13px; margin-right: 30px; margin-left: 30px; } .home-testimonials { background-color: white; color: #2b424c; text-align: center; position: relative; margin-right: 40px; margin-left: 40px; margin-bottom: 40px; border-radius: 8px; box-shadow: 0 0 20px #ccc; } #main .home-testimonials ul, #main .home-testimonials li { padding: 0; list-style-type: none; margin-bottom: 0; } .home-carriers { display: none; } #main .home-testimonials li, #main .home-carriers > ul > li { display: none; opacity: 0; max-height: 0; -webkit-transition: opacity 0.25s ease; -moz-transition: opacity 0.25s ease; transition: opacity 0.25s ease; } #main .home-testimonials li.active, #main .home-carriers > ul > li.active { display: block; opacity: 1; visibility: visible; max-height: inherit; } .home-testimonials blockquote { padding: 50px; } .home-testimonials cite { display: block; margin-top: 20px; } .home-testimonials-name { font-weight: 700; font-size: 1.1em; } .home-testimonials .home-testimonials-pagi, .home-carriers .home-carriers-pagi { position: absolute; top: 50%; width: 100%; margin-top: -30px; } .home-testimonials .home-testimonials-pagi .pagi-prev, .home-testimonials .home-testimonials-pagi .pagi-next, .home-carriers .home-carriers-pagi .pagi-prev, .home-carriers .home-carriers-pagi .pagi-next { width: 10px; height: 60px; position: absolute; cursor: pointer; } .home-testimonials .home-testimonials-pagi .pagi-prev, .home-carriers .home-carriers-pagi .pagi-prev { background: url('/Content/Images/carousel-left.png'); } .home-testimonials .home-testimonials-pagi .pagi-prev { left: 20px; } .home-carriers .home-carriers-pagi .pagi-prev { left: 0; } .home-testimonials .home-testimonials-pagi .pagi-next, .home-carriers .home-carriers-pagi .pagi-next { background: url('/Content/Images/carousel-right.png'); } .home-testimonials .home-testimonials-pagi .pagi-next { right: 20px; } .home-carriers .home-carriers-pagi .pagi-next { right: 40px; } .home-carriers .active { width: 100%; } .home-carriers { text-align: center; padding: 20px; margin-left: 40px; margin-right: 40px; background-color: white; border-radius: 8px; position: relative; box-shadow: 0 0 20px #ccc; } .home-carriers h3 { color: #1a5b86; font-family: var(--font-family-sans-serif); font-weight: 600; font-size: 16pt; } .home-carriers ul { padding: 0; margin: 0; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; height: 120px; } .home-carriers ul li { /*float: left;*/ display: inline-block; width: 25%; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .home-carriers ul li img { max-width: 150px; max-height: 50px; height: auto; margin: 0 auto; } .home-carriers a { font-weight: 400; } .tablet { position: absolute; right: -20px; top: 0px; } .tabletbutton { cursor: pointer; } .tabletgraphic { background-image: url("/Content/Images/tablet.png"); height: 72px; width: 90px; position: relative; left: 20px; } .tabletimage { position: absolute; } .appletablet { left: 195px; } .androidtablet { left: 500px; } .initialhide { display: none; } .tabletsmallicon { width: 0px; height: 65px; background-image: url("/Content/Images/appleandroidsmall.png"); position: absolute; right: 0px; overflow: hidden; cursor: pointer; background-repeat: no-repeat; } .applesmallicon { background-position: 0 0; } .androidsmallicon { background-position: 0 -85px; } .smalliconlabel { display: none; position: absolute; right: 50px; top: 70px; color: #36a1c2; } .tabletdirections { display: none; margin: 15px 150px 0 250px; list-style-type: decimal; } .tabletdirections li { display: block; padding: 5px 10px; list-style-type: decimal; } /*------- Home - maintenance ----*/ #main-maintenance { background: white; margin: 50px; border-radius: 10px; box-shadow: 0 0 20px #ccc; } /*------- Home - Privacy policy & Terms of Use ----*/ #main-privacy-policy, #main-terms-of-use { background: white; margin: 50px; border-radius: 10px; box-shadow: 0 0 20px #ccc; overflow: auto; } #main-privacy-policy h3, #main-terms-of-use h3 { color: var(--dark-blue); font-size: 20px; margin-top: 40px; overflow-wrap: break-word; } #main-privacy-policy h1, #main-terms-of-use h1 { text-align: left !important; border-bottom: .5px solid #1a5b86 !important; margin: 0px !important; font-size: 32px !important; color: var(--dark-blue) !important; font-weight: normal !important; padding-bottom: 10px; } #main-privacy-policy p, #main-terms-of-use p { line-height: 25px; } /*------ DASHBOARD ------*/ #tabs-reports .nav-pills > li > a.active, #tabs-reports .nav-pills > li > a.active:hover, #tabs-reports .nav-pills > li > a.active:focus { background-color: var(--dark-blue) !important; } #tabs-reports .nav-pills > li > a { margin-bottom: 10px; } #panels { margin: 0px 50px; padding-bottom: 20px; } #dashcharts { margin-right: 0px; margin-left: 0px; max-width: none; } #dashcharts .widget { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid var(--dark-blue); padding-right: 0px !important; padding-left: 0px !important; margin: 5px; border-radius: 5px; } #dashcharts .widget h6 { padding: 2px; padding-left: 10px; width: 100%; text-align: left; color: white; line-height: 2em; background-color: var(--dark-blue); } #dashcharts .canvas-container { position: relative; padding: 5px; } #dashcharts .alert-widget h6 { background-color: #c1272d !important; } #dashcharts .alert-widget { border: 1px solid #c1272d; } /* ---- search and show on case status -----*/ .slaIncomplete { display: inline-block; margin: 0 auto; background: var(--dark-blue); color: white !important; width: 1.5em; height: 1.5em; text-align: center; border-radius: 100%; position: relative; z-index: 1; vertical-align: middle; font-size: 10px !important; } .slaComplete { display: inline-block; margin: 0 auto; background: #8bc53f; color: white !important; width: 1.5em; height: 1.5em; text-align: center; border-radius: 100%; position: relative; z-index: 1; vertical-align: middle; font-size: 10px !important; } .slaPending { display: inline-block; margin: 0 auto; background: #fe9602; color: white !important; width: 1.5em; height: 1.5em; text-align: center; border-radius: 100%; position: relative; z-index: 1; vertical-align: middle; font-size: 10px !important; } .slaAlert { display: inline-block; margin: 0 auto; background: #c1272d; color: white !important; width: 1.5em; height: 1.5em; text-align: center; border-radius: 100%; position: relative; z-index: 1; vertical-align: middle; font-size: 10px !important; } .slaPurged { background: #c1272d; color: white !important; width: 7em; vertical-align: middle; font-size: 10px !important; } .alertText { color: #c1272d !important; font-size: 12px !important; background: #f8d7da; border-radius: 6px; padding: 3px 10px 3px 10px; margin-top: 5px; box-sizing: border-box; margin-left: 30px; } .alertText:last-of-type { margin-bottom: -15px; } .alertText:first-of-type { margin-top: 0px; } .slalisting li { display: block; float: none; font-size: 14px !Important; margin: auto !important; margin-right: auto !important; background: none; height: auto !Important; text-align: left; } .casestatuswrapper .hasActionRequired, .casestatuswrapper .actionRequiredAlertText { color: #c1272d; } .casestatuswrapper .hasCarrierAlert, .casestatuswrapper .actionRequiredAlertText { color: #c1272d; } #tabs-casestatus .casestatuswrapper_wrapper .dataTables_length { margin-right: 270px !Important; } .casestatuswrapper .slalisting li.slaComplete div { color: rgba(107, 107, 107, .5); } .casestatuswrapper .slalisting li.slaPending div { color: rgb(248 196 122); } .casestatuswrapper hr { display: none; } .casestatuswrapper .slalisting li.slaComplete div .slaComplete { opacity: .5; } .casestatuswrapper .slalisting li.slaPending div .slaPending { opacity: .5; } .casestatuswrapper .slalisting li.slaComplete div, .casestatuswrapper .slalisting li.slaAlert div, .casestatuswrapper .slalisting li.slaIncomplete div, .casestatuswrapper .slalisting li.slaPending div { padding: 4px 5px 4px 15px !important; margin-bottom: 3px; text-transform: capitalize; overflow: hidden; text-overflow: ellipsis; } .casestatuswrapper .slalisting li div span.hasActionRequired, .casestatuswrapper .slalisting li div span.noActionRequired, .casestatuswrapper .slalisting li div span.hasCarrierAlert { margin-bottom: 3px; text-transform: capitalize; overflow: hidden; text-overflow: ellipsis; } .casestatuswrapper .slalisting li.slaComplete div .slaComplete, .casestatuswrapper .slalisting li.slaAlert div .slaAlert, .casestatuswrapper .slalisting li.slaIncomplete div .slaIncomplete, .casestatuswrapper .slalisting li.slaPending div .slaPending { margin-top: -3px; margin-right: 5px; } .resep { padding-bottom: 10px; } .resep:last-of-type { border-bottom: none; } #tabs .childrow:last-of-type .card:last-of-type { border-top: .5px solid #b3b3b3; padding-top: 15px; margin-top: 25px; } #tabs .childrow:last-of-type .card:first-of-type { margin-top: 25px; } .casestatuswrapper a { font-size: 16px; font-weight: 700 !important; margin-left: 0; /*line-height: 40px*/ } .casestatuswrapper a.details_label { text-transform: lowercase; font-size: 10px !important; font-weight: 100; color: var(--dark-blue); text-align:right !important; } .details_header { color: var(--dark-blue); text-transform: lowercase; font-size: 14px !important; font-weight: 600; cursor: pointer; } .casestatuswrapper .popover-header { font-size: 16px; color: var(--dark-blue); } .popover .container { max-width: 500px; } .popover .ml-1 { margin-left: 0 !important; } .popover .col-5.ml-1 { max-width: 33%; } .popover .col-5 { max-width: 67%; display: inline; flex: 0 0 67%; padding-top: 15px; } .popover .col-10 { max-width: 75%; flex: 0 0 75%; } .popover .col-2 { max-width: 25%; flex: 0 0 25%; } .casestatuswrapper .card-header a { color: var(--dark-blue); text-transform: uppercase; } .casestatuswrapper .card .card-header a.collapsed:last-of-type:before, .casestatuswrapper .card .card-header .slatoggleheader.collapsed:before { content: "\00FF0B"; color: #4d4d4d; font-size: 12px; } .casestatuswrapper .card .card-header a:last-of-type:before, .casestatuswrapper .card .card-header .slatoggleheader:before { content: "\00FF0D"; color: #4d4d4d; font-size: 12px; } .casestatuswrapper .card .card-header .desktopcasemailto:before { display: none; } #tabs-casestatus .casestatuswrapper_wrapper .casemailto { height: 15px; padding: 0px 10px; margin-bottom: 4px; } .mobilecasemailto { display: none; } .casestatuswrapper .actionHeader { background-color: #f2f2f2; padding: 4px 5px 4px 15px !important; margin-left: 17px; margin-right: 5px; margin-top: -11px; margin-bottom: 10px; } .casestatuswrapper .actionHeader a { font-size: 14px; text-transform: capitalize; line-height: inherit; } .casestatuswrapper .card .actionHeader a span { font-weight: 600; } .casestatuswrapper .card .actionHeader a .noActionsRequired { color: slategray; font-style: italic; font-weight: normal; font-size: 10px; } .casestatuswrapper .card .actionHeader a:before { display: none; } .casestatuswrapper .card .actionHeader a .hasActionRequired:before, .casestatuswrapper a .hasActionRequired:before { display: inline-block; margin: 0 auto; background: #c1272d; color: white !important; font-weight: 600 !important; width: 1.5em; height: 1.5em; text-align: center; border-radius: 100%; position: relative; z-index: 1; vertical-align: middle; font-size: 10px !important; Content: "A"; margin-right: 10px; margin-bottom: 3px; } .casestatuswrapper .card .actionHeader a .hasCarrierAlert:before, .casestatuswrapper a .hasCarrierAlert:before { display: inline-block; margin: 0 auto; background: #c1272d; color: white !important; font-weight: 600 !important; width: 1.5em; height: 1.5em; text-align: center; border-radius: 100%; position: relative; z-index: 1; vertical-align: middle; font-size: 10px !important; Content: "C"; margin-right: 10px; margin-bottom: 3px; } .casestatuswrapper .card .actionHeader a .noActionsRequired:before { display: none; } .casestatuswrapper .card .actionHeader a .noCarrierAlert:before { display: none; } .casestatuswrapper .card .actionHeader a span:before, .casestatuswrapper a.popme span.noActionRequired:before { background: var(--dark-blue); padding: 0px 2px; border-radius: 2px; margin-right: 5px; color: white !important; font-weight: bold; font-size: 12px; content: "\00FF0D"; margin-right: 10px; } #dashboardwrapper th.sorting.ui-state-default.sorting_desc .DataTables_sort_wrapper:after { content: "\0025BC"; color: var(--light-blue); font-size: 8px; padding-left: 5px; vertical-align: text-top; margin-top: 2px; display: inline-block; background: none; margin-left: 0; width: auto; height: auto; } #dashboardwrapper th.sorting.ui-state-default.sorting_asc .DataTables_sort_wrapper:after { content: "\0025B2"; color: var(--light-blue); font-size: 8px; padding-left: 5px; vertical-align: text-top; margin-top: 3px; display: inline-block; background: none; margin-left: 0; width: auto; height: auto; } #alertDiv { padding-left: 15px !important; width: 100%; } #tabs td { font-size: 14px !important; text-align: left !important; } .word_wrap { width: 95% ; word-break: break-all ; white-space: pre-wrap !important; } #tabs td div.details_label_tab { text-align: left !important; } /*#tabs td div.detail { text-align: left; } */ #savedquotestab, #placedorders th { white-space: nowrap; } #tabs-reports:before { Content: "Reports" } #tabs-admin:before { Content: "Admin" } #tabs-dashboard:before { Content: "Dashboard" } #tabs-documents:before { Content: "Documents" } .tabs-title { Float: left; text-align: left !important; border-bottom: .5px solid var(--light-gray) !important; font-size: 32px; color: var(--light-blue) !important; font-weight: normal !important; padding-bottom: 10px; width: 100%; margin-top: 40px !important; padding-left: 10px; margin-bottom: 20px; } .tabs-text { font-size: 12px; color: var(--light-blue) !important; display: inline; margin-left: 5px; } #tabs-savedorders:before, #tabs-placedorders:before, #tabs-casestatus:before, #tabs-reports:before, #tabs-admin:before, #tabs-dashboard:before, #tabs-documents:before { Float: left; text-align: left !important; border-bottom: .5px solid var(--light-gray) !important; font-size: 32px; color: var(--light-blue) !important; font-weight: normal !important; padding-bottom: 10px; width: 100%; margin-top: 40px !important; padding-left: 10px; margin-bottom: 20px; } .caseStatusKey .collapse.show { margin-left: 0; } .caseStatusKeyCard { border: 1px solid #4d4d4d; border-radius: 5px; padding: 10px; } .caseStatusKeyCard .slaKey { margin-right: 10px; font-size: 13px; display: inline-block; } a.btn.btn-primary.caseStatusKeyButton.collapsed { background-color: var(--dark-blue); } a.btn.btn-primary.caseStatusKeyButton { background-color: #4d4d4d; font-size: 13px; } b.infoLabel { font-weight: 600 !important; } .fg-toolbar:first-child { float: right !important; display: inline-block; z-index: 9999; margin-top: -75px; } #tabs .dataTables_length { padding: 5px; float: none !Important; text-align: left; font-size: 14px; Display: inline-block; } #tabs .dataTables_length select { margin-left: 5px; height: 34px; font-size: 14px; line-height: 1.5; color: #495057; background-color: white; background-clip: padding-box; border: 1px solid var(--input-border-gray) !important; border-radius: .25rem; } #tabs .dataTables_filter { padding: 5px 10px !important; float: none !important; text-align: left !important; font-size: 14px !important; margin-right: 0; display: inline-block; } #tabs .dataTables_filter input { Margin-left: 5px; background-color: white !important; border: 1px solid var(--input-border-gray) !important; } #tabs td.cheeseburger { background: none; } #tabs td.cheeseburger:before { content: "＋"; color: #4d4d4d; float: right; padding-left: 5px; font-weight: bold; } #tabs th { display: table-cell; } #tabs .shown td.cheeseburger:before { content: "－"; color: #4d4d4d; float: right; padding-left: 5px; font-weight: bold; } #tabs span.cheeseburger { background: none; } #tabs span.cheeseburger:before { content: "＋"; color: var(--dark); float: right; font-weight: bolder; margin-right: 5px; top: 10px; left: 10px; height: 14px; width: 14px; display: block; border-radius: 14px; box-sizing: content-box; text-align: center; font-family: var(--font-family-sans-serif); line-height: 14px; cursor: pointer; } #tabs .shown span.cheeseburger:before { content: "－"; float: right; margin-right: 5px; font-weight: bold; top: 10px; left: 10px; height: 14px; width: 14px; display: block; color: var(--dark); border-radius: 14px; box-sizing: content-box; text-align: center; font-family: var(--font-family-sans-serif); line-height: 14px; cursor: pointer; } /* ------- TARGET and ASH Integration -----*/ #targetdialog .modal-dialog .modal-header div { display: none; } #targetdialog .modal-dialog .modal-header { border-bottom: none; } #targetdialog .modal-dialog .modal-footer { border-top: none; } #targetdialog .modal-dialog .modal-footer #btnTargetDialogOk { background-color: #8bc53f; margin-right: auto; margin-left: auto; padding-left: 40px; padding-right: 40px; text-transform: uppercase; font-weight: 600; font-size: 16px; } #targetdialog .modal-dialog .modal-body center:first-of-type { font-size: 32px; color: var(--dark-blue); font-weight: 600; margin-top: -20px; } #targetdialog .modal-dialog .modal-body center:nth-of-type(2) { margin-top: -20px; } #targetdialog .modal-dialog .modal-body center a { font-weight: 600; } /*Case Status Summary Formatting*/ table.cleantable, table.slatable { background-color: white; width: 100%; height: 100%; } table.cleantable tbody tr, table.slatable tbody tr { background-color: white !important; border: none; font-size: 12px; } table.cleantable tbody tr:hover, table.slatable tbody tr:hover { background-color: inherit; } table.cleantable tbody tr td, table.slatable tbody tr td { width: 50%; margin: 2px; padding-right: 25px; font-size: 12px; border-bottom: none; vertical-align: text-top; } div.headerstyle, table.slatable tbody tr td div { border: 1px; background-color: lightgray; border-collapse: separate; border-radius: 3px; padding: 2px 5px 2px 5px; width: 300px; font-size: 12px; } table.cleantable.casedetails tbody tr td { width: 33% } b.infoLabel { font-weight: bold; } /*Accordion Formatting*/ h3.caseStatusAccordion, h3.mainacc { font-size: 13px; color: darkblue; font-weight: bold; padding: 8px; } div.ui-accordion-content { border-bottom: 1px; border-bottom-color: lightgray; border-bottom-style: solid; padding: 0 0 0 40px; width: 95%; } td.details-control { background: url('../images/details_open.png') no-repeat center center; cursor: pointer; min-width: 20px; } h3.caseStatusAccordion.ui-accordion-header { background: url('../images/details_open.png') no-repeat left center; text-indent: 20px; } h3.caseStatusAccordion.ui-accordion-header.ui-state-active { background: url('../images/details_close.png') no-repeat left center; text-indent: 20px; } table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:after { display: none; } #dashboardwrapper .trash { width: 12px; height: auto !important; } #dashboardwrapper li.nav-item.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab:last-of-type .ui-tabs-anchor { border-right: none; } .slaComplete { color: green; } .slaPending { color: yellow; } .slaIncomplete { color: black; } .slaAlert, .alertText { color: red; font-size: 14px; } .alertBand { background-color: pink; color: red; text-align: center; margin: 20px 50px 0px 50px; border-radius: 6px; padding: 4px 0px; } #btnCloseAlert { background: transparent; color: #c1272d; margin-left: 10px; cursor: pointer; font-weight: 600; padding: 0; position: relative; bottom: 1px; } #btnCloseCarousel { color: #fff; opacity: .5; } .mainContainer .bluebox { background: none; } .bluebox .carousel-control-next { right: -20px; width: 10%; } .bluebox .carousel-control-prev { left: -20px; width: 10%; } .bluebox .carousel-indicators li { width: 5px; height: 5px; } .bluebox #btnCloseCarousel { margin-left: 0px; } /* Carousel edits for new sliders .mainContainer .bluebox { min-height: 200px; background: transparent; margin: 30px 50px 50px 50px; } */ .bluebox .ordersubmitcar { padding: .3rem 1rem; font-weight: 400; font-family: var(--font-family-sans-serif); cursor: pointer; border-radius: 3px; text-align: center; font-size: 14px; margin: 10px; width: auto; } .bluebox h3 { font-size: 20px; } .cartext { color: white; } .pdfwrapper .bluebtn { margin-left: 0; } .pdfwrapper #clientdataform h3, .pdfwrapper #clientstepbystep h3 { font-size: 28px; color: var(--light-blue) } .pdfwrapper p { font-size: 14px } .pdfwrapper { border-top: .5px solid #1a5b86 !important; max-width: 90%; padding-top: 25px; } .pdfwrapper .row { width: 100%; } #alertbtn { color: #c1272d; background: transparent; font-weight: bold; cursor: pointer; padding: 0; } .alertBand span { font-weight: bold; } .slalisting { background-color: white; margin-top: 0; } .slalisting li { padding: 2px 5px 2px 5px !important; width: 100%; } .internalCollapse, .slalisting li div { border: 1px; background-color: #f2f2f2; border-collapse: separate; border-radius: 5px; padding: 2px 5px 2px 15px !important; font-size: 14px; width: 100%; color: var(--dark-blue); } .internalCollapse { color: black; font-weight: bold; } .caseinfo, .casedetails { margin: 10px 10px 10px -27px; font-size: 12px; line-height: 20px; white-space: normal; } .casesummary_details{ margin: 3px 3px 3px 3px; font-size: 12px; line-height: 20px; white-space: normal; } .case_status_details { margin: 3px 3px 3px 3px; font-size: 14px; line-height: 22px; white-space: normal; } .detail_row { margin: 3px 3px 3px 12px; } .details_source_type{ margin: 0 10px ; font-style: italic; } #tabs td .details-box-content { font-size: 12px !important; white-space: initial; } #tabs td .modal-details-box-content { font-size: 12px !important; white-space: initial; max-width: 90%; } .casestatuswrapper b{ font-weight:bold !important; } #savedorders_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, #savedorders_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before, #placedorders_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, #placedorders_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before { margin-left: 10px; height: 14px; width: 14px; display: inline-block; position: relative; color: #4d4d4d; content: '＋'; font-weight: bold; top: auto; left: auto; background-color: transparent; line-height: normal; font-family: var(--font-family-sans-serif); text-align: left; box-sizing: inherit; box-shadow: none; border: none; } #savedorders_wrapper table.dataTable > tbody > tr.child span.dtr-title, #placedorders_wrapper table.dataTable > tbody > tr.child span.dtr-title { font-weight: 600; color: var(--dark-blue); } #tabs #placedorders_wrapper td.child, #tabs #savedorders_wrapper td.child { padding-left: 10px; } table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:first-child:before { display: none !important; padding-left: 10px; } #savedorders_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, #savedorders_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before, #placedorders_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, #placedorders_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before { content: '－'; } table.dataTable > tbody > tr.child span.dtr-title { display: inline-block; min-width: 75px; font-weight: bold; } table.dataTable > tbody > tr.child ul.dtr-details { display: inline-block; list-style-type: none; margin: 0; padding: 0; } /*.collapsed { background: url('../images/details_open.png') no-repeat left center; text-indent: 20px; } .opened { background: url('../images/details_close.png') no-repeat left center; text-indent: 20px; }*/ /*----- @media (min-width: 360px) { #tabs .ui-tabs-nav li { width: 50%; font-size: 12px; max-height: 48px; } } @media (min-width: 768px) { .slaitem { width: 50%; } } @media (min-width: 576px) { .slaitem { width: 33%; } #tabs .ui-tabs-nav li { width: 20%; font-size: inherit; max-height: inherit; } } /* ---- dashboard Tables ----*/ th { color: #4d4d4d; font-size: 14px; font-weight: 600; padding-right: 20px; } /* ---- Expansion ----*/ td.details-control { background: url(../images/details_open.png) no-repeat center center; cursor: pointer; min-width: 20px; } /*------ nav pills -----*/ .nav-pills .nav-link { border-radius: .5rem } .nav-pills .nav-link.active, .nav-pills .show>.nav-link { color: white !important; background-color: var(--light-blue); } .nav-fill .nav-item { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center } .nav-justified .nav-item { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center } .tab-content>.tab-pane { display: none } .tab-content>.active { display: block } /*------ nav bars -----*/ .navbar { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: .5rem 1rem } .navbar > .container, .navbar > .container-fluid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .navbar-brand { display: inline-block; padding-top: .3125rem; padding-bottom: .3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap } .navbar-brand:focus, .navbar-brand:hover { text-decoration: none } .navbar-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none } .navbar-nav .nav-link { padding-right: 0; padding-left: 0 } .navbar-nav .dropdown-menu { position: static; float: none } .navbar-text { display: inline-block; padding-top: .5rem; padding-bottom: .5rem } .navbar-collapse { -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .navbar-toggler { padding: .25rem .75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: .25rem } .navbar-toggler:focus, .navbar-toggler:hover { text-decoration: none } .navbar-toggler:not(:disabled):not(.disabled) { cursor: pointer } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100% } /*------ nav bar movile -----*/ @media (max-width:575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { padding-right: 0; padding-left: 0 } } /*------ nav bar movile -----*/ @media (min-width:576px) { .navbar-expand-sm { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .navbar-expand-sm .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-sm .navbar-nav .dropdown-menu-right { right: 0; left: auto } .navbar-expand-sm .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .navbar-expand-sm .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto } .navbar-expand-sm .navbar-toggler { display: none } .navbar-expand-sm .dropup .dropdown-menu { top: auto; bottom: 100% } } /* ------Queue Error ------*/ #main-QueueError { background: white; margin: 5% 20%; border-radius: 10px; box-shadow: 0 0 20px #ccc; } #main-QueueError fieldset { width: auto !important; } #main-QueueError legend { border-bottom: .5px solid #1a5b86 !important; margin: 0px !important; font-size: 32px !important; color: var(--dark-blue) !important; font-weight: normal !important; } #main-QueueError a { font-weight: 600; } #main-QueueError ul.niceList li { list-style: none; margin-left: 0; } #main-QueueError ul.niceList { margin-left: 0; margin-top: 0; } #main-QueueError p[style*="font-size: 10pt;"] { font-size: 14px !important; } #main-QueueError p[style*="font-size: 10pt;"]:nth-of-type(2) { font-size: 16px !important; color: var(--dark-blue); margin-bottom: 5px; } /* ------SSO - samlError ------*/ #main-samlError { background: white; margin: 50px; border-radius: 10px; box-shadow: 0 0 20px #ccc; } /* ------SSO -Error ------*/ #main-ssoError { background: white; margin: 50px; border-radius: 10px; box-shadow: 0 0 20px #ccc; } /* ------ error page ------*/ #main-error { background: white; margin: 5% 20%; border-radius: 10px; box-shadow: 0 0 20px #ccc; } #main-error legend { border-bottom: .5px solid #1a5b86 !important; margin: 0px !important; font-size: 32px !important; color: var(--dark-blue) !important; font-weight: normal !important; } #errorfrom { text-align: left; padding: 20px 50px; } #main-error #errorfrom p, #main-error #errorfrom ul.niceList { margin-left: 20px; margin-top: 0px !important; } #main-error #errorfrom p { padding-top: 20px; } #main-error #errorfrom p:nth-of-type(2) { font-size: 20px !important; color: var(--dark-blue); font-weight: 600; } #main-error #errorfrom ul.niceList li { list-style-type: none !important; margin-left: -2px; } #main-error #errorfrom ul.niceList a { font-weight: 600; } #main-error fieldset { width: 100% !important; } /*------ nav bar tablet -----*/ @media (max-width:767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { padding-right: 0; padding-left: 0 } } /*------ nav bar tablet -----*/ @media (min-width:768px) { .navbar-expand-md { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .navbar-expand-md .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-md .navbar-nav .dropdown-menu-right { right: 0; left: auto } .navbar-expand-md .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .navbar-expand-md .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto } .navbar-expand-md .navbar-toggler { display: none } .navbar-expand-md .dropup .dropdown-menu { top: auto; bottom: 100% } } /*------ nav bar responsive-----*/ @media (max-width:991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { padding-right: 0; padding-left: 0 } } /*------ nav bar responsive -----*/ @media (min-width:992px) { .navbar-expand-lg { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .navbar-expand-lg .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-lg .navbar-nav .dropdown-menu-right { right: 0; left: auto } .navbar-expand-lg .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .navbar-expand-lg .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto } .navbar-expand-lg .navbar-toggler { display: none } .navbar-expand-lg .dropup .dropdown-menu { top: auto; bottom: 100% } } /*------ nav bar responsive -----*/ @media (max-width:1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { padding-right: 0; padding-left: 0 } } /*------ nav bar responsive -----*/ @media (min-width:1200px) { .navbar-expand-xl { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .navbar-expand-xl .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-xl .navbar-nav .dropdown-menu-right { right: 0; left: auto } .navbar-expand-xl .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .navbar-expand-xl .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto } .navbar-expand-xl .navbar-toggler { display: none } .navbar-expand-xl .dropup .dropdown-menu { top: auto; bottom: 100% } } /*------ nav bar -----*/ .navbar-expand { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .navbar-expand > .container, .navbar-expand > .container-fluid { padding-right: 0; padding-left: 0 } .navbar-expand .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .navbar-expand .navbar-nav .dropdown-menu { position: absolute } .navbar-expand .navbar-nav .dropdown-menu-right { right: 0; left: auto } .navbar-expand .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand > .container, .navbar-expand > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .navbar-expand .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto } .navbar-expand .navbar-toggler { display: none } .navbar-expand .dropup .dropdown-menu { top: auto; bottom: 100% } /*------ pre colored nav bars .navbar-light .navbar-brand { color: rgba(0, 0, 0, .9) } .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover { color: rgba(0, 0, 0, .9) } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, .5) } .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: rgba(0, 0, 0, .7) } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, .3) } .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link { color: rgba(0, 0, 0, .9) } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, .5); border-color: rgba(0, 0, 0, .1) } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") } .navbar-light .navbar-text { color: rgba(0, 0, 0, .5) } .navbar-light .navbar-text a { color: rgba(0, 0, 0, .9) } .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover { color: rgba(0, 0, 0, .9) } .navbar-dark .navbar-brand { color: #fff } .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover { color: #fff } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, .5) } .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: rgba(255, 255, 255, .75) } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, .25) } .navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link { color: #fff } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, .5); border-color: rgba(255, 255, 255, .1) } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") } .navbar-dark .navbar-text { color: rgba(255, 255, 255, .5) } .navbar-dark .navbar-text a { color: #fff } .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover { color: #fff } --------*/ /* ------ Cards ---- */ .card { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, .125); border-radius: .25rem } .card>hr { margin-right: 0; margin-left: 0 } .card>.list-group:first-child .list-group-item:first-child { border-top-left-radius: .25rem; border-top-right-radius: .25rem } .card>.list-group:last-child .list-group-item:last-child { border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem } .card-body { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1.25rem } .card-title { margin-bottom: .75rem } .card-subtitle { margin-top: -.375rem; margin-bottom: 0 } .card-text:last-child { margin-bottom: 0 } .card-link:hover { text-decoration: none } .card-link+.card-link { margin-left: 1.25rem } .card-header { padding: .75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, .03); border-bottom: 1px solid rgba(0, 0, 0, .125) } .card-header:first-child { border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0 } .card-header+.list-group .list-group-item:first-child { border-top: 0 } .card-footer { padding: .75rem 1.25rem; background-color: rgba(0, 0, 0, .03); border-top: 1px solid rgba(0, 0, 0, .125) } .card-footer:last-child { border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px) } .card-header-tabs { margin-right: -.625rem; margin-bottom: -.75rem; margin-left: -.625rem; border-bottom: 0 } .card-header-pills { margin-right: -.625rem; margin-left: -.625rem } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem } .card-img { width: 100%; border-radius: calc(.25rem - 1px) } .card-img-top { width: 100%; border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px) } .card-img-bottom { width: 100%; border-bottom-right-radius: calc(.25rem - 1px); border-bottom-left-radius: calc(.25rem - 1px) } .card-deck { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .card-deck .card { margin-bottom: 15px } @media (min-width:576px) { .card-deck { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-right: -15px; margin-left: -15px } .card-deck .card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-right: 15px; margin-bottom: 0; margin-left: 15px } } .card-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .card-group>.card { margin-bottom: 15px } @media (min-width:576px) { .card-group { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap } .card-group>.card { -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; margin-bottom: 0 } .card-group>.card+.card { margin-left: 0; border-left: 0 } .card-group>.card:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0 } .card-group>.card:first-child .card-header, .card-group>.card:first-child .card-img-top { border-top-right-radius: 0 } .card-group>.card:first-child .card-footer, .card-group>.card:first-child .card-img-bottom { border-bottom-right-radius: 0 } .card-group>.card:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0 } .card-group>.card:last-child .card-header, .card-group>.card:last-child .card-img-top { border-top-left-radius: 0 } .card-group>.card:last-child .card-footer, .card-group>.card:last-child .card-img-bottom { border-bottom-left-radius: 0 } .card-group>.card:only-child { border-radius: .25rem } .card-group>.card:only-child .card-header, .card-group>.card:only-child .card-img-top { border-top-left-radius: .25rem; border-top-right-radius: .25rem } .card-group>.card:only-child .card-footer, .card-group>.card:only-child .card-img-bottom { border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem } .card-group>.card:not(:first-child):not(:last-child):not(:only-child) { border-radius: 0 } .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer, .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header, .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top { border-radius: 0 } } .card-columns .card { margin-bottom: .75rem } @media (min-width:576px) { .card-columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem } .card-columns .card { display: inline-block; width: 100% } } /* ---- Breadcrumbs -----*/ .breadcrumb { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: .75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: .25rem } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: .5rem; padding-left: .5rem; color: #6c757d; content: "/" } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none } .breadcrumb-item.active { color: #6c757d } /* data tables */ .dataTables_wrapper { position: relative; clear: both; zoom: 1; /* Feeling sorry for IE */ } /* ----- dont think i need this .dataTables_length { padding: 5px 10px 5px 5px; padding-left: 1%; float: right; text-align: left; font-size: 14px; } ------*/ div.dataTables_wrapper div.dataTables_length select { padding: .375rem 1rem .575rem 1rem; } div.dataTables_wrapper div.dataTables_length label { margin-right: 5px; font-weight: bold; } div.dataTables_wrapper div.dataTables_filter label{ font-weight: bold; } /* ----- dont think i need this .dataTables_filter { font-size: 14px; margin-right: 20px; padding: 5px 0px; float: right; text-align: left; font-size: 14px; } .dataTables_filter input { margin-left: 5px; } -----*/ #tabs-casestatus div.childrow .row > div:not([class*="details-box-content"]) { min-width: 96%; } #tabs-casestatus div.childrow .row .col-md-6.col-lg-4 { min-width: inherit; } div.childrow { background-color: white; width: 100%; padding: 0 0 0 10px; } tr.childrow { background-color: white !important; margin-top: 0 !important; border-top: none !Important; border-radius: 0 0 8px 8px !important; } table.display thead tr th:hover { color: var(--dark-blue); cursor: pointer; } td.cheeseburger { background: url('../images/details_open.png') no-repeat center center; cursor: pointer; min-width: 20px; } tr.shown td.cheeseburger { background: url('../images/details_close.png') no-repeat center center; } div.dataTables_wrapper div.dataTables_info { font-size: 12px; } #savedorders_paginate { text-align: center; padding: 10px 0px; } #placedorders_paginate { text-align: center; padding: 10px 0px; } .casestatuswrapper_paginate { text-align: center; padding: 10px 0px; } #reportstab_paginate { text-align: center; padding: 10px 0px; } #dashboardstab_paginate { text-align: center; padding: 10px 0px; } .page3container .ui-icon, .ui-widget-content .ui-icon { display: none; } .page3container div.resultslist { color: #c1272d; } /*------ paginations -------*/ .dataTables_info { font-size: 14px; text-align: center; } .dataTables_paginate { margin-top: .5rem; margin-bottom: .5rem; padding-left: 0px; } .dataTables_wrapper .dataTables_paginate .fg-button { padding: .5rem .75rem; margin-left: -1px; color: var(--light-blue); font-size: 14px; font-weight: bold; border: 1px solid var(--light-gray); } .dataTables_paginate .previous { border: 1px solid #4d4d4d; border-top-left-radius: 6px; border-bottom-left-radius: 6px; font-weight: 600; letter-spacing: 1px; } #savedorders_next:hover { color: white !important; } #savedorders_previous:hover { color: white !important; } .dataTables_wrapper .dataTables_paginate .fg-button:hover, .dataTables_paginate .fg-button.ui-button.ui-state-default.previous.ui-state-disabled:hover, .dataTables_paginate .fg-button.ui-button.ui-state-default.next.ui-state-disabled:hover { background-color: var(--light-blue); color: white; text-decoration: none; font-weight:bold; } .dataTables_paginate .next { border: 1px solid #4d4d4d; border-top-right-radius: 6px; border-bottom-right-radius: 6px; font-weight: 600; letter-spacing: 1px; } .dataTables_paginate .next:hover { background-color: var(--light-blue); color: white; text-decoration: none; } .page-link:focus { z-index: 2; outline: 0; box-shadow: 0 0 0 .2rem rgba(39, 111, 168, .25) } .dataTables_paginate a.fg-button.ui-button.ui-state-default.ui-state-disabled { color: white; background: var(--light-blue); } .dataTables_paginate .fg-button.ui-button.ui-state-default.previous.ui-state-disabled, .dataTables_paginate .fg-button.ui-button.ui-state-default.next.ui-state-disabled { background: none; color: var(--light-blue); } .page-link { position: relative; display: block; padding: .5rem .75rem; margin-left: -1px; line-height: 1.25; color: #007bff; background-color: #fff; border: 1px solid #dee2e6 } .page-link:hover { z-index: 2; color: #0056b3; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6 } .page-link:focus { z-index: 3; outline: 0; box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25) } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: .25rem; border-bottom-left-radius: .25rem } .page-item:last-child .page-link { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem } .page-item.active .page-link { z-index: 3; color: #fff; background-color: #007bff; border-color: #007bff } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6 } .page-link:not(:disabled):not(.disabled) { cursor: pointer } /* Pagination responsive */ .pagination-lg .page-link { padding: .75rem 1.5rem; font-size: 1.25rem; line-height: 1.5 } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: .3rem; border-bottom-left-radius: .3rem } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: .3rem; border-bottom-right-radius: .3rem } .pagination-sm .page-link { padding: .25rem .5rem; font-size: .875rem; line-height: 1.5 } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: .2rem; border-bottom-left-radius: .2rem } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: .2rem; border-bottom-right-radius: .2rem } /* ---- bagdes and warnings ------*/ .badge { display: inline-block; padding: .25em .4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25rem } .badge:empty { display: none } .btn .badge { position: relative; top: -1px } .badge-pill { padding-right: .6em; padding-left: .6em; border-radius: 10rem } .badge-primary { color: #fff; background-color: #007bff } .badge-primary[href]:focus, .badge-primary[href]:hover { color: #fff; text-decoration: none; background-color: #0062cc } .badge-secondary { color: #fff; background-color: #6c757d } .badge-secondary[href]:focus, .badge-secondary[href]:hover { color: #fff; text-decoration: none; background-color: #545b62 } .badge-success { color: #fff; background-color: #28a745 } .badge-success[href]:focus, .badge-success[href]:hover { color: #fff; text-decoration: none; background-color: #1e7e34 } .badge-info { color: #fff; background-color: #17a2b8 } .badge-info[href]:focus, .badge-info[href]:hover { color: #fff; text-decoration: none; background-color: #117a8b } .badge-warning { color: #212529; background-color: #ffc107 } .badge-warning[href]:focus, .badge-warning[href]:hover { color: #212529; text-decoration: none; background-color: #d39e00 } .badge-danger { color: #fff; background-color: #dc3545 } .badge-danger[href]:focus, .badge-danger[href]:hover { color: #fff; text-decoration: none; background-color: #bd2130 } .badge-light { color: #212529; background-color: #f8f9fa } .badge-light[href]:focus, .badge-light[href]:hover { color: #212529; text-decoration: none; background-color: #dae0e5 } .badge-dark { color: #fff; background-color: #343a40 } .badge-dark[href]:focus, .badge-dark[href]:hover { color: #fff; text-decoration: none; background-color: #1d2124 } .jumbotron { margin-bottom: 2rem; background-color: #e9ecef; border-radius: .3rem } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0 } /* ----- Alerts -----*/ .alert { position: relative; padding: .75rem 1.25rem; margin: 20px 50px -20px 50px; border: 1px solid transparent; border-radius: .25rem; text-align: center; } .alert-heading { color: inherit } .alert-link { font-weight: 700 } /* ----- Dismissible alerts -----*/ .alert-dismissible { padding-right: 4rem } .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: .75rem 1.25rem; color: inherit } .alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff } .alert-primary hr { border-top-color: #9fcdff } .alert-primary .alert-link { color: #002752 } .alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db } .alert-secondary hr { border-top-color: #c8cbcf } .alert-secondary .alert-link { color: #202326 } .alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb } .alert-success hr { border-top-color: #b1dfbb } .alert-success .alert-link { color: #0b2e13 } .alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb } .alert-info hr { border-top-color: #abdde5 } .alert-info .alert-link { color: #062c33 } .alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba } .alert-warning hr { border-top-color: #ffe8a1 } .alert-warning .alert-link { color: #533f03 } .alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; } .alert-danger hr { border-top-color: #f1b0b7; } .alert-danger .alert-link { color: #491217; } /* ----- Sla Alert Headers -----*/ .alertBand { color: #c1272d; background-color: #f8d7da; border-color: #f8d7da } .alertBand hr { border-top-color: #f8d7da } .alertBand .alert-link { color: #491217 } /* ----- Progress Bars ------*/ @-webkit-keyframes progress-bar-stripes { from { background-position: 1rem 0 } to { background-position: 0 0 } } @keyframes progress-bar-stripes { from { background-position: 1rem 0 } to { background-position: 0 0 } } .progress { display: -webkit-box; display: -ms-flexbox; display: flex; height: 1.5rem; overflow: hidden; font-size: .75rem; } .progress-bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; text-align: center; background-color: #4d4d4d; transition: width .6s ease } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-size: 1rem 1rem } .progress-bar-animated { -webkit-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite } /* ------ Media Objects *Documentation and examples for Bootstrap’s media object to construct highly repetitive components like blog comments, tweets, and the like.* ----- .media { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .media-body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } -------*/ /*----- lists .list-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0 } .list-group-item-action { width: 100%; color: #495057; text-align: inherit } .list-group-item-action:focus, .list-group-item-action:hover { color: #495057; text-decoration: none; background-color: #f8f9fa } .list-group-item-action:active { color: #212529; background-color: #e9ecef } .list-group-item { position: relative; display: block; padding: .75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(0, 0, 0, .125) } .list-group-item:first-child { border-top-left-radius: .25rem; border-top-right-radius: .25rem } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem } .list-group-item:focus, .list-group-item:hover { z-index: 1; text-decoration: none } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; background-color: #fff } .list-group-item.active { z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff } .list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0 } .list-group-flush:first-child .list-group-item:first-child { border-top: 0 } .list-group-flush:last-child .list-group-item:last-child { border-bottom: 0 } */ .list-group-item-primary { color: #004085; background-color: #b8daff } .list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover { color: #004085; background-color: #9fcdff } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #004085; border-color: #004085 } .list-group-item-secondary { color: #383d41; background-color: #d6d8db } .list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover { color: #383d41; background-color: #c8cbcf } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #383d41; border-color: #383d41 } .list-group-item-success { color: #155724; background-color: #c3e6cb } .list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover { color: #155724; background-color: #b1dfbb } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #155724; border-color: #155724 } .list-group-item-info { color: #0c5460; background-color: #bee5eb } .list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover { color: #0c5460; background-color: #abdde5 } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #0c5460; border-color: #0c5460 } .list-group-item-warning { color: #856404; background-color: #ffeeba } .list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover { color: #856404; background-color: #ffe8a1 } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #856404; border-color: #856404 } .list-group-item-danger { color: #721c24; background-color: #f5c6cb } .list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover { color: #721c24; background-color: #f1b0b7 } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #721c24; border-color: #721c24 } .list-group-item-light { color: #818182; background-color: #fdfdfe } .list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover { color: #818182; background-color: #ececf6 } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #818182; border-color: #818182 } .list-group-item-dark { color: #1b1e21; background-color: #c6c8ca } .list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover { color: #1b1e21; background-color: #b9bbbe } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #1b1e21; border-color: #1b1e21 } */ /* ----- Close Icons ---- */ .close { float: right; font-size: 1.5rem !important; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5 } .close:focus, .close:hover { color: #000; text-decoration: none; opacity: .75 } .close:not(:disabled):not(.disabled) { cursor: pointer } button.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none } .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 80% !important; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .2); border-radius: .3rem; outline: 0; height: auto; top: -1948.5px; left: 85px !important; padding: 20px !important; } /* ----- Open modals ----*/ .modal-open { overflow: hidden } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99999999999; display: none; overflow: hidden; outline: 0 } .modal-open .modal { overflow-x: hidden; overflow-y: auto } .modal-dialog { position: relative; width: auto; margin: .5rem; pointer-events: none } .modal.fade .modal-dialog { transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out, -webkit-transform .3s ease-out; -webkit-transform: translate(0, -25%); transform: translate(0, -25%); z-index: 3; } .modal.show .modal-dialog { -webkit-transform: translate(0, 0); transform: translate(0, 0) } .modal-dialog-centered { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: calc(100% - (.5rem * 2)) } .modal-content { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .2); border-radius: .3rem; outline: 0 } .modal-content button { font-size: 13px; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; z-index: 3; } .modal-backdrop.fade { opacity: 0 } .modal-backdrop.show { opacity: .5; } .modal-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 2px solid var(--light-gray); border-top-left-radius: .3rem; col-12 alertText pb-3 border-top-right-radius: .3rem; padding: 10px 0; } .modal-header .close { padding: 1rem; /*margin: -1rem -1rem -1rem auto;*/ margin: -1rem 0.2rem -1rem auto; margin: 0rem 0.3rem 0rem auto; font-size: 20px !important; border: none !important; } .modal-title, .modal-header div { margin: auto 0; padding-left: 10px; } .modal-title { line-height: 1.5; } .modal-body { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem; word-break: break-word; } .modal-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 0.7rem; border-top: 2px solid var(--light-gray); border-bottom-left-radius: .3rem; border-bottom-right-radius: .3rem; } .modal-footer > :not(:first-child) { margin-left: .25rem } .modal-footer > :not(:last-child) { margin-right: .25rem } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll } @media (min-width:576px) { .modal-dialog { max-width: 600px; margin: 1.75rem auto } .modal-dialog-centered { min-height: calc(100% - (1.75rem * 2)) } .modal-sm { max-width: 300px } } @media (min-width:992px) { .modal-lg { max-width: 800px } } /* ----- tooltips ----- */ .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: var(--font-family-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: .875rem; word-wrap: break-word; opacity: 0 } .tooltip.show { opacity: .9 } .tooltip .arrow { position: absolute; display: block; width: .8rem; height: .4rem } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid } .bs-tooltip-auto[x-placement^=top], .bs-tooltip-top { padding: .4rem 0 } .bs-tooltip-auto[x-placement^=top] .arrow, .bs-tooltip-top .arrow { bottom: 0 } .bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before { top: 0; border-width: .4rem .4rem 0; border-top-color: #000 } .bs-tooltip-auto[x-placement^=right], .bs-tooltip-right { padding: 0 .4rem } .bs-tooltip-auto[x-placement^=right] .arrow, .bs-tooltip-right .arrow { left: 0; width: .4rem; height: .8rem } .bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before { right: 0; border-width: .4rem .4rem .4rem 0; border-right-color: #000 } .bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-bottom { padding: .4rem 0 } .bs-tooltip-auto[x-placement^=bottom] .arrow, .bs-tooltip-bottom .arrow { top: 0 } .bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before { bottom: 0; border-width: 0 .4rem .4rem; border-bottom-color: #000 } .bs-tooltip-auto[x-placement^=left], .bs-tooltip-left { padding: 0 .4rem } .bs-tooltip-auto[x-placement^=left] .arrow, .bs-tooltip-left .arrow { right: 0; width: .4rem; height: .8rem } .bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before { left: 0; border-width: .4rem 0 .4rem .4rem; border-left-color: #000 } .tooltip-inner { max-width: 200px; padding: .25rem .5rem; color: #fff; text-align: center; background-color: #000; border-radius: .25rem } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 100%; font-family: var(--font-family-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: .875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .2); border-radius: .3rem } .popover .arrow { position: absolute; display: block; width: 1rem; height: .5rem; margin: 0 .3rem } .popover .arrow::after, .popover .arrow::before { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid } .bs-popover-auto[x-placement^=top], .bs-popover-top { margin-bottom: .5rem } .bs-popover-auto[x-placement^=top] .arrow, .bs-popover-top .arrow { bottom: calc((.5rem + 1px) * -1) } .bs-popover-auto[x-placement^=top] .arrow::after, .bs-popover-auto[x-placement^=top] .arrow::before, .bs-popover-top .arrow::after, .bs-popover-top .arrow::before { border-width: .5rem .5rem 0 } .bs-popover-auto[x-placement^=top] .arrow::before, .bs-popover-top .arrow::before { bottom: 0; border-top-color: rgba(0, 0, 0, .25) } .bs-popover-auto[x-placement^=top] .arrow::after, .bs-popover-top .arrow::after { bottom: 1px; border-top-color: #fff } .bs-popover-auto[x-placement^=right], .bs-popover-right { margin-left: .5rem } .bs-popover-auto[x-placement^=right] .arrow, .bs-popover-right .arrow { left: calc((.5rem + 1px) * -1); width: .5rem; height: 1rem; margin: .3rem 0 } .bs-popover-auto[x-placement^=right] .arrow::after, .bs-popover-auto[x-placement^=right] .arrow::before, .bs-popover-right .arrow::after, .bs-popover-right .arrow::before { border-width: .5rem .5rem .5rem 0 } .bs-popover-auto[x-placement^=right] .arrow::before, .bs-popover-right .arrow::before { left: 0; border-right-color: rgba(0, 0, 0, .25) } .bs-popover-auto[x-placement^=right] .arrow::after, .bs-popover-right .arrow::after { left: 1px; border-right-color: #fff } .bs-popover-auto[x-placement^=bottom], .bs-popover-bottom { margin-top: .5rem } .bs-popover-auto[x-placement^=bottom] .arrow, .bs-popover-bottom .arrow { top: calc((.5rem + 1px) * -1) } .bs-popover-auto[x-placement^=bottom] .arrow::after, .bs-popover-auto[x-placement^=bottom] .arrow::before, .bs-popover-bottom .arrow::after, .bs-popover-bottom .arrow::before { border-width: 0 .5rem .5rem .5rem } .bs-popover-auto[x-placement^=bottom] .arrow::before, .bs-popover-bottom .arrow::before { top: 0; border-bottom-color: rgba(0, 0, 0, .25) } .bs-popover-auto[x-placement^=bottom] .arrow::after, .bs-popover-bottom .arrow::after { top: 1px; border-bottom-color: #fff } .bs-popover-auto[x-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -.5rem; content: ""; border-bottom: 1px solid #f7f7f7 } .bs-popover-auto[x-placement^=left], .bs-popover-left { margin-right: .5rem } .bs-popover-auto[x-placement^=left] .arrow, .bs-popover-left .arrow { right: calc((.5rem + 1px) * -1); width: .5rem; height: 1rem; margin: .3rem 0 } .bs-popover-auto[x-placement^=left] .arrow::after, .bs-popover-auto[x-placement^=left] .arrow::before, .bs-popover-left .arrow::after, .bs-popover-left .arrow::before { border-width: .5rem 0 .5rem .5rem } .bs-popover-auto[x-placement^=left] .arrow::before, .bs-popover-left .arrow::before { right: 0; border-left-color: rgba(0, 0, 0, .25) } .bs-popover-auto[x-placement^=left] .arrow::after, .bs-popover-left .arrow::after { right: 1px; border-left-color: #fff } .popover-header, .details-box-header { padding: 1rem .75rem .5em .75em; margin-bottom: 0; font-size: 18px; color: #4d4d4d; background-color: white; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(.3rem - 1px); border-top-right-radius: calc(.3rem - 1px) } .details-box-seeall { padding: 1rem .75rem .5em .75em; margin-bottom: 0; font-size: 14px; font-weight: 700; color: var(--light-blue); } u.detailsLink{ text-decoration:none !important; } .detailsLink:hover { color: var(--light-blue); cursor: pointer; } .popover-header:empty, .details-box-header:empty { display: none } .popover-body, .details-box-body { padding: .5rem .75rem; color: #212529; max-width: 98% } .scorepopper { max-width: 350px !important; } /* ----- Carousel ----- */ .carousel { position: relative } .carousel-inner { position: relative; width: 100%; overflow: hidden } .carousel-item { position: relative; display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; transition: -webkit-transform .6s ease; transition: transform .6s ease; transition: transform .6s ease, -webkit-transform .6s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px } .carousel-item-next, .carousel-item-prev, .carousel-item.active { display: block } .carousel-item-next, .carousel-item-prev { position: absolute; top: 0 } .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { -webkit-transform: translateX(0); transform: translateX(0) } @supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) { .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .active.carousel-item-right, .carousel-item-next { -webkit-transform: translateX(100%); transform: translateX(100%) } @supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) { .active.carousel-item-right, .carousel-item-next { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0) } } .active.carousel-item-left, .carousel-item-prev { -webkit-transform: translateX(-100%); transform: translateX(-100%) } @supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) { .active.carousel-item-left, .carousel-item-prev { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0) } } .carousel-control-next, .carousel-control-prev { position: absolute; top: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: .5 } .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover { color: #fff; text-decoration: none; outline: 0; opacity: .9 } .carousel-control-prev { left: 0 } .carousel-control-next { right: 0 } .carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100% } .carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") } .carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") } .carousel-indicators { position: absolute; right: 0; bottom: 10px; left: 0; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none } .carousel-indicators li { position: relative; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; background-color: rgba(255, 255, 255, .5) } .carousel-indicators li::before { position: absolute; top: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: "" } .carousel-indicators li::after { position: absolute; bottom: -10px; left: 0; display: inline-block; width: 100%; height: 10px; content: "" } .carousel-indicators .active { background-color: #fff } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center } /* ----- alignment for inline text and tables ---- */ .align-baseline { vertical-align: baseline !important } .align-top { vertical-align: top !important } .align-middle { vertical-align: middle !important } .align-bottom { vertical-align: bottom !important } .align-text-bottom { vertical-align: text-bottom !important } .align-text-top { vertical-align: text-top !important } .bg-primary { background-color: #007bff!important } a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover { background-color: #0062cc!important } .bg-secondary { background-color: #6c757d!important } a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover { background-color: #545b62!important } .bg-success { background-color: #28a745!important } a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover { background-color: #1e7e34!important } .bg-info { background-color: #17a2b8!important } a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover { background-color: #117a8b!important } .bg-warning { background-color: #ffc107!important } a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover { background-color: #d39e00!important } .bg-danger { background-color: #dc3545!important } a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover { background-color: #bd2130!important } .bg-light { background-color: #f8f9fa!important } a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover { background-color: #dae0e5!important } .bg-dark { background-color: #343a40!important } a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover { background-color: #1d2124!important } .bg-white { background-color: #fff!important } .bg-transparent { background-color: transparent!important } .border { border: 1px solid #dee2e6!important } .border-top { border-top: 1px solid #dee2e6!important } .border-right { border-right: 1px solid #dee2e6!important } .border-bottom { border-bottom: 1px solid #dee2e6!important } .border-left { border-left: 1px solid #dee2e6!important } .border-0 { border: 0!important } .border-top-0 { border-top: 0!important } .border-right-0 { border-right: 0!important } .border-bottom-0 { border-bottom: 0!important } .border-left-0 { border-left: 0!important } .border-primary { border-color: #007bff!important } .border-secondary { border-color: #6c757d!important } .border-success { border-color: #28a745!important } .border-info { border-color: #17a2b8!important } .border-warning { border-color: #ffc107!important } .border-danger { border-color: #dc3545!important } .border-light { border-color: #f8f9fa!important } .border-dark { border-color: #343a40!important } .border-white { border-color: #fff!important } .rounded { border-radius: .25rem!important } .rounded-top { border-top-left-radius: .25rem!important; border-top-right-radius: .25rem!important } .rounded-right { border-top-right-radius: .25rem!important; border-bottom-right-radius: .25rem!important } .rounded-bottom { border-bottom-right-radius: .25rem!important; border-bottom-left-radius: .25rem!important } .rounded-left { border-top-left-radius: .25rem!important; border-bottom-left-radius: .25rem!important } .rounded-circle { border-radius: 50%!important } .rounded-0 { border-radius: 0!important } .rounded-50 { border-radius: .5rem !important } .rounded-top-50 { border-top-left-radius: .5rem !important; border-top-right-radius: .5rem !important } .rounded-right-50 { border-top-right-radius: .5rem !important; border-bottom-right-radius: .5rem !important } .rounded-bottom-50 { border-bottom-right-radius: .5rem !important; border-bottom-left-radius: .5rem !important } .rounded-left-50 { border-top-left-radius: .5rem !important; border-bottom-left-radius: .5rem !important } .clearfix::after { display: block; clear: both; content: "" } .d-none { display: none !important } .d-inline { display: inline !important } .d-inline-block { display: inline-block !important } .d-block { display: block !important } .d-table { display: table !important } .d-table-row { display: table-row !important } .d-table-cell { display: table-cell !important } .d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important } .d-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important } @media (min-width:576px) { .d-sm-none { display: none !important } .d-sm-inline { display: inline !important } .d-sm-inline-block { display: inline-block !important } .d-sm-block { display: block !important } .d-sm-table { display: table !important } .d-sm-table-row { display: table-row !important } .d-sm-table-cell { display: table-cell !important } .d-sm-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important } .d-sm-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important } } @media (min-width:768px) { .d-md-none { display: none !important } .d-md-inline { display: inline !important } .d-md-inline-block { display: inline-block !important } .d-md-block { display: block !important } .d-md-table { display: table !important } .d-md-table-row { display: table-row !important } .d-md-table-cell { display: table-cell !important } .d-md-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important } .d-md-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important } } @media (min-width:992px) { .d-lg-none { display: none !important } .d-lg-inline { display: inline !important } .d-lg-inline-block { display: inline-block !important } .d-lg-block { display: block !important } .d-lg-table { display: table !important } .d-lg-table-row { display: table-row !important } .d-lg-table-cell { display: table-cell !important } .d-lg-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important } .d-lg-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important } } @media (min-width:1200px) { .d-xl-none { display: none !important } .d-xl-inline { display: inline !important } .d-xl-inline-block { display: inline-block !important } .d-xl-block { display: block !important } .d-xl-table { display: table !important } .d-xl-table-row { display: table-row !important } .d-xl-table-cell { display: table-cell !important } .d-xl-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important } .d-xl-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important } } @media print { .d-print-none { display: none !important } .d-print-inline { display: inline !important } .d-print-inline-block { display: inline-block !important } .d-print-block { display: block !important } .d-print-table { display: table !important } .d-print-table-row { display: table-row !important } .d-print-table-cell { display: table-cell !important } .d-print-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important } .d-print-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important } } /* ----- Responsive elements like videos .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden } .embed-responsive::before { display: block; content: "" } .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0 } .embed-responsive-21by9::before { padding-top: 42.857143% } .embed-responsive-16by9::before { padding-top: 56.25% } .embed-responsive-4by3::before { padding-top: 75% } .embed-responsive-1by1::before { padding-top: 100% } ----*/ .flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important } .flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important } .flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important } .flex-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important } .justify-content-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important } .justify-content-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important } .justify-content-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important } .justify-content-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important } .align-items-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important } .align-items-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important } .align-items-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important } .align-items-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important } .align-items-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important } .align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important } .align-self-center { -ms-flex-item-align: center !important; align-self: center !important } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important } .align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important } @media (min-width:576px) { .flex-sm-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important } .flex-sm-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important } .flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important } .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important } .justify-content-sm-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important } .justify-content-sm-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important } .justify-content-sm-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important } .justify-content-sm-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important } .align-items-sm-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important } .align-items-sm-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important } .align-items-sm-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important } .align-items-sm-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important } .align-items-sm-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important } .align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important } .align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important } } @media (min-width:768px) { .flex-md-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important } .flex-md-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important } .flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important } .flex-md-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important } .justify-content-md-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important } .justify-content-md-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important } .justify-content-md-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important } .justify-content-md-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important } .align-items-md-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important } .align-items-md-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important } .align-items-md-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important } .align-items-md-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important } .align-items-md-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important } .align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important } .align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important } .align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important } } @media (min-width:992px) { .flex-lg-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important } .flex-lg-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important } .flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important } .flex-lg-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important } .justify-content-lg-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important } .justify-content-lg-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important } .justify-content-lg-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important } .justify-content-lg-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important } .align-items-lg-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important } .align-items-lg-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important } .align-items-lg-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important } .align-items-lg-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important } .align-items-lg-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important } .align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important } .align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important } } @media (min-width:1200px) { .flex-xl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important } .flex-xl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important } .flex-xl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important } .flex-xl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important } .justify-content-xl-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important } .justify-content-xl-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important } .justify-content-xl-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important } .justify-content-xl-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important } .align-items-xl-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important } .align-items-xl-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important } .align-items-xl-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important } .align-items-xl-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important } .align-items-xl-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important } .align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important } .align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important } } /* ----- float items left and right ----*/ .float-left { float: left !important } .float-right { float: right !important } .float-none { float: none !important } @media (min-width:576px) { .float-sm-left { float: left !important } .float-sm-right { float: right !important } .float-sm-none { float: none !important } } @media (min-width:768px) { .float-md-left { float: left !important } .float-md-right { float: right !important } .float-md-none { float: none !important } } @media (min-width:992px) { .float-lg-left { float: left !important } .float-lg-right { float: right !important } .float-lg-none { float: none !important } } @media (min-width:1200px) { .float-xl-left { float: left !important } .float-xl-right { float: right !important } .float-xl-none { float: none !important } } /* ----- fixed positioning ----*/ .position-static { position: static!important } .position-relative { position: relative!important } .position-absolute { position: absolute!important } .absolute-top { position: absolute; top: 0; right: 0; left: 0; z-index: 1030 } .position-fixed { position: fixed!important } .position-sticky { position: -webkit-sticky!important; position: sticky!important } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030 } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030 } .opacity-25 { opacity: .25 !important; } .opacity-50 { opacity: .5 !important; } .opacity-75 { opacity: .75 !important; } .opacity-100 { opacity: 1 !important; } @supports ((position:-webkit-sticky) or (position:sticky)) { .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 } } /* ---- screen reading -----*/ .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; -webkit-clip-path: inset(50%); clip-path: inset(50%); border: 0 } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; -webkit-clip-path: none; clip-path: none } /* ------ width and heights -----*/ .w-25 { width: 25% !important } .w-50 { width: 50% !important } .w-75 { width: 75% !important } .w-100 { width: 100% !important } .h-25 { height: 25% !important } .h-50 { height: 50% !important } .h-75 { height: 75% !important } .h-100 { height: 100% !important } /* ------ max width and height ----*/ .mw-100 { max-width: 100% !important } .mh-100 { max-height: 100% !important } /* ----- Margin quick links -----*/ .m-0 { margin: 0 !important } .mt-0, .my-0 { margin-top: 0 !important } .mr-0, .mx-0 { margin-right: 0 !important } .mb-0, .my-0 { margin-bottom: 0 !important } .ml-0, .mx-0 { margin-left: 0 !important } .m-1 { margin: .25rem !important } .mt-1, .my-1 { margin-top: .25rem !important } .mr-1, .mx-1 { margin-right: .25rem !important } .mb-1, .my-1 { margin-bottom: .25rem !important } .ml-1, .mx-1 { margin-left: .25rem !important } .m-2 { margin: .5rem !important } .mt-2, .my-2 { margin-top: .5rem !important } .mr-2, .mx-2 { margin-right: .5rem !important } .mb-2, .my-2 { margin-bottom: .5rem !important } .ml-2, .mx-2 { margin-left: .5rem !important } .m-3 { margin: 1rem !important } .mt-3, .my-3 { margin-top: 1rem !important } .mr-3, .mx-3 { margin-right: 1rem !important } .mb-3, .my-3 { margin-bottom: 1rem !important } .ml-3, .mx-3 { margin-left: 1rem !important } .m-4 { margin: 1.5rem !important } .mt-4, .my-4 { margin-top: 1.5rem !important } .mr-4, .mx-4 { margin-right: 1.5rem !important } .mb-4, .my-4 { margin-bottom: 1.5rem !important } .ml-4, .mx-4 { margin-left: 1.5rem !important } .m-5 { margin: 3rem !important } .mt-5, .my-5 { margin-top: 3rem !important } .mr-5, .mx-5 { margin-right: 3rem !important } .mb-5, .my-5 { margin-bottom: 3rem !important } .ml-5, .mx-5 { margin-left: 3rem !important } /* ----- Padding quick links -----*/ .p-0 { padding: 0 !important } .pt-0, .py-0 { padding-top: 0 !important } .pr-0, .px-0 { padding-right: 0 !important } .pb-0, .py-0 { padding-bottom: 0 !important } .pl-0, .px-0 { padding-left: 0 !important } .p-1 { padding: .25rem !important } .pt-1, .py-1 { padding-top: .25rem !important } .pr-1, .px-1 { padding-right: .25rem !important } .pb-1, .py-1 { padding-bottom: .25rem !important } .pl-1, .px-1 { padding-left: .25rem !important } .p-2 { padding: .5rem !important } .pt-2, .py-2 { padding-top: .5rem !important } .pr-2, .px-2 { padding-right: .5rem !important } .pb-2, .py-2 { padding-bottom: .5rem !important } .pl-2, .px-2 { padding-left: .5rem !important } .p-3 { padding: 1rem !important } .pt-3, .py-3 { padding-top: 1rem !important } .pr-3, .px-3 { padding-right: 1rem !important } .pb-3, .py-3 { padding-bottom: 4px !important; display: inline-block; } .pl-3, .px-3 { padding-left: 1rem !important } .p-4 { padding: 1.5rem !important } .pt-4, .py-4 { padding-top: 1.5rem !important } .pr-4, .px-4 { padding-right: 1.5rem !important } .pb-4, .py-4 { padding-bottom: 1.5rem !important } .pl-4, .px-4 { padding-left: 1.5rem !important } .p-5 { padding: 3rem !important } .pt-5, .py-5 { padding-top: 3rem !important } .pr-5, .px-5 { padding-right: 3rem !important } .pb-5, .py-5 { padding-bottom: 3rem !important } .pl-5, .px-5 { padding-left: 3rem !important } /* ----- Margin quick links -----*/ .m-auto { margin: auto !important } .mt-auto, .my-auto { margin-top: auto !important } .mr-auto, .mx-auto { margin-right: auto !important } .mb-auto, .my-auto { margin-bottom: auto !important } .ml-auto, .mx-auto { margin-left: auto !important } /* ----- Margin quick links mobile SM -----*/ @media (min-width:576px) { .m-sm-0 { margin: 0 !important } .mt-sm-0, .my-sm-0 { margin-top: 0 !important } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important } .m-sm-1 { margin: .25rem !important } .mt-sm-1, .my-sm-1 { margin-top: .25rem !important } .mr-sm-1, .mx-sm-1 { margin-right: .25rem !important } .mb-sm-1, .my-sm-1 { margin-bottom: .25rem !important } .ml-sm-1, .mx-sm-1 { margin-left: .25rem !important } .m-sm-2 { margin: .5rem !important } .mt-sm-2, .my-sm-2 { margin-top: .5rem !important } .mr-sm-2, .mx-sm-2 { margin-right: .5rem !important } .mb-sm-2, .my-sm-2 { margin-bottom: .5rem !important } .ml-sm-2, .mx-sm-2 { margin-left: .5rem !important } .m-sm-3 { margin: 1rem !important } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important } .m-sm-4 { margin: 1.5rem !important } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important } .m-sm-5 { margin: 3rem !important } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important } .p-sm-0 { padding: 0 !important } .pt-sm-0, .py-sm-0 { padding-top: 0 !important } .pr-sm-0, .px-sm-0 { padding-right: 0 !important } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important } .pl-sm-0, .px-sm-0 { padding-left: 0 !important } .p-sm-1 { padding: .25rem !important } .pt-sm-1, .py-sm-1 { padding-top: .25rem !important } .pr-sm-1, .px-sm-1 { padding-right: .25rem !important } .pb-sm-1, .py-sm-1 { padding-bottom: .25rem !important } .pl-sm-1, .px-sm-1 { padding-left: .25rem !important } .p-sm-2 { padding: .5rem !important } .pt-sm-2, .py-sm-2 { padding-top: .5rem !important } .pr-sm-2, .px-sm-2 { padding-right: .5rem !important } .pb-sm-2, .py-sm-2 { padding-bottom: .5rem !important } .pl-sm-2, .px-sm-2 { padding-left: .5rem !important } .p-sm-3 { padding: 1rem !important } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important } .p-sm-4 { padding: 1.5rem !important } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important } .p-sm-5 { padding: 3rem !important } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important } .m-sm-auto { margin: auto !important } .mt-sm-auto, .my-sm-auto { margin-top: auto !important } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important } } /* ----- Margin quick links mobile MD -----*/ @media (min-width:768px) { .m-md-0 { margin: 0 !important } .mt-md-0, .my-md-0 { margin-top: 0 !important } .mr-md-0, .mx-md-0 { margin-right: 0 !important } .mb-md-0, .my-md-0 { margin-bottom: 0 !important } .ml-md-0, .mx-md-0 { margin-left: 0 !important } .m-md-1 { margin: .25rem !important } .mt-md-1, .my-md-1 { margin-top: .25rem !important } .mr-md-1, .mx-md-1 { margin-right: .25rem !important } .mb-md-1, .my-md-1 { margin-bottom: .25rem !important } .ml-md-1, .mx-md-1 { margin-left: .25rem !important } .m-md-2 { margin: .5rem !important } .mt-md-2, .my-md-2 { margin-top: .5rem !important } .mr-md-2, .mx-md-2 { margin-right: .5rem !important } .mb-md-2, .my-md-2 { margin-bottom: .5rem !important } .ml-md-2, .mx-md-2 { margin-left: .5rem !important } .m-md-3 { margin: 1rem !important } .mt-md-3, .my-md-3 { margin-top: 1rem !important } .mr-md-3, .mx-md-3 { margin-right: 1rem !important } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important } .ml-md-3, .mx-md-3 { margin-left: 1rem !important } .m-md-4 { margin: 1.5rem !important } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important } .m-md-5 { margin: 3rem !important } .mt-md-5, .my-md-5 { margin-top: 3rem !important } .mr-md-5, .mx-md-5 { margin-right: 3rem !important } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important } .ml-md-5, .mx-md-5 { margin-left: 3rem !important } .p-md-0 { padding: 0 !important } .pt-md-0, .py-md-0 { padding-top: 0 !important } .pr-md-0, .px-md-0 { padding-right: 0 !important } .pb-md-0, .py-md-0 { padding-bottom: 0 !important } .pl-md-0, .px-md-0 { padding-left: 0 !important } .p-md-1 { padding: .25rem !important } .pt-md-1, .py-md-1 { padding-top: .25rem !important } .pr-md-1, .px-md-1 { padding-right: .25rem !important } .pb-md-1, .py-md-1 { padding-bottom: .25rem !important } .pl-md-1, .px-md-1 { padding-left: .25rem !important } .p-md-2 { padding: .5rem !important } .pt-md-2, .py-md-2 { padding-top: .5rem !important } .pr-md-2, .px-md-2 { padding-right: .5rem !important } .pb-md-2, .py-md-2 { padding-bottom: .5rem !important } .pl-md-2, .px-md-2 { padding-left: .5rem !important } .p-md-3 { padding: 1rem !important } .pt-md-3, .py-md-3 { padding-top: 1rem !important } .pr-md-3, .px-md-3 { padding-right: 1rem !important } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important } .pl-md-3, .px-md-3 { padding-left: 1rem !important } .p-md-4 { padding: 1.5rem !important } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important } .p-md-5 { padding: 3rem !important } .pt-md-5, .py-md-5 { padding-top: 3rem !important } .pr-md-5, .px-md-5 { padding-right: 3rem !important } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important } .pl-md-5, .px-md-5 { padding-left: 3rem !important } .m-md-auto { margin: auto !important } .mt-md-auto, .my-md-auto { margin-top: auto !important } .mr-md-auto, .mx-md-auto { margin-right: auto !important } .mb-md-auto, .my-md-auto { margin-bottom: auto !important } .ml-md-auto, .mx-md-auto { margin-left: auto !important } } /* ----- Margin quick links mobile L -----*/ @media (min-width:992px) { .m-lg-0 { margin: 0 !important } .mt-lg-0, .my-lg-0 { margin-top: 0 !important } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important } .m-lg-1 { margin: .25rem !important } .mt-lg-1, .my-lg-1 { margin-top: .25rem !important } .mr-lg-1, .mx-lg-1 { margin-right: .25rem !important } .mb-lg-1, .my-lg-1 { margin-bottom: .25rem !important } .ml-lg-1, .mx-lg-1 { margin-left: .25rem !important } .m-lg-2 { margin: .5rem !important } .mt-lg-2, .my-lg-2 { margin-top: .5rem !important } .mr-lg-2, .mx-lg-2 { margin-right: .5rem !important } .mb-lg-2, .my-lg-2 { margin-bottom: .5rem !important } .ml-lg-2, .mx-lg-2 { margin-left: .5rem !important } .m-lg-3 { margin: 1rem !important } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important } .m-lg-4 { margin: 1.5rem !important } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important } .m-lg-5 { margin: 3rem !important } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important } .p-lg-0 { padding: 0 !important } .pt-lg-0, .py-lg-0 { padding-top: 0 !important } .pr-lg-0, .px-lg-0 { padding-right: 0 !important } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important } .pl-lg-0, .px-lg-0 { padding-left: 0 !important } .p-lg-1 { padding: .25rem !important } .pt-lg-1, .py-lg-1 { padding-top: .25rem !important } .pr-lg-1, .px-lg-1 { padding-right: .25rem !important } .pb-lg-1, .py-lg-1 { padding-bottom: .25rem !important } .pl-lg-1, .px-lg-1 { padding-left: .25rem !important } .p-lg-2 { padding: .5rem !important } .pt-lg-2, .py-lg-2 { padding-top: .5rem !important } .pr-lg-2, .px-lg-2 { padding-right: .5rem !important } .pb-lg-2, .py-lg-2 { padding-bottom: .5rem !important } .pl-lg-2, .px-lg-2 { padding-left: .5rem !important } .p-lg-3 { padding: 1rem !important } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important } .p-lg-4 { padding: 1.5rem !important } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important } .p-lg-5 { padding: 3rem !important } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important } .m-lg-auto { margin: auto !important } .mt-lg-auto, .my-lg-auto { margin-top: auto !important } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important } } /* ----- Margin quick links mobile XL -----*/ @media (min-width:1200px) { .m-xl-0 { margin: 0 !important } .mt-xl-0, .my-xl-0 { margin-top: 0 !important } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important } .m-xl-1 { margin: .25rem !important } .mt-xl-1, .my-xl-1 { margin-top: .25rem !important } .mr-xl-1, .mx-xl-1 { margin-right: .25rem !important } .mb-xl-1, .my-xl-1 { margin-bottom: .25rem !important } .ml-xl-1, .mx-xl-1 { margin-left: .25rem !important } .m-xl-2 { margin: .5rem !important } .mt-xl-2, .my-xl-2 { margin-top: .5rem !important } .mr-xl-2, .mx-xl-2 { margin-right: .5rem !important } .mb-xl-2, .my-xl-2 { margin-bottom: .5rem !important } .ml-xl-2, .mx-xl-2 { margin-left: .5rem !important } .m-xl-3 { margin: 1rem !important } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important } .m-xl-4 { margin: 1.5rem !important } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important } .m-xl-5 { margin: 3rem !important } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important } .p-xl-0 { padding: 0 !important } .pt-xl-0, .py-xl-0 { padding-top: 0 !important } .pr-xl-0, .px-xl-0 { padding-right: 0 !important } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important } .pl-xl-0, .px-xl-0 { padding-left: 0 !important } .p-xl-1 { padding: .25rem !important } .pt-xl-1, .py-xl-1 { padding-top: .25rem !important } .pr-xl-1, .px-xl-1 { padding-right: .25rem !important } .pb-xl-1, .py-xl-1 { padding-bottom: .25rem !important } .pl-xl-1, .px-xl-1 { padding-left: .25rem !important } .p-xl-2 { padding: .5rem !important } .pt-xl-2, .py-xl-2 { padding-top: .5rem !important } .pr-xl-2, .px-xl-2 { padding-right: .5rem !important } .pb-xl-2, .py-xl-2 { padding-bottom: .5rem !important } .pl-xl-2, .px-xl-2 { padding-left: .5rem !important } .p-xl-3 { padding: 1rem !important } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important } .p-xl-4 { padding: 1.5rem !important } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important } .p-xl-5 { padding: 3rem !important } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important } .m-xl-auto { margin: auto !important } .mt-xl-auto, .my-xl-auto { margin-top: auto !important } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important } } /* ----- text centering and justification -----*/ .text-justify { text-align: justify !important } .text-nowrap { white-space: nowrap !important } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .text-left { text-align: left !important } .text-right { text-align: right !important } .text-center { text-align: center !important } /* ----- text centering and justification Mobile SM-----*/ @media (min-width:576px) { .text-sm-left { text-align: left !important } .text-sm-right { text-align: right !important } .text-sm-center { text-align: center !important } } /* ----- text centering and justification Mobile MD-----*/ @media (min-width:768px) { .text-md-left { text-align: left !important } .text-md-right { text-align: right !important } .text-md-center { text-align: center !important } } /* ----- text centering and justification Mobile LG-----*/ @media (min-width:992px) { .text-lg-left { text-align: left !important } .text-lg-right { text-align: right !important } .text-lg-center { text-align: center !important } } /* ----- text centering and justification Mobile XL-----*/ @media (min-width:1200px) { .text-xl-left { text-align: left !important } .text-xl-right { text-align: right !important } .text-xl-center { text-align: center !important } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #007bff !important; } a.text-primary:hover, a.text-primary:focus { color: #0062cc !important; } .text-secondary { color: #6c757d !important; } a.text-secondary:hover, a.text-secondary:focus { color: #545b62 !important; } .text-success { color: #28a745 !important; } a.text-success:hover, a.text-success:focus { color: #1e7e34 !important; } .text-info { color: #17a2b8 !important; } a.text-info:hover, a.text-info:focus { color: #117a8b !important; } .text-warning { color: #ffc107 !important; } a.text-warning:hover, a.text-warning:focus { color: #d39e00 !important; } .text-danger { color: #dc3545 !important; } a.text-danger:hover, a.text-danger:focus { color: #bd2130 !important; } .text-light { color: #f8f9fa !important; } a.text-light:hover, a.text-light:focus { color: #dae0e5 !important; } .text-dark { color: #343a40 !important; } a.text-dark:hover, a.text-dark:focus { color: #1d2124 !important; } .text-muted { color: #6c757d !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } /* Form Progress */ .two.progress .circle, .two.progress .bar { display: inline-block; width: 15px; height: 15px; border-radius: 15px; font-size: 12px; } .two.progress .circle .label { display: inline-block; width: 15px; height: 15px; border-radius: 15px; font-size: 10px; Color: white; text-align: center; margin-left: 2px; margin-bottom: 10px; } /* Done / Active */ .two.progress .circle.done .label { color: #FFF; background: #8bc435; } .two.progress .circle.done .title { color: #444; } .two.progress .circle.active .label { color: #FFF; background: red; } .two.progress .circle.active .title { color: #0c95be; } .two.progress .circle.next .label { color: #FFF; background: grey; } .two.progress .circle.next .title { color: grey; } /* ------ Cancel ------*/ #main-cancel { background: white; margin: 50px; border-radius: 10px; box-shadow: 0 0 20px #ccc; } /* ------CarrierResubmit ------*/ #main-CarrierResubmit { background: white; margin: 50px; border-radius: 10px; box-shadow: 0 0 20px #ccc; } #main-index-CaseStatus { background: white; margin: 50px; border-radius: 10px; box-shadow: 0 0 20px #ccc; padding: 40px !important; } #main-index-CaseStatus #strongnotice { margin-bottom: 40px; } #main-index-CaseStatus .secondary-content p { width: auto; } #main-index-CaseStatus a { font-weight: 600; } /*------- misc general styling for FAQ. contact about etc. ---*/ .interior-content, .interior-sidebar { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .interior-content { width: 60%; padding: 30px; display: block; margin: 20px; } .interior-sidebar .bluebtn { font-size: 14px; letter-spacing: .5px; font-weight: 600; } .interior-sidebar { width: 35%; padding: 30px; display: block; } .interior-sidebar .interior-widget { background-color: #e6e6e6; padding: 0 20px 20px; margin-bottom: 30px; text-align: left; overflow: hidden; } .interior-widget h5 { font-size: 16px; line-height: 1.5; margin-bottom: 20px; } .interior-sidebar .interior-widget .widget-title { background: var(--dark-blue); color: white !important; font-size: 21px; font-weight: 600; padding: 15px 20px; margin: 0 -20px 20px; text-transform: none; text-align: left; } .interior-widget .bluebtn { display: table; margin-right: auto; margin-left: auto; margin-top: 20px; margin-bottom: 10px; font-weight: 600 !important; } .interior-widget img { margin-left: auto; margin-right: auto; display: block; } .interior-widget:nth-of-type(2) .container .col-4:nth-of-type(2), .interior-widget:nth-of-type(3) .container .col-4:nth-of-type(2) { display: none; } .interior-widget:nth-of-type(2) .container .col-4, .interior-widget:nth-of-type(3) .container .col-4 { max-width: 50%; flex: 0 0 50%; } /* ------Demo ------*/ #main-Demo { background: white; margin: 50px; border-radius: 10px; box-shadow: 0 0 20px #ccc; } #main-Demo h2 { text-align: left !important; border-bottom: .5px solid #1a5b86 !important; margin-left: -20px !Important; } #main-Demo div { width: 90% !important; margin: 40px !important; } #main-Demo .redbtn { background: #8bc53f; font-size: 14px; } #main-Demo div[style*="margin-top: 20px;"] { margin-left: 0px !important; } #main-Demo p[style*="margin-top: 10px"] { margin-top: 30px !important; } /* ------ page 1 ------*/ #changesdialog .modal-dialog { max-width: 550px; } #quoteform { width: 100%; } #quoteform a{ color: var(--light-blue); } #page1_main { background: white; margin: 50px; border-radius: 10px; box-shadow: 0 0 20px #ccc; } #page1_main span[style*="font-size:0.8em"] { font-size: 10px !important; display: inline-block; white-space: normal; } #page1_main label#dob-error, label#amount-error, label#state-error, label#healthclassification-error { font-size: 9px !important; padding: 0px !important; margin: 0px !important; color: #c1272d; display: inherit !important; } #page1_main #amount-error { position: absolute; top: 60px; left: 10px; width: 300px; } fieldset { margin-top: 30px; padding-top: 10px; } .col-form-label { padding-right: 5px; font-size: 14px; padding-top: calc(.375rem + 1px); padding-bottom: calc(.375rem + 1px); margin-bottom: 0; line-height: 1.5 } .form-control { height: 34px; width: 100%; display: block; text-align: left; } .form-control.border { border: 1px solid #dee2e6 !important; } #order_phone { float: right !important; position: absolute !important; right: 45px !important; top: -150px !important; background-color: white !important; padding: 8px 10px !important; border: 1px solid #f9f9f9 !important; border-radius: 5px !important; } #order_need_help { display: block; font-weight: 700; color: #c1272d; font-size: 16px; } #order_phone_number { display: block; color: var(--dark-blue) !imporant; } #page1_main select { width: 100%; height: 34px; padding: .375rem .75rem; font-size: 14px; line-height: 1.5; color: #495057; background-color: transparent; background-clip: padding-box; border: 1px solid var(--input-border-gray); border-radius: .25rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; } #page1_main label { padding-right: 5px; font-size: 14px; padding-top: calc(.375rem + 1px); padding-bottom: calc(.375rem + 1px); margin-bottom: 0; line-height: 1.5 } #page1_main .disabled { color: #e6e6e6; opacity: .5; pointer-events: none; } #page1_main #stopmessage { font-weight: 600; color: #c1272d; padding: 0px 20px 50px; font-size: 18px; } #page1_main #childunits:disabled { color: #e6e6e6; border: none; } #page1_main input#childunits { margin-top: 10px; width: 100%; } #page1_main label#adbnotice { font-size: 10px; display: block; } #page1_main legend { padding-left: 20px; } #page1_main .form-control { height: auto; } #page1_main #healthclassification { height: 34px; } #childunitslabel { font-size: 13px; float: left; padding: 0px !important; } #childunitsmaxlabel { font-size: 10px !important; padding: 5px 2px; float: left; } #page1_main a#lifeneeds { font-weight: 600; font-size: 13px !important; text-decoration: underline; } #page1_main .pb-3 { margin-bottom: 10px; } #page1_main input.success, textarea.success, select.success, #substandardtable.success, select#state.success, #healthclassification.form-control.required.success, input.success { background-color: #f1f8e8 !important; border: 1px solid var(--input-success-border) !important; } #page1_main #substandardtable, #page1_main #healthclassification { width: 50%; } #page1_main input.invalid, textarea.invalid, select.invalid, .form-control.required.invalid.error, #substandardtable.error, select#state.error, select#healthclassification.invalid { background-color: #fbe7e9 !important; border: 1px solid var(--input-error-border) !important; } #firstname-error, #lastname-error, #page1_main label.error, #main-edit-agency-settings-admin label.error { color: #c1272d !important; float: right; font-size: 9px !important; padding: 0px !important; margin: 0px !important; display: inherit !important; } /* not in scope #agree_to_terms:checked + label.required.form-check-label { background: lime; } */ #page1_main .form-check-inline { display: inline-block; white-space: nowrap; } #page1_main .hoverhelp, #page4_main .hoverhelp { background: white; color: var(--light-blue); font-size: 10px; font-weight: 800; padding: 0px 5px; cursor: pointer; border: 2px solid var(--light-blue); border-radius: 15px; display: inline-block; margin: auto; width: 1.8em; height: 1.9em; vertical-align: middle; } .stateNotice .hoverhelp { margin-top: 6px; margin-left: 3px; } .stateNotice p { display: inline; } /* page 1 modal calculator */ #lifeneedsdialog #dialog-form fieldset { border: none; margin-top: 0; padding: 0; margin-left: 10px; } #lifeneedsdialog #dialog-form form { padding-top: 0; } #lifeneedsdialog #dialog-form fieldset legend { margin-left: 25px; color: var(--dark-blue); font-weight: 500; font-size: 18px; padding: 0; margin-bottom: 5px; } #lifeneedsdialog #dialog-form fieldset tr:nth-of-type(1) td { font-size: 13px; padding-top: 0; padding-right: 35px; margin-left: -11%; } #lifeneedsdialog .sectionheader { width: 100%; display: inline !important; } #dialog-form #result, #moneySign { margin-left: auto; margin-right: auto; text-align: center; color: var(--dark-blue) !important; font-size: 20px !important; } #lifeneedsdialog #dialog-form fieldset td { font-size: 14px; float: left; clear: left; padding-top: 0; } #lifeneedsdialog #dialog-form select { padding: .375rem .75rem; width: 300px; } #lifeneedsdialog #dialog-form form table { margin-left: 15%; } #lifeneedsdialog .modal-footer { justify-content: center; } #page4_main .hoverhelp-tbe { color: darkcyan !important; font-size: 14px; font-weight: 700; padding-left: 10px; cursor: pointer; padding-left: 5px; } .healthypop { color: #c1272d; } /* Order Process*/ .order_continue.disabled { background-color: #b3b3b3; opacity: .65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none } .order_agree, .order_back, .order_continue, .order_disagree, .order_save, .order_selectproduct, .order_stop, .order_share { Display: inline-block; margin-right: 10px; padding: .3rem 1rem; text-align: center; vertical-align: middle; cursor: pointer; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; } #requirednotice { font-size: 0.8em; color: #555; text-align: center; display: block; margin-top: 15px; font-weight: 700; float: right; } label .asterisk { display: inline; color: #c1272d; font-weight: 400; vertical-align: super; font-size: 12px; } .stateNotice { color: var(--dark-gray); font-weight: normal; display: block; font-size: 12px; letter-spacing: -.02em; margin-right: -15px; margin-top: 3px; } .languagehide { display: none; } /* ------ page 2 ------*/ #page2_main { background: white; margin: 50px; border-radius: 10px; box-shadow: 0 0 20px #ccc; } #page2_main select.form-control:not([size]):not([multiple]) { margin-left: 12px !important; } #page2_main select#tobacco, #page2_main select#frequency { min-width: 50%; } #page2_main .secondary-order { padding: 50px; } #page2_main fieldset { margin-top: 30px; display: inline-block; padding: 0px 15px; } #page2_main .pt-1 { padding: 0; } #page2_main input#ccard0age, #page2_main input#ccard1age, #page2_main input#ccard2age, #page2_main input#ccard3age, #page2_main input#ccard4age, #page2_main input#ccard5age, #page2_main input#ccard6age { margin-top: 8px; margin-bottom: 5px; min-width: 80%; } #page2_main label#lblage0 { margin-bottom: -5px; } #page2_main .form-check { margin-right: 15px; } #page2_main .form-inline .form-control { width: 20%; } #page2_main .questionLabel { font-weight: normal; } #page2_main #medicalconditions ul li { font-size: 13.5px; margin: 2px; list-style: disc; } #page2_main .labelnote { font-size: 10px !important; font-style: italic; } #page2_main #lblWeightNote { font-size: 9.5px !important; min-width: 100%; } #page2_main input#heightinches { margin-left: 15px; } #page2_main .asterisk { position: absolute; padding-left: 3px; } #cancerheader { margin-left: 0 !Important; } #cancerheader .container { padding-left: 0 !Important; font-size: 14px; } #cancerheader .form-group .inline { white-space: nowrap !important; } #page2_main #ccbuttons { margin-bottom: 20px !important; } .heightgroup { padding-left: 0 !important; } #page2_main .redbtn { margin-left: 15px; } #page2_main #ccdiv .form-group.inline { width: 120%; } #page2_main label#ccdiv0rel-error { font-size: 10px; float: left; color: #c1272d; padding: 0px; margin-left: 12px; margin-top: -5px; } #page2_main label#ccdiv0age-error { font-size: 10px; float: left; color: #c1272d; padding: 0px; margin-top: -5px; } #page2_main label#ccdiv0type-error, label#ccdiv0cancertype-error { font-size: 10px; float: left; color: #c1272d; padding: 0px; margin-top: -5px; } #page2_main label#ccdiv0cancertype-error { font-size: 10px !important; float: left; color: #c1272d; padding: 0px; margin-top: -5px; margin-left: -5px; } #page2_main select#ccdiv0type, select#ccdiv0rel { margin-left: 0px !important; } #page2_main #ccdiv0cancertype { margin-left: -10px !important; } #page2_main .ml-1 { margin-top: 5px !important; margin-bottom: 0px !important; } #page2_main #medicalconditions { margin-left: 0px !important; } #marijuanause-error { } #page2_main input.success, textarea.success, input#heightinches.success, #page2_main select.success, #main-Login input.success { background-color: #f1f8e8 !important; border: 1px solid var(--input-success-border) !important; } #page2_main input.invalid, textarea.invalid, select.invalid, .form-control.required.invalid.error, input#heightinches.error, input.invalid, #page2_main select.error, #main-Login input.invalid { background-color: #fbe7e9 !important; border: 1px solid var(--input-error-border) !important; } #page2_main label.error { margin: -5px 15px 5px !important; color: #c1272d !important; } #page2_main #weight-error, #page2_main #heightinches-error, #page2_main #rates label.error { margin: 5px !Important; } #page2_main #frequency-error { margin: 5px 15px !important; } #page2_main #addccrowdiv2 { background-color: var(--dark-blue); margin-left: 40px; font-size: 14px; } #page2_main .modal-content #rates fieldset legend { width: 100%; padding: 40px 2px 5px 2px; font-size: 22px; font-weight: 600; border-bottom: 1px solid var(--dark-blue); } #page2_main .modal-content #rates fieldset { padding: 20px; margin-top: -20px; } #page2_main hr { border-bottom: none; } #substandard-form select { padding: .375rem .75rem; } #substandard-form #btnContinueQuote { background: #8bc53f; color: white; } #page2_main #substandard-form .form-group { margin-left: 23px; margin-bottom: 5px; } #page2_main #substandard-form #lblCarriers { padding-left: 0; font-size: 18px; color: var(--dark-blue); font-weight: 600; } #page2_main #substandard-form .col-5 label:first-child { margin-left: 22px; font-size: 18px; color: var(--dark-blue); font-weight: 600; } #page2_main #substandard-form .col-5 .form-group label { margin-left: 5px; } #substandard-form .btn { background: #b3b3b3; color: white; } #substandard-form legend { margin-top: 20px; } /* ------ page 3 ------*/ /*----- Share Quote ------*/ #mobiledeviceheader { background: linear-gradient(to right, var(--light-blue), var(--dark-blue)); padding-right: 0; } .page3container .shareRadioLabel { color: var(--dark-blue); } #sharequoteform input[type="radio"] { margin-top: 6px; } #sharequote-form .close-container span { margin-top: 13px !important; display: inline-block; } #sharequote-form .modal-header { padding-right: 0px !important; } #sharequote-form .modal-header, #sharequote-form .modal-footer { background-color: transparent !important; } #sharequoteform select.form-control:not([size]):not([multiple]) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: .375rem .75rem; } #sharequoteform p { font-size: 14px; margin: 0px 10px 0px 20px !important; padding-bottom: 20px; } #mobiledialogbody h3 { color: var(--dark-blue); } #sharedialogclose { color: white; font-size: x-large; border: none !important; } .page3container #sharequote { float: right; display: inline-block; margin-top: 32px; margin-right: 10px; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; overflow: hidden; text-align: center; padding: .3rem 1rem; cursor: pointer; } /*----- Compare page 3 -----*/ .page3container #comparediv fieldset { margin-bottom: 25px; } .page3container #comparediv { padding-bottom: 40px; } .page3container #comparediv #compareresultsdiv .compareme { border: none; padding: 0; } .page3container #comparediv #compareresultsdiv .compareme .col-12 { padding-right: 0px; padding-left: 0px; } .page3container #comparediv #compareresultsdiv #product2 { border-left: none; border-top: .5px solid #b3b3b3; border-bottom: .5px solid #b3b3b3; border-right: .5px solid #b3b3b3; padding: 0px; } .page3container #comparediv #compareresultsdiv #product1 { border-left: .5px solid #b3b3b3; border-top: .5px solid #b3b3b3; border-bottom: .5px solid #b3b3b3; border-right: .5px solid #b3b3b3; padding: 0px; } .page3container #comparediv #compareresultsdiv #product3 { border-left: none; border-top: .5px solid #b3b3b3; border-bottom: .5px solid #b3b3b3; border-right: .5px solid #b3b3b3; padding: 0px; } .page3container #comparediv #compareresultsdiv .comparerow, .page3container #comparediv #compareresultsdiv .comparerowshort { border-bottom: .5px solid #b3b3b3; border-top: none; border-left: none; border-right: none; margin: 10px 0px 10px -2px; ; width: 100%; display: flex; } .page3container #comparediv #compareresultsdiv .comparerow .productimage { width: 150px; margin-bottom: -20px; margin-top: 20px; } .page3container #comparediv #compareresultsdiv .comparerow:nth-of-type(1) { min-height: 150px !important; } .page3container #comparediv #compareresultsdiv #compProductScore h3:nth-of-type(1) { font-size: 20px; font-weight: 500; padding-top: 10px; margin-bottom: 0px; } .page3container #comparediv #compareresultsdiv #compProductScore b.compareScore { font-size: 32px; padding: 0px !important; display: block; } .page3container #comparediv #compareresultsdiv #compProductScore h5 { font-size: 16px; margin-bottom: 10px; } .page3container #comparediv #compareresultsdiv .premiumCents { font-size: 0.6em; position: relative; top: -5px; display: inline; } .page3container #comparediv #compareresultsdiv .compareValueLabel { font-size: 12px; margin: 30px 0px 0px 0px !important; padding-bottom: 2px; } .page3container #comparediv #compareresultsdiv .comparerowshort .compareValueLabel { margin: 0px 0px 0px 0px !important; } .page3container #comparediv #compareresultsdiv .comparerowshort { margin-top: 30px !important; min-height: 80px !important; } .page3container #comparediv #compareresultsdiv h4 { font-size: 20px; margin-top: 0px; } .page3container #comparediv #compareresultsdiv .comparerow:nth-child(3) h4 { margin-top: 20px; } .page3container #comparediv #compareresultsdiv .premium_years { color: var(--dark-blue); font-size: x-large !important; } .page3container #comparediv #compareresultsdiv h4:nth-child(1) { font-size: 24px; margin-bottom: 20px; margin-top: 10px; } .page3container #comparediv #compareresultsdiv .comparerow:last-of-type { border-bottom: none; } /* ------ page 3 ------*/ .page3container input.success, .page3container textarea.success, .page3container select.success, .page3container form-control.required.success { background-color: #f1f8e8 !important; border: 1px solid var(--input-success-border) !important; } .page3container .ui-widget input, .page3container .ui-widget select, .page3container .ui-widget textarea, .page3container .ui-widget button { font-family: var(--font-family-sans-serif); font-size: 12px; } .page3container #editquote .col-form-label { font-size: 12px; } .page3container select#healthclassification, .page3container select#substandardtable { padding: .375rem .75rem; margin-bottom: 10px; } .page3container br { display: none; } .page3container legend { width: auto; display: inline-block; float: left; margin-left: 0px; color: var(--light-blue); } .page3container { background: white !important; box-shadow: 0 0 20px #ccc !important; border-radius: 10px !important; max-height: 100%; min-height: 1600px; width: auto !important; background: none; margin: 20px !important; padding: 20px 10px 10px !important; } .one { width: 20%; height: auto; float: left; margin-top: 30px; margin-left: 15px; } .two { margin-left: 20px !important; height: auto; background: none; } .page3container td:nth-child(1) { padding: 0px !Important; } /* rop */ .page3container #ROPTable { font-size: 14px; margin-left: 20px; padding-top: 30px; } .divAGLink { text-align: center; font-size: 16px; color: var(--dark-blue); font-weight: 600; padding: 20px 0px 40px 0px; } a[href*="agonly"] { padding: 10px; } #prdRop443, #prdRop442, #prdRop441, #prdRop1297, #prdRop1296, #prdRop1298 { display: inline !Important; margin: 2px 15px !important; font-size: 11px; padding: 3px !important; color: #7ea83b; font-weight: normal !important; white-space: nowrap; } .irrpercentage { top: 0px !important; font-size: 11px; font-weight: 600 !Important; color: #7ea83b; padding-left: 4px; } #prdRop443 span, #prdRop1297 span, #prdRop1296 span, #prdRop1298 span, #prdRop442 span, #prdRop441 span { font-weight: normal !Important; } td[style*="font-weight: bold; color: red;"], td[style*="font-weight:bold; color:red;"], #sel-prd-row div[style*="font-weight:bold; color:red;"] { font-weight: normal !Important; color: #c1272d !Important; } .page3container fieldset { margin-top: 30px; } #sharequote-form { overflow: scroll !important; } #sharequote-form fieldset { margin-top: 0px !important; } #sharequote-form p { padding-bottom: 0; padding-top: 10px; } #sharequote-form p:after { content: "Not for client use."; font-weight: 700; } #sharequote-form .form-group { margin-bottom: 1rem !important; } #sharequote-form .form-control { padding: 0px !important; margin: 0px !important; } #sharequote-form .disabled { color: #e6e6e6 !important; } .page3container .form-check-label { font-size: 12px; } .page3container .order_back { margin-left: 20px; } .page3container p { font-size: 14px; margin: 0px 10px 0px 20px !important; padding-bottom: 20px; } .pagetitle-container { border-bottom: 2px solid var(--light-gray); display: inline-block; width: 100%; } #resultstitle { color: var(--light-blue); font-size: 14px; margin-left: 10px; margin-top: 10px; padding: 5px; width: auto; float: left; display: inline-block; } #printview:before { content: url(print.svg); display: inline-block; width: 22px; height: 30px; float: right; margin-right: 20px; margin-top: 30px; } #printview { color: transparent !important; margin-top: auto; background: none; width: 20%; float: right; } #editquotetoggle { float: right; display: inline-block; margin-top: 32px; margin-right: 5px; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; overflow: hidden; text-align: center; } .strongnotice { border: 1px solid #cc0000; background-color: #Fcc; padding: 10px; font-size: 0.8em; text-align: center; font-weight: 700; color: #cc0000; margin-bottom: 15px; } /* selected product styling */ #divSelectedPrd { clear: both; width: 100%; max-width: 100%; border-collapse: separate; display: table !important; border: none !important; margin: 0px !important; } #divSelectedPrd:before { Content: "Currently Selected"; display: inline-block; white-space: nowrap; font-size: 16px; margin-bottom: 5px !important; color: var(--dark-blue); font-weight: 400; } .sel-prd-header { border: none !important; width: 100% !important; padding: 2px 5px !important; background: #8bc53f !important; font-size: 13px !important; } div[style*="display: block;margin: 10px 20px 10px 20px;"] { margin: 10px 10px 10px 0px !important; } div[style*="display: block; margin: 10px 20px 10px 20px"] { margin: 10px 10px 10px 0px !important; } /* Quote Output */ .page3container td { font-size: 13px; } #tblProductList_wrapper table.display thead th:nth-of-type(1) { width: 20px !important; white-space: nowrap; } #tblProductList_wrapper table.display thead th:nth-of-type(2) { margin-left: 20px !important; } th.sorting.ui-state-default .DataTables_sort_wrapper:after { display: none; } .page3container .tdCbx { max-width: 40px !important; } .page3container .chkBoxComp { margin-left: 20px; margin-right: auto; } .page3container .tdCbx:before { display: none; visibility: hidden; } .tdProductScore { vertical-align: middle !important; color: #fff; font-weight: 700; font-size: 16px !important; width: 20px !important; text-align: center !important; margin-left: 0px !important; } .tdProductScore.sel-prd-cell { margin: auto; margin-left: -3px !important; margin-top: 4px; } .tdProductScore:hover { color: #fff; } td.tdProductScore { padding: 5px 10px !important; } /* pop over scoring */ .popover .scoreblurb { font-size: 12px; font-style: normal; padding-left: 0px; padding-top: 5px; font-weight: 400; } .popover .scorelabel { font-size: 16px; font-weight: 500; margin-top: 4px; color: #4d4d4d; } .popover .scorevalue { font-size: 20px; font-weight: 700; margin-bottom: .5rem; line-height: 1.2; } @supports (not (-moz-appearance: none)) { .page3container #quotecontent .pricetext { position: relative; display: inline; width: 100px; top: 7px; padding: 4px 5px !important; white-space: nowrap; border-radius: 5px; margin-left: 10px; } } @-moz-document url-prefix() { .page3container #quotecontent .pricetext { display: inline-block; top: 7px; padding: 4px 5px !important; white-space: nowrap; border-radius: 5px; margin-left: 10px; } } .premium_years { float: left; display: inline-block; width: 110px; } .premium_months { float: left; display: inline-block; width: 90px; } .page3container #quotecontent .pricetext a { margin-left: 5px; margin-right: 5px; } .page3container #quotecontent .pricetext:after { font-weight: 600; color: var(--dark-blue); font-size: 12px; } /* VIVE-2325 Select button hover action*/ @supports (not (-moz-appearance: none)) { .page3container #quotecontent .btn-select-poduct { position: relative; display: inline; width: 100px; top: 7px; margin-left: 10px; } } @supports (-moz-appearance:none) { .page3container #quotecontent .btn-select-poduct { border: 1px solid var(--dark-blue); border-radius: 5px; } } .page3container #quotecontent .btn-select-poduct::after { content: "Select"; } .page3container #quotecontent .btn-select-poduct:hover::after { content: "Next>"; color: white; } .page3container #quotecontent .btn-select-poduct:hover { background-color: var(--dark-blue); color: #fff !important; border-color: white; } .pricetext.sel-prd-cell { top: 10px !important; } .page3container #quotediv .premium_years { position: relative; color: var(--dark-blue); font-weight: 700; font-size: 1.2em !important; padding: 4px 5px !important; } .paydiff { font-size: 14px !important; font-weight: 600; } .page3container #quotediv .premium_years .premiumCents, .page3container #quotediv .premium_months .premiumCents { font-size: 0.6em; position: relative; top: -5px; } .page3container #quotediv .premium_months { position: relative; color: var(--dark-blue); font-weight: 700; font-size: 1.2em !important; padding: 4px 5px !important; } .page3containe #quotediv .premium_months .premiumCents { font-size: 0.6em; position: relative; top: -4px; } .page3container #quotediv .prodImage { width: auto !important; height: 35px !important; padding: 5px 0px; } .page3container #quotediv #441 .prodImage, .page3container #quotediv #442 .prodImage, .page3container #quotediv #443 .prodImage { margin-bottom: -5px; } #sel-prd-row { display: table-row; background-color: #F7F7F7; } .page3container #quotecontent #divSelectedPrd #sel-prd-row .prodImage { margin-top: -5px; } #sel_carrier, #sel_prd, #sel_term, #sel_uwclass, #sel_score, #sel_price, #sel_au, #sel_alert { display: table-cell; font-size: 14px; } #sel_score { width: 10px; text-align: center; } .sel-prd-header { color: white; border: 1px solid #c5c5c5; /*background: #2775AE;*/ background: var(--dark-blue); font-weight: normal; font-size: 14px; padding: 3px 10px; } .sel-prd-cell { padding: 5px 10px 5px 10px; vertical-align: middle; height: auto; align-items: stretch; margin-top: 5px; } /*Page 3 filter Panel*/ /*Page 3 tabs */ .page3container #filterTabs .ui-tabs-nav li a:after { content: "\a0"; display: block; padding-bottom: 10px; line-height: .5px; border-bottom: 1px solid white; } .page3container #filterTabs .ui-tabs-nav li.ui-tabs-active a { padding-left: 0px !important; color: var(--dark-blue); text-align: center; font-weight: 700; text-transform: uppercase; background-color: white; font-size: 14px; box-shadow: 0px 5px 0px var(--dark-blue) inset; border-left: 1px solid var(--dark-blue); opacity: 1; border-bottom: none !important; border-right: 1px solid var(--dark-blue); } .page3container #filterTabs .ui-tabs-nav li a { display: block; padding-left: 0px !important; margin-bottom: 0px; font-size: 14px; padding-bottom: 0px; padding-right: 0px; padding-top: 10px; letter-spacing: .1em; color: var(--dark-blue); font-weight: 700; letter-spacing: 1px; text-transform: uppercase; background-color: white; box-shadow: 0px 5px 0px var(--dark-blue) inset; border-left: 1px solid var(--dark-blue); border-right: 1px solid var(--dark-blue); border-bottom: 1px solid var(--dark-blue); background: white; opacity: 0.6; } .page3container #filterTabs .ui-tabs-nav { padding: 10px; margin-left: -20px; margin-right: 20px; } .page3container .bluebtn { display: inline-block; font-size: 12px; right: 0 !important; padding: .3rem .5rem; color: white !important; margin-left: -15px; margin-top: 10px; border-radius: 5px; background: var(--dark-blue); border: none; cursor: pointer; vertical-align: middle; cursor: pointer; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; overflow: hidden; text-align: center; } .page3container input#dob { width: 40%; } .page3container input#amount { width: 40%; } .page3container .ui-slider-horizontal .ui-slider-handle { background: #8bc53f !important; font-weight: normal !important; color: #454545 !important; border-radius: 10px !important; box-shadow: none !important; } .page3container .ui-widget.ui-widget-content { border: none; background: var(--dark-blue); box-shadow: 5px 10px #e6e6e6 inset; margin: 15px 0 15px 10px; } .page3container .ui-widget { font-size: 14px !important; font-family: var(--font-family-sans-serif); } .page3container .ui-slider .ui-slider-handle { width: 1em !important; height: 1em !important; margin-top: -2px; z-index: 1; } .page3container .ui-widget input { font-size: 12px !Important; } .filtercard .card-title { font-size: 13px; font-weight: 600 !important; margin: 10px 0; } .page3container .tab-content { display: block; margin: -12px 30px -12px -10px; background: white; } .page3container .list-group-item { padding-left: 0px } .page3container #filterForm { padding: 15px 15px 15px 30px; margin-bottom: 10px; } .page3container .disabled { color: #e6e6e6; } .page3container #childunits:disabled { color: #e6e6e6; } .page3container #tab-editQuote { padding: 15px 15px 15px 30px; margin-bottom: 10px; } .page3container .card:nth-of-type(11) .filtercard { border-bottom: none !important; } .page3container #editquote .card:nth-of-type(9) .filtercard { border-bottom: none !important; } label.maxLabel { font-size: 11px; text-align: right; padding-right: 0px; padding-left: 0px; margin-top: 7px; right: -10px } label.minLabel { font-size: 11px; text-align: left; padding-right: 0px; padding-left: 0px; margin-top: 7px; } .page3container span.ui-slider-tip { font-size: 10px !important; margin-left: -15px !important; left: 0 !important; width: 45px !important; border: none; } .page3container #editquote .card:nth-of-type(5) .container { padding-left: 0px; } .page3container input[type="checkbox"] + label { font-size: 12px; } #filterTabs .ui-tabs-nav { margin-top: -5px; padding: 0; } #filterTabs .ui-tabs-nav li { list-style: none; float: left; position: relative; width: 50%; text-align: center; margin: unset; } #filterTabs .ui-tabs-nav li.ui-tabs-active a { color: var(--dark-blue); font-weight: 700; letter-spacing: 1px; text-transform: uppercase; background-color: #f9f9f9; font-size: 14px; box-shadow: 0px 5px 0px var(--dark-blue) inset; } #filterTabs .ui-widget-header { background: inherit; } #filterTabs .ui-tabs ul .ui-tabs-nav li { margin: unset; } #filterTabs .ui-state-active { color: var(--dark-blue); font-weight: 700; letter-spacing: 1px; text-transform: uppercase; background-color: #f9f9f9; font-size: 14px; box-shadow: 0px 5px 0px var(--dark-blue) inset; } #filterTabs .ui-tabs-nav li a { width: 100%; text-transform: uppercase; color: var(--dark-blue); display: block; letter-spacing: 1px; margin-bottom: 50px; padding-top: 10px; padding-bottom: 10px; font-size: 14px } #filterContent .label { font-weight: 700; color: black; } .filtercard { border-bottom: 1px; border-bottom-color: darkgray; border-bottom-style: solid; padding-top: 5px; margin-bottom: 10px; } .filtercard .card-title { font-weight: 700; } /* over riding jquery styles*/ .page3container #quoteProductList { border: none !important; } .page3container .ui-state-default { border: none !important; } .page3container #filterTabs { Border: none !important; background: none; box-shadow: none; } .page3container .ui-state-active { border: none !important; background: none !important; } .page3container .ui-widget-header { border: none !important; } .page3container .ui-tabs .ui-tabs-panel { Padding: 0px; border-radius: 0; border: 1px solid var(--dark-blue); border-top: none; } .page3container .forcefieldset { Width: auto !important; } /*Filter Sliders*/ .filterslider .slider.slider-horizontal { width: 100%; } .filterslider .slider.slider-horizontal .slider-track { width: 100%; height: 5px; } .filterslider .slider-selection { background: var(--dark-blue); } .filterslider .slider-handle { background: #8bc53f; } .filterslider .slider.slider-horizontal .slider-handle { margin-top: -7px; } .filterbutton { width: 100%; cursor: pointer; display:block; padding: .5em; } .page3container #closeFilters, #closeEditQuote { display: none; visibility: hidden; } /* ------ page 3 import from table style sheet ------*/ #tblProductList_wrapper .dataTables_wrapper { position: relative; clear: both; zoom: 1; /* Feeling sorry for IE */ } #tblProductList_wrapper .dataTables_processing { position: absolute; top: 50%; left: 50%; width: 250px; height: 30px; margin-left: -125px; margin-top: -15px; padding: 14px 0 2px 0; border: 1px solid #ddd; text-align: center; color: #999; font-size: 14px; background-color: white; } #tblProductList_wrapper .dataTables_length { width: 47%; padding: 5px 0px; padding-left: 1%; float: right; background: #f9f9f9; font-size: 0.85em; display: inline-block; } #tblProductList_wrapper .dataTables_filter { padding: 5px 0px; padding-right: 1%; float: right; text-align: right; background: #f9f9f9; font-size: 0.85em; } #tblProductList_wrapper .dataTables_info { width: 60%; float: left; font-size: 0.8em; padding-left: 10px; padding-top: 5px; } #tblProductList_wrapper .dataTables_paginate { width: 44px; *width: 50px; float: right; text-align: right; } .page3container #tblProductList_wrapper table.display thead { color:var(--dark); font-weight: bold; } #tblProductList_wrapper table.display thead th { padding: 3px 3px; cursor: pointer; *cursor: hand; font-size: 13px; white-space: nowrap; border: none; background: none !important; display: table-cell !important; } th.sorting.ui-state-default:after, th.sorting.ui-state-default::after, th.sorting.ui-state-default:before, .sorting_desc_disabled:after { display: none; visibility: hidden; } table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after { display: none !important; visibility: hidden; } .page3container .table-header th:nth-of-type(6) { padding: 3px 0px !important; } .page3container .table-header th:nth-of-type(8) { padding: 3px 20px !important; } table.display tr.heading2 td { border-bottom: 1px solid #aaa; } #tblProductList_wrapper table.display td { padding: 2px 5px; display: table-cell !important; } table.display td.center { text-align: center; } th.sorting.ui-state-default.sorting_desc::before { display: none; } th.sorting.ui-state-default.sorting_desc:after { display: none; } .sorting_asc { background-color: white !important; } .sorting_desc { background-color: white; } .sorting { background-color: white; } th.sorting_disabled { background-color: white !important; } #tblProductList_wrapper table.display tr.odd { background-color: var(--light-gray) !important; width: 100%; } /* #tblProductList_wrapper .table-row { transition: all 0.3s ease 0s; } #tblProductList_wrapper .table-row:after { content: ""; position: absolute; transition: all 0.3s ease 0s; z-index: -1; } #tblProductList_wrapper .table-row:hover, #tblProductList_wrapper .table-row:focus { color: #f8f8f8; } #tblProductList_wrapper table.display tr.odd:after { background-color: #1ABC9C!important; top:0; bottom: 0; left: 0; right: 100%; } #tblProductList_wrapper table.display tr.odd:hover, #tblProductList_wrapper table.display tr.odd:focus { background-color: transparent!important; } #tblProductList_wrapper table.display tr.odd:hover:after, #tblProductList_wrapper table.display tr.odd:focus:after{ right:0; } */ #tblProductList_wrapper table.display tr { border-top: 1px solid white; } #tblProductList_wrapper table.display tr.even { background-color: var(--light-gray) !important; width: 100%; } #tblProductList_wrapper th.sorting.ui-state-default .DataTables_sort_wrapper:after { display: inline-block; width: 10px; height: 10px; margin-left: 5px; content: ""; background: url("data:image/svg+xml;charset=utf8, tbody > tr > td:first-child:before, #savedorders_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before, #placedorders_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, #placedorders_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before { content: "Order ID"; Float: left; font-size: 12px; font-weight: bold; color: var(--dark-blue); background: none; border: none; font-family: var(--font-family-sans-serif); box-shadow: none; margin-left: 0px; margin-top: 3px; width: auto; height: auto; display: inherit; position: inherit; top: auto; left: auto; } #tabs table.display td:nth-of-type(1) { margin-top: 5px; } #placedorders td:nth-child(2):before, #savedorders td:nth-child(2):before { content: "Saved Date/Time"; Float: left; font-size: 12px; font-weight: bold; color: var(--dark-blue); } #placedorders td:nth-child(3):before, #savedorders td:nth-child(3):before { content: "Client Name"; Float: left; font-size: 12px; font-weight: bold; color: var(--dark-blue); } #placedorders td:nth-child(4):before, #savedorders td:nth-child(4):before { content: "State"; Float: left; font-size: 12px; font-weight: bold; color: var(--dark-blue); } #placedorders td:nth-child(5):before, #savedorders td:nth-child(5):before { content: "Face Amount"; Float: left; font-size: 12px; font-weight: bold; color: var(--dark-blue); } #placedorders td:nth-child(6):before, #savedorders td:nth-child(6):before { content: "Carrier"; Float: left; font-size: 12px; font-weight: bold; color: var(--dark-blue); } /* .casestatuswrapper td:nth-child(2):before { content: "Order ID"; Float: left; font-size: 12px; font-weight: bold; color: var(--dark-blue); } .casestatuswrapper td:nth-child(2) { padding-top: 10px; } .casestatuswrapper td:nth-child(3):before { content: "Client Name"; Float: left; font-size: 12px; font-weight: bold; color: var(--dark-blue); } .casestatuswrapper td:nth-child(4):before { content: "Face Amount"; Float: left; font-size: 12px; font-weight: bold; color: var(--dark-blue); } .casestatuswrapper td:nth-child(5):before { content: "State"; Float: left; font-size: 12px; font-weight: bold; color: var(--dark-blue); } .casestatuswrapper td:nth-child(6):before { content: "Date"; Float: left; font-size: 12px; font-weight: bold; color: var(--dark-blue); } .casestatuswrapper td:nth-child(7):before { content: "Days"; Float: left; font-size: 12px; font-weight: bold; color: var(--dark-blue); } .casestatuswrapper td:nth-child(8):before { content: "Carrier"; Float: left; font-size: 12px; font-weight: bold; color: var(--dark-blue); } .casestatuswrapper td:nth-child(9):before { content: "Status"; Float: left; font-size: 12px; font-weight: bold; color: var(--dark-blue); } .casestatuswrapper td:nth-child(10):before { content: "AU"; Float: left; font-size: 12px; font-weight: bold; color: var(--dark-blue); } */ .page3container td:nth-child(2):before { content: "Carrier"; font-size: 12px; font-weight: bold; color: var(--dark-blue); z-index: 99999; padding-top: 18px; } .page3container td:nth-child(2) { margin-top: 5px; } .page3container td:nth-child(3):before { content: "Product"; font-size: 12px; font-weight: bold; color: var(--dark-blue); z-index: 99999; } .page3container td:nth-child(4):before { content: "Term"; font-size: 12px; font-weight: bold; color: var(--dark-blue); z-index: 99999; } .page3container td:nth-child(5):before { content: "UW Class"; font-size: 12px; font-weight: bold; color: var(--dark-blue); z-index: 99999; } .page3container td:nth-child(6):before { content: "Vive Score"; font-size: 12px; font-weight: bold; padding-top: 8px; -webkit-text-fill-color: var(--dark-blue); z-index: 99999; margin-top: 2px; } /* .page3container td:nth-child(8):before{ content: "AU"; font-size: 12px; font-weight: bold; color: var(--dark-blue); z-index: 99999; } */ .page3container #tblProductList_wrapper table.display thead th:active { background-color: black; } .page3container td:nth-child(7) { padding-bottom: 0 !important; } .page3container .forcefieldset #quoteProductList tbody td:nth-child(8) { margin-top: -25px; padding: 5px 0px !important; /*Commented out cause of bug Vive-2114*/ /*width: 40% !important;*/ } .pricetext:hover { background-color: var(--dark-blue); color: #fff; border-radius: 8px 0 0 0; } .one img[src*="au"] { float: none; } img[src*="au"] { float: right; } a[href*="agonly"] { margin: 0px 0px 20px 0px; } .page3container #comparediv #compareresultsdiv #compProductScore b.compareScore { margin-top: 0; } .page3container #comparediv #compareresultsdiv #compProductScore h5 { font-size: 14px; } .page3container #comparediv #compareresultsdiv h4 { font-size: 18px; margin-top: -20px; } .page3container #comparediv #compareresultsdiv h4:nth-child(1) { font-size: 20px; margin-bottom: 0px; } .page3container #comparediv #compareresultsdiv .premium_years { margin-top: 0px; } /* quote results bottom bar*/ .page3container div[style*="float:right; margin-top: -20px;"] { position: fixed; background: var(--dark-blue); bottom: 0; left: 0; height: 60px; width: 100%; z-index: 1; display: inline-block; } .page3container #editquotetoggle { float: left; color: transparent !important; margin-top: 10px; background-image: url(Images/mobile/filter.svg); background-repeat: no-repeat; background-size: 24px; background-position: top !important; padding-top: 18px; width: 30%; margin-right: auto; padding-right: 0; padding-left: 0; margin-left: 0; background-color: transparent; } .page3container #editquotetoggle:before { content: "filter/edit"; color: white !important; text-transform: uppercase; font-weight: 700; letter-spacing: .1em; font-size: 12px; padding: 10px; display: block; text-align: center; } .page3container #sharequote { float: left; color: transparent !important; margin-top: 10px; background-image: url(Images/mobile/share.svg); background-repeat: no-repeat; background-size: 24px; background-position: top !important; padding-top: 18px; width: 20%; margin-right: auto; padding-right: 0; padding-left: 0; margin-left: 0; background-color: transparent; } .page3container #sharequote:before { content: "share"; color: white !important; text-transform: uppercase; font-weight: 700; letter-spacing: .1em; font-size: 12px; padding: 10px; display: block; text-align: center; } .page3container #comparebtn { float: left !important; color: transparent !important; margin-top: 10px !important; background-image: url(Images/mobile/Compare.svg); background-repeat: no-repeat; background-size: 24px; background-position: top !important; padding-top: 18px; width: 30%; margin-right: auto !important; padding-right: 0; padding-left: 0; margin-left: 0; background-color: transparent; } .page3container #comparebtn:before { content: "compare"; color: white !important; text-transform: uppercase; font-weight: 700; letter-spacing: .1em; font-size: 12px; padding: 10px; display: block; text-align: center; } .page3container #printview { float: left; color: transparent !important; margin-top: 10px; background-image: url(Images/mobile/print-White.svg); background-repeat: no-repeat; background-size: 24px; background-position: top !important; padding-top: 18px; width: 20%; margin-right: auto; padding-right: 0; padding-left: 0; margin-left: 0; right: auto !important; background-color: transparent; } /* #printview:after{ content:url(print.svg); display: inline-block; width: 22px; height: 30px; margin-top: px; fill:white; } */ .page3container #printview:before { content: "print"; color: white !important; text-transform: uppercase; font-weight: 700; letter-spacing: .1em; font-size: 12px; padding: 10px; display: block; text-align: center; margin-top: auto; height: auto; margin-left: 0; width: auto; margin-right: 0; float: none; } .two { margin-left: 0px !important; } tdProductScore.sorting_1:before { content: "AU"; font-size: 12px; font-weight: bold; color: var(--dark-blue); z-index: 99999; } td.tdProductScore { padding: 1px !important; } td.tdProductScore.sorting_1 { z-index: 99999; width: 100% !important; height: auto; } #prdRop443, #prdRop442, #prdRop441, #prdRop1296, #prdRop1297, #prdRop1298 { display: inline !important; white-space: nowrap; margin-left: 0 !important; } td a { margin-left: 0; margin-right: 0px; } #savedorders tr.child { display: none; visibility: hidden; position: absolute; } .alertBand { margin: 20px 5px; } #tabs .tdCbx { position: absolute; width: 40px !important; border: var(--dark-blue) .5px solid; border-radius: 8px 0 0 8px; box-shadow: 0 0 20px #ccc; } #tabs .cmxform input { margin-top: 90px; } #tabs table.display td { border: none; display: inline-block !important; font-size: .8em !important; text-align: right !important; width: 94%; padding-left: 10px; } /* case status mobile styling */ #tabs .casestatuswrapper td:nth-child(1) { position: absolute; margin-top: 325px; padding-left: 16px; border-right: none; border-left: none; box-shadow: none; } #tabs .casestatuswrapper #nocasestatus { margin-top: 0; } #tabs .casestatuswrapper .childrow td { margin-top: 0px; } #tabs-casestatus table.display tbody .childrow { height: 100%; background: none; padding-top: 22px; margin-top: -15px !important; } #tabs td.cheeseburger { background-image: none !important; text-align: center; width: 94.5% !important; border-radius: 0px 0px 8px 8px; text-align: center; background-color: var(--dark-blue); } #tabs td.cheeseburger:before { content: "+ View More"; white-space: nowrap; color: white; font-weight: bold; letter-spacing: .75px; text-align: center; float: none; } #tabs tr.shown td.cheeseburger { background-image: none !important; text-align: center; width: 91% !important; border-radius: 0; text-align: center; background-color: white; border: #b3b3b3 .5px solid; border-top: none; box-shadow: 10px 10px 20px -8px #ccc; } #tabs tr.shown td.cheeseburger:before { content: "- Show Less"; white-space: nowrap; color: var(--dark-blue); font-weight: bold; letter-spacing: .75px; text-align: center; float: none; } #tabs-casestatus table.display tbody .loading.childrow, #tabs-casestatus table.display tbody .childrow td { position: initial !important; } #tabs .casestatuswrapper td:nth-child(1) { text-align: center !important; } .casestatuswrapper .container.childrow { float: left; min-width: 100%; text-align: left; padding: 0px !important; } #tabs-casestatus .caseinfo, .casesummary, .casedetails { margin-right: -15px !important; margin-top: -7px; display: block; } #tabs .childrow:last-of-type .card:last-of-type { margin-top: 15px; padding-top: 5px; } #tabs .alertText { margin-left: 0; } .slalisting li, .slalisting li.slaComplete div, .slalisting li.slaAlert div, .slalisting li.slaIncomplete div, .slalisting li.slaPending div { font-size: 12px !important; } .casestatuswrapper td a { white-space: normal; } .casestatuswrapper .card { border-bottom: none !Important; margin-right: 10px; } #savedorders_paginate { margin-left: -25px; } .dataTables_wrapper .dataTables_paginate .fg-button { padding: .65em; } #tabs .slaalerticon { padding: 0px; margin-left: 2px; } #main-vive-score, #main-au, #main-share-quote, #main-case-status, #main-how-vive-works, #main-affiliate-agencies { margin: 0px; border-radius: 0; box-shadow: none; } #main-session_expired, div#main-index-Contracting, #main-faq, #main-contractsb, #main-ChangePasswordSuccess, #main-ChangePassword, #main-Cancel, #main-carriers-products, #main-contact, #main-ForgotPassword { margin: 30px 0px; border-radius: 0; box-shadow: none; } .pb-3:nth-of-type(5), .pb-3:nth-of-type(6) { margin-bottom: 30px; } /*home page */ .home-hero .carousel-control-next, .home-hero .carousel-control-prev { width: 5%; } .home-save-time .graybtn { margin-left: 0; } .home-save-time .col-7, .home-save-time .col-3, .home-save-time .col-2, .home-save-time .learnMoreBody .col-10 { max-width: 100%; flex: 0 0 100%; } .home-save-time .saveClock { max-height: 75px; } .home-save-time .learnMoreBody .col-10 { padding-right: 0; padding-left: 0; margin-top: 20px; } .home-save-time h2 { font-size: 26px; } .home-save-time { text-align: center; padding: 30px 40px; font-size: 13px; } .home-save-time .col-2 { margin-top: 20px; } .home-tour-column { width: 100%; } .home-tour, .home-testimonials, .home-carriers, .home-save-time { margin: 20px; } .home-testimonials { margin-bottom: 80px } .home-tour-column:nth-of-type(1) { border-right: none; } .home-tour-column:nth-of-type(2) { margin: 0 0 20px; } /* .home-tablet p, .tabletbutton{ text-align: center; } .home-tablet{ margin:20px; padding:40px 20px; } .home-tablet img{ position: relative; margin-right: auto; bottom: auto; margin-left: auto; display: block; } .home-tablet .bluebtn { margin-left: auto; margin-right: auto; display: block; width: 43%; } */ .home-hero h2, .home-hero p { width: 100%; } div#wistia-n1qnh7ivlk-1 { height: auto !important; width: auto !important; display: none !important; } .home-hero-video { position: relative; bottom: auto; right: auto; max-width: 110%; margin-left: -15px; } div#additonalquotes-form-body p { margin-right: 10px; margin-left: 10px; } #page6_main fieldset p { margin-left: 10px; margin-right: 10px; } #page6_main fieldset ol { margin-left: 10px; margin-right: 10px; } #page6_main { background: white; margin: 20px 0px; border-radius: 0; box-shadow: none; } #page4_main { background: white; margin: 0px; border-radius: 0px; box-shadow: none; } #page4_main #beneficiaryinformation { font-size: 14px; } #page4_main select#NAICReplacementNotice { width: 100%; } #page4_main select[name="DiscSurrExistingPolicy"] { width: 100%; } #page4_main select[name="UseFundsExistPolicy"] { width: 100%; } } @media only screen and (max-width: 705px) { .footerbtn { margin-top: -110px !important; } } @media only screen and (max-width: 636px) { .mainContainer { padding-bottom: 240px; } .footerbtn { margin-top: -114px !important; } .home-testimonials { margin-bottom: 100px } } @media only screen and (max-width: 575px) { #page4_main #beneficiaryinformation .col-sm-5, .col-sm-4.beneficiarypercent { max-width: 100%; min-width: 100%; } #page4_main #beneficiaryssn0, #page4_main #beneficiaryssn1, #page4_main #beneficiaryssn2, #page4_main #beneficiaryssn3, #page4_main #beneficiaryssn4, #page4_main #beneficiaryssn5, #page4_main #beneficiaryssn6, #page4_main #beneficiarytrustid0, #page4_main #beneficiarytrustid1, #page4_main #beneficiarytrustid2, #page4_main #beneficiarytrustid3, #page4_main #beneficiarytrustid4, #page4_main #beneficiarytrustid5, #page4_main #beneficiarytrustid6, #page4_main #beneficiaryfein0, #page4_main #beneficiaryfein1, #page4_main #beneficiaryfein2, #page4_main #beneficiaryfein3, #page4_main #beneficiaryfein4, #page4_main #beneficiaryfein5, #page4_main #beneficiaryfein6, #page4_main #beneficiarydob0, #page4_main #beneficiarydob1, #page4_main #beneficiarydob2, #page4_main #beneficiarydob3, #page4_main #beneficiarydob4, #page4_main #beneficiarydob5, #page4_main #beneficiarydo6 { width: 100% !important; } #page4_main input#homephone, #page4_main input#workphone, #page4_main input#mobilephone { margin-bottom: 30px; } div#divInsurancePurposeReason { margin-top: 20px; } #page6_main #orderconfirmationform .container.col-12.pl-5 { padding-left: 30px !important; max-width: 96%; flex: 0 0 96%; margin-left: 10px; } } @media only screen and (max-width: 510px) { #sharequotetitle { font-size: 18px; } .shareRadioLabel { font-size: 18px !important; margin-top: 8px; display: inline-block; font-weight: 600; margin-bottom: 5px; } #sharequtote-form #sharequoteheader { padding: 10px; } #sharequtote-form { font-size: 13px; } .home-testimonials { margin-bottom: 140px; } .footerbtn { width: 114%; margin-right: -30px; padding: 7px 100px; overflow: hidden; border-radius: 0; margin-top: -170px !important; background-color: var(--dark-blue); padding: 5px 30px; } #main-au .AUHome { width: 50%; margin-top: 20px; } #main-au .auReq .col-3 { max-width: 100%; flex: 0 0 100%; border-right: .5px solid #c3c4c6; } #main-au .auDesc { margin: 0; } #main-au .auReq { margin-left: auto; margin-right: auto; width: 80%; } #main-vive-score .score-hero { background-position: 20% 0%; padding: 20px 25px; border-radius: 0; } #main-case-status .status-hero .col-8, #main-case-status .status-hero .col-4, #main-au .au-hero .col-7, #main-au .au-hero .col-4, #main-how-vive-works .about-hero .col-7, #main-how-vive-works .about-hero .col-4 { flex: 0 0 100%; max-width: 100%; } #main-case-status .status-hero { padding: 20px 20px 0px; } #main-au h3, #main-vive-score h3, #main-case-status h3 { font-size: 17px; } #main-case-status .statusMobile { width: 60%; position: relative; margin-left: auto; margin-right: auto; display: block; } .viveDescription { padding: 10px; } #main-share-quote h2, #main-how-vive-works h2 { font-size: 22px; } #main-share-quote .secondary-content .col-12 p { font-size: 16px; } #main-share-quote .secondary-content { width: 100%; } #main-affiliate-agencies { margin: 0; } #main-affiliate-agencies .secondary-content p { font-size: 14px; } #main-affiliate-agencies .helpRow h2, .accessAffiliated h2 span, .carrierHeading h2 span { font-size: 20px; } #main-index-Contracting .secondary-content { margin-left: 0px; } .casestatuswrapper .hasActionRequired, .casestatuswrapper .actionRequiredAlertText { white-space: pre-line; } #comparediv div#compareresultsdiv { padding-left: 0; padding-right: 0; } .page3container #comparediv #compareresultsdiv .comparerow .productimage { width: 100px; } .page3container #comparediv h6 { font-size: 14px; } .page3container #comparediv #compareresultsdiv #compProductScore h5 { font-size: 13px; } .page3container #comparediv .yearprem { font-size: 20px !important; } .page3container #comparediv #compareresultsdiv .compareValueLabel { margin: 15px 0px 0px 0px !important; font-size: 11px; } .page3container #comparediv #compareresultsdiv h4 { font-size: 14px; } .page3container #comparediv #compareresultsdiv #product3 { border-right: none; } .page3container #comparediv #compareresultsdiv #product1 { border-left: none; } #page4_main fieldset:nth-of-type(1) { margin-top: -125px; } #page1_main fieldset:nth-child(1) { margin-top: -165px; } #page1_main #requirednotice { margin-left: 30px; } #page4_main #proposedinsured { margin-top: 20px; } #page4_main #requirednotice, #page1_main #requirednotice { margin-top: 150px; } } @media only screen and (max-width: 480px) { #page4_main #homephone-error, #page4_main #mobilephone-error, #page4_main #workphone-error { margin-top: -5px; padding-bottom: 10px; float: left; } #page4_main .col-sm-4.pb-md-3.pb-sm-1.pb-2 { margin-bottom: 30px; } #page4_main input#mobilephone { margin-bottom: 10px; } .col-sm-12.toggle-row { margin-top: 20px; } #page4_main #clientinfoform .healthcontainer.col-12 .col-sm-7 label.red { margin-bottom: 10px; } /* ------ footer mobile styling ----*/ #tabs-signup p { margin: 0px 20px; } .footerbtn { width: 110%; margin-right: -20px; margin-top: -180px !important; position: initial; } .home-testimonials { margin-bottom: 60px } .mainContainer { padding-bottom: 400px; } footer .content-wrapper.container.col-sm-12 div[style*="background-image:url('/Content/images/logos/bua.png'); "], footer .content-wrapper.container.col-sm-12 div[style*="background-image:url('/Content/images/logos/ash.png'); "], footer .content-wrapper.container.col-sm-12 div[style*="background-image:url('/Content/images/logos/tnbc.png'); "] { padding-left: 0; margin-left: -5px; height: 60px; } footer .content-wrapper.container.col-sm-12 div[style*="background-image:url('/Content/images/logos/target.png');"] { height: 80px; } footer .content-wrapper.container.col-sm-12 div[style*="background-image:url('/Content/images/logos/bsmg.png'); "] { height: 30px; } footer .content-wrapper.container.col-sm-12 div[style*="background-image:url('/Content/images/logos/nba.svg'); "] { height: 45px; padding-top: 10px; } .footer-logo { height: 45px; } footer .content-wrapper { height: auto !important; padding: 30px 20px; } footer #footerbgaaddress { padding: 0; } footer #footerbgaaddress a { font-size: 14px; } footer #footermenu li:nth-of-type(3) a { border-right: none; } footer #footerbgaaddress, footer #footermenu, .copyright { max-width: 100%; flex: 0 0 100%; } footer #footermenu { text-align: center; } footer #footermenu ul { padding: 0px 10px; } footer .copyright { padding-bottom: 70px; float: none; text-align: center; } .popover .col-2 { max-width: 50%; flex: 0 0 50% } .popover .col-10 { max-width: 50%; flex: 0 0 50% } #main-au .auReq { width: 100%; } #main-how-vive-works .home-hero-imac { width: 75%; margin-left: auto; margin-right: auto; display: block; } #main-vive-score .score-hero .container, #main-how-vive-works .about-hero .container, #main-share-quote .share-hero .container, #main-case-status .status-hero .container { padding: 0; } #main-vive-score .score-hero { background-position: 40% 0%; } .popover { font-size: .8em; } #carouselDashboard h2, #carouselDashboard .carouselEven h2 { font-size: 22px; } #carouselDashboard p { font-size: 14px; } #carouselDashboard .carousel3Background { margin-left: -250px; width: auto; } #carouselDashboard .col-7, #carouselDashboard .col-8, #carouselDashboard .col-9 { max-width: 100%; flex: 0 0 100%; } #carouselDashboard .carousel-item .row { height: 300px; } #carouselDashboard .carousel-caption.d-none.d-md-block img { display: none; } #carouselDashboard .carousel-inner { min-height: 300px; } #carouselDashboard .carousel-caption.d-none.d-md-block .container .row .col-4, #carouselDashboard .carousel-caption.d-none.d-md-block .container .row .col-3, #carouselDashboard .carousel-caption.d-none.d-md-block .container .row .col-1, #carouselDashboard .carousel-caption.d-none.d-md-block .container .row .col-5 { display: none; } #main-affiliate-agencies .affiliated-hero { padding: 30px; } #main-affiliate-agencies .helpRow { margin: 40px 0 0 0; } #main-affiliate-agencies .helpRow .col-6 { max-width: 100%; flex: 0 0 100%; margin-bottom: 20px; } #main-affiliate-agencies .bgaLogoRow .col-3 { max-width: 50%; flex: 0 0 50%; padding-bottom: 40px; } .bgaLogoRow { height: auto; } .mobilecaseemailto { display: block; } .desktopcaseemailto { display: none; } #changesdialog .modal-footer { display: block; } #changesdialog .modal-footer > :not(:first-child) { margin-left: 0; } #changesdialog .modal-footer > :not(:last-child), #changesdialog .modal-footer > :not(:first-child) { margin-top: 5px; } .page3container #sel_price { padding-bottom: 0px; } .page3container #quotediv #divSelectedPrd .premium_months { padding-left: 5px; } #carouselAds .carousel-item { height: 235px; } .home-hero .carousel-caption.d-none.d-md-block .container .row img.carouselImage4 { width: 100%; margin-top: 35px; } .home-hero img.carouselImage5 { margin-left: -30px; margin-top: 100px; } .home-hero img.carouselImage2 { width: 100%; padding-left: 70px; } .home-hero img.carouselImage3 { width: 100%; margin-left: -40px; margin-top: 20px; } /* nav */ #main-ForgotPassword { margin: 30px 0px; border-radius: 0; box-shadow: none; } #tabs td.cheeseburger { width: 91% !important; width: -moz-available !important; width: -webkit-fill-available !important; } .bootstrap-select .dropdown-menu { transform: translate3d(0px, 33px, 0px) !important; width: 100% !important; } html, body { width: 100%; height: 100%; margin: 0px; padding: 0px; } #panels { margin: 10px; } #tabs-signup { margin: 0px; } #signup { width: 100%; } #useredit2 { margin: 10px 20px !important; } #useredit2 .row { padding: 0; } #useredit2 .form-group.row.col-lg-6.col-xs-12.col-sm-12:last-of-type { display: inline; width: 100%; float: left; } #useredit2 .form-group.row.col-lg-6.col-xs-12.col-sm-12:last-of-type label { width: 52%; } #useredit2 .form-group.row.col-lg-6.col-xs-12.col-sm-12:last-of-type input { width: 5%; } #useredit2 .form-group.row.col-lg-6.col-xs-12.col-sm-12:last-of-type a { width: 40%; } #useredit2 fieldset { margin-top: 10px; } #lifeneedsdialog #dialog-form form table { margin-left: 0; } #lifeneedsdialog #dialog-form fieldset tr:nth-of-type(1) td { margin-left: 0; } #lifeneedsdialog #dialog-form fieldset legend { margin-left: 0px; } #printcompareview { color: transparent !important; margin-top: auto; background: none; height: 50px; width: 60px; margin-right: -5px; } #comparediv #printcompareview:before { content: url(/Content/print.svg); display: inline-block; width: 25px; height: 30px; float: right; margin-right: 12px; margin-top: 8px; } .page3container #comparediv .bluebtn { margin-top: 1px; font-size: 11px; } #tabs-login input#login { margin-top: 0px; } #page1_main label { font-size: 14px; } #page1_main legend { padding-top: 0; } #page1_main .form-check-inline { display: inline-block; } #page1_main, #page2_main, #page4_main, #page5_main, #page6_main { background: white; margin: 0px !important; border-radius: 0 !important; } .percenterror br { display: inline; } #page2_main .col-4 { min-width: 100%; display: inline; } #page2_main .form-check { display: inline; } #page4_main div#quoteinfo .pb-3 { margin-bottom: 30px; } #page4_main select#paymentamount { margin-bottom: 0; } #page4_main input#beneficiaryssn0, #page4_main input#beneficiarydob0 { width: 100% !important; } #page4_main #beneficiaryinformation .col-sm-5, .col-sm-4.beneficiarypercent, #page1_main .pb-3, #page4_main .col-sm-2, #page4_main .col-sm-3.pb-3 { min-width: 100%; } #page4_main span#beneficiaryremove1, #page4_main span#beneficiaryremove2, #page4_main span#beneficiaryremove3, #page4_main span#beneficiaryremove4, #page4_main span#beneficiaryremove5, #page4_main span#beneficiaryremove6, #page4_main span#beneficiaryremove7, #page4_main span#beneficiaryremove8, #page4_main span#beneficiaryremove9, #page4_main span#beneficiaryremove10, #page4_main span#beneficiaryremove11, #page4_main span#beneficiaryremove12, #page4_main span#beneficiaryremove13, #page4_main span#beneficiaryremove14, #page4_main span#beneficiaryremove15 { position: absolute; margin-left: -165px; margin-top: -505px; } #page4_main span#otherinsurancecompanyremove1, #page4_main span#otherinsurancecompanyremove2, #page4_main span#otherinsurancecompanyremove3, #page4_main span#otherinsurancecompanyremove4, #page4_main span#otherinsurancecompanyremove5 { position: absolute !important; margin-left: -40px !important; margin-top: -600px; } .percenterror br { display: inline; } tr.child { display: none !Important; } .progress-indicator > li span { font-weight: 600; font-size: 11px; letter-spacing: normal; width: auto; } .progress-indicator { width: 100%; margin: 0px 0px 10px 0px; } .progress-indicator > li { font-size: 20px; } #page1_main { background: white; margin: 0px; border-radius: 0px; box-shadow: none; } #main-login { background: white; margin: 0px; border-radius: 0px; box-shadow: none; } #dashcharts { padding: 0 } /* .home-tablet .bluebtn { width: 80%; } */ #tabs thead tr { margin-right: -10px; margin-left: -10px; } #tabs .fg-toolbar:first-child { bottom: 0; width: 100%; position: fixed; background: var(--dark-blue); left: 0; height: 60px; } .toolbar:after { content: ""; background: var(--dark-blue); position: fixed; bottom: 0; width: 100%; height: 60px; z-index: 1061; padding: 0; left: 0; } .toolbar { display: block !Important; z-index: 1061; } div#csselect { display: none; } #savedorders_length select, #placedorders_length select, .casestatuswrapper_length select, #portaldocuments_length select { visibility: hidden; display: none; } #tabs-casestatus .casestatuswrapper_wrapper .casemailto { height: 20px; } #tabs-casestatus .casestatuswrapper_wrapper a.desktopcasemailto { display: none; } #tabs-casestatus .casestatuswrapper_wrapper .mobilecasemailto:after { content: "email"; text-transform: uppercase; font-weight: 700; color: white; letter-spacing: .1em; font-size: 12px; padding: 0px; display: block; text-align: center; margin-top: 0px; } .fg-toolbar #savedorders_length, .fg-toolbar #placedorders_length, .casestatuswrapper_length label:before, .fg-toolbar #portaldocuments_length { content: ""; background-image: url("images/mobile/view.svg"); float: left; color: transparent !important; margin-top: -12px; background-repeat: no-repeat; background-size: 24px; background-position: top !important; padding-top: 18px; margin-right: auto; padding-right: 0; padding-left: 0; margin-left: 0; background-color: transparent; } .fg-toolbar #savedorders_length, .fg-toolbar #placedorders_length, .fg-toolbar #portaldocuments_length { width: 25%; } .casestatuswrapper_length label:before { width: 100%; padding-bottom: 4px; margin-top: -9px; } .casestatuswrapper_length label { font-size: 6px; float: left; margin-left: 14.5px; } #tabs-casestatus .casestatuswrapper_wrapper .dataTables_length, #tabs-casestatus .casestatuswrapper_wrapper .dataTables_filter { bottom: 0; position: fixed; margin-bottom: -33px; } .mobilecasemailto { display: block; float: right; margin-top: -12px; margin-right: 15px; } #tabs-casestatus .casestatuswrapper_wrapper .dataTables_filter { left: 0; } #tabs-casestatus .casestatuswrapper_wrapper .dataTables_length { width: 50%; left: 25%; margin-bottom: -12px; } .fg-toolbar #savedorders_length label:before, .fg-toolbar #placedorders_length label:before, .casestatuswrapper_length label:after, #portaldocuments_length label:after { text-transform: uppercase; font-weight: 700; color: white; letter-spacing: .1em; font-size: 12px; content: "view"; padding: 10px; display: block; text-align: center; margin-top: -6px; } #portaldocuments_length label:after { margin-top: -27px; } #savedorders_length label, #placedorders_length label, .casestatuswrapper_length label, #portaldocuments_length label { color: transparent; } #savedorders_length select:hover, #savedorders_length select:active, #savedorders_length select:focus, #placedorders_length select:hover, #placedorders_length select:active, #placedorders_length select:focus, .casestatuswrapper_length select:hover, .casestatuswrapper_length select:active, .casestatuswrapper_length select:focus { visibility: visible; display: block; position: fixed; bottom: -200px; width: 90%; } #tabs .dataTables_filter { float: right !important; display: block; } #savedorders_filter, #placedorders_filter, .casestatuswrapper_filter { cursor: pointer; background-repeat: no-repeat; background-size: 25%; } #savedorders_filter label:before, #placedorders_filter label:before, .casestatuswrapper_filter label:before { text-transform: uppercase; font-weight: 700; color: white; letter-spacing: .1em; font-size: 12px; content: "search"; padding: 10px; display: block; text-align: center; margin-top: 11px; } .fg-toolbar #savedorders_filter, .fg-toolbar #placedorders_filter, .casestatuswrapper_wrapper .dataTables_filter { background-image: url("images/mobile/search.svg"); float: left !important; color: transparent !important; margin-top: -17px; background-repeat: no-repeat; background-size: 24px; background-position: top !important; padding-top: 18px; width: 25%; margin-right: auto; padding-right: 0; padding-left: 0; margin-left: 0; background-color: transparent; } #savedorders_filter label, #placedorders_filter label, .casestatuswrapper_filter label { color: transparent; } #savedorders_filter input, #placedorders_filter input, .casestatuswrapper_filter input { display: none; } #savedorders_filter input:hover, #savedorders_filter input:active, #savedorders_filter input:focus, #placedorders_filter input:hover, #placedorders_filter input:active, #placedorders_filter input:focus, .casestatuswrapper_filter input:hover, .casestatuswrapper_filter input:active, .casestatuswrapper_filter input:focus { visibility: visible; display: block; bottom: 59px; width: 100%; left: 0; margin-left: 0; z-index: 9999999999999999; position: fixed; border-radius: 0; background-color: var(--dark-blue); color: white; border: 1px solid #f2f2f2 !important; } #placedorders #tabs th:last-of-type { display: none; } .page3container .cmxform input { margin-top: 68px; margin-bottom: 68px; margin-left: 10px; } input#cbxComp442, input#cbxComp441, input#cbxComp443 { margin-top: 87px; margin-bottom: 88px; margin-left: 10px; } .page3container .forcefieldset #quoteProductList tbody td:nth-child(8) { /*Commented out cause of bug Vive-2114*/ /*width: 50% !important;*/ } .page3container td:before { width: 50% !important; } th.sorting.ui-state-default .DataTables_sort_wrapper:after { display: inline-block; width: auto; height: auto; margin-left: 0px; content: ""; background: none; } #main-Demo h2 { margin-left: -10px !Important; } #main-Demo div { margin: 20px !important; } #main-contact, #main-carriers-products, #main-index-CaseStatus, #main-userprofile, #main-index-Admin, #main-privacy-policy, #main-terms-of-use, #main-Demo, #main-recoverpassword, #main-error, #main-Login { margin: 30px 0px !important; width: 100%; border-radius: 0 !important; } #main-Login h2 { padding-top: 0; } #main-error #errorfrom { padding: 20px; } #main-recoverpassword { padding: 10px !important; } #main-recoverpassword h2 { padding-right: 20px; } #main-userprofile div[style*="margin-top:-10px;width:285px;float: right"] { width: 100% !important; float: left !important; } #specsheets tbody { padding-right: 20px; padding-left: 20px } #main-carriers-products td, #main-carriers-products th { padding-left: 6px; display: table-cell; padding-right: 6px; } #main-index-Admin .col3.noborder.highlight { width: 100%; } #main-index-CaseStatus .secondary-content { padding: 0; } #main-index-Admin .row { display: -webkit-box !important; } .page3container .forcefieldset { overflow: inherit; } #main-ForgotPassword div { padding: 40px 20px !important; } #main-ForgotPassword div[style*="display: inline-block; padding: 30px;"] { width: 100%; } #main-ForgotPassword #regbox { padding: 20px 0px !important; } #main-ForgotPassword h2 { word-break: break-word; } #main-how-vive-works h1 { margin: 0 0 20px; font-size: 36px; } #main-userprofile h2 { margin-left: 20px; margin-right: 20px; } #page6_main div[style*="float:left; width:920px; margin-bottom:15px"] { margin-top: 120px; } #page6_main td { display: block; } #page6_main .graybtn { float: left; margin-top: 0px; left: 2px !important; right: unset !important; } #page6_main legend { padding-left: 0; } #page6_main form table:first-of-type { margin: 120px 10px 0px; ; } #page6_main h2 { margin-left: 10px !important; } #page6_main td[style*="background-color:#DEF"], #page6_main td[style*="background-color:#F3F9FF"] { width: 100% !important; display: table-cell; } #page6_main td.spacer { display: none; } #page6_main .odd td { width: 100% !important; } #page6_main #order_receipt .receiptlabel { float: left; clear: left; } #page6_main table[style*="width:922px"] tbody .odd { display: none; } #page6_main table[style*="width:922px"] tbody .even { float: left; margin-left: 10px; padding-bottom: 20px; } #page6_main table[style*="width:922px"] tbody .even td, #page6_main table[style*="width:922px"] tbody .odd td { background-color: white !important; } #page6_main table[style*="width:922px"] tbody .even td:nth-of-type(1), #page6_main table[style*="width:922px"] tbody .odd td:nth-of-type(1) { } #page6_main table[style*="width:922px"] tbody .odd { float: left; } #page6_main table[style*="width:922px"] tbody .even td:nth-of-type(2):before { Content: "Name"; font-size: 14px; color: var(--dark-blue); font-weight: 600; padding-right: 10px; } #page6_main table[style*="width:922px"] tbody .even td:nth-of-type(3):before { Content: "Relationship"; font-size: 14px; color: var(--dark-blue); font-weight: 600; padding-right: 10px; } #page6_main table[style*="width:922px"] tbody .even td:nth-of-type(4):before { Content: "Soc. Sec.#/Tax ID#"; font-size: 14px; color: var(--dark-blue); font-weight: 600; padding-right: 10px; } #page6_main table[style*="width:922px"] tbody .even td:nth-of-type(5):before { Content: "Percentage"; font-size: 14px; color: var(--dark-blue); font-weight: 600; padding-right: 10px; } #page6_main table[style*="width:922px"] tbody .even td:nth-of-type(6):before { Content: "Beneficiary Type"; font-size: 14px; color: var(--dark-blue); font-weight: 600; padding-right: 10px; } #page6_main table[style*="width:922px"] tbody .even td:nth-of-type(7):before { Content: "Date of Birth/Trust"; font-size: 14px; color: var(--dark-blue); font-weight: 600; padding-right: 10px; } #tabs #portaldocuments_filter { display: none; } } @media only screen and (max-width: 410px) { .footerbtn { width: 114%; } } @media only screen and (max-width: 320px) { .footerbtn { width: 118%; } .dataTables_wrapper .dataTables_paginate .fg-button { font-size: 12px; padding: .25rem .5rem; } #page1_main fieldset:nth-child(1) { margin-top: -175px; } #page1_main #requirednotice { margin-top: 200px; } .dataTables_paginate .previous { letter-spacing: normal; } #main-ForgotPassword input[type="text"] { width: 90% !important; } #main-ForgotPassword input:nth-of-type(3) { margin-left: 10px; } } @media only screen and (max-device-width: 500px) and (min-device-width: 320px) { #tabs-dashboard .csdash { height: 2200px !important; } } @media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) { #menuwrapper li .submenu, #adminwrapper li .submenu { margin-top: 0; } #tabs-casestatus .casestatuswrapper_wrapper .dataTables_length { margin-right: 270px !important; } @media only screen and (max-width: 736px) { .page3container #tblProductList_wrapper table.display thead { background: none !important; } } @media only screen and (max-width: 480px) { .fg-toolbar #savedorders_length label:before, .fg-toolbar #placedorders_length label:before { margin-top: -27px; } } } /* Chrome 22-28 */ @supports (-moz-appearance:none) { .page3container .chkBoxComp { margin-left: auto; } .home-testimonials { margin-bottom: 20px; } @media only screen and (max-width: 736px) { .page3container #tblProductList_wrapper table.display thead { background: none !important; } } } @-moz-document url-prefix() { @media only screen and (max-width: 736px) { .page3container #tblProductList_wrapper table.display thead { background: none !important; } } } /* ----- FOR PRINT ONLY ----- */ #compareresultsdiv { margin-bottom: 25px; padding-bottom: 40px; background: white; } #compareresultsdiv .compareme { border: none; padding: 0; } #compareresultsdiv .compareme .col-12 { padding-right: 0px; padding-left: 0px; } #compareresultsdiv #product2 { border-left: none; border-top: .5px solid #b3b3b3; border-bottom: .5px solid #b3b3b3; border-right: .5px solid #b3b3b3; padding: 0px; } #compareresultsdiv #product1 { border-left: .5px solid #b3b3b3; border-top: .5px solid #b3b3b3; border-bottom: .5px solid #b3b3b3; border-right: .5px solid #b3b3b3; padding: 0px; } #compareresultsdiv #product3 { border-left: none; border-top: .5px solid #b3b3b3; border-bottom: .5px solid #b3b3b3; border-right: .5px solid #b3b3b3; padding: 0px; } #compareresultsdiv .comparerow, #compareresultsdiv .comparerowshort { border-bottom: .5px solid #b3b3b3; border-top: none; border-left: none; border-right: none; margin: 10px 0px 10px -2px; width: 100%; } #compareresultsdiv .comparerow .productimage { width: 120px; margin-bottom: -20px; margin-top: 20px; } #compareresultsdiv .comparerow:nth-of-type(1) { min-height: 150px; } #compareresultsdiv #compProductScore h3:nth-of-type(1) { font-size: 13px; font-weight: 500; padding-top: 10px; margin-bottom: 0px; } #compareresultsdiv #compProductScore b.compareScore { font-size: 20px; padding: 0px; margin-top: -10px; display: block; } #compareresultsdiv #compProductScore h5 { margin-bottom: 0px; } #compareresultsdiv .premiumCents { font-size: 0.6em; position: relative; top: -5px; display: inline; } #compareresultsdiv .compareValueLabel { margin: 20px 0px 0px 0px; padding-bottom: 2px !; } #compareresultsdiv .comparerowshort .compareValueLabel, #compareresultsdiv .compareValueLabel { margin: 0px 0px 0px 0px; color: black; } #compareresultsdiv .comparerowshort { margin-top: 30px; min-height: 80px; display: block; margin-right: auto; margin-left: auto; } #compareresultsdiv h4 { font-weight: normal; font-size: 13px; margin-top: -20px; } #compareresultsdiv #compProductScore h5 { font-size: 13px; font-weight: normal; } #compareresultsdiv .comparerow:nth-child(3) h4 { margin-top: 20px; } #compareresultsdiv .premium_years { color: var(--dark-blue); font-size: 20px !important; margin-top: 5px; } #compareresultsdiv h4:nth-child(1) { margin-bottom: -20px; margin-top: 10px; } #compareresultsdiv .comparerow:last-of-type { border-bottom: none; } #compareresultsdiv .compareme .col-6 { padding: 0; margin-right: auto; margin-left: auto; margin-bottom: 20px; } #compareresultsdiv .col-4 { padding: 0px 10px; margin: 0px; } .comparerow h4:nth-of-type(4) { margin-right: 60px; margin-left: 60px; } #compareresultsdiv h6 { font-size: 13px; } .requirement-cancelled { font-style: italic; color: gray; } /* ---- Details-box ---- */ .status_header { display: flex; justify-content: space-between; padding: 10px 30px; } @media (max-width:767.98px) { .details-box, .sla-item-lg { display: none; } .sla-item-xs { display: block; } } @media (min-width:767.99px) { .details-box { display: block; overflow-y: auto; border: 1px solid; max-height: 300px; } .case-status-details-box { display: block; overflow-y: auto; } .case-details-box { display: block; overflow-y: auto; border: 1px solid; max-height: 300px; } .sla-item-lg { display: block; } .sla-item-xs { display: none; } } @media print { /* AU print styles */ #main-au { margin: 0px; box-shadow: none; } #main-au .AUHome { width: 100%; } #main-au .auReq .col-3 .tableHead img { width: 100%; } #main-au .auReq .col-3 .tableHead img.sixty-print { width: 60%; } #main-au .auReq .col-3 .tableHead img.eighty-print { width: 80%; } #main-au h1 { font-size: 25px; } #main-au h3 { font-size: 14px; } #main-au h5 { font-size: 14px; } #main-au .auImage1 { width: 104%; } #main-au .auReq { margin-top: 0px; margin-bottom: 0px; } #main-au .auReq div[class^='col-'] { padding-right: 0px; padding-left: 0px; } #main-au .auReq h3, #main-au .auReq ul { font-size: 11px; } #main-au .auReqTable { margin-top: 10px; } #main-au .carrierHeading { margin-top: 5px; } #main-au .container { margin-top: 0px; } #main-au .carrierHeading h2 span { font-size: 16px; } #main-au sup { margin-left: -2px; } .au-hero { -webkit-print-color-adjust: exact !important; color-adjust: exact !important; } .container { padding: 0px; } .mainContainer { padding-bottom: 0px; } .printable-container > .footer-print { font-size: 11px; padding-left: 7px; padding-top: 5px; } .secondary-content { padding: 0px 10px; } .secondary-content h3, #main-au h3 { margin-top: 20px; font-size: 14px; } .secondary-content p { font-size: 12px; } /* Carriers and Products print styles */ #main-carriers-products h1.interior-title { font-size: 25px; } #main-carriers-products table#carriers-products-guide th { font-size: 12px; } #main-carriers-products table#carriers-products-guide td { font-size: 10px; } #main-carriers-products div#footer img { width: 80px; height: 25px; margin-bottom: 10px; } #main-carriers-products div#footer .bottom-edge { -webkit-print-color-adjust: exact !important; color-adjust: exact !important; width: 110%; left: -5%; } /* Vive score print styles */ #main-vive-score-container { margin: 0px auto; padding-bottom: 30px; } #main-vive-score-container img.viveScore { width: 120%; margin-top: 10px; margin-left: -33px; } #main-vive-score-container .secondary-content { padding: 0px; } #main-vive-score-container .secondary-content .secondary-content-container { padding-top: 0px; } #main-vive-score-container .secondary-content .major-updates-content { -webkit-print-color-adjust: exact !important; color-adjust: exact !important; } #main-vive-score-container .secondary-content .major-updates-container { padding-top: 0; } #main-vive-score-container .secondary-content, #main-vive-score-container .secondary-content p { font-size: 10px; } #main-vive-score-container .secondary-content h1 { font-size: 16px; font-weight: bold; margin-bottom: 20px !important; } #main-vive-score-container .secondary-content h3, #main-vive-score-container .secondary-content .major-updates-container h3, #main-vive-score-container .secondary-content .major-updates-container .majorUpdatesList span { font-size: 10px; font-weight: bold; margin-top: 10px; } .score-hero { background-size: 100%; -webkit-print-color-adjust: exact !important; color-adjust: exact !important; } .score-hero-container { height: 20%; } } .updateDate { font-size: 10px; font-style: italic; font-weight: 700; } .hasActionRequired { color: red; } .noActionsRequired { color: slategray; font-style: italic; font-weight: normal; font-size: 10px; text-transform: capitalize; } .actionHeader { background-color: lightgray; border-radius: 5px; padding: 2px 5px 2px 5px !important; font-size: 12px; } .actionRequiredAlertText { color: red; font-weight: bold; font-size: 12px !important; white-space: normal; } .actionRequiredAlertText, div[id*="actionRequiredDiv"], div[id^="ActionRequiredCollapse_"], div[id*="carrierAlertDiv"], div[id^="CarrierAlertCollapse_"] { background-color: transparent !important; } .slalisting li.slaComplete div { border: 1px; background-color: #f2f2f2; border-collapse: separate; border-radius: 5px; padding: 2px 5px 2px 15px !important; font-size: 14px; width: 100%; color: #8bc53f; } .slalisting li.slaIncomplete div { border: 1px; background-color: #f2f2f2; border-collapse: separate; border-radius: 5px; padding: 2px 5px 2px 15px !important; font-size: 14px; width: 100%; color: var(--dark-blue); } .slalisting li.slaAlert div { border: 1px; background-color: #f2f2f2; border-collapse: separate; border-radius: 5px; padding: 2px 5px 2px 15px !important; font-size: 14px; width: 100%; color: #c1272d; } .slalisting li.slaAlert a, .slalisting li.slaComplete a, .slalisting li.slaIncomplete a, .slalisting li a.actionRequired { line-height: inherit !important; cursor: pointer; } .hidden { display: none !important; visibility: hidden !important; } .casestatuswrapper .slalisting li.slaComplete div:hover, .casestatuswrapper .slalisting li.slaAlert div:hover, .casestatuswrapper .slalisting li.slaIncomplete div:hover { font-weight: 600; } .resep { border-bottom: 1px solid #ccc; } .resepbk { border-bottom: 1px solid black; } .noCA { margin-top: -21px !important; margin-right: 0px !important; } .CA { margin-top: -11px !important; margin-right: 0px !important; } .HeaderCardCa { margin-right: 0px !important; } .HeaderCardNoCa { margin-right: 18px !important; } .TitleCardNoCa { margin-top: -26px !important; padding-top: 0px !important; } .TitleCardCa { } #spin-container { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 10000; } #spin-loader { border: 16px solid #b7a5a5; border-radius: 50%; border-top: 16px solid #3498db; width: 120px; height: 120px; -webkit-animation: spin-loader 2s linear infinite; animation: spin-loader 2s linear infinite; position: absolute; top: 50%; left: 50%; margin-top: -60px; margin-left: -60px; text-align: center; } @keyframes spin-loader { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .limitedmultiline { height: auto; width: 100% !important; } /* D2C */ input#d2c-submit:disabled { cursor: not-allowed; } .d2c-main-container { background: white; border-radius: 10px; box-shadow: 0 0 20px #ccc; padding: 30px; margin: 50px 5%; } .d2c-interior-container { margin-top: 30px; } .d2c-interior-title { border-bottom: 1px solid var(--dark-blue); } .d2c-biography, .d2c-additionalDisclosure { display: grid; } .d2c-biography #biography, .d2c-additionalDisclosure #additionalDisclosure { height: auto; } .d2c-content { -ms-flex: 1 1 0%; flex: 1 1 0%; font-size: 14px; } .d2c-content-border { border-top: 1px solid lightgray; padding-top: 20px; } .d2c-content * .form-control[readonly] { border: none !important; } .d2c-content .bluebtn { margin: 20px auto auto; } .d2c-content .fade.show { display: block; } .d2c-content .fade:not(.show) { display: none; } .d2c-nav { -ms-flex: 0.15 1 0%; flex: 0.32 1 0%; display: none; padding-right: 10px; /*height: 2rem;*/ } .d2c-nav * a.active.show { color: var(--dark-blue); font-weight: 700; background-color: #f9f9f9; box-shadow: inset 0px 5px 0px -1px var(--dark-blue); } .d2c-nav > ul { list-style-type: none; padding: 0; margin-top: 0; } .d2c-nav > ul li { float: left; padding-right: 10px; } .d2c-nav > ul li a { display: block; padding: 5px 10px; } /*------ Cards*/ .d2c-card { position: relative; display: inline-block; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; } .d2c-card-columns { -webkit-column-count: unset; -moz-column-count: unset; column-count: unset; -webkit-column-gap: unset; -moz-column-gap: unset; column-gap: unset; display: inline-block; width: 100%; text-align: center; } .d2c-card-columns .d2c-card { margin-bottom: .75rem; } .d2c-card-columns .d2c-card.d2c-info, .d2c-card-columns .d2c-card.d2c-image { width: 100%; text-align: left; } .d2c-card-columns .d2c-card.d2c-info > div { margin: 15px 0; width: 100%; } .d2c-card-columns .d2c-card.d2c-info > div:first-child { margin-top: 0; } .d2c-card-columns .d2c-card.d2c-image { width: 100%; max-width: 200px; max-height: 200px; margin-right: 10px; } .d2c-card-columns .d2c-card.d2c-image > figure { cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; margin: auto; } .d2c-card-columns .d2c-card.d2c-image > figure img { display: block; max-height: 200px; max-width: 200px; border-radius: 0.25rem; width: 100%; } .d2c-card-columns .d2c-card.d2c-image > figure figcaption { text-align: center; } .d2c-CA-parent { display: grid; grid-template-columns: 0.15fr 4fr 1fr; grid-template-rows: 1fr; grid-column-gap: 0px; grid-row-gap: 0px; } .d2c-CA-parent input[type="checkbox"] { margin-top: 5px; } .d2c-CA-div1 { grid-area: 1 / 1 / 2 / 2; } .d2c-CA-div2 { grid-area: 1 / 2 / 2 / 3; } .d2c-TnC-parent { display: grid; grid-template-columns: 0.15fr 4fr 1fr; grid-template-rows: 1fr 0.2fr; grid-column-gap: 0px; grid-row-gap: 0px; } .d2c-TnC-parent input[type="checkbox"] { margin-top: 5px; } .d2c-TnC-div1 { grid-area: 1 / 2 / 2 / 3; margin-top: 1rem; margin-bottom: 0.5rem; } .d2c-TnC-div2 { grid-area: 2 / 1 / 3 / 2; } .d2c-TnC-div3 { grid-area: 2 / 2 / 3 / 3; } @media (max-width:991px) { .d2c-card-columns .d2c-card.d2c-image { min-width: 160px; min-height: 160px; max-width: 170px; max-height: 170px; } .d2c-interior-container { display: block; } .d2c-TnC-div1 { grid-area: 1 / 2 / 2 / 4; } .d2c-TnC-div3 { grid-area: 2 / 2 / 3 / 4; } .d2c-CA-div2 { grid-area: 1 / 2 / 2 / 4; } } @media (min-width:992px) { .d2c-card-columns .d2c-card.d2c-image { min-width: 200px; min-height: 200px; } .limitedmultiline { width: auto !important; } } @media (min-width:1100px) { .d2c-card-columns { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 2rem; -moz-column-gap: 2rem; column-gap: 2rem; display: flex; } .d2c-card-columns .d2c-card { display: -webkit-box; display: -ms-flexbox; display: flex; } .d2c-card-columns .d2c-card.d2c-image { margin-right: 0; } .d2c-content-border { border-left: 1px solid lightgray; padding-left: 20px; border-top: none; padding-top: 0; } .d2c-interior-container { display: flex; } .d2c-main-container { padding: 50px; margin: 50px 10%; } .d2c-nav { height: 0; } .d2c-nav * a.active.show { box-shadow: inset 5px 0px 0px -1px var(--dark-blue); } .d2c-nav > ul li { float: none; } } @media (min-width:1300px) { .d2c-main-container { margin: 50px 14%; } } @media (min-width:1500px) { .d2c-card-columns .d2c-card.d2c-info > div { width: 70%; } .d2c-main-container { margin: 50px 17%; } } /* D2C load indicator - start */ .load-indicator { opacity: 1; transition: opacity 0.5s linear; } .load-indicator-fadeout { opacity: 0; } .load-indicator .load-indicator-bg { position: fixed; background: white; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 10000; opacity: 0.8; } .load-indicator .load-indicator-box { z-index: 10020; position: fixed; width: 40%; top: 40%; left: 50%; transform: translate(-50%, 0); } .load-indicator .load-indicator-box > div { top: 0% !important; } .load-indicator .load-indicator-box .load-indicator-text { padding-top: 80px; text-align: center; font-weight: bold; } .load-indicator .load-indicator-spinner, .load-indicator .load-indicator-box .load-indicator-spinner { padding: 0px; margin-top: 20%; top: 50%; left: 50%; margin-left: -60px; margin-top: -60px; border: 16px solid #b7a5a5; border-radius: 100%; border-top: 16px solid #3498db; width: 120px; height: 120px; -webkit-animation: spin 2s linear infinite; animation-name: rotate; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: linear; position: absolute; z-index: 10000; } /* D2C load indicator - end */ .font-weight-bold { font-weight: bold; } #stateSpecificOptionsAndTransactionNoticeSection input[type="checkbox"], #containerReplacementNoticeReading input[type="checkbox"] { width: auto; display: inline-block; } #stateSpecificOptionsAndTransactionNoticeSection label, #containerReplacementNoticeReading label { font-size: 14px; } /* modal - start */ .modal-error { background-color: #fbe7e9; color: #c1272d; } .modal-success { background-color: #cbebdf; /*#f1f8e8;*/ color: #16621c; /*#5f911f;*/ } .modal-info { background-color: #bae4ff; color: #1165a1; } /* modal - end */ /* floating block - start */ .info-box { position: fixed; /*top: 60px;*/ bottom: 20px; right: 20px; color: #000; padding: 1rem 3rem; cursor: none; margin-right: 10px; display: inline-block; background-color: #8bc53f; -webkit-box-shadow: -8px 11px 25px 0px rgba(0,0,0,0.75); -moz-box-shadow: -8px 11px 25px 0px rgba(0,0,0,0.75); box-shadow: -8px 11px 25px 0px rgba(0,0,0,0.75); border-left: 6px solid #66932b; -webkit-animation-duration: 6s; animation-duration: 6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes info-box-fadeOut { 0% { opacity: 0.5; } 10% { opacity: 1; /*top: 60px;*/ bottom: 20px; } 100% { opacity: 0; /*top: 0px;*/ bottom: 300px; } } @keyframes info-box-fadeOut { 0% { opacity: 0.5; } 10% { opacity: 1; /*top: 60px;*/ bottom: 20px; } 100% { opacity: 0; /* top: 0px;*/ bottom: 300px; } } .info-box-fadeOut { -webkit-animation-name: info-box-fadeOut; animation-name: info-box-fadeOut; } /* floating block - end */ /* static page styling - start */ .static-page { max-width: 1328px; margin: 50px auto; background: white; border-radius: 10px; box-shadow: 0 0 20px #ccc; padding-bottom: 60px } .static-page .static-page-banner { background-repeat: no-repeat; background-image: none; background-size: cover; text-align: left; padding: 20px 60px 0px 60px; border-radius: 10px 10px 0px 0px; min-height: 220px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .static-page .secondary-content { position: relative; } .static-page h1 { font-size: 45px; font-weight: 300; color: #fff; height: 90%; } .static-page p { width: auto; } /* static page styling - end */ .static-page-banner-client-portal { background-image: url(Images/home_page_assets/Vive_Client_Learn_More.jpg) !important; } .complianceAcknowledgement { color: #c1272d; background-color: #f8d7da; border-color: #f8d7da; text-align: center; border-radius: 6px; display: inline-block; } .modal-80p { max-width: 80% !important; } /* this allows multiple modals drop being display correctly */ .modal.fade { background: rgba(0,0,0,0.5); } .modal-backdrop:nth-child(2n-1) { opacity: 0; } .modal { overflow: auto !important; } .well { border-radius: 10px; color: #000; position: relative; padding: 5px 15px 5px 15px; font-size: 0.9em; background: #eee; border: 1px solid #ddd; } .well-info { border: 1px solid #6eb952; background: #b6e0a6; } .well-error { background: #ffcfcd; border: 1px solid #e99692; } .well-warning { color: #000; background-color: #ffe492; border: 1px solid #eea236; } .content-page { max-width: 1328px; margin: 50px auto; background: white; border-radius: 10px; box-shadow: 0 0 20px #ccc; padding: 30px; } .c_pointer{ cursor: pointer; } .loader-line { width: 100%; height: 4px; position: relative; overflow: hidden; background-color: #ddd; /*margin: 0px auto;*/ -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .loader-line:before { content: ""; position: absolute; left: -50%; height: 4px; width: 40%; background-color: coral; -webkit-animation: lineAnim 1s linear infinite; -moz-animation: lineAnim 1s linear infinite; animation: lineAnim 1s linear infinite; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } @keyframes lineAnim { 0% { left: -40%; background-color: #29a0d7; } 33% { background-color: #9fc55e; } 50% { left: 20%; width: 80%; } 67% { background-color: #fdcc1b; } 100% { left: 100%; width: 100%; background-color: #29a0d7; } } /* -------------- bootstrap spinners --------------- */ @-webkit-keyframes spinner-border { to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes spinner-border { to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: .25em solid currentColor; border-right-color: transparent; border-radius: 50%; -webkit-animation: spinner-border .75s linear infinite; animation: spinner-border .75s linear infinite } .spinner-border-sm { width: 1rem; height: 1rem; border-width: .2em } @-webkit-keyframes spinner-grow { 0% { -webkit-transform: scale(0); transform: scale(0) } 50% { opacity: 1; -webkit-transform: none; transform: none } } @keyframes spinner-grow { 0% { -webkit-transform: scale(0); transform: scale(0) } 50% { opacity: 1; -webkit-transform: none; transform: none } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; background-color: currentColor; border-radius: 50%; opacity: 0; -webkit-animation: spinner-grow .75s linear infinite; animation: spinner-grow .75s linear infinite } .spinner-grow-sm { width: 1rem; height: 1rem } .spinner-border-center { left: 50%; top: 50%; margin-top: -0.5rem; margin-left: -0.5rem; } .vhidden { visibility: hidden; } input[type=text].border, select.border, textarea.border { border: 1px solid var(--input-border-gray) !important; } .cursor-pointer { cursor: pointer; } .gradient-info { background-image: linear-gradient(to bottom, #fff, #dfe8ff); } .gradient-light { background-image: linear-gradient(to bottom, #fff, #eeeeee); } .gradient-success { background-image: linear-gradient(to bottom, #fff, #d4ede3); } .gradient-danger { background-image: linear-gradient(to bottom, #fff, #edd4d4); } .gradient-error { background-image: linear-gradient(to bottom, #fff, #f3e9e9); } .gradient-warning { background-image: linear-gradient(to bottom, #fff, #ede8d4); } .gradient-primary { background-image: linear-gradient(to bottom, #fff, #d4e3ed); } .gradient-secondary { background-image: linear-gradient(to bottom, #fff, #999); } .gradient-yellow { background-image: linear-gradient(to bottom, #fff, #e9edd4); } .box-shadow-1 { box-shadow: rgba(0, 0, 0, 0.5) 0px 4px 28px, rgba(0, 0, 0, 0.3) 0px 10px 10px; } .box-shadow-2 { box-shadow: rgba(0, 0, 0, 0.7) 1px 5px 15px; } .box-shadow-3 { box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px; } .box-shadow-4 { box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px; } .font-size-14 { font-size: 14px !important; } /* -- tabs control -- start -- */ .v-tabs { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; border-bottom: 1px solid #dee2e6; } /* -- tabs control -- end -- */ check-right-container input[type="checkbox"] { position: relative; float: right; width: auto; } .check-right-container label { position: relative; float: left; max-width: 95%; font-weight: bold } .page3container #comparebtn { float: right; color: var(--light-blue) !important; margin-right: 10px; margin-top: 32px; display: inline-block; cursor: pointer; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; overflow: hidden; text-align: center; } .page3container .sel-prd-cell.btn-select-poduct { top: 13px !important; } .page3container table{ border-collapse:collapse !important; border-spacing: 0px !important; } .order-review-container h2{ border-bottom: 0px !important; } .viveDescription h4{ color: var(--dark-blue); } #loginbox h2 { border-bottom: 2px solid var(--light-gray); } .radius-17 { border-radius: 17px; } .nowrap { white-space: nowrap; } table.dataTable.dtr-inline.collapsed>tbody>tr>td.child,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty{cursor:default !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty:before{display:none !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child,table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child{position:relative;padding-left:30px;cursor:pointer}table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before{top:9px;left:4px;height:14px;width:14px;display:block;position:absolute;color:white;border:2px solid white;border-radius:14px;box-shadow:0 0 3px #444;box-sizing:content-box;text-align:center;font-family:'Courier New', Courier, monospace;line-height:14px;content:'+';background-color:#31b131}table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before{content:'-';background-color:#d33333}table.dataTable.dtr-inline.collapsed>tbody>tr.child td:before{display:none}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child{padding-left:27px}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child:before,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child:before{top:5px;left:4px;height:14px;width:14px;border-radius:14px;line-height:14px;text-indent:3px}table.dataTable.dtr-column>tbody>tr>td.control,table.dataTable.dtr-column>tbody>tr>th.control{position:relative;cursor:pointer}table.dataTable.dtr-column>tbody>tr>td.control:before,table.dataTable.dtr-column>tbody>tr>th.control:before{top:50%;left:50%;height:16px;width:16px;margin-top:-10px;margin-left:-10px;display:block;position:absolute;color:white;border:2px solid white;border-radius:14px;box-shadow:0 0 3px #444;box-sizing:content-box;text-align:center;font-family:'Courier New', Courier, monospace;line-height:14px;content:'+';background-color:#31b131}table.dataTable.dtr-column>tbody>tr.parent td.control:before,table.dataTable.dtr-column>tbody>tr.parent th.control:before{content:'-';background-color:#d33333}table.dataTable>tbody>tr.child{padding:0.5em 1em}table.dataTable>tbody>tr.child:hover{background:transparent !important}table.dataTable>tbody>tr.child ul.dtr-details{display:inline-block;list-style-type:none;margin:0;padding:0}table.dataTable>tbody>tr.child ul.dtr-details li{border-bottom:1px solid #efefef;padding:0.5em 0}table.dataTable>tbody>tr.child ul.dtr-details li:first-child{padding-top:0}table.dataTable>tbody>tr.child ul.dtr-details li:last-child{border-bottom:none}table.dataTable>tbody>tr.child span.dtr-title{display:inline-block;min-width:75px;font-weight:bold}div.dtr-modal{position:fixed;box-sizing:border-box;top:0;left:0;height:100%;width:100%;z-index:100;padding:10em 1em}div.dtr-modal div.dtr-modal-display{position:absolute;top:0;left:0;bottom:0;right:0;width:50%;height:50%;overflow:auto;margin:auto;z-index:102;overflow:auto;background-color:#f5f5f7;border:1px solid black;border-radius:0.5em;box-shadow:0 12px 30px rgba(0,0,0,0.6)}div.dtr-modal div.dtr-modal-content{position:relative;padding:1em}div.dtr-modal div.dtr-modal-close{position:absolute;top:6px;right:6px;width:22px;height:22px;border:1px solid #eaeaea;background-color:#f9f9f9;text-align:center;border-radius:3px;cursor:pointer;z-index:12}div.dtr-modal div.dtr-modal-close:hover{background-color:#eaeaea}div.dtr-modal div.dtr-modal-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:101;background:rgba(0,0,0,0.6)}@media screen and (max-width: 767px){div.dtr-modal div.dtr-modal-display{width:95%}} table.fixedHeader-floating{position:fixed !important;background-color:white}table.fixedHeader-locked{position:absolute !important;background-color:white}@media print{table.fixedHeader-floating{display:none}} /* Default styles from bootstrap.css */ .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate(0, -25%); transform: translate(0, -25%); } .modal.show .modal-dialog { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .modal-dialog-centered { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: calc(100% - (0.5rem * 2)); } .modal-content { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; 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; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #e9ecef; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .modal-header .close { padding: 0.5rem; margin: -0.2rem 0.2rem -0.4rem auto; /*font-size: 30px !important;*/ border: none !important; line-height: 1.25rem; } .modal-title { line-height: 1.5; } .modal-body { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 1rem; border-top: 1px solid #e9ecef; } .modal-footer > :not(:first-child) { margin-left: .25rem; } .modal-footer > :not(:last-child) { margin-right: .25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-centered { min-height: calc(100% - (1.75rem * 2)); } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg { max-width: 800px; } } @media (min-width: 900px) { .modal-xl { max-width: 1150px; } }