/* Minification failed. Returning unminified contents. (299,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (563,24): run-time error CSS1039: Token not allowed after unary operator: '-corCliente' (569,32): run-time error CSS1039: Token not allowed after unary operator: '-corCliente' (570,28): run-time error CSS1039: Token not allowed after unary operator: '-corCliente' (574,36): run-time error CSS1039: Token not allowed after unary operator: '-corCliente' (578,25): run-time error CSS1039: Token not allowed after unary operator: '-corCliente' (583,35): run-time error CSS1039: Token not allowed after unary operator: '-corCliente' (15842,73): run-time error CSS1019: Unexpected token, found '*' (15842,73): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (15843,35): run-time error CSS1019: Unexpected token, found '*' (15843,35): run-time error CSS1042: Expected function, found '*' (15843,35): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (16239,25): run-time error CSS1039: Token not allowed after unary operator: '-corCliente' (16243,22): run-time error CSS1039: Token not allowed after unary operator: '-corCliente' (16538,73): run-time error CSS1019: Unexpected token, found '*' (16538,73): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (16539,35): run-time error CSS1019: Unexpected token, found '*' (16539,35): run-time error CSS1042: Expected function, found '*' (16539,35): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (16865,77): run-time error CSS1019: Unexpected token, found '*' (16865,77): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (16866,39): run-time error CSS1019: Unexpected token, found '*' (16866,39): run-time error CSS1042: Expected function, found '*' (16866,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (16874,81): run-time error CSS1019: Unexpected token, found '*' (16874,81): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (16875,43): run-time error CSS1019: Unexpected token, found '*' (16875,43): run-time error CSS1042: Expected function, found '*' (16875,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (17493,77): run-time error CSS1019: Unexpected token, found '*' (17493,77): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (17494,39): run-time error CSS1019: Unexpected token, found '*' (17494,39): run-time error CSS1042: Expected function, found '*' (17494,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (18389,71): run-time error CSS1019: Unexpected token, found '*' (18389,71): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (18390,33): run-time error CSS1019: Unexpected token, found '*' (18390,33): run-time error CSS1042: Expected function, found '*' (18390,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (18422,75): run-time error CSS1019: Unexpected token, found '*' (18422,75): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (18423,37): run-time error CSS1019: Unexpected token, found '*' (18423,37): run-time error CSS1042: Expected function, found '*' (18423,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (18445,79): run-time error CSS1019: Unexpected token, found '*' (18445,79): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (18446,41): run-time error CSS1019: Unexpected token, found '*' (18446,41): run-time error CSS1042: Expected function, found '*' (18446,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (18554,71): run-time error CSS1019: Unexpected token, found '*' (18554,71): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (18555,33): run-time error CSS1019: Unexpected token, found '*' (18555,33): run-time error CSS1042: Expected function, found '*' (18555,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (18587,75): run-time error CSS1019: Unexpected token, found '*' (18587,75): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (18588,37): run-time error CSS1019: Unexpected token, found '*' (18588,37): run-time error CSS1042: Expected function, found '*' (18588,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (18610,79): run-time error CSS1019: Unexpected token, found '*' (18610,79): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (18611,41): run-time error CSS1019: Unexpected token, found '*' (18611,41): run-time error CSS1042: Expected function, found '*' (18611,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (18715,71): run-time error CSS1019: Unexpected token, found '*' (18715,71): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (18716,33): run-time error CSS1019: Unexpected token, found '*' (18716,33): run-time error CSS1042: Expected function, found '*' (18716,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (18748,75): run-time error CSS1019: Unexpected token, found '*' (18748,75): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (18749,37): run-time error CSS1019: Unexpected token, found '*' (18749,37): run-time error CSS1042: Expected function, found '*' (18749,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (18771,79): run-time error CSS1019: Unexpected token, found '*' (18771,79): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (18772,41): run-time error CSS1019: Unexpected token, found '*' (18772,41): run-time error CSS1042: Expected function, found '*' (18772,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (18876,71): run-time error CSS1019: Unexpected token, found '*' (18876,71): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (18877,33): run-time error CSS1019: Unexpected token, found '*' (18877,33): run-time error CSS1042: Expected function, found '*' (18877,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (18909,75): run-time error CSS1019: Unexpected token, found '*' (18909,75): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (18910,37): run-time error CSS1019: Unexpected token, found '*' (18910,37): run-time error CSS1042: Expected function, found '*' (18910,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (18932,79): run-time error CSS1019: Unexpected token, found '*' (18932,79): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (18933,41): run-time error CSS1019: Unexpected token, found '*' (18933,41): run-time error CSS1042: Expected function, found '*' (18933,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (19037,71): run-time error CSS1019: Unexpected token, found '*' (19037,71): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (19038,33): run-time error CSS1019: Unexpected token, found '*' (19038,33): run-time error CSS1042: Expected function, found '*' (19038,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (19070,75): run-time error CSS1019: Unexpected token, found '*' (19070,75): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (19071,37): run-time error CSS1019: Unexpected token, found '*' (19071,37): run-time error CSS1042: Expected function, found '*' (19071,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (19093,79): run-time error CSS1019: Unexpected token, found '*' (19093,79): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (19094,41): run-time error CSS1019: Unexpected token, found '*' (19094,41): run-time error CSS1042: Expected function, found '*' (19094,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (19198,71): run-time error CSS1019: Unexpected token, found '*' (19198,71): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (19199,33): run-time error CSS1019: Unexpected token, found '*' (19199,33): run-time error CSS1042: Expected function, found '*' (19199,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (19231,75): run-time error CSS1019: Unexpected token, found '*' (19231,75): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (19232,37): run-time error CSS1019: Unexpected token, found '*' (19232,37): run-time error CSS1042: Expected function, found '*' (19232,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (19254,79): run-time error CSS1019: Unexpected token, found '*' (19254,79): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (19255,41): run-time error CSS1019: Unexpected token, found '*' (19255,41): run-time error CSS1042: Expected function, found '*' (19255,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (19385,67): run-time error CSS1019: Unexpected token, found '*' (19385,67): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (19386,29): run-time error CSS1019: Unexpected token, found '*' (19386,29): run-time error CSS1042: Expected function, found '*' (19386,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (20166,34): run-time error CSS1039: Token not allowed after unary operator: '-corCliente' (20777,67): run-time error CSS1019: Unexpected token, found '*' (20777,67): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (20778,29): run-time error CSS1019: Unexpected token, found '*' (20778,29): run-time error CSS1042: Expected function, found '*' (20778,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (21472,73): run-time error CSS1019: Unexpected token, found '*' (21472,73): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (21473,35): run-time error CSS1019: Unexpected token, found '*' (21473,35): run-time error CSS1042: Expected function, found '*' (21473,35): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (23569,67): run-time error CSS1019: Unexpected token, found '*' (23569,67): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (23570,29): run-time error CSS1019: Unexpected token, found '*' (23570,29): run-time error CSS1042: Expected function, found '*' (23570,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (23681,67): run-time error CSS1019: Unexpected token, found '*' (23681,67): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (23682,29): run-time error CSS1019: Unexpected token, found '*' (23682,29): run-time error CSS1042: Expected function, found '*' (23682,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (23711,67): run-time error CSS1019: Unexpected token, found '*' (23711,67): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (23712,29): run-time error CSS1019: Unexpected token, found '*' (23712,29): run-time error CSS1042: Expected function, found '*' (23712,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (23804,79): run-time error CSS1019: Unexpected token, found '*' (23804,79): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (23805,41): run-time error CSS1019: Unexpected token, found '*' (23805,41): run-time error CSS1042: Expected function, found '*' (23805,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (23846,83): run-time error CSS1019: Unexpected token, found '*' (23846,83): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (23847,45): run-time error CSS1019: Unexpected token, found '*' (23847,45): run-time error CSS1042: Expected function, found '*' (23847,45): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (23887,87): run-time error CSS1019: Unexpected token, found '*' (23887,87): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (23888,49): run-time error CSS1019: Unexpected token, found '*' (23888,49): run-time error CSS1042: Expected function, found '*' (23888,49): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (24132,83): run-time error CSS1019: Unexpected token, found '*' (24132,83): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (24133,45): run-time error CSS1019: Unexpected token, found '*' (24133,45): run-time error CSS1042: Expected function, found '*' (24133,45): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (24174,87): run-time error CSS1019: Unexpected token, found '*' (24174,87): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (24175,49): run-time error CSS1019: Unexpected token, found '*' (24175,49): run-time error CSS1042: Expected function, found '*' (24175,49): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (24215,91): run-time error CSS1019: Unexpected token, found '*' (24215,91): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (24216,53): run-time error CSS1019: Unexpected token, found '*' (24216,53): run-time error CSS1042: Expected function, found '*' (24216,53): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (24411,67): run-time error CSS1019: Unexpected token, found '*' (24411,67): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (24412,29): run-time error CSS1019: Unexpected token, found '*' (24412,29): run-time error CSS1042: Expected function, found '*' (24412,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (25074,67): run-time error CSS1019: Unexpected token, found '*' (25074,67): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (25075,29): run-time error CSS1019: Unexpected token, found '*' (25075,29): run-time error CSS1042: Expected function, found '*' (25075,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (25111,67): run-time error CSS1019: Unexpected token, found '*' (25111,67): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (25112,29): run-time error CSS1019: Unexpected token, found '*' (25112,29): run-time error CSS1042: Expected function, found '*' (25112,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (25125,67): run-time error CSS1019: Unexpected token, found '*' (25125,67): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (25126,29): run-time error CSS1019: Unexpected token, found '*' (25126,29): run-time error CSS1042: Expected function, found '*' (25126,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (25442,73): run-time error CSS1019: Unexpected token, found '*' (25442,73): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (25443,35): run-time error CSS1019: Unexpected token, found '*' (25443,35): run-time error CSS1042: Expected function, found '*' (25443,35): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (25456,73): run-time error CSS1019: Unexpected token, found '*' (25456,73): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (25457,35): run-time error CSS1019: Unexpected token, found '*' (25457,35): run-time error CSS1042: Expected function, found '*' (25457,35): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (25475,67): run-time error CSS1019: Unexpected token, found '*' (25475,67): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (25476,29): run-time error CSS1019: Unexpected token, found '*' (25476,29): run-time error CSS1042: Expected function, found '*' (25476,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (25513,67): run-time error CSS1019: Unexpected token, found '*' (25513,67): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (25514,29): run-time error CSS1019: Unexpected token, found '*' (25514,29): run-time error CSS1042: Expected function, found '*' (25514,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (25550,73): run-time error CSS1019: Unexpected token, found '*' (25550,73): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (25551,35): run-time error CSS1019: Unexpected token, found '*' (25551,35): run-time error CSS1042: Expected function, found '*' (25551,35): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (25564,73): run-time error CSS1019: Unexpected token, found '*' (25564,73): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (25565,35): run-time error CSS1019: Unexpected token, found '*' (25565,35): run-time error CSS1042: Expected function, found '*' (25565,35): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (25578,69): run-time error CSS1019: Unexpected token, found '*' (25578,69): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (25579,31): run-time error CSS1019: Unexpected token, found '*' (25579,31): run-time error CSS1042: Expected function, found '*' (25579,31): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (25588,73): run-time error CSS1019: Unexpected token, found '*' (25588,73): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (25589,35): run-time error CSS1019: Unexpected token, found '*' (25589,35): run-time error CSS1042: Expected function, found '*' (25589,35): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (25602,73): run-time error CSS1019: Unexpected token, found '*' (25602,73): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (25603,35): run-time error CSS1019: Unexpected token, found '*' (25603,35): run-time error CSS1042: Expected function, found '*' (25603,35): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (25643,69): run-time error CSS1019: Unexpected token, found '*' (25643,69): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (25644,31): run-time error CSS1019: Unexpected token, found '*' (25644,31): run-time error CSS1042: Expected function, found '*' (25644,31): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (25859,71): run-time error CSS1019: Unexpected token, found '*' (25859,71): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (25860,33): run-time error CSS1019: Unexpected token, found '*' (25860,33): run-time error CSS1042: Expected function, found '*' (25860,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (25892,75): run-time error CSS1019: Unexpected token, found '*' (25892,75): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (25893,37): run-time error CSS1019: Unexpected token, found '*' (25893,37): run-time error CSS1042: Expected function, found '*' (25893,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (25915,79): run-time error CSS1019: Unexpected token, found '*' (25915,79): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (25916,41): run-time error CSS1019: Unexpected token, found '*' (25916,41): run-time error CSS1042: Expected function, found '*' (25916,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (26020,71): run-time error CSS1019: Unexpected token, found '*' (26020,71): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (26021,33): run-time error CSS1019: Unexpected token, found '*' (26021,33): run-time error CSS1042: Expected function, found '*' (26021,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (26053,75): run-time error CSS1019: Unexpected token, found '*' (26053,75): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (26054,37): run-time error CSS1019: Unexpected token, found '*' (26054,37): run-time error CSS1042: Expected function, found '*' (26054,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (26076,79): run-time error CSS1019: Unexpected token, found '*' (26076,79): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (26077,41): run-time error CSS1019: Unexpected token, found '*' (26077,41): run-time error CSS1042: Expected function, found '*' (26077,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (26181,71): run-time error CSS1019: Unexpected token, found '*' (26181,71): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (26182,33): run-time error CSS1019: Unexpected token, found '*' (26182,33): run-time error CSS1042: Expected function, found '*' (26182,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (26214,75): run-time error CSS1019: Unexpected token, found '*' (26214,75): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (26215,37): run-time error CSS1019: Unexpected token, found '*' (26215,37): run-time error CSS1042: Expected function, found '*' (26215,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (26237,79): run-time error CSS1019: Unexpected token, found '*' (26237,79): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (26238,41): run-time error CSS1019: Unexpected token, found '*' (26238,41): run-time error CSS1042: Expected function, found '*' (26238,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (26342,71): run-time error CSS1019: Unexpected token, found '*' (26342,71): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (26343,33): run-time error CSS1019: Unexpected token, found '*' (26343,33): run-time error CSS1042: Expected function, found '*' (26343,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (26375,75): run-time error CSS1019: Unexpected token, found '*' (26375,75): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (26376,37): run-time error CSS1019: Unexpected token, found '*' (26376,37): run-time error CSS1042: Expected function, found '*' (26376,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (26398,79): run-time error CSS1019: Unexpected token, found '*' (26398,79): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (26399,41): run-time error CSS1019: Unexpected token, found '*' (26399,41): run-time error CSS1042: Expected function, found '*' (26399,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (26503,71): run-time error CSS1019: Unexpected token, found '*' (26503,71): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (26504,33): run-time error CSS1019: Unexpected token, found '*' (26504,33): run-time error CSS1042: Expected function, found '*' (26504,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (26536,75): run-time error CSS1019: Unexpected token, found '*' (26536,75): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (26537,37): run-time error CSS1019: Unexpected token, found '*' (26537,37): run-time error CSS1042: Expected function, found '*' (26537,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (26559,79): run-time error CSS1019: Unexpected token, found '*' (26559,79): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (26560,41): run-time error CSS1019: Unexpected token, found '*' (26560,41): run-time error CSS1042: Expected function, found '*' (26560,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (26664,71): run-time error CSS1019: Unexpected token, found '*' (26664,71): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (26665,33): run-time error CSS1019: Unexpected token, found '*' (26665,33): run-time error CSS1042: Expected function, found '*' (26665,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (26697,75): run-time error CSS1019: Unexpected token, found '*' (26697,75): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (26698,37): run-time error CSS1019: Unexpected token, found '*' (26698,37): run-time error CSS1042: Expected function, found '*' (26698,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (26720,79): run-time error CSS1019: Unexpected token, found '*' (26720,79): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (26721,41): run-time error CSS1019: Unexpected token, found '*' (26721,41): run-time error CSS1042: Expected function, found '*' (26721,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (26825,71): run-time error CSS1019: Unexpected token, found '*' (26825,71): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (26826,33): run-time error CSS1019: Unexpected token, found '*' (26826,33): run-time error CSS1042: Expected function, found '*' (26826,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (26858,75): run-time error CSS1019: Unexpected token, found '*' (26858,75): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (26859,37): run-time error CSS1019: Unexpected token, found '*' (26859,37): run-time error CSS1042: Expected function, found '*' (26859,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (26881,79): run-time error CSS1019: Unexpected token, found '*' (26881,79): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (26882,41): run-time error CSS1019: Unexpected token, found '*' (26882,41): run-time error CSS1042: Expected function, found '*' (26882,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (26986,71): run-time error CSS1019: Unexpected token, found '*' (26986,71): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (26987,33): run-time error CSS1019: Unexpected token, found '*' (26987,33): run-time error CSS1042: Expected function, found '*' (26987,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (27019,75): run-time error CSS1019: Unexpected token, found '*' (27019,75): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (27020,37): run-time error CSS1019: Unexpected token, found '*' (27020,37): run-time error CSS1042: Expected function, found '*' (27020,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (27042,79): run-time error CSS1019: Unexpected token, found '*' (27042,79): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (27043,41): run-time error CSS1019: Unexpected token, found '*' (27043,41): run-time error CSS1042: Expected function, found '*' (27043,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (27147,71): run-time error CSS1019: Unexpected token, found '*' (27147,71): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (27148,33): run-time error CSS1019: Unexpected token, found '*' (27148,33): run-time error CSS1042: Expected function, found '*' (27148,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (27180,75): run-time error CSS1019: Unexpected token, found '*' (27180,75): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (27181,37): run-time error CSS1019: Unexpected token, found '*' (27181,37): run-time error CSS1042: Expected function, found '*' (27181,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (27203,79): run-time error CSS1019: Unexpected token, found '*' (27203,79): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (27204,41): run-time error CSS1019: Unexpected token, found '*' (27204,41): run-time error CSS1042: Expected function, found '*' (27204,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (27308,71): run-time error CSS1019: Unexpected token, found '*' (27308,71): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (27309,33): run-time error CSS1019: Unexpected token, found '*' (27309,33): run-time error CSS1042: Expected function, found '*' (27309,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (27341,75): run-time error CSS1019: Unexpected token, found '*' (27341,75): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (27342,37): run-time error CSS1019: Unexpected token, found '*' (27342,37): run-time error CSS1042: Expected function, found '*' (27342,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (27364,79): run-time error CSS1019: Unexpected token, found '*' (27364,79): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (27365,41): run-time error CSS1019: Unexpected token, found '*' (27365,41): run-time error CSS1042: Expected function, found '*' (27365,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (27469,71): run-time error CSS1019: Unexpected token, found '*' (27469,71): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (27470,33): run-time error CSS1019: Unexpected token, found '*' (27470,33): run-time error CSS1042: Expected function, found '*' (27470,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (27502,75): run-time error CSS1019: Unexpected token, found '*' (27502,75): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (27503,37): run-time error CSS1019: Unexpected token, found '*' (27503,37): run-time error CSS1042: Expected function, found '*' (27503,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (27525,79): run-time error CSS1019: Unexpected token, found '*' (27525,79): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (27526,41): run-time error CSS1019: Unexpected token, found '*' (27526,41): run-time error CSS1042: Expected function, found '*' (27526,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (27630,71): run-time error CSS1019: Unexpected token, found '*' (27630,71): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (27631,33): run-time error CSS1019: Unexpected token, found '*' (27631,33): run-time error CSS1042: Expected function, found '*' (27631,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (27663,75): run-time error CSS1019: Unexpected token, found '*' (27663,75): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (27664,37): run-time error CSS1019: Unexpected token, found '*' (27664,37): run-time error CSS1042: Expected function, found '*' (27664,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (27686,79): run-time error CSS1019: Unexpected token, found '*' (27686,79): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (27687,41): run-time error CSS1019: Unexpected token, found '*' (27687,41): run-time error CSS1042: Expected function, found '*' (27687,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (27791,71): run-time error CSS1019: Unexpected token, found '*' (27791,71): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (27792,33): run-time error CSS1019: Unexpected token, found '*' (27792,33): run-time error CSS1042: Expected function, found '*' (27792,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (27824,75): run-time error CSS1019: Unexpected token, found '*' (27824,75): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (27825,37): run-time error CSS1019: Unexpected token, found '*' (27825,37): run-time error CSS1042: Expected function, found '*' (27825,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (27847,79): run-time error CSS1019: Unexpected token, found '*' (27847,79): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (27848,41): run-time error CSS1019: Unexpected token, found '*' (27848,41): run-time error CSS1042: Expected function, found '*' (27848,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (27952,71): run-time error CSS1019: Unexpected token, found '*' (27952,71): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (27953,33): run-time error CSS1019: Unexpected token, found '*' (27953,33): run-time error CSS1042: Expected function, found '*' (27953,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (27985,75): run-time error CSS1019: Unexpected token, found '*' (27985,75): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (27986,37): run-time error CSS1019: Unexpected token, found '*' (27986,37): run-time error CSS1042: Expected function, found '*' (27986,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (28008,79): run-time error CSS1019: Unexpected token, found '*' (28008,79): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (28009,41): run-time error CSS1019: Unexpected token, found '*' (28009,41): run-time error CSS1042: Expected function, found '*' (28009,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (28113,71): run-time error CSS1019: Unexpected token, found '*' (28113,71): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (28114,33): run-time error CSS1019: Unexpected token, found '*' (28114,33): run-time error CSS1042: Expected function, found '*' (28114,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (28146,75): run-time error CSS1019: Unexpected token, found '*' (28146,75): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (28147,37): run-time error CSS1019: Unexpected token, found '*' (28147,37): run-time error CSS1042: Expected function, found '*' (28147,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (28169,79): run-time error CSS1019: Unexpected token, found '*' (28169,79): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (28170,41): run-time error CSS1019: Unexpected token, found '*' (28170,41): run-time error CSS1042: Expected function, found '*' (28170,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (28274,71): run-time error CSS1019: Unexpected token, found '*' (28274,71): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (28275,33): run-time error CSS1019: Unexpected token, found '*' (28275,33): run-time error CSS1042: Expected function, found '*' (28275,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (28307,75): run-time error CSS1019: Unexpected token, found '*' (28307,75): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (28308,37): run-time error CSS1019: Unexpected token, found '*' (28308,37): run-time error CSS1042: Expected function, found '*' (28308,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (28330,79): run-time error CSS1019: Unexpected token, found '*' (28330,79): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (28331,41): run-time error CSS1019: Unexpected token, found '*' (28331,41): run-time error CSS1042: Expected function, found '*' (28331,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (28435,71): run-time error CSS1019: Unexpected token, found '*' (28435,71): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (28436,33): run-time error CSS1019: Unexpected token, found '*' (28436,33): run-time error CSS1042: Expected function, found '*' (28436,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (28468,75): run-time error CSS1019: Unexpected token, found '*' (28468,75): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (28469,37): run-time error CSS1019: Unexpected token, found '*' (28469,37): run-time error CSS1042: Expected function, found '*' (28469,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (28491,79): run-time error CSS1019: Unexpected token, found '*' (28491,79): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (28492,41): run-time error CSS1019: Unexpected token, found '*' (28492,41): run-time error CSS1042: Expected function, found '*' (28492,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (28596,71): run-time error CSS1019: Unexpected token, found '*' (28596,71): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (28597,33): run-time error CSS1019: Unexpected token, found '*' (28597,33): run-time error CSS1042: Expected function, found '*' (28597,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (28629,75): run-time error CSS1019: Unexpected token, found '*' (28629,75): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (28630,37): run-time error CSS1019: Unexpected token, found '*' (28630,37): run-time error CSS1042: Expected function, found '*' (28630,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (28652,79): run-time error CSS1019: Unexpected token, found '*' (28652,79): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (28653,41): run-time error CSS1019: Unexpected token, found '*' (28653,41): run-time error CSS1042: Expected function, found '*' (28653,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (28757,71): run-time error CSS1019: Unexpected token, found '*' (28757,71): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (28758,33): run-time error CSS1019: Unexpected token, found '*' (28758,33): run-time error CSS1042: Expected function, found '*' (28758,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (28790,75): run-time error CSS1019: Unexpected token, found '*' (28790,75): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (28791,37): run-time error CSS1019: Unexpected token, found '*' (28791,37): run-time error CSS1042: Expected function, found '*' (28791,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (28813,79): run-time error CSS1019: Unexpected token, found '*' (28813,79): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (28814,41): run-time error CSS1019: Unexpected token, found '*' (28814,41): run-time error CSS1042: Expected function, found '*' (28814,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (29114,71): run-time error CSS1019: Unexpected token, found '*' (29114,71): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (29115,33): run-time error CSS1019: Unexpected token, found '*' (29115,33): run-time error CSS1042: Expected function, found '*' (29115,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (29240,71): run-time error CSS1019: Unexpected token, found '*' (29240,71): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (29241,33): run-time error CSS1019: Unexpected token, found '*' (29241,33): run-time error CSS1042: Expected function, found '*' (29241,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (29366,71): run-time error CSS1019: Unexpected token, found '*' (29366,71): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (29367,33): run-time error CSS1019: Unexpected token, found '*' (29367,33): run-time error CSS1042: Expected function, found '*' (29367,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (29379,71): run-time error CSS1019: Unexpected token, found '*' (29379,71): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (29380,33): run-time error CSS1019: Unexpected token, found '*' (29380,33): run-time error CSS1042: Expected function, found '*' (29380,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (29505,71): run-time error CSS1019: Unexpected token, found '*' (29505,71): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (29506,33): run-time error CSS1019: Unexpected token, found '*' (29506,33): run-time error CSS1042: Expected function, found '*' (29506,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (29631,71): run-time error CSS1019: Unexpected token, found '*' (29631,71): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (29632,33): run-time error CSS1019: Unexpected token, found '*' (29632,33): run-time error CSS1042: Expected function, found '*' (29632,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (29644,71): run-time error CSS1019: Unexpected token, found '*' (29644,71): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (29645,33): run-time error CSS1019: Unexpected token, found '*' (29645,33): run-time error CSS1042: Expected function, found '*' (29645,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (29653,71): run-time error CSS1019: Unexpected token, found '*' (29653,71): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (29654,33): run-time error CSS1019: Unexpected token, found '*' (29654,33): run-time error CSS1042: Expected function, found '*' (29654,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (29669,71): run-time error CSS1019: Unexpected token, found '*' (29669,71): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (29670,33): run-time error CSS1019: Unexpected token, found '*' (29670,33): run-time error CSS1042: Expected function, found '*' (29670,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (29678,71): run-time error CSS1019: Unexpected token, found '*' (29678,71): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (29679,33): run-time error CSS1019: Unexpected token, found '*' (29679,33): run-time error CSS1042: Expected function, found '*' (29679,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (30355,71): run-time error CSS1019: Unexpected token, found '*' (30355,71): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (30356,33): run-time error CSS1019: Unexpected token, found '*' (30356,33): run-time error CSS1042: Expected function, found '*' (30356,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (30570,71): run-time error CSS1019: Unexpected token, found '*' (30570,71): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (30571,33): run-time error CSS1019: Unexpected token, found '*' (30571,33): run-time error CSS1042: Expected function, found '*' (30571,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (30601,71): run-time error CSS1019: Unexpected token, found '*' (30601,71): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (30602,33): run-time error CSS1019: Unexpected token, found '*' (30602,33): run-time error CSS1042: Expected function, found '*' (30602,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (30613,71): run-time error CSS1019: Unexpected token, found '*' (30613,71): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (30614,33): run-time error CSS1019: Unexpected token, found '*' (30614,33): run-time error CSS1042: Expected function, found '*' (30614,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '*' (30732,20): run-time error CSS1035: Expected colon, found '.' : run-time error CSS1066: Unexpected end of file encountered */ @font-face { font-family: 'Climacons-Font'; src:url(/Content/Tema/fonts/font-awesome/fonts/climacons/climacons-webfont.eot); src:url(/Content/Tema/fonts/font-awesome/fonts/climacons/climacons-webfont.eot?#iefix) format('embedded-opentype'), url(/Content/Tema/fonts/font-awesome/fonts/climacons/climacons-webfont.svg#Climacons-Font) format('svg'), url(/Content/Tema/fonts/font-awesome/fonts/climacons/climacons-webfont.woff) format('woff'), url(/Content/Tema/fonts/font-awesome/fonts/climacons/climacons-webfont.ttf) format('truetype'); font-weight: normal; font-style: normal; } .climacon:before{ font-family: 'Climacons-Font'; speak: none; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; } .climacon.cloud:before { content: "\e000"; } .climacon.cloud.sun:before { content: "\e001"; } .climacon.cloud.moon:before { content: "\e002"; } .climacon.rain:before, .climacon.rain.cloud:before { content: "\e003"; } .climacon.rain.sun:before, .climacon.rain.cloud.sun:before { content: "\e004"; } .climacon.rain.moon:before, .climacon.rain.cloud.moon:before { content: "\e005"; } .climacon.showers:before, .climacon.showers.cloud:before { content: "\e006"; } .climacon.showers.sun:before, .climacon.showers.cloud.sun:before { content: "\e007"; } .climacon.showers.moon:before, .climacon.showers.cloud.moon:before { content: "\e008"; } .climacon.downpour:before, .climacon.downpour.cloud:before { content: "\e009"; } .climacon.downpour.sun:before, .climacon.downpour.cloud.sun:before { content: "\e00a"; } .climacon.downpour.moon:before, .climacon.downpour.cloud.moon:before { content: "\e00b"; } .climacon.drizzle:before, .climacon.drizzle.cloud:before { content: "\e00c"; } .climacon.drizzle.sun:before, .climacon.drizzle.cloud.sun:before { content: "\e00d"; } .climacon.drizzle.moon:before, .climacon.drizzle.cloud.moon:before { content: "\e00e"; } .climacon.sleet:before, .climacon.sleet.cloud:before { content: "\e00f"; } .climacon.sleet.sun:before, .climacon.sleet.cloud.sun:before { content: "\e010"; } .climacon.sleet.moon:before, .climacon.sleet.cloud.moon:before { content: "\e011"; } .climacon.hail:before, .climacon.hail.cloud:before { content: "\e012"; } .climacon.hail.sun:before, .climacon.hail.cloud.sun:before { content: "\e013"; } .climacon.hail.moon:before, .climacon.hail.cloud.moon:before { content: "\e014"; } .climacon.flurries:before, .climacon.flurries.cloud:before { content: "\e015"; } .climacon.flurries.sun:before, .climacon.flurries.cloud.sun:before { content: "\e016"; } .climacon.flurries.moon:before, .climacon.flurries.cloud.moon:before { content: "\e017"; } .climacon.snow:before, .climacon.snow.cloud:before { content: "\e018"; } .climacon.snow.sun:before, .climacon.snow.cloud.sun:before { content: "\e019"; } .climacon.snow.moon:before, .climacon.snow.cloud.moon:before { content: "\e01a"; } .climacon.fog:before, .climacon.fog.cloud:before { content: "\e01b"; } .climacon.fog.sun:before, .climacon.fog.cloud.sun:before { content: "\e01c"; } .climacon.fog.moon:before, .climacon.fog.cloud.moon:before { content: "\e01d"; } .climacon.haze:before { content: "\e01e"; } .climacon.haze.sun:before { content: "\e01f"; } .climacon.haze.moon:before { content: "\e020"; } .climacon.wind:before { content: "\e021"; } .climacon.wind.cloud:before { content: "\e022"; } .climacon.wind.sun:before, .climacon.wind.cloud.sun:before { content: "\e023"; } .climacon.wind.moon:before, .climacon.wind.cloud.moon:before { content: "\e024"; } .climacon.lightning:before, .climacon.lightning.cloud:before { content: "\e025"; } .climacon.lightning.sun:before, .climacon.lightning.cloud.sun:before { content: "\e026"; } .climacon.lightning.moon:before, .climacon.lightning.cloud.moon:before { content: "\e027"; } .climacon.sun:before { content: "\e028"; } .climacon.sun.set:before, .climacon.sunset:before { content: "\e029"; } .climacon.sun.rise:before, .climacon.sunrise:before { content: "\e02a"; } .climacon.sun.low:before, .climacon.sun-low:before, .climacon.low-sun:before { content: "\e02b"; } .climacon.sun.lower:before, .climacon.sun-lower:before, .climacon.lower-sun:before { content: "\e02c"; } .climacon.moon:before { content: "\e02d"; } .climacon.moon.new:before { content: "\e02e"; } .climacon.moon.waxing.crescent:before, .climacon.moon.first-crescent:before { content: "\e02f"; } .climacon.moon.waxing.quarter:before, .climacon.moon.first-quarter:before, .climacon.moon.waxing.half:before, .climacon.moon.first-half:before{ content: "\e030"; } .climacon.moon.waxing.gibbous:before, .climacon.moon.first-gibbous:before, .climacon.moon.waxing.three-quarter:before, .climacon.moon.first-three-quarter:before { content: "\e031"; } .climacon.moon.full:before { content: "\e032"; } .climacon.moon.waning.gibbous:before, .climacon.moon.last-gibbous:before, .climacon.moon.waning.three-quarter:before, .climacon.moon.last-three-quarter:before { content: "\e033"; } .climacon.moon.waning.quarter:before, .climacon.moon.last-quarter:before, .climacon.moon.waning.half:before, .climacon.moon.last-half:before { content: "\e034"; } .climacon.moon.waning.crescent:before, .climacon.moon.last-crescent:before { content: "\e035"; } .climacon.snowflake:before { content: "\e036"; } .climacon.tornado:before { content: "\e037"; } .climacon.thermometer.empty:before, .climacon.thermometer:before { content: "\e038"; } .climacon.thermometer.low:before { content: "\e039"; } .climacon.thermometer.medium-low:before { content: "\e03a"; } .climacon.thermometer.medium-high:before { content: "\e03b"; } .climacon.thermometer.high:before { content: "\e03c"; } .climacon.thermometer.full:before { content: "\e03d"; } .climacon.celcius:before { content: "\e03e"; } .climacon.farenheit:before { content: "\e03f"; } .climacon.compass:before { content: "\e040"; } .climacon.compass.north:before { content: "\e041"; } .climacon.compass.east:before { content: "\e042"; } .climacon.compass.south:before { content: "\e043"; } .climacon.compass.west:before { content: "\e044"; } .climacon.umbrella:before { content: "\e045"; } .climacon.sunglasses:before { content: "\e046"; } .climacon.cloud.cycle:before, .climacon.cloud.refresh:before { content: "\e047"; } .climacon.cloud.down:before, .climacon.cloud.download:before { content: "\e048"; } .climacon.cloud.up:before, .climacon.cloud.upload:before { content: "\e049"; } :root { --corCliente: #ff5406; } .dtComBorda { border: 1px solid #ddd !important; } .dtComBordaCabecalho thead tr th{ border-bottom-width: 1px !important; } .campoObrigatorio { border: 2px red solid; } .semFormatacao { background: transparent; border: none; outline: none; pointer-events: none; -moz-appearance:none; -webkit-appearance:none; } .semFormatacaoTextArea { background: transparent; border: none; /*width: 0px;*/ outline: none; resize: none; } .tbFollowUpText{ display:inline; } .itemLista{ width:100%; } .itemTexto{ float: left; } .itemIcone { float: right; } .itemIcone span { cursor: pointer; } .trSelected { background-color: #B0BED9 !important; } .trCancel, .trCancel a { background-color: #f70808 !important; color: #ffffff !important; } .trCancel td { color: #ffffff !important; background: transparent; border: none; outline: none; resize: none; pointer-events: none; } .trCancel td input, .trCancel td select { color: #ffffff !important; background: transparent; border: none; outline: none; resize: none; pointer-events: none; } .trCancel td textarea { color: #ffffff !important; background: transparent; border: none; /*width: 0px;*/ outline: none; resize: none; pointer-events: none; } .trConciliado, .trConciliado a { background-color: #000192 !important; color: #ffffff !important; } .trConciliado td { color: #ffffff !important; background: transparent; border: none; outline: none; resize: none; pointer-events: none; } .trConciliado td input, trConciliado td select { color: #ffffff !important; background: transparent; border: none; outline: none; resize: none; pointer-events: none; } .trConciliado td textarea { color: #ffffff !important; background: transparent; border: none; /*width: 0px;*/ outline: none; resize: none; pointer-events: none; } footer.content-footer{ height:56px!important; } .ComboEditavel { width: 100%; } .ComboEditavelOutros { width: 100%; } .select2-container--default .select2-selection--single { border: 1px solid #e4e4e4 !important; border-radius: 2px !important; } .select2-container--default .select2-selection--multiple { border: 1px solid #e7e7e7 !important; border-radius: 2px !important; } .select2-container .select2-search--inline .select2-search__field { margin-top: 0px !important; width: 100% !important; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { line-height: 2px !important; } .select2-selection__arrow b { top: 60% !important; } .select2-selection__rendered{ line-height: 34px!important; } .select2-selection.select2-selection--single { height: 100% !important; } .select2.select2-container.select2-container--default.select2-container--above.select2-container--focus { height: 34px !important; } .select2-selection.select2-selection--single { height: 34px !important; } .select2.select2-container.select2-container--default.select2-container--above { height: 34px !important; } ul.list { list-style-type: none; padding:2px; } ul.list li { float: left; margin: 1px; min-width: 78px; } .dropzone.dz-clickable { display: -webkit-box; align-items: center; text-align: -webkit-center; } @supports not (text-align: -webkit-center) { .dropzone.dz-clickable { display: block; } } .dropzone .dz-preview .dz-image img{ max-height:100%; } .help-block { display: contents; } .input-group.issue .help-block, .input-group.issue .help-inline { color: #FF8D60; } .input-group.issue input, .input-group.issue select, .input-group.issue textarea { color: #FF8D60; border-color: #FF8D60; } .input-group.issue input:focus, .input-group.issue select:focus, .input-group.issue textarea:focus { border-color: #CE2605; -webkit-box-shadow: 0 0 6px #FCA08E; -moz-box-shadow: 0 0 6px #FCA08E; box-shadow: 0 0 6px #FCA08E; } .input-group.issue .input-prepend .add-on, .input-group.issue .input-append .add-on { color: #FF8D60; background-color: #FED2C9; border-color: #FF8D60; } .input-group.error .help-block, .input-group.error .help-inline { color: #FF586B; } .input-group.error input, .input-group.error select, .input-group.error textarea, input-group.error .select2-selection--multiple, .input-group.error .select2-container--default, .input-group.error .select2-container--default .select2-selection--multiple, .input-group.error .select2-container--default .select2-selection--single { color: #FF586B !important; border-color: #FF586B !important; } .input-group.error input:focus, .input-group.error select:focus, .input-group.error textarea:focus { border-color: #B41323; -webkit-box-shadow: 0 0 6px #F38C96; -moz-box-shadow: 0 0 6px #F38C96; box-shadow: 0 0 6px #F38C96; } .input-group.error .input-prepend .add-on, .input-group.error .input-append .add-on { color: #FF586B; background-color: #FACACF; border-color: #FF586B; } .input-group.validate .help-block, .input-group.validate .help-inline { color: #0CC27E; } .input-group.validate input, .input-group.validate select, .input-group.validate textarea, .input-group.validate .select2-container--default, .input-group.validate .select2-selection--single { /*color: #0CC27E;*/ border-color: #0CC27E; } .input-group.validate input:focus, .input-group.validate select:focus, .input-group.validate textarea:focus { border-color: #34C5A1; -webkit-box-shadow: 0 0 6px #78DCC3; -moz-box-shadow: 0 0 6px #78DCC3; box-shadow: 0 0 6px #78DCC3; } .input-group.validate .input-prepend .add-on, .input-group.validate .input-append .add-on { color: #0CC27E; background-color: #DDF6F0; border-color: #0CC27E; } .input-group .help-block ul { padding-left: 3.0rem; } .swal-Alerta{ z-index:9999 !important; } .panel-sistema { border-color: var(--corCliente); } .panel-sistema > .panel-heading { color: #fff; background-color: var(--corCliente); border-color: var(--corCliente); } .panel-sistema > .panel-heading + .panel-collapse > .panel-body { border-top-color: var(--corCliente); } .panel-sistema > .panel-heading .badge { color: var(--corCliente); background-color: #fff; } .panel-sistema > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: var(--corCliente); } /* ATUALIZADO PARA -- CAIXA ALTA TODOS CAMPOS (MENOS OS EMAIL) 10/12/2020 -- ALEXANDRE */ .input-group .form-control, td .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; text-transform: uppercase !important; } .input-group .form-control.email { text-transform: lowercase !important; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; user-select: none; -webkit-user-select: none; text-transform: uppercase; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; text-transform: uppercase; } /* ================================================================================ */ /* ATUALIZADO PARA -- GRID LINHA EM VERMELHO 23/02/2021 -- ALEXANDRE */ td.red { color: red; } /* ================================================================================ */ /* ================================================================================ */ /* Formatar Tabela de Attendance */ /* ================================================================================ */ .tbAttendance { width: 100%; border: 1px solid black; border-collapse: collapse; table-layout: auto; text-align: center; font-weight: bold; font-size: 9px; color: black; } .tbAttendance th { border: 1px solid black; } .tbAttendance td { border: 1px solid black; white-space: nowrap; } .tbAttendance tr { border: 1px solid black; } .tdFundoBranco { background-color: white; } .tdFundoCinza { background-color: silver; } /* ================================================================================ */ @charset "UTF-8"; .swal2-popup.swal2-toast { flex-direction: row; align-items: center; width: auto; padding: .625em; overflow-y: hidden; box-shadow: 0 0 .625em #d9d9d9 } .swal2-popup.swal2-toast .swal2-header { flex-direction: row } .swal2-popup.swal2-toast .swal2-title { flex-grow: 1; justify-content: flex-start; margin: 0 .6em; font-size: 1em } .swal2-popup.swal2-toast .swal2-footer { margin: .5em 0 0; padding: .5em 0 0; font-size: .8em } .swal2-popup.swal2-toast .swal2-close { position: static; width: .8em; height: .8em; line-height: .8 } .swal2-popup.swal2-toast .swal2-content { justify-content: flex-start; font-size: 1em } .swal2-popup.swal2-toast .swal2-icon { width: 2em; min-width: 2em; height: 2em; margin: 0 } .swal2-popup.swal2-toast .swal2-icon::before { display: flex; align-items: center; font-size: 2em; font-weight: 700 } @media all and (-ms-high-contrast:none),(-ms-high-contrast:active) { .swal2-popup.swal2-toast .swal2-icon::before { font-size: .25em } } .swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring { width: 2em; height: 2em } .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] { top: .875em; width: 1.375em } .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] { left: .3125em } .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] { right: .3125em } .swal2-popup.swal2-toast .swal2-actions { flex-basis: auto !important; width: auto; height: auto; margin: 0 .3125em } .swal2-popup.swal2-toast .swal2-styled { margin: 0 .3125em; padding: .3125em .625em; font-size: 1em } .swal2-popup.swal2-toast .swal2-styled:focus { box-shadow: 0 0 0 .0625em #fff,0 0 0 .125em rgba(50,100,150,.4) } .swal2-popup.swal2-toast .swal2-success { border-color: #a5dc86 } .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] { position: absolute; width: 1.6em; height: 3em; transform: rotate(45deg); border-radius: 50% } .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] { top: -.8em; left: -.5em; transform: rotate(-45deg); transform-origin: 2em 2em; border-radius: 4em 0 0 4em } .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] { top: -.25em; left: .9375em; transform-origin: 0 1.5em; border-radius: 0 4em 4em 0 } .swal2-popup.swal2-toast .swal2-success .swal2-success-ring { width: 2em; height: 2em } .swal2-popup.swal2-toast .swal2-success .swal2-success-fix { top: 0; left: .4375em; width: .4375em; height: 2.6875em } .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] { height: .3125em } .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] { top: 1.125em; left: .1875em; width: .75em } .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] { top: .9375em; right: .1875em; width: 1.375em } .swal2-popup.swal2-toast.swal2-show { -webkit-animation: swal2-toast-show .5s; animation: swal2-toast-show .5s } .swal2-popup.swal2-toast.swal2-hide { -webkit-animation: swal2-toast-hide .1s forwards; animation: swal2-toast-hide .1s forwards } .swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-tip { -webkit-animation: swal2-toast-animate-success-line-tip .75s; animation: swal2-toast-animate-success-line-tip .75s } .swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-long { -webkit-animation: swal2-toast-animate-success-line-long .75s; animation: swal2-toast-animate-success-line-long .75s } .swal2-container { display: flex; position: fixed; z-index: 1060; top: 0; right: 0; bottom: 0; left: 0; flex-direction: row; align-items: center; justify-content: center; padding: .625em; overflow-x: hidden; background-color: transparent; -webkit-overflow-scrolling: touch } .swal2-container.swal2-top { align-items: flex-start } .swal2-container.swal2-top-left, .swal2-container.swal2-top-start { align-items: flex-start; justify-content: flex-start } .swal2-container.swal2-top-end, .swal2-container.swal2-top-right { align-items: flex-start; justify-content: flex-end } .swal2-container.swal2-center { align-items: center } .swal2-container.swal2-center-left, .swal2-container.swal2-center-start { align-items: center; justify-content: flex-start } .swal2-container.swal2-center-end, .swal2-container.swal2-center-right { align-items: center; justify-content: flex-end } .swal2-container.swal2-bottom { align-items: flex-end } .swal2-container.swal2-bottom-left, .swal2-container.swal2-bottom-start { align-items: flex-end; justify-content: flex-start } .swal2-container.swal2-bottom-end, .swal2-container.swal2-bottom-right { align-items: flex-end; justify-content: flex-end } .swal2-container.swal2-bottom-end > :first-child, .swal2-container.swal2-bottom-left > :first-child, .swal2-container.swal2-bottom-right > :first-child, .swal2-container.swal2-bottom-start > :first-child, .swal2-container.swal2-bottom > :first-child { margin-top: auto } .swal2-container.swal2-grow-fullscreen > .swal2-modal { display: flex !important; flex: 1; align-self: stretch; justify-content: center } .swal2-container.swal2-grow-row > .swal2-modal { display: flex !important; flex: 1; align-content: center; justify-content: center } .swal2-container.swal2-grow-column { flex: 1; flex-direction: column } .swal2-container.swal2-grow-column.swal2-bottom, .swal2-container.swal2-grow-column.swal2-center, .swal2-container.swal2-grow-column.swal2-top { align-items: center } .swal2-container.swal2-grow-column.swal2-bottom-left, .swal2-container.swal2-grow-column.swal2-bottom-start, .swal2-container.swal2-grow-column.swal2-center-left, .swal2-container.swal2-grow-column.swal2-center-start, .swal2-container.swal2-grow-column.swal2-top-left, .swal2-container.swal2-grow-column.swal2-top-start { align-items: flex-start } .swal2-container.swal2-grow-column.swal2-bottom-end, .swal2-container.swal2-grow-column.swal2-bottom-right, .swal2-container.swal2-grow-column.swal2-center-end, .swal2-container.swal2-grow-column.swal2-center-right, .swal2-container.swal2-grow-column.swal2-top-end, .swal2-container.swal2-grow-column.swal2-top-right { align-items: flex-end } .swal2-container.swal2-grow-column > .swal2-modal { display: flex !important; flex: 1; align-content: center; justify-content: center } .swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen) > .swal2-modal { margin: auto } @media all and (-ms-high-contrast:none),(-ms-high-contrast:active) { .swal2-container .swal2-modal { margin: 0 !important } } .swal2-container.swal2-fade { transition: background-color .1s } .swal2-container.swal2-shown { background-color: rgba(0,0,0,.4) } .swal2-popup { display: none; position: relative; box-sizing: border-box; flex-direction: column; justify-content: center; width: 32em; max-width: 100%; padding: 1.25em; border: none; border-radius: .3125em; background: #fff; font-family: inherit; font-size: 1.5rem } .swal2-popup:focus { outline: 0 } .swal2-popup.swal2-loading { overflow-y: hidden } .swal2-header { display: flex; flex-direction: column; align-items: center } .swal2-title { position: relative; max-width: 100%; margin: 0 0 .4em; padding: 0; color: #595959; font-size: 1.875em; font-weight: 600; text-align: center; text-transform: none; word-wrap: break-word } .swal2-actions { display: flex; z-index: 1; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; margin: 1.25em auto 0 } .swal2-actions:not(.swal2-loading) .swal2-styled[disabled] { opacity: .4 } .swal2-actions:not(.swal2-loading) .swal2-styled:hover { background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1)) } .swal2-actions:not(.swal2-loading) .swal2-styled:active { background-image: linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)) } .swal2-actions.swal2-loading .swal2-styled.swal2-confirm { box-sizing: border-box; width: 2.5em; height: 2.5em; margin: .46875em; padding: 0; -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal; animation: swal2-rotate-loading 1.5s linear 0s infinite normal; border: .25em solid transparent; border-radius: 100%; border-color: transparent; background-color: transparent !important; color: transparent; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .swal2-actions.swal2-loading .swal2-styled.swal2-cancel { margin-right: 30px; margin-left: 30px } .swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after { content: ""; display: inline-block; width: 15px; height: 15px; margin-left: 5px; -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal; animation: swal2-rotate-loading 1.5s linear 0s infinite normal; border: 3px solid #999; border-radius: 50%; border-right-color: transparent; box-shadow: 1px 1px 1px #fff } .swal2-styled { margin: .3125em; padding: .625em 2em; box-shadow: none; font-weight: 500 } .swal2-styled:not([disabled]) { cursor: pointer } .swal2-styled.swal2-confirm { border: 0; border-radius: .25em; background: initial; background-color: #3085d6; color: #fff; font-size: 1.0625em } .swal2-styled.swal2-cancel { border: 0; border-radius: .25em; background: initial; background-color: #aaa; color: #fff; font-size: 1.0625em } .swal2-styled:focus { outline: 0; box-shadow: 0 0 0 2px #fff,0 0 0 4px rgba(50,100,150,.4) } .swal2-styled::-moz-focus-inner { border: 0 } .swal2-footer { justify-content: center; margin: 1.25em 0 0; padding: 1em 0 0; border-top: 1px solid #eee; color: #545454; font-size: 1em } .swal2-image { max-width: 100%; margin: 1.25em auto } .swal2-close { position: absolute; z-index: 2; top: 0; right: 0; justify-content: center; width: 1.2em; height: 1.2em; padding: 0; overflow: hidden; transition: color .1s ease-out; border: none; border-radius: 0; outline: initial; background: 0 0; color: #ccc; font-family: serif; font-size: 2.5em; line-height: 1.2; cursor: pointer } .swal2-close:hover { transform: none; background: 0 0; color: #f27474 } .swal2-content { z-index: 1; justify-content: center; margin: 0; padding: 0; color: #545454; font-size: 1.125em; font-weight: 400; line-height: normal; text-align: center; word-wrap: break-word } .swal2-checkbox, .swal2-file, .swal2-input, .swal2-radio, .swal2-select, .swal2-textarea { margin: 1em auto } .swal2-file, .swal2-input, .swal2-textarea { box-sizing: border-box; width: 100%; transition: border-color .3s,box-shadow .3s; border: 1px solid #d9d9d9; border-radius: .1875em; background: inherit; box-shadow: inset 0 1px 1px rgba(0,0,0,.06); color: inherit; font-size: 1.125em } .swal2-file.swal2-inputerror, .swal2-input.swal2-inputerror, .swal2-textarea.swal2-inputerror { border-color: #f27474 !important; box-shadow: 0 0 2px #f27474 !important } .swal2-file:focus, .swal2-input:focus, .swal2-textarea:focus { border: 1px solid #b4dbed; outline: 0; box-shadow: 0 0 3px #c4e6f5 } .swal2-file::-webkit-input-placeholder, .swal2-input::-webkit-input-placeholder, .swal2-textarea::-webkit-input-placeholder { color: #ccc } .swal2-file::-moz-placeholder, .swal2-input::-moz-placeholder, .swal2-textarea::-moz-placeholder { color: #ccc } .swal2-file:-ms-input-placeholder, .swal2-input:-ms-input-placeholder, .swal2-textarea:-ms-input-placeholder { color: #ccc } .swal2-file::-ms-input-placeholder, .swal2-input::-ms-input-placeholder, .swal2-textarea::-ms-input-placeholder { color: #ccc } .swal2-file::placeholder, .swal2-input::placeholder, .swal2-textarea::placeholder { color: #ccc } .swal2-range { margin: 1em auto; background: inherit } .swal2-range input { width: 80% } .swal2-range output { width: 20%; color: inherit; font-weight: 600; text-align: center } .swal2-range input, .swal2-range output { height: 2.625em; padding: 0; font-size: 1.125em; line-height: 2.625em } .swal2-input { height: 2.625em; padding: 0 .75em } .swal2-input[type=number] { max-width: 10em } .swal2-file { background: inherit; font-size: 1.125em } .swal2-textarea { height: 6.75em; padding: .75em } .swal2-select { min-width: 50%; max-width: 100%; padding: .375em .625em; background: inherit; color: inherit; font-size: 1.125em } .swal2-checkbox, .swal2-radio { align-items: center; justify-content: center; background: inherit; color: inherit } .swal2-checkbox label, .swal2-radio label { margin: 0 .6em; font-size: 1.125em } .swal2-checkbox input, .swal2-radio input { margin: 0 .4em } .swal2-validation-message { display: none; align-items: center; justify-content: center; padding: .625em; overflow: hidden; background: #f0f0f0; color: #666; font-size: 1em; font-weight: 300 } .swal2-validation-message::before { content: "!"; display: inline-block; width: 1.5em; min-width: 1.5em; height: 1.5em; margin: 0 .625em; zoom: normal; border-radius: 50%; background-color: #f27474; color: #fff; font-weight: 600; line-height: 1.5em; text-align: center } .swal2-icon { position: relative; box-sizing: content-box; justify-content: center; width: 5em; height: 5em; margin: 1.25em auto 1.875em; zoom: normal; border: .25em solid transparent; border-radius: 50%; font-family: inherit; line-height: 5em; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .swal2-icon::before { display: flex; align-items: center; height: 92%; font-size: 3.75em } .swal2-icon.swal2-error { border-color: #f27474 } .swal2-icon.swal2-error .swal2-x-mark { position: relative; flex-grow: 1 } .swal2-icon.swal2-error [class^=swal2-x-mark-line] { display: block; position: absolute; top: 2.3125em; width: 2.9375em; height: .3125em; border-radius: .125em; background-color: #f27474 } .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] { left: 1.0625em; transform: rotate(45deg) } .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] { right: 1em; transform: rotate(-45deg) } .swal2-icon.swal2-warning { border-color: #facea8; color: #f8bb86 } .swal2-icon.swal2-warning::before { content: "!" } .swal2-icon.swal2-info { border-color: #9de0f6; color: #3fc3ee } .swal2-icon.swal2-info::before { content: "i" } .swal2-icon.swal2-question { border-color: #c9dae1; color: #87adbd } .swal2-icon.swal2-question::before { content: "?" } .swal2-icon.swal2-question.swal2-arabic-question-mark::before { content: "؟" } .swal2-icon.swal2-success { border-color: #a5dc86 } .swal2-icon.swal2-success [class^=swal2-success-circular-line] { position: absolute; width: 3.75em; height: 7.5em; transform: rotate(45deg); border-radius: 50% } .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] { top: -.4375em; left: -2.0635em; transform: rotate(-45deg); transform-origin: 3.75em 3.75em; border-radius: 7.5em 0 0 7.5em } .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] { top: -.6875em; left: 1.875em; transform: rotate(-45deg); transform-origin: 0 3.75em; border-radius: 0 7.5em 7.5em 0 } .swal2-icon.swal2-success .swal2-success-ring { position: absolute; z-index: 2; top: -.25em; left: -.25em; box-sizing: content-box; width: 100%; height: 100%; border: .25em solid rgba(165,220,134,.3); border-radius: 50% } .swal2-icon.swal2-success .swal2-success-fix { position: absolute; z-index: 1; top: .5em; left: 1.625em; width: .4375em; height: 5.625em; transform: rotate(-45deg) } .swal2-icon.swal2-success [class^=swal2-success-line] { display: block; position: absolute; z-index: 2; height: .3125em; border-radius: .125em; background-color: #a5dc86 } .swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] { top: 2.875em; left: .875em; width: 1.5625em; transform: rotate(45deg) } .swal2-icon.swal2-success [class^=swal2-success-line][class$=long] { top: 2.375em; right: .5em; width: 2.9375em; transform: rotate(-45deg) } .swal2-progress-steps { align-items: center; margin: 0 0 1.25em; padding: 0; background: inherit; font-weight: 600 } .swal2-progress-steps li { display: inline-block; position: relative } .swal2-progress-steps .swal2-progress-step { z-index: 20; width: 2em; height: 2em; border-radius: 2em; background: #3085d6; color: #fff; line-height: 2em; text-align: center } .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step { background: #3085d6 } .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step { background: #add8e6; color: #fff } .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line { background: #add8e6 } .swal2-progress-steps .swal2-progress-step-line { z-index: 10; width: 2.5em; height: .4em; margin: 0 -1px; background: #3085d6 } [class^=swal2] { -webkit-tap-highlight-color: transparent } .swal2-show { -webkit-animation: swal2-show .3s; animation: swal2-show .3s } .swal2-show.swal2-noanimation { -webkit-animation: none; animation: none } .swal2-hide { -webkit-animation: swal2-hide .15s forwards; animation: swal2-hide .15s forwards } .swal2-hide.swal2-noanimation { -webkit-animation: none; animation: none } .swal2-rtl .swal2-close { right: auto; left: 0 } .swal2-animate-success-icon .swal2-success-line-tip { -webkit-animation: swal2-animate-success-line-tip .75s; animation: swal2-animate-success-line-tip .75s } .swal2-animate-success-icon .swal2-success-line-long { -webkit-animation: swal2-animate-success-line-long .75s; animation: swal2-animate-success-line-long .75s } .swal2-animate-success-icon .swal2-success-circular-line-right { -webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in; animation: swal2-rotate-success-circular-line 4.25s ease-in } .swal2-animate-error-icon { -webkit-animation: swal2-animate-error-icon .5s; animation: swal2-animate-error-icon .5s } .swal2-animate-error-icon .swal2-x-mark { -webkit-animation: swal2-animate-error-x-mark .5s; animation: swal2-animate-error-x-mark .5s } @supports (-ms-accelerator:true) { .swal2-range input { width: 100% !important } .swal2-range output { display: none } } @media all and (-ms-high-contrast:none),(-ms-high-contrast:active) { .swal2-range input { width: 100% !important } .swal2-range output { display: none } } @-moz-document url-prefix() { .swal2-close:focus { outline: 2px solid rgba(50,100,150,.4) } } @-webkit-keyframes swal2-toast-show { 0% { transform: translateY(-.625em) rotateZ(2deg) } 33% { transform: translateY(0) rotateZ(-2deg) } 66% { transform: translateY(.3125em) rotateZ(2deg) } 100% { transform: translateY(0) rotateZ(0) } } @keyframes swal2-toast-show { 0% { transform: translateY(-.625em) rotateZ(2deg) } 33% { transform: translateY(0) rotateZ(-2deg) } 66% { transform: translateY(.3125em) rotateZ(2deg) } 100% { transform: translateY(0) rotateZ(0) } } @-webkit-keyframes swal2-toast-hide { 100% { transform: rotateZ(1deg); opacity: 0 } } @keyframes swal2-toast-hide { 100% { transform: rotateZ(1deg); opacity: 0 } } @-webkit-keyframes swal2-toast-animate-success-line-tip { 0% { top: .5625em; left: .0625em; width: 0 } 54% { top: .125em; left: .125em; width: 0 } 70% { top: .625em; left: -.25em; width: 1.625em } 84% { top: 1.0625em; left: .75em; width: .5em } 100% { top: 1.125em; left: .1875em; width: .75em } } @keyframes swal2-toast-animate-success-line-tip { 0% { top: .5625em; left: .0625em; width: 0 } 54% { top: .125em; left: .125em; width: 0 } 70% { top: .625em; left: -.25em; width: 1.625em } 84% { top: 1.0625em; left: .75em; width: .5em } 100% { top: 1.125em; left: .1875em; width: .75em } } @-webkit-keyframes swal2-toast-animate-success-line-long { 0% { top: 1.625em; right: 1.375em; width: 0 } 65% { top: 1.25em; right: .9375em; width: 0 } 84% { top: .9375em; right: 0; width: 1.125em } 100% { top: .9375em; right: .1875em; width: 1.375em } } @keyframes swal2-toast-animate-success-line-long { 0% { top: 1.625em; right: 1.375em; width: 0 } 65% { top: 1.25em; right: .9375em; width: 0 } 84% { top: .9375em; right: 0; width: 1.125em } 100% { top: .9375em; right: .1875em; width: 1.375em } } @-webkit-keyframes swal2-show { 0% { transform: scale(.7) } 45% { transform: scale(1.05) } 80% { transform: scale(.95) } 100% { transform: scale(1) } } @keyframes swal2-show { 0% { transform: scale(.7) } 45% { transform: scale(1.05) } 80% { transform: scale(.95) } 100% { transform: scale(1) } } @-webkit-keyframes swal2-hide { 0% { transform: scale(1); opacity: 1 } 100% { transform: scale(.5); opacity: 0 } } @keyframes swal2-hide { 0% { transform: scale(1); opacity: 1 } 100% { transform: scale(.5); opacity: 0 } } @-webkit-keyframes swal2-animate-success-line-tip { 0% { top: 1.1875em; left: .0625em; width: 0 } 54% { top: 1.0625em; left: .125em; width: 0 } 70% { top: 2.1875em; left: -.375em; width: 3.125em } 84% { top: 3em; left: 1.3125em; width: 1.0625em } 100% { top: 2.8125em; left: .875em; width: 1.5625em } } @keyframes swal2-animate-success-line-tip { 0% { top: 1.1875em; left: .0625em; width: 0 } 54% { top: 1.0625em; left: .125em; width: 0 } 70% { top: 2.1875em; left: -.375em; width: 3.125em } 84% { top: 3em; left: 1.3125em; width: 1.0625em } 100% { top: 2.8125em; left: .875em; width: 1.5625em } } @-webkit-keyframes swal2-animate-success-line-long { 0% { top: 3.375em; right: 2.875em; width: 0 } 65% { top: 3.375em; right: 2.875em; width: 0 } 84% { top: 2.1875em; right: 0; width: 3.4375em } 100% { top: 2.375em; right: .5em; width: 2.9375em } } @keyframes swal2-animate-success-line-long { 0% { top: 3.375em; right: 2.875em; width: 0 } 65% { top: 3.375em; right: 2.875em; width: 0 } 84% { top: 2.1875em; right: 0; width: 3.4375em } 100% { top: 2.375em; right: .5em; width: 2.9375em } } @-webkit-keyframes swal2-rotate-success-circular-line { 0% { transform: rotate(-45deg) } 5% { transform: rotate(-45deg) } 12% { transform: rotate(-405deg) } 100% { transform: rotate(-405deg) } } @keyframes swal2-rotate-success-circular-line { 0% { transform: rotate(-45deg) } 5% { transform: rotate(-45deg) } 12% { transform: rotate(-405deg) } 100% { transform: rotate(-405deg) } } @-webkit-keyframes swal2-animate-error-x-mark { 0% { margin-top: 1.625em; transform: scale(.4); opacity: 0 } 50% { margin-top: 1.625em; transform: scale(.4); opacity: 0 } 80% { margin-top: -.375em; transform: scale(1.15) } 100% { margin-top: 0; transform: scale(1); opacity: 1 } } @keyframes swal2-animate-error-x-mark { 0% { margin-top: 1.625em; transform: scale(.4); opacity: 0 } 50% { margin-top: 1.625em; transform: scale(.4); opacity: 0 } 80% { margin-top: -.375em; transform: scale(1.15) } 100% { margin-top: 0; transform: scale(1); opacity: 1 } } @-webkit-keyframes swal2-animate-error-icon { 0% { transform: rotateX(100deg); opacity: 0 } 100% { transform: rotateX(0); opacity: 1 } } @keyframes swal2-animate-error-icon { 0% { transform: rotateX(100deg); opacity: 0 } 100% { transform: rotateX(0); opacity: 1 } } @-webkit-keyframes swal2-rotate-loading { 0% { transform: rotate(0) } 100% { transform: rotate(360deg) } } @keyframes swal2-rotate-loading { 0% { transform: rotate(0) } 100% { transform: rotate(360deg) } } body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { overflow: hidden } body.swal2-height-auto { height: auto !important } body.swal2-no-backdrop .swal2-shown { top: auto; right: auto; bottom: auto; left: auto; max-width: calc(100% - .625em * 2); background-color: transparent } body.swal2-no-backdrop .swal2-shown > .swal2-modal { box-shadow: 0 0 10px rgba(0,0,0,.4) } body.swal2-no-backdrop .swal2-shown.swal2-top { top: 0; left: 50%; transform: translateX(-50%) } body.swal2-no-backdrop .swal2-shown.swal2-top-left, body.swal2-no-backdrop .swal2-shown.swal2-top-start { top: 0; left: 0 } body.swal2-no-backdrop .swal2-shown.swal2-top-end, body.swal2-no-backdrop .swal2-shown.swal2-top-right { top: 0; right: 0 } body.swal2-no-backdrop .swal2-shown.swal2-center { top: 50%; left: 50%; transform: translate(-50%,-50%) } body.swal2-no-backdrop .swal2-shown.swal2-center-left, body.swal2-no-backdrop .swal2-shown.swal2-center-start { top: 50%; left: 0; transform: translateY(-50%) } body.swal2-no-backdrop .swal2-shown.swal2-center-end, body.swal2-no-backdrop .swal2-shown.swal2-center-right { top: 50%; right: 0; transform: translateY(-50%) } body.swal2-no-backdrop .swal2-shown.swal2-bottom { bottom: 0; left: 50%; transform: translateX(-50%) } body.swal2-no-backdrop .swal2-shown.swal2-bottom-left, body.swal2-no-backdrop .swal2-shown.swal2-bottom-start { bottom: 0; left: 0 } body.swal2-no-backdrop .swal2-shown.swal2-bottom-end, body.swal2-no-backdrop .swal2-shown.swal2-bottom-right { right: 0; bottom: 0 } @media print { body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { overflow-y: scroll !important } body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden=true] { display: none } body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container { position: static !important } } body.swal2-toast-shown .swal2-container { background-color: transparent } body.swal2-toast-shown .swal2-container.swal2-shown { background-color: transparent } body.swal2-toast-shown .swal2-container.swal2-top { top: 0; right: auto; bottom: auto; left: 50%; transform: translateX(-50%) } body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right { top: 0; right: 0; bottom: auto; left: auto } body.swal2-toast-shown .swal2-container.swal2-top-left, body.swal2-toast-shown .swal2-container.swal2-top-start { top: 0; right: auto; bottom: auto; left: 0 } body.swal2-toast-shown .swal2-container.swal2-center-left, body.swal2-toast-shown .swal2-container.swal2-center-start { top: 50%; right: auto; bottom: auto; left: 0; transform: translateY(-50%) } body.swal2-toast-shown .swal2-container.swal2-center { top: 50%; right: auto; bottom: auto; left: 50%; transform: translate(-50%,-50%) } body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right { top: 50%; right: 0; bottom: auto; left: auto; transform: translateY(-50%) } body.swal2-toast-shown .swal2-container.swal2-bottom-left, body.swal2-toast-shown .swal2-container.swal2-bottom-start { top: auto; right: auto; bottom: 0; left: 0 } body.swal2-toast-shown .swal2-container.swal2-bottom { top: auto; right: auto; bottom: 0; left: 50%; transform: translateX(-50%) } body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right { top: auto; right: 0; bottom: 0; left: auto } body.swal2-toast-column .swal2-toast { flex-direction: column; align-items: stretch } body.swal2-toast-column .swal2-toast .swal2-actions { flex: 1; align-self: stretch; height: 2.2em; margin-top: .3125em } body.swal2-toast-column .swal2-toast .swal2-loading { justify-content: center } body.swal2-toast-column .swal2-toast .swal2-input { height: 2em; margin: .3125em auto; font-size: 1em } body.swal2-toast-column .swal2-toast .swal2-validation-message { font-size: 1em } .toast-title { font-weight: bold; } .toast-message { -ms-word-wrap: break-word; word-wrap: break-word; } .toast-message a, .toast-message label { color: #FFFFFF; } .toast-message a:hover { color: #CCCCCC; text-decoration: none; } .toast-close-button { position: relative; right: -0.3em; top: -0.3em; float: right; font-size: 20px; font-weight: bold; color: #FFFFFF; -webkit-text-shadow: 0 1px 0 #ffffff; text-shadow: 0 1px 0 #ffffff; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); line-height: 1; } .toast-close-button:hover, .toast-close-button:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40); } .rtl .toast-close-button { left: -0.3em; float: left; right: 0.3em; } /*Additional properties for button version iOS requires the button element instead of an anchor tag. If you want the anchor version, it requires `href="#"`.*/ button.toast-close-button { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .toast-top-center { top: 0; right: 0; width: 100%; } .toast-bottom-center { bottom: 0; right: 0; width: 100%; } .toast-top-full-width { top: 0; right: 0; width: 100%; } .toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } .toast-top-left { top: 12px; left: 12px; } .toast-top-right { top: 12px; right: 12px; } .toast-bottom-right { right: 12px; bottom: 12px; } .toast-bottom-left { bottom: 12px; left: 12px; } .toast-container { position: fixed; z-index: 999999; pointer-events: none; /*overrides*/ } .toast-container * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .toast-container > div { position: relative; pointer-events: auto; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; background-position: 15px center; background-repeat: no-repeat; -moz-box-shadow: 0 0 12px #999999; -webkit-box-shadow: 0 0 12px #999999; box-shadow: 0 0 12px #999999; color: #FFFFFF; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); } .toast-container > div.rtl { direction: rtl; padding: 15px 50px 15px 15px; background-position: right 15px center; } .toast-container > div:hover { -moz-box-shadow: 0 0 12px #000000; -webkit-box-shadow: 0 0 12px #000000; box-shadow: 0 0 12px #000000; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); cursor: pointer; } .toast-container > .toast-info { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; } .toast-container > .toast-error { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important; } .toast-container > .toast-success { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important; } .toast-container > .toast-warning { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important; } .toast-container.toast-top-center > div, .toast-container.toast-bottom-center > div { width: 300px; margin-left: auto; margin-right: auto; } .toast-container.toast-top-full-width > div, .toast-container.toast-bottom-full-width > div { width: 96%; margin-left: auto; margin-right: auto; } .toast { background-color: #030303; } .toast-success { background-color: #51A351; } .toast-error { background-color: #BD362F; } .toast-info { background-color: #2F96B4; } .toast-warning { background-color: #F89406; } .toast-progress { position: absolute; left: 0; bottom: 0; height: 4px; background-color: #000000; opacity: 0.4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40); } /*Responsive Design*/ @media all and (max-width: 240px) { .toast-container > div { padding: 8px 8px 8px 50px; width: 11em; } .toast-container > div.rtl { padding: 8px 50px 8px 8px; } .toast-container .toast-close-button { right: -0.2em; top: -0.2em; } .toast-container .rtl .toast-close-button { left: -0.2em; right: 0.2em; } } @media all and (min-width: 241px) and (max-width: 480px) { .toast-container > div { padding: 8px 8px 8px 50px; width: 18em; } .toast-container > div.rtl { padding: 8px 50px 8px 8px; } .toast-container .toast-close-button { right: -0.2em; top: -0.2em; } .toast-container .rtl .toast-close-button { left: -0.2em; right: 0.2em; } } @media all and (min-width: 481px) and (max-width: 768px) { .toast-container > div { padding: 15px 15px 15px 50px; width: 25em; } .toast-container > div.rtl { padding: 15px 50px 15px 15px; } } /* CASO OS INTENS DO SELECT2 APARE�AM ATR�S DE UMA TELA MODAL ALTERAR O z-index DAS CLASS CSS: select2-dropdown, select2-close-mask */ .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { position: relative; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { float: left; } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 3051; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 6px; user-select: none; -webkit-user-select: none; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 2099; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; } .select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none; } .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option[role=group] { padding: 0; } .select2-container--default .select2-results__option[aria-disabled=true] { color: #999; } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%); background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%); background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%); background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%); background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; margin-left: 5px; margin-right: auto; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none; } .select2-container--classic .select2-dropdown { background-color: white; border: 1px solid transparent; } .select2-container--classic .select2-dropdown--above { border-bottom: none; } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--classic .select2-results__option[role=group] { padding: 0; } .select2-container--classic .select2-results__option[aria-disabled=true] { color: grey; } .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: white; } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; } /*! * Bootstrap v3.3.4 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { margin: .67em 0; font-size: 2em; } mark { color: #000; background: #ff0; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { padding: .35em .625em .75em; margin: 0 2px; border: 1px solid #c0c0c0; } legend { padding: 0; border: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-spacing: 0; border-collapse: collapse; } td, th { padding: 0; } /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ @media print { *, *:before, *:after { color: #000 !important; text-shadow: none !important; background: transparent !important; -webkit-box-shadow: none !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } select { background: #fff !important; } .navbar { display: none; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } @font-face { font-family: 'Glyphicons Halflings'; src: url('../fonts/glyphicons-halflings-regular.eot'); src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-asterisk:before { content: "\2a"; } .glyphicon-plus:before { content: "\2b"; } .glyphicon-euro:before, .glyphicon-eur:before { content: "\20ac"; } .glyphicon-minus:before { content: "\2212"; } .glyphicon-cloud:before { content: "\2601"; } .glyphicon-envelope:before { content: "\2709"; } .glyphicon-pencil:before { content: "\270f"; } .glyphicon-glass:before { content: "\e001"; } .glyphicon-music:before { content: "\e002"; } .glyphicon-search:before { content: "\e003"; } .glyphicon-heart:before { content: "\e005"; } .glyphicon-star:before { content: "\e006"; } .glyphicon-star-empty:before { content: "\e007"; } .glyphicon-user:before { content: "\e008"; } .glyphicon-film:before { content: "\e009"; } .glyphicon-th-large:before { content: "\e010"; } .glyphicon-th:before { content: "\e011"; } .glyphicon-th-list:before { content: "\e012"; } .glyphicon-ok:before { content: "\e013"; } .glyphicon-remove:before { content: "\e014"; } .glyphicon-zoom-in:before { content: "\e015"; } .glyphicon-zoom-out:before { content: "\e016"; } .glyphicon-off:before { content: "\e017"; } .glyphicon-signal:before { content: "\e018"; } .glyphicon-cog:before { content: "\e019"; } .glyphicon-trash:before { content: "\e020"; } .glyphicon-home:before { content: "\e021"; } .glyphicon-file:before { content: "\e022"; } .glyphicon-time:before { content: "\e023"; } .glyphicon-road:before { content: "\e024"; } .glyphicon-download-alt:before { content: "\e025"; } .glyphicon-download:before { content: "\e026"; } .glyphicon-upload:before { content: "\e027"; } .glyphicon-inbox:before { content: "\e028"; } .glyphicon-play-circle:before { content: "\e029"; } .glyphicon-repeat:before { content: "\e030"; } .glyphicon-refresh:before { content: "\e031"; } .glyphicon-list-alt:before { content: "\e032"; } .glyphicon-lock:before { content: "\e033"; } .glyphicon-flag:before { content: "\e034"; } .glyphicon-headphones:before { content: "\e035"; } .glyphicon-volume-off:before { content: "\e036"; } .glyphicon-volume-down:before { content: "\e037"; } .glyphicon-volume-up:before { content: "\e038"; } .glyphicon-qrcode:before { content: "\e039"; } .glyphicon-barcode:before { content: "\e040"; } .glyphicon-tag:before { content: "\e041"; } .glyphicon-tags:before { content: "\e042"; } .glyphicon-book:before { content: "\e043"; } .glyphicon-bookmark:before { content: "\e044"; } .glyphicon-print:before { content: "\e045"; } .glyphicon-camera:before { content: "\e046"; } .glyphicon-font:before { content: "\e047"; } .glyphicon-bold:before { content: "\e048"; } .glyphicon-italic:before { content: "\e049"; } .glyphicon-text-height:before { content: "\e050"; } .glyphicon-text-width:before { content: "\e051"; } .glyphicon-align-left:before { content: "\e052"; } .glyphicon-align-center:before { content: "\e053"; } .glyphicon-align-right:before { content: "\e054"; } .glyphicon-align-justify:before { content: "\e055"; } .glyphicon-list:before { content: "\e056"; } .glyphicon-indent-left:before { content: "\e057"; } .glyphicon-indent-right:before { content: "\e058"; } .glyphicon-facetime-video:before { content: "\e059"; } .glyphicon-picture:before { content: "\e060"; } .glyphicon-map-marker:before { content: "\e062"; } .glyphicon-adjust:before { content: "\e063"; } .glyphicon-tint:before { content: "\e064"; } .glyphicon-edit:before { content: "\e065"; } .glyphicon-share:before { content: "\e066"; } .glyphicon-check:before { content: "\e067"; } .glyphicon-move:before { content: "\e068"; } .glyphicon-step-backward:before { content: "\e069"; } .glyphicon-fast-backward:before { content: "\e070"; } .glyphicon-backward:before { content: "\e071"; } .glyphicon-play:before { content: "\e072"; } .glyphicon-pause:before { content: "\e073"; } .glyphicon-stop:before { content: "\e074"; } .glyphicon-forward:before { content: "\e075"; } .glyphicon-fast-forward:before { content: "\e076"; } .glyphicon-step-forward:before { content: "\e077"; } .glyphicon-eject:before { content: "\e078"; } .glyphicon-chevron-left:before { content: "\e079"; } .glyphicon-chevron-right:before { content: "\e080"; } .glyphicon-plus-sign:before { content: "\e081"; } .glyphicon-minus-sign:before { content: "\e082"; } .glyphicon-remove-sign:before { content: "\e083"; } .glyphicon-ok-sign:before { content: "\e084"; } .glyphicon-question-sign:before { content: "\e085"; } .glyphicon-info-sign:before { content: "\e086"; } .glyphicon-screenshot:before { content: "\e087"; } .glyphicon-remove-circle:before { content: "\e088"; } .glyphicon-ok-circle:before { content: "\e089"; } .glyphicon-ban-circle:before { content: "\e090"; } .glyphicon-arrow-left:before { content: "\e091"; } .glyphicon-arrow-right:before { content: "\e092"; } .glyphicon-arrow-up:before { content: "\e093"; } .glyphicon-arrow-down:before { content: "\e094"; } .glyphicon-share-alt:before { content: "\e095"; } .glyphicon-resize-full:before { content: "\e096"; } .glyphicon-resize-small:before { content: "\e097"; } .glyphicon-exclamation-sign:before { content: "\e101"; } .glyphicon-gift:before { content: "\e102"; } .glyphicon-leaf:before { content: "\e103"; } .glyphicon-fire:before { content: "\e104"; } .glyphicon-eye-open:before { content: "\e105"; } .glyphicon-eye-close:before { content: "\e106"; } .glyphicon-warning-sign:before { content: "\e107"; } .glyphicon-plane:before { content: "\e108"; } .glyphicon-calendar:before { content: "\e109"; } .glyphicon-random:before { content: "\e110"; } .glyphicon-comment:before { content: "\e111"; } .glyphicon-magnet:before { content: "\e112"; } .glyphicon-chevron-up:before { content: "\e113"; } .glyphicon-chevron-down:before { content: "\e114"; } .glyphicon-retweet:before { content: "\e115"; } .glyphicon-shopping-cart:before { content: "\e116"; } .glyphicon-folder-close:before { content: "\e117"; } .glyphicon-folder-open:before { content: "\e118"; } .glyphicon-resize-vertical:before { content: "\e119"; } .glyphicon-resize-horizontal:before { content: "\e120"; } .glyphicon-hdd:before { content: "\e121"; } .glyphicon-bullhorn:before { content: "\e122"; } .glyphicon-bell:before { content: "\e123"; } .glyphicon-certificate:before { content: "\e124"; } .glyphicon-thumbs-up:before { content: "\e125"; } .glyphicon-thumbs-down:before { content: "\e126"; } .glyphicon-hand-right:before { content: "\e127"; } .glyphicon-hand-left:before { content: "\e128"; } .glyphicon-hand-up:before { content: "\e129"; } .glyphicon-hand-down:before { content: "\e130"; } .glyphicon-circle-arrow-right:before { content: "\e131"; } .glyphicon-circle-arrow-left:before { content: "\e132"; } .glyphicon-circle-arrow-up:before { content: "\e133"; } .glyphicon-circle-arrow-down:before { content: "\e134"; } .glyphicon-globe:before { content: "\e135"; } .glyphicon-wrench:before { content: "\e136"; } .glyphicon-tasks:before { content: "\e137"; } .glyphicon-filter:before { content: "\e138"; } .glyphicon-briefcase:before { content: "\e139"; } .glyphicon-fullscreen:before { content: "\e140"; } .glyphicon-dashboard:before { content: "\e141"; } .glyphicon-paperclip:before { content: "\e142"; } .glyphicon-heart-empty:before { content: "\e143"; } .glyphicon-link:before { content: "\e144"; } .glyphicon-phone:before { content: "\e145"; } .glyphicon-pushpin:before { content: "\e146"; } .glyphicon-usd:before { content: "\e148"; } .glyphicon-gbp:before { content: "\e149"; } .glyphicon-sort:before { content: "\e150"; } .glyphicon-sort-by-alphabet:before { content: "\e151"; } .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } .glyphicon-sort-by-order:before { content: "\e153"; } .glyphicon-sort-by-order-alt:before { content: "\e154"; } .glyphicon-sort-by-attributes:before { content: "\e155"; } .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } .glyphicon-unchecked:before { content: "\e157"; } .glyphicon-expand:before { content: "\e158"; } .glyphicon-collapse-down:before { content: "\e159"; } .glyphicon-collapse-up:before { content: "\e160"; } .glyphicon-log-in:before { content: "\e161"; } .glyphicon-flash:before { content: "\e162"; } .glyphicon-log-out:before { content: "\e163"; } .glyphicon-new-window:before { content: "\e164"; } .glyphicon-record:before { content: "\e165"; } .glyphicon-save:before { content: "\e166"; } .glyphicon-open:before { content: "\e167"; } .glyphicon-saved:before { content: "\e168"; } .glyphicon-import:before { content: "\e169"; } .glyphicon-export:before { content: "\e170"; } .glyphicon-send:before { content: "\e171"; } .glyphicon-floppy-disk:before { content: "\e172"; } .glyphicon-floppy-saved:before { content: "\e173"; } .glyphicon-floppy-remove:before { content: "\e174"; } .glyphicon-floppy-save:before { content: "\e175"; } .glyphicon-floppy-open:before { content: "\e176"; } .glyphicon-credit-card:before { content: "\e177"; } .glyphicon-transfer:before { content: "\e178"; } .glyphicon-cutlery:before { content: "\e179"; } .glyphicon-header:before { content: "\e180"; } .glyphicon-compressed:before { content: "\e181"; } .glyphicon-earphone:before { content: "\e182"; } .glyphicon-phone-alt:before { content: "\e183"; } .glyphicon-tower:before { content: "\e184"; } .glyphicon-stats:before { content: "\e185"; } .glyphicon-sd-video:before { content: "\e186"; } .glyphicon-hd-video:before { content: "\e187"; } .glyphicon-subtitles:before { content: "\e188"; } .glyphicon-sound-stereo:before { content: "\e189"; } .glyphicon-sound-dolby:before { content: "\e190"; } .glyphicon-sound-5-1:before { content: "\e191"; } .glyphicon-sound-6-1:before { content: "\e192"; } .glyphicon-sound-7-1:before { content: "\e193"; } .glyphicon-copyright-mark:before { content: "\e194"; } .glyphicon-registration-mark:before { content: "\e195"; } .glyphicon-cloud-download:before { content: "\e197"; } .glyphicon-cloud-upload:before { content: "\e198"; } .glyphicon-tree-conifer:before { content: "\e199"; } .glyphicon-tree-deciduous:before { content: "\e200"; } .glyphicon-cd:before { content: "\e201"; } .glyphicon-save-file:before { content: "\e202"; } .glyphicon-open-file:before { content: "\e203"; } .glyphicon-level-up:before { content: "\e204"; } .glyphicon-copy:before { content: "\e205"; } .glyphicon-paste:before { content: "\e206"; } .glyphicon-alert:before { content: "\e209"; } .glyphicon-equalizer:before { content: "\e210"; } .glyphicon-king:before { content: "\e211"; } .glyphicon-queen:before { content: "\e212"; } .glyphicon-pawn:before { content: "\e213"; } .glyphicon-bishop:before { content: "\e214"; } .glyphicon-knight:before { content: "\e215"; } .glyphicon-baby-formula:before { content: "\e216"; } .glyphicon-tent:before { content: "\26fa"; } .glyphicon-blackboard:before { content: "\e218"; } .glyphicon-bed:before { content: "\e219"; } .glyphicon-apple:before { content: "\f8ff"; } .glyphicon-erase:before { content: "\e221"; } .glyphicon-hourglass:before { content: "\231b"; } .glyphicon-lamp:before { content: "\e223"; } .glyphicon-duplicate:before { content: "\e224"; } .glyphicon-piggy-bank:before { content: "\e225"; } .glyphicon-scissors:before { content: "\e226"; } .glyphicon-bitcoin:before { content: "\e227"; } .glyphicon-btc:before { content: "\e227"; } .glyphicon-xbt:before { content: "\e227"; } .glyphicon-yen:before { content: "\00a5"; } .glyphicon-jpy:before { content: "\00a5"; } .glyphicon-ruble:before { content: "\20bd"; } .glyphicon-rub:before { content: "\20bd"; } .glyphicon-scale:before { content: "\e230"; } .glyphicon-ice-lolly:before { content: "\e231"; } .glyphicon-ice-lolly-tasted:before { content: "\e232"; } .glyphicon-education:before { content: "\e233"; } .glyphicon-option-horizontal:before { content: "\e234"; } .glyphicon-option-vertical:before { content: "\e235"; } .glyphicon-menu-hamburger:before { content: "\e236"; } .glyphicon-modal-window:before { content: "\e237"; } .glyphicon-oil:before { content: "\e238"; } .glyphicon-grain:before { content: "\e239"; } .glyphicon-sunglasses:before { content: "\e240"; } .glyphicon-text-size:before { content: "\e241"; } .glyphicon-text-color:before { content: "\e242"; } .glyphicon-text-background:before { content: "\e243"; } .glyphicon-object-align-top:before { content: "\e244"; } .glyphicon-object-align-bottom:before { content: "\e245"; } .glyphicon-object-align-horizontal:before { content: "\e246"; } .glyphicon-object-align-left:before { content: "\e247"; } .glyphicon-object-align-vertical:before { content: "\e248"; } .glyphicon-object-align-right:before { content: "\e249"; } .glyphicon-triangle-right:before { content: "\e250"; } .glyphicon-triangle-left:before { content: "\e251"; } .glyphicon-triangle-bottom:before { content: "\e252"; } .glyphicon-triangle-top:before { content: "\e253"; } .glyphicon-console:before { content: "\e254"; } .glyphicon-superscript:before { content: "\e255"; } .glyphicon-subscript:before { content: "\e256"; } .glyphicon-menu-left:before { content: "\e257"; } .glyphicon-menu-right:before { content: "\e258"; } .glyphicon-menu-down:before { content: "\e259"; } .glyphicon-menu-up:before { content: "\e260"; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; background-color: #fff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #337ab7; text-decoration: none; } a:hover, a:focus { color: #23527c; text-decoration: underline; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { display: inline-block; max-width: 100%; height: auto; padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [role="button"] { cursor: pointer; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { font-weight: normal; line-height: 1; color: #777; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 10px; } h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small { font-size: 65%; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; margin-bottom: 10px; } h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small { font-size: 75%; } h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 12px; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; } @media (min-width: 768px) { .lead { font-size: 21px; } } small, .small { font-size: 85%; } mark, .mark { padding: .2em; background-color: #fcf8e3; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #777; } .text-primary { color: #337ab7; } a.text-primary:hover { color: #286090; } .text-success { color: #3c763d; } a.text-success:hover { color: #2b542c; } .text-info { color: #31708f; } a.text-info:hover { color: #245269; } .text-warning { color: #8a6d3b; } a.text-warning:hover { color: #66512c; } .text-danger { color: #a94442; } a.text-danger:hover { color: #843534; } .bg-primary { color: #fff; background-color: #337ab7; } a.bg-primary:hover { background-color: #286090; } .bg-success { background-color: #dff0d8; } a.bg-success:hover { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:hover { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:hover { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:hover { background-color: #e4b9b9; } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eee; } ul, ol { margin-top: 0; margin-bottom: 10px; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; margin-left: -5px; list-style: none; } .list-inline > li { display: inline-block; padding-right: 5px; padding-left: 5px; } dl { margin-top: 0; margin-bottom: 20px; } dt, dd { line-height: 1.42857143; } dt { font-weight: bold; } dd { margin-left: 0; } @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #777; } .initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eee; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.42857143; color: #777; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0'; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; text-align: right; border-right: 5px solid #eee; border-left: 0; } .blockquote-reverse footer:before, blockquote.pull-right footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before { content: ''; } .blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after { content: '\00A0 \2014'; } address { margin-bottom: 20px; font-style: normal; line-height: 1.42857143; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; } kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 3px; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); } kbd kbd { padding: 0; font-size: 100%; font-weight: bold; -webkit-box-shadow: none; box-shadow: none; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; color: #333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { margin-right: -15px; margin-left: -15px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0; } } table { background-color: transparent; } caption { padding-top: 8px; padding-bottom: 8px; color: #777; text-align: left; } th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-hover > tbody > tr:hover { background-color: #f5f5f5; } table col[class*="col-"] { position: static; display: table-column; float: none; } table td[class*="col-"], table th[class*="col-"] { position: static; display: table-cell; float: none; } .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } .table-responsive { min-height: .01%; overflow-x: auto; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857143; color: #555; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eee; opacity: 1; } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; } textarea.form-control { height: auto; } input[type="search"] { -webkit-appearance: none; } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { line-height: 34px; } input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm, .input-group-sm input[type="date"], .input-group-sm input[type="time"], .input-group-sm input[type="datetime-local"], .input-group-sm input[type="month"] { line-height: 30px; } input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg, .input-group-lg input[type="date"], .input-group-lg input[type="time"], .input-group-lg input[type="datetime-local"], .input-group-lg input[type="month"] { line-height: 46px; } } .form-group { margin-bottom: 15px; } .radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .radio label, .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-top: 4px \9; margin-left: -20px; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight: normal; vertical-align: middle; cursor: pointer; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; } .radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label { cursor: not-allowed; } .form-control-static { min-height: 34px; padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; } .form-control-static.input-lg, .form-control-static.input-sm { padding-right: 0; padding-left: 0; } .input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-sm { height: 30px; line-height: 30px; } textarea.input-sm, select[multiple].input-sm { height: auto; } .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.form-group-sm .form-control { height: 30px; line-height: 30px; } textarea.form-group-sm .form-control, select[multiple].form-group-sm .form-control { height: auto; } .form-group-sm .form-control-static { height: 30px; min-height: 32px; padding: 5px 10px; font-size: 12px; line-height: 1.5; } .input-lg { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } select.input-lg { height: 46px; line-height: 46px; } textarea.input-lg, select[multiple].input-lg { height: auto; } .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } select.form-group-lg .form-control { height: 46px; line-height: 46px; } textarea.form-group-lg .form-control, select[multiple].form-group-lg .form-control { height: auto; } .form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 42.5px; } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none; } .input-lg + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; } .input-sm + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #3c763d; } .has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); } .has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; } .has-success .input-group-addon { color: #3c763d; background-color: #dff0d8; border-color: #3c763d; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #8a6d3b; } .has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); } .has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b; } .has-warning .input-group-addon { color: #8a6d3b; background-color: #fcf8e3; border-color: #8a6d3b; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #a94442; } .has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); } .has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; } .has-error .input-group-addon { color: #a94442; background-color: #f2dede; border-color: #a94442; } .has-error .form-control-feedback { color: #a94442; } .has-feedback label ~ .form-control-feedback { top: 25px; } .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { padding-top: 7px; margin-top: 0; margin-bottom: 0; } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 27px; } .form-horizontal .form-group { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .form-horizontal .control-label { padding-top: 7px; margin-bottom: 0; text-align: right; } } .form-horizontal .has-feedback .form-control-feedback { right: 15px; } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 14.333333px; } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; } } .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus, .btn.focus { color: #333; text-decoration: none; } .btn:active, .btn.active { background-image: none; outline: 0; -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 { pointer-events: none; cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #333; background-color: #e6e6e6; 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.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: #337ab7; border-color: #2e6da4; } .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #fff; background-color: #286090; border-color: #204d74; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: #337ab7; border-color: #2e6da4; } .btn-primary .badge { color: #337ab7; background-color: #fff; } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { color: #fff; background-color: #449d44; border-color: #398439; } .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.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: #5cb85c; border-color: #4cae4c; } .btn-success .badge { color: #5cb85c; background-color: #fff; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { color: #fff; background-color: #31b0d5; 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.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.focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { color: #fff; background-color: #ec971f; 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.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.focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { color: #fff; background-color: #c9302c; 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.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 { font-weight: normal; color: #337ab7; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #23527c; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: #777; text-decoration: none; } .btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } .btn-sm, .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-xs, .btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .35s; -o-transition-duration: .35s; transition-duration: .35s; -webkit-transition-property: height, visibility; -o-transition-property: height, visibility; transition-property: height, visibility; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropup, .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; 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); } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #262626; text-decoration: none; background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; background-color: #337ab7; outline: 0; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #777; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { right: 0; left: auto; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #777; white-space: nowrap; } .dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { content: ""; border-top: 0; border-bottom: 4px solid; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { right: 0; left: auto; } .navbar-right .dropdown-menu-left { right: auto; left: 0; } } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -5px; } .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-right: 8px; padding-left: 8px; } .btn-group > .btn-lg + .dropdown-toggle { padding-right: 12px; padding-left: 12px; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; } .btn .caret { margin-left: 0; } .btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .dropup .btn-lg .caret { border-width: 0 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 4px; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { display: table-cell; float: none; width: 1%; } .btn-group-justified > .btn-group .btn { width: 100%; } .btn-group-justified > .btn-group .dropdown-menu { left: auto; } [data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group[class*="col-"] { float: none; padding-right: 0; padding-left: 0; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn { height: 46px; line-height: 46px; } textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn, select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn { height: auto; } .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn { height: 30px; line-height: 30px; } textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn, select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn { height: auto; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 4px; } .input-group-addon.input-sm { padding: 5px 10px; font-size: 12px; border-radius: 3px; } .input-group-addon.input-lg { padding: 10px 16px; font-size: 18px; border-radius: 6px; } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 2; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { margin-left: -1px; } .nav { padding-left: 0; margin-bottom: 0; list-style: none; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eee; } .nav > li.disabled > a { color: #777; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #777; text-decoration: none; cursor: not-allowed; background-color: transparent; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eee; border-color: #337ab7; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover { border-color: #eee #eee #ddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555; cursor: default; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; } .nav-tabs.nav-justified { width: 100%; border-bottom: 0; } .nav-tabs.nav-justified > li { float: none; } .nav-tabs.nav-justified > li > a { margin-bottom: 5px; text-align: center; } .nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #fff; } } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 4px; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #fff; background-color: #337ab7; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified { width: 100%; } .nav-justified > li { float: none; } .nav-justified > li > a { margin-bottom: 5px; text-align: center; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified { border-bottom: 0; } .nav-tabs-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border-bottom-color: #fff; } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; } @media (min-width: 768px) { .navbar { border-radius: 4px; } } @media (min-width: 768px) { .navbar-header { float: left; } } .navbar-collapse { padding-right: 15px; padding-left: 15px; overflow-x: visible; -webkit-overflow-scrolling: touch; border-top: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-right: 0; padding-left: 0; } } .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 340px; } @media (max-device-width: 480px) and (orientation: landscape) { .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 200px; } } .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: 0; margin-left: 0; } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-width: 768px) { .navbar-static-top { border-radius: 0; } } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; } @media (min-width: 768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .navbar-brand { float: left; height: 50px; padding: 15px 15px; font-size: 18px; line-height: 20px; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-brand > img { display: block; } @media (min-width: 768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; } } .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .navbar-toggle:focus { outline: 0; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 768px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 7.5px -15px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 768px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } } .navbar-form { padding: 10px 15px; margin-top: 8px; margin-right: -15px; margin-bottom: 8px; margin-left: -15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); } @media (min-width: 768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; } .navbar-form .form-control-static { display: inline-block; } .navbar-form .input-group { display: inline-table; vertical-align: middle; } .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control { width: auto; } .navbar-form .input-group > .form-control { width: 100%; } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; } .navbar-form .radio, .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .navbar-form .radio label, .navbar-form .checkbox label { padding-left: 0; } .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .navbar-form .has-feedback .form-control-feedback { top: 0; } } @media (max-width: 767px) { .navbar-form .form-group { margin-bottom: 5px; } .navbar-form .form-group:last-child { margin-bottom: 0; } } @media (min-width: 768px) { .navbar-form { width: auto; padding-top: 0; padding-bottom: 0; margin-right: 0; margin-left: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; } } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { margin-bottom: 0; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navbar-btn { margin-top: 8px; margin-bottom: 8px; } .navbar-btn.btn-sm { margin-top: 10px; margin-bottom: 10px; } .navbar-btn.btn-xs { margin-top: 14px; margin-bottom: 14px; } .navbar-text { margin-top: 15px; margin-bottom: 15px; } @media (min-width: 768px) { .navbar-text { float: left; margin-right: 15px; margin-left: 15px; } } @media (min-width: 768px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; margin-right: -15px; } .navbar-right ~ .navbar-right { margin-right: 0; } } .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; } .navbar-default .navbar-brand { color: #777; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #5e5e5e; background-color: transparent; } .navbar-default .navbar-text { color: #777; } .navbar-default .navbar-nav > li > a { color: #777; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #ccc; background-color: transparent; } .navbar-default .navbar-toggle { border-color: #ddd; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #888; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #555; background-color: #e7e7e7; } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #ccc; background-color: transparent; } } .navbar-default .navbar-link { color: #777; } .navbar-default .navbar-link:hover { color: #333; } .navbar-default .btn-link { color: #777; } .navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: #333; } .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus { color: #ccc; } .navbar-inverse { background-color: #222; border-color: #080808; } .navbar-inverse .navbar-brand { color: #9d9d9d; } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-text { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: #444; background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: #333; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #333; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { color: #fff; background-color: #080808; } @media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #444; background-color: transparent; } } .navbar-inverse .navbar-link { color: #9d9d9d; } .navbar-inverse .navbar-link:hover { color: #fff; } .navbar-inverse .btn-link { color: #9d9d9d; } .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus { color: #fff; } .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:focus { color: #444; } .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li:before { padding: 0 5px; color: #ccc; content: "/\00a0"; } .breadcrumb > .active { color: #777; } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #23527c; background-color: #eee; border-color: #ddd; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; } .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #eee; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #777; cursor: not-allowed; background-color: #fff; } .label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; } a.label:hover, a.label:focus { color: #fff; text-decoration: none; cursor: pointer; } .label:empty { display: none; } .btn .label { position: relative; top: -1px; } .label-default { background-color: #777; } .label-default[href]:hover, .label-default[href]:focus { background-color: #5e5e5e; } .label-primary { background-color: #337ab7; } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #286090; } .label-success { background-color: #5cb85c; } .label-success[href]:hover, .label-success[href]:focus { background-color: #449d44; } .label-info { background-color: #5bc0de; } .label-info[href]:hover, .label-info[href]:focus { background-color: #31b0d5; } .label-warning { background-color: #f0ad4e; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #ec971f; } .label-danger { background-color: #d9534f; } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #c9302c; } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; background-color: #777; border-radius: 10px; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .btn-xs .badge, .btn-group-xs > .btn .badge { top: 0; padding: 1px 5px; } a.badge:hover, a.badge:focus { color: #fff; text-decoration: none; cursor: pointer; } .list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #337ab7; background-color: #fff; } .list-group-item > .badge { float: right; } .list-group-item > .badge + .badge { margin-right: 5px; } .nav-pills > li > a > .badge { margin-left: 3px; } .jumbotron { padding: 30px 15px; margin-bottom: 30px; color: inherit; background-color: #eee; } .jumbotron h1, .jumbotron .h1 { color: inherit; } .jumbotron p { margin-bottom: 15px; font-size: 21px; font-weight: 200; } .jumbotron > hr { border-top-color: #d5d5d5; } .container .jumbotron, .container-fluid .jumbotron { border-radius: 6px; } .jumbotron .container { max-width: 100%; } @media screen and (min-width: 768px) { .jumbotron { padding: 48px 0; } .container .jumbotron, .container-fluid .jumbotron { padding-right: 60px; padding-left: 60px; } .jumbotron h1, .jumbotron .h1 { font-size: 63px; } } .thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out; } .thumbnail > img, .thumbnail a > img { margin-right: auto; margin-left: auto; } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #337ab7; } .thumbnail .caption { padding: 9px; color: #333; } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #245269; } .alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #843534; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); } .progress-bar { float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #337ab7; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease; } .progress-striped .progress-bar, .progress-bar-striped { background-image: -webkit-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-image: -o-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-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); -webkit-background-size: 40px 40px; background-size: 40px 40px; } .progress.active .progress-bar, .progress-bar.active { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-bar-success { background-color: #5cb85c; } .progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-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-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); } .progress-bar-info { background-color: #5bc0de; } .progress-striped .progress-bar-info { background-image: -webkit-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-image: -o-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-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); } .progress-bar-warning { background-color: #f0ad4e; } .progress-striped .progress-bar-warning { background-image: -webkit-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-image: -o-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-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); } .progress-bar-danger { background-color: #d9534f; } .progress-striped .progress-bar-danger { background-image: -webkit-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-image: -o-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-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); } .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media, .media-body { overflow: hidden; zoom: 1; } .media-body { width: 10000px; } .media-object { display: block; } .media-right, .media > .pull-right { padding-left: 10px; } .media-left, .media > .pull-left { padding-right: 10px; } .media-left, .media-right, .media-body { display: table-cell; vertical-align: top; } .media-middle { vertical-align: middle; } .media-bottom { vertical-align: bottom; } .media-heading { margin-top: 0; margin-bottom: 5px; } .media-list { padding-left: 0; list-style: none; } .list-group { padding-left: 0; margin-bottom: 20px; } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; } .list-group-item:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } a.list-group-item { color: #555; } a.list-group-item .list-group-item-heading { color: #333; } a.list-group-item:hover, a.list-group-item:focus { color: #555; text-decoration: none; background-color: #f5f5f5; } .list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus { color: #777; cursor: not-allowed; background-color: #eee; } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading { color: inherit; } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text { color: #777; } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { z-index: 2; color: #fff; background-color: #337ab7; border-color: #337ab7; } .list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > .small { color: inherit; } .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { color: #c7ddef; } .list-group-item-success { color: #3c763d; background-color: #dff0d8; } a.list-group-item-success { color: #3c763d; } a.list-group-item-success .list-group-item-heading { color: inherit; } a.list-group-item-success:hover, a.list-group-item-success:focus { color: #3c763d; background-color: #d0e9c6; } a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus { color: #fff; background-color: #3c763d; border-color: #3c763d; } .list-group-item-info { color: #31708f; background-color: #d9edf7; } a.list-group-item-info { color: #31708f; } a.list-group-item-info .list-group-item-heading { color: inherit; } a.list-group-item-info:hover, a.list-group-item-info:focus { color: #31708f; background-color: #c4e3f3; } a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus { color: #fff; background-color: #31708f; border-color: #31708f; } .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3; } a.list-group-item-warning { color: #8a6d3b; } a.list-group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-warning:hover, a.list-group-item-warning:focus { color: #8a6d3b; background-color: #faf2cc; } a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b; } .list-group-item-danger { color: #a94442; background-color: #f2dede; } a.list-group-item-danger { color: #a94442; } a.list-group-item-danger .list-group-item-heading { color: inherit; } a.list-group-item-danger:hover, a.list-group-item-danger:focus { color: #a94442; background-color: #ebcccc; } a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus { color: #fff; background-color: #a94442; border-color: #a94442; } .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0; line-height: 1.3; } .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 0 1px 1px rgba(0, 0, 0, .05); } .panel-body { padding: 15px; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; } .panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a { color: inherit; } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .list-group, .panel > .panel-collapse > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; } .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .list-group + .panel-footer { border-top-width: 0; } .panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table { margin-bottom: 0; } .panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption { padding-right: 15px; padding-left: 15px; } .panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-left-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-right-radius: 3px; } .panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 3px; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body { border-top: 1px solid #ddd; } .panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td { border-top: 0; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } .panel > .table-responsive { margin-bottom: 0; border: 0; } .panel-group { margin-bottom: 20px; } .panel-group .panel { margin-bottom: 0; border-radius: 4px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group { border-top: 1px solid #ddd; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #ddd; } .panel-default { border-color: #ddd; } .panel-default > .panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ddd; } .panel-default > .panel-heading .badge { color: #f5f5f5; background-color: #333; } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddd; } .panel-primary { border-color: #337ab7; } .panel-primary > .panel-heading { color: #fff; background-color: #337ab7; border-color: #337ab7; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #337ab7; } .panel-primary > .panel-heading .badge { color: #337ab7; background-color: #fff; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #337ab7; } .panel-success { border-color: #d6e9c6; } .panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d6e9c6; } .panel-success > .panel-heading .badge { color: #dff0d8; background-color: #3c763d; } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #d6e9c6; } .panel-info { border-color: #bce8f1; } .panel-info > .panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #bce8f1; } .panel-info > .panel-heading .badge { color: #d9edf7; background-color: #31708f; } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #bce8f1; } .panel-warning { border-color: #faebcc; } .panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #faebcc; } .panel-warning > .panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b; } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #faebcc; } .panel-danger { border-color: #ebccd1; } .panel-danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ebccd1; } .panel-danger > .panel-heading .badge { color: #f2dede; background-color: #a94442; } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ebccd1; } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive-4by3 { padding-bottom: 75%; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, .15); } .well-lg { padding: 24px; border-radius: 6px; } .well-sm { padding: 9px; border-radius: 3px; } .close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: .5; } button.close { -webkit-appearance: none; padding: 0; cursor: pointer; background: transparent; border: 0; } .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5); } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0; } .modal-backdrop.in { filter: alpha(opacity=50); opacity: .5; } .modal-header { min-height: 16.42857143px; padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.42857143; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); box-shadow: 0 5px 15px rgba(0, 0, 0, .5); } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } .tooltip { position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 1.4; filter: alpha(opacity=0); opacity: 0; } .tooltip.in { filter: alpha(opacity=90); opacity: .9; } .tooltip.top { padding: 5px 0; margin-top: -3px; } .tooltip.right { padding: 0 5px; margin-left: 3px; } .tooltip.bottom { padding: 5px 0; margin-top: 3px; } .tooltip.left { padding: 0 5px; margin-left: -3px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-left .tooltip-arrow { right: 5px; bottom: 0; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: left; white-space: normal; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); box-shadow: 0 5px 10px rgba(0, 0, 0, .2); } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { padding: 8px 14px; margin: 0; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } .popover-content { padding: 9px 14px; } .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover > .arrow { border-width: 11px; } .popover > .arrow:after { content: ""; border-width: 10px; } .popover.top > .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999; border-top-color: rgba(0, 0, 0, .25); border-bottom-width: 0; } .popover.top > .arrow:after { bottom: 1px; margin-left: -10px; content: " "; border-top-color: #fff; border-bottom-width: 0; } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999; border-right-color: rgba(0, 0, 0, .25); border-left-width: 0; } .popover.right > .arrow:after { bottom: -10px; left: 1px; content: " "; border-right-color: #fff; border-left-width: 0; } .popover.bottom > .arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, .25); } .popover.bottom > .arrow:after { top: 1px; margin-left: -10px; content: " "; border-top-width: 0; border-bottom-color: #fff; } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, .25); } .popover.left > .arrow:after { right: 1px; bottom: -10px; content: " "; border-right-width: 0; border-left-color: #fff; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner > .item { position: relative; display: none; -webkit-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .item { -webkit-transition: -webkit-transform .6s ease-in-out; -o-transition: -o-transform .6s ease-in-out; transition: transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; perspective: 1000; } .carousel-inner > .item.next, .carousel-inner > .item.active.right { left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .carousel-inner > .item.prev, .carousel-inner > .item.active.left { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); filter: alpha(opacity=50); opacity: .5; } .carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001))); background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); background-repeat: repeat-x; } .carousel-control.right { right: 0; left: auto; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5))); background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); background-repeat: repeat-x; } .carousel-control:hover, .carousel-control:focus { color: #fff; text-decoration: none; filter: alpha(opacity=90); outline: 0; opacity: .9; } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; margin-top: -10px; font-family: serif; line-height: 1; } .carousel-control .icon-prev:before { content: '\2039'; } .carousel-control .icon-next:before { content: '\203a'; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); border: 1px solid #fff; border-radius: 10px; } .carousel-indicators .active { width: 12px; height: 12px; margin: 0; 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; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -15px; font-size: 30px; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -15px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -15px; } .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after { display: table; content: " "; } .clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after { clear: both; } .center-block { display: block; margin-right: auto; margin-left: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } /*# sourceMappingURL=bootstrap.css.map */ /* perfect-scrollbar v0.6.2 */ .ps-container { overflow: hidden !important; } .ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail { display: block; } .ps-container.ps-in-scrolling { pointer-events: none; } .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail { background-color: #eee; opacity: 0.9; } .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x { background-color: #999; } .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { background-color: #eee; opacity: 0.9; } .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: #999; } .ps-container > .ps-scrollbar-x-rail { display: none; position: absolute; /* please don't change 'position' */ -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; opacity: 0; -webkit-transition: background-color .2s linear, opacity .2s linear; -moz-transition: background-color .2s linear, opacity .2s linear; -o-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear; bottom: 3px; /* there must be 'bottom' for ps-scrollbar-x-rail */ height: 8px; } .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x { position: absolute; /* please don't change 'position' */ background-color: #aaa; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-transition: background-color .2s linear; -moz-transition: background-color .2s linear; -o-transition: background-color .2s linear; transition: background-color .2s linear; bottom: 0; /* there must be 'bottom' for ps-scrollbar-x */ height: 8px; } .ps-container > .ps-scrollbar-y-rail { display: none; position: absolute; /* please don't change 'position' */ -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; opacity: 0; -webkit-transition: background-color .2s linear, opacity .2s linear; -moz-transition: background-color .2s linear, opacity .2s linear; -o-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear; right: 3px; /* there must be 'right' for ps-scrollbar-y-rail */ width: 8px; } .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y { position: absolute; /* please don't change 'position' */ background-color: #aaa; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-transition: background-color .2s linear; -moz-transition: background-color .2s linear; -o-transition: background-color .2s linear; transition: background-color .2s linear; right: 0; /* there must be 'right' for ps-scrollbar-y */ width: 8px; } .ps-container:hover.ps-in-scrolling { pointer-events: none; } .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail { background-color: #eee; opacity: 0.9; } .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x { background-color: #999; } .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail { background-color: #eee; opacity: 0.9; } .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: #999; } .ps-container:hover > .ps-scrollbar-x-rail, .ps-container:hover > .ps-scrollbar-y-rail { opacity: 0.6; } .ps-container:hover > .ps-scrollbar-x-rail:hover { background-color: #eee; opacity: 0.9; } .ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x { background-color: #999; } .ps-container:hover > .ps-scrollbar-y-rail:hover { background-color: #eee; opacity: 0.9; } .ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y { background-color: #999; } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url('../fonts/roboto/roboto-regular-webfont.woff') format('woff'); } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: url('../fonts/roboto/roboto-italic-webfont.woff') format('woff'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url('../fonts/roboto/roboto-medium-webfont.woff') format('woff'); } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 500; src: url('../fonts/roboto/roboto-mediumitalic-webfont.woff') format('woff'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url('../fonts/roboto/roboto-bold-webfont.woff') format('woff'); } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 700; src: url('../fonts/roboto/roboto-bolditalic-webfont.woff') format('woff'); } /*! * Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url(/Content/Tema/fonts/font-awesome/fonts/fontawesome/fontawesome-webfont.eot?v=4.3.0); src: url(/Content/Tema/fonts/font-awesome/fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.3.0) format('embedded-opentype') , url(/Content/Tema/fonts/font-awesome/fonts/fontawesome/fontawesome-webfont.woff2?v=4.3.0) format('woff2') , url(/Content/Tema/fonts/font-awesome/fonts/fontawesome/fontawesome-webfont.woff?v=4.3.0) format('woff') , url(/Content/Tema/fonts/font-awesome/fonts/fontawesome/fontawesome-webfont.ttf?v=4.3.0) format('truetype') , url(/Content/Tema/fonts/font-awesome/fonts/fontawesome/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular) format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-genderless:before, .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } @font-face { font-family: 'panel-icon'; src:url('../Content/Tema/fonts/font-awesome/fonts/panel/panel-icon.eot?qmqrp1'); src:url('../Content/Tema/fonts/font-awesome/fonts/panel/panel-icon.eot?#iefixqmqrp1') format('embedded-opentype'), url('../Content/Tema/fonts/font-awesome/fonts/panel/panel-icon.woff?qmqrp1') format('woff'), url('../Content/Tema/fonts/font-awesome/fonts/panel/panel-icon.ttf?qmqrp1') format('truetype'), url('../Content/Tema/fonts/font-awesome/fonts/panel/panel-icon.svg?qmqrp1#panel-icon') format('svg'); font-weight: normal; font-style: normal; } [class^="panel-icon-"], [class*=" panel-icon-"] { font-family: 'panel-icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .panel-icon-chevron:before { content: "\e600"; } .panel-icon-dot:before { content: "\e601"; } .panel-icon-bw:before { content: "\e602"; } .panel-icon-circular:before { content: "\e603"; } .panel-icon-fw:before { content: "\e604"; } .panel-icon-minus:before { content: "\e605"; } .panel-icon-plus:before { content: "\e606"; } @charset "UTF-8"; @font-face { font-family: "feather"; src:url(/Content/Tema/fonts/font-awesome/fonts/feather-webfont/feather-webfont.eot); src:url(/Content/Tema/fonts/font-awesome/fonts/feather-webfont/feather-webfont.eot?#iefix) format("embedded-opentype"), url(/Content/Tema/fonts/font-awesome/fonts/feather-webfont/feather-webfont.woff) format("woff"), url(/Content/Tema/fonts/font-awesome/fonts/feather-webfont/feather-webfont.ttf) format("truetype"), url(/Content/Tema/fonts/font-awesome/fonts/feather-webfont/feather-webfont.svg#feather) format("svg"); font-weight: normal; font-style: normal; } /* Character Mapping Method */ [data-icon]:before { display: inline-block; font-family: "feather"; content: attr(data-icon); font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* CSS Class Mapping Method */ [class^="icon-"], [class*=" icon-"] { display: inline-block; font-family: "feather"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-eye:before { content: "\e000"; } .icon-paper-clip:before { content: "\e001"; } .icon-mail:before { content: "\e002"; } .icon-mail:before { content: "\e002"; } .icon-toggle:before { content: "\e003"; } .icon-layout:before { content: "\e004"; } .icon-link:before { content: "\e005"; } .icon-bell:before { content: "\e006"; } .icon-lock:before { content: "\e007"; } .icon-unlock:before { content: "\e008"; } .icon-ribbon:before { content: "\e009"; } .icon-image:before { content: "\e010"; } .icon-signal:before { content: "\e011"; } .icon-target:before { content: "\e012"; } .icon-clipboard:before { content: "\e013"; } .icon-clock:before { content: "\e014"; } .icon-clock:before { content: "\e014"; } .icon-watch:before { content: "\e015"; } .icon-air-play:before { content: "\e016"; } .icon-camera:before { content: "\e017"; } .icon-video:before { content: "\e018"; } .icon-disc:before { content: "\e019"; } .icon-printer:before { content: "\e020"; } .icon-monitor:before { content: "\e021"; } .icon-server:before { content: "\e022"; } .icon-cog:before { content: "\e023"; } .icon-heart:before { content: "\e024"; } .icon-paragraph:before { content: "\e025"; } .icon-align-justify:before { content: "\e026"; } .icon-align-left:before { content: "\e027"; } .icon-align-center:before { content: "\e028"; } .icon-align-right:before { content: "\e029"; } .icon-book:before { content: "\e030"; } .icon-layers:before { content: "\e031"; } .icon-stack:before { content: "\e032"; } .icon-stack-2:before { content: "\e033"; } .icon-paper:before { content: "\e034"; } .icon-paper-stack:before { content: "\e035"; } .icon-search:before { content: "\e036"; } .icon-zoom-in:before { content: "\e037"; } .icon-zoom-out:before { content: "\e038"; } .icon-reply:before { content: "\e039"; } .icon-circle-plus:before { content: "\e040"; } .icon-circle-minus:before { content: "\e041"; } .icon-circle-check:before { content: "\e042"; } .icon-circle-cross:before { content: "\e043"; } .icon-square-plus:before { content: "\e044"; } .icon-square-minus:before { content: "\e045"; } .icon-square-check:before { content: "\e046"; } .icon-square-cross:before { content: "\e047"; } .icon-microphone:before { content: "\e048"; } .icon-record:before { content: "\e049"; } .icon-skip-back:before { content: "\e050"; } .icon-rewind:before { content: "\e051"; } .icon-play:before { content: "\e052"; } .icon-pause:before { content: "\e053"; } .icon-stop:before { content: "\e054"; } .icon-fast-forward:before { content: "\e055"; } .icon-skip-forward:before { content: "\e056"; } .icon-shuffle:before { content: "\e057"; } .icon-repeat:before { content: "\e058"; } .icon-folder:before { content: "\e059"; } .icon-umbrella:before { content: "\e060"; } .icon-moon:before { content: "\e061"; } .icon-thermometer:before { content: "\e062"; } .icon-drop:before { content: "\e063"; } .icon-sun:before { content: "\e064"; } .icon-cloud:before { content: "\e065"; } .icon-cloud-upload:before { content: "\e066"; } .icon-cloud-download:before { content: "\e067"; } .icon-upload:before { content: "\e068"; } .icon-download:before { content: "\e069"; } .icon-location:before { content: "\e070"; } .icon-location-2:before { content: "\e071"; } .icon-map:before { content: "\e072"; } .icon-battery:before { content: "\e073"; } .icon-head:before { content: "\e074"; } .icon-briefcase:before { content: "\e075"; } .icon-speech-bubble:before { content: "\e076"; } .icon-anchor:before { content: "\e077"; } .icon-globe:before { content: "\e078"; } .icon-box:before { content: "\e079"; } .icon-reload:before { content: "\e080"; } .icon-share:before { content: "\e081"; } .icon-marquee:before { content: "\e082"; } .icon-marquee-plus:before { content: "\e083"; } .icon-marquee-minus:before { content: "\e084"; } .icon-tag:before { content: "\e085"; } .icon-power:before { content: "\e086"; } .icon-command:before { content: "\e087"; } .icon-alt:before { content: "\e088"; } .icon-esc:before { content: "\e089"; } .icon-bar-graph:before { content: "\e090"; } .icon-bar-graph-2:before { content: "\e091"; } .icon-pie-graph:before { content: "\e092"; } .icon-star:before { content: "\e093"; } .icon-arrow-left:before { content: "\e094"; } .icon-arrow-right:before { content: "\e095"; } .icon-arrow-up:before { content: "\e096"; } .icon-arrow-down:before { content: "\e097"; } .icon-volume:before { content: "\e098"; } .icon-mute:before { content: "\e099"; } .icon-content-right:before { content: "\e100"; } .icon-content-left:before { content: "\e101"; } .icon-grid:before { content: "\e102"; } .icon-grid-2:before { content: "\e103"; } .icon-columns:before { content: "\e104"; } .icon-loader:before { content: "\e105"; } .icon-bag:before { content: "\e106"; } .icon-ban:before { content: "\e107"; } .icon-flag:before { content: "\e108"; } .icon-trash:before { content: "\e109"; } .icon-expand:before { content: "\e110"; } .icon-contract:before { content: "\e111"; } .icon-maximize:before { content: "\e112"; } .icon-minimize:before { content: "\e113"; } .icon-plus:before { content: "\e114"; } .icon-minus:before { content: "\e115"; } .icon-check:before { content: "\e116"; } .icon-cross:before { content: "\e117"; } .icon-move:before { content: "\e118"; } .icon-delete:before { content: "\e119"; } .icon-menu:before { content: "\e120"; } .icon-archive:before { content: "\e121"; } .icon-inbox:before { content: "\e122"; } .icon-outbox:before { content: "\e123"; } .icon-file:before { content: "\e124"; } .icon-file-add:before { content: "\e125"; } .icon-file-subtract:before { content: "\e126"; } .icon-help:before { content: "\e127"; } .icon-open:before { content: "\e128"; } .icon-ellipsis:before { content: "\e129"; } @charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } @keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } @keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } /* * * Version: 1.2.0 * Template name: Urban Admin UI Kit * Author: iamnyasha * Author URL: htp://nyasha.me */ /* Table of Contents Use (CMD/CTRL + F $[SECTION]) to quickly find what you are looking for [SECTION] 1. scaffolding 2. webfonts 3. typography 4. avatar 5. preloader 6. quick-launch 7. sidebar-panel 8. header 9. brand 10. main-panel 11. footer 12. chat-panel 13. hamburger-icon 14. offscreen-menu 15. widget 16. accordion 17. layout-options 18. switch 19. print 20. alerts 21. badge 22. breadcrumbs 23. buttons 24. code 25. dropdown 26. forms 27. input-groups 28. jumbotron 29. labels 30. listgroup 31. modal 32. navbar 33. navs 34. pagination 35. panel 36. popover 37. progress-bar 38. tables 39. tooltip 40. colors 41. well 42. bootstrap.ui 43. session 44. lockscreen 45. error-pages 46. calendar 47. gallery 48. invoice 49. messages 50. profile 51. search 52. timeline 53. charts 54. blueimp 55. jquery.ui 56. bootstrap-tags 57. bootstap-timepicker 58. wizard 59. bootstrap-wysiwyg 60. c3-charts 61. chartjs 62. checkbo 63. chosen 64. clock-picker 65. color-picker 66. datatables 67. datepicker 68. daterangepicker 69. easypie 70. flot-chart 71. google-map 72. intl-tel-input 73. jvectormap 74. nestable 75. noty 76. nvd3 77. jquery-validation 78. perfect-scrollbar 79. portlets 80. rickshaw 81. social-button 82. sortable 83. summernote 84. sweet-alert 85. touch-spin */ /* $scaffolding ------------------------------------------*/ ::-moz-selection { background: #0099cc; color: white; text-shadow: none; } ::selection { background: #0099cc; color: white; text-shadow: none; } body, html { height: 100%; width: 100%; } .app { background: #f0f0f0; width: 100%; min-height: 100%; position: relative; } body { overflow: visible; background: #e0e8f2; color: #616161; font-size: 13px; line-height: 1.53846154; direction: ltr; -webkit-font-smoothing: antialiased; font-family: "Helvetica Neue", Helvetica, Arial, "Roboto", sans-serif, sans-serif; -ms-overflow-style: -ms-autohiding-scrollbar; } body.stop-scrolling { height: 100%; overflow: hidden; } a { color: inherit; text-decoration: none; } a:visited, a:active, a:focus, a:hover { color: inherit; outline: 0; text-decoration: none; cursor: pointer; } .touch li:hover, .touch li:focus, .touch a:hover, .touch a:focus { background-color: transparent !important; } hr { display: block; margin: 1em 0; padding: 0; height: 1px; border: 0; border-top: 1px solid #e4e4e4; } img { -ms-interpolation-mode: bicubic; } .img-rounded { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .img-circle { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } ol { list-style-position: outside; list-style-type: decimal; } ul { list-style-position: outside; list-style-type: disc; line-height: 1.5; } ol.list-style-none, ul.list-style-none { padding: 0; list-style: none; } .nav { padding: 0; } [ui-view].ng-leave { -webkit-animation: fadeOut 0.4s; animation: fadeOut 0.4s; } [ui-view].ng-enter { -webkit-animation: slideInUp 0.4s; animation: slideInUp 0.4s; } @media screen and (min-width: 768px) { .scroll { overflow-x: hidden; overflow-y: auto; height: 100%; } .eq-col { position: absolute; top: 55px; bottom: 55px; left: 250px; right: 0; } .display-row { width: 100%; height: 100%; } .display-row .col { float: left; height: 100%; } .display-row .col:last-child { float: none; overflow: hidden; } .css-table { display: table; width: 100%; height: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed; } .css-table .col { display: table-cell; vertical-align: top; float: none; height: 100%; } } .css-table-xs { display: table; width: 100%; height: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed; overflow: hidden; } .css-table-xs .col { display: table-cell; vertical-align: top; position: relative; float: none; height: 100%; } /* $webfonts ------------------------------------------*/ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 400; } dt, .bold { font-weight: 700; } /* $typography ------------------------------------------*/ .climacon { line-height: 1; } small, .small { font-size: 11px; } p { color: #7a7a7a; } blockquote { display: block; float: left; margin: 15px 0; padding: 15px; border: 0; font-size: 13px; } blockquote::before { float: left; margin-right: 10px; color: #E2E4E9; content: "“"; font-size: 40px; font-family: Georgia, serif; line-height: 1; } blockquote p { display: inline; } .pullquote { display: block; float: left; width: 55%; font-style: italic; font-size: 1.6em; } .pullquote::before { float: left; color: #E2E4E9; content: "“"; font-style: normal; font-size: 40px; font-family: Georgia, serif; } /* $avatar ------------------------------------------*/ .avatar { position: relative; display: inline-block; } .img-thumbnail { border: 1px solid #e4e4e4; } /* sizes */ .avatar-xlg { width: 512px; } .avatar-xlg { width: 256px; } .avatar-lg { width: 128px; } .avatar-md { width: 64px; } .avatar-sm { width: 46px; } .avatar-xs { width: 34px; } .avatar-xxs { width: 22px; } /* status indicator */ .status { position: absolute; top: 0; right: 0; padding: 2px; text-align: center; overflow: hidden; width: 10px; height: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; line-height: 0.245; border-width: 2px; border-style: solid; } .header .status { top: 15px; right: 13px; } /* $preloader ------------------------------------------*/ @-webkit-keyframes loading-bar { 0% { width: 0; } 33% { width: 100%; } 66% { -webkit-transform: translateX(0); transform: translateX(0); width: 100%; -webkit-transform-origin: right; -moz-transform-origin: right; -o-transform-origin: right; -ms-transform-origin: right; transform-origin: right; } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transform-origin: right; -moz-transform-origin: right; -o-transform-origin: right; -ms-transform-origin: right; transform-origin: right; } } @keyframes loading-bar { 0% { width: 0; } 33% { width: 100%; } 66% { -webkit-transform: translateX(0); transform: translateX(0); width: 100%; -webkit-transform-origin: right; -moz-transform-origin: right; -o-transform-origin: right; -ms-transform-origin: right; transform-origin: right; } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transform-origin: right; -moz-transform-origin: right; -o-transform-origin: right; -ms-transform-origin: right; transform-origin: right; } } .preloader { position: fixed; width: 100%; overflow: hidden; top: 0; z-index: 9999; height: 3px; background: rgba(46, 204, 113, 0.2); } .preloader::before { content: ''; background-color: #2ecc71; display: block; width: 100%; height: 100%; -webkit-animation: loading-bar 1.5s infinite; animation: loading-bar 1.5s infinite; -webkit-transition-delay: 400ms; -moz-transition-delay: 400ms; -o-transition-delay: 400ms; transition-delay: 400ms; } /* $quick-launch ------------------------------------------*/ .quick-launch-panel { display: table; position: absolute; z-index: 9999; width: 100%; height: 80px; -webkit-transform: translate(0, -100%); -moz-transform: translate(0, -100%); -o-transform: translate(0, -100%); -ms-transform: translate(0, -100%); transform: translate(0, -100%); -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } .quick-launch-panel::before, .quick-launch-panel::after { content: " "; display: table; } .quick-launch-panel::after { clear: both; } .quick-launch-panel .container { position: relative; } .quick-launch-panel .quick-launcher-inner { display: block; padding: 17px 0; } .quick-launch-panel .close { position: absolute; top: 0; right: 0; padding: 5px 10px; text-shadow: none; -moz-opacity: 0.6; -khtml-opacity: 0.6; -webkit-opacity: 0.6; opacity: 0.6; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.6 * 100); filter: alpha(opacity=0.6 * 100); z-index: 9999; } .quick-launch-panel a { display: block; text-align: center; font-size: 20px; } .quick-launch-panel a span { display: block; text-transform: uppercase; font-size: 11px; padding-top: 0; } .layout-quick-launch-panel { -webkit-backface-visibility: hidden; -webkit-transform: translate(0, 80px); -moz-transform: translate(0, 80px); -o-transform: translate(0, 80px); -ms-transform: translate(0, 80px); transform: translate(0, 80px); -webkit-transform: translate3d(0, 80px, 0); -moz-transform: translate3d(0, 80px, 0); -o-transform: translate3d(0, 80px, 0); -ms-transform: translate3d(0, 80px, 0); transform: translate3d(0, 80px, 0); } .layout-quick-launch-panel::before { content: ''; background-color: rgba(0, 0, 0, 0.15); position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 10000; } .stop-scrolling .layout-fixed-header .main-panel > .header, .stop-scrolling .brand, .stop-scrolling .sidebar-panel, .stop-scrolling .chat-panel { position: absolute !important; } /* $sidebar-panel ------------------------------------------*/ .sidebar-panel { position: fixed; height: 100%; overflow: hidden; } .sidebar-panel > nav { position: absolute; top: 55px; bottom: 0; width: 100%; overflow-x: hidden; overflow-y: scroll; } .sidebar-panel > nav ul { padding: 0; list-style: none; } .sidebar-panel > nav ul > li > a { display: block; text-align: left; line-height: 1; -webkit-transition: background 300ms, color 300ms; -moz-transition: background 300ms, color 300ms; -o-transition: background 300ms, color 300ms; transition: background 300ms, color 300ms; } .sidebar-panel > nav ul > li > a > span { display: initial; } .sidebar-panel > nav ul > li > a > span.label { position: initial; top: auto; right: auto; } .sidebar-panel > nav ul > li > a .fa { padding-right: 15px; width: 30px; font-size: 12px; text-align: center; } .sidebar-panel > nav ul > li > a > span, .sidebar-panel > nav ul > li > a .fa { -webkit-transition: text-indent 100ms; -moz-transition: text-indent 100ms; -o-transition: text-indent 100ms; transition: text-indent 100ms; } .sidebar-panel > nav li:hover > a > .fa, .sidebar-panel > nav li:hover > a > span { text-indent: 3px; } .sidebar-panel > nav li ul li a { padding: 10px 25px 10px 58px; } .sidebar-panel > nav li.menu-accordion > a::before { min-width: 15px; text-align: center; font-size: 12px; -webkit-transition: transform 300ms ease; -moz-transition: transform 300ms ease; -o-transition: transform 300ms ease; transition: transform 300ms ease; content: "\f105"; font: normal normal normal 14px/1 FontAwesome; speak: none; font-style: normal; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); position: relative; display: inline-block; float: right; margin-left: 5px; } .sidebar-panel > nav li.open.menu-accordion > a::before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .sidebar-panel > nav li.open > a .fa, .sidebar-panel > nav li.open > a > span { text-indent: 3px; } .sidebar-panel > nav > ul > li { position: relative; display: block; } .sidebar-panel > nav > ul > li > a:focus { background-color: transparent; } .sidebar-panel > nav > ul > li a { position: relative; padding: 13px 25px; } .sidebar-panel > nav > ul > li > ul { position: relative; padding: 0; margin: 0; } .sidebar-panel > nav > ul > li > ul::before, .sidebar-panel > nav > ul > li > ul::after { content: " "; display: table; } .sidebar-panel > nav > ul > li > ul::after { clear: both; } .sidebar-panel > nav > ul > li ul { max-height: 0; overflow: hidden; display: block; } .sidebar-panel > nav > ul > li > .sub-menu .sub-menu { padding-left: 20px; } .sidebar-panel > nav .open > ul { max-height: 700px; } @media screen and (min-width: 768px) { .sidebar-panel { overflow: hidden; width: 250px; z-index: 1050; } .sidebar-panel > nav > ul { width: 250px; } /* Collapsed sidebar */ .layout-small-menu { min-height: 100%; } .layout-small-menu .sidebar-panel { width: 70px; overflow: visible; } .layout-small-menu .sidebar-panel .brand-logo { display: none; visibility: hidden; } .layout-small-menu .sidebar-panel .toggle-sidebar { text-align: center; margin: 0 auto; display: table; float: none; } .layout-small-menu .sidebar-panel > nav { overflow: visible !important; right: 0; } .layout-small-menu .sidebar-panel > nav > ul { width: 70px; } .layout-small-menu .sidebar-panel > nav > ul > li { position: relative; text-align: center; } .layout-small-menu .sidebar-panel > nav > ul > li.menu-accordion > a::before { content: ''; } .layout-small-menu .sidebar-panel > nav > ul > li > a { padding: 15px 0; } .layout-small-menu .sidebar-panel > nav > ul > li > a > span { display: none; } .layout-small-menu .sidebar-panel > nav > ul > li > a > span.label { display: block; position: absolute; top: 5px; right: 5px; } .layout-small-menu .sidebar-panel > nav > ul > li > a > .fa { display: block; padding: 0; width: 100%; } .layout-small-menu .sidebar-panel > nav > ul > li:hover > .sub-menu { max-height: 500px; } .layout-small-menu .sidebar-panel > nav > ul > li > .sub-menu { position: absolute; top: 0; left: 100%; max-height: 0; } .layout-small-menu .sidebar-panel > nav > ul > li > .sub-menu a { padding-left: 15px; white-space: nowrap; } .layout-small-menu .sidebar-panel > nav > ul > li > .sub-menu > li > a + .sub-menu > li > a { padding-left: 35px; } .layout-small-menu .sidebar-panel > nav > ul > li > .sub-menu > li > a + .sub-menu > li > a + .sub-menu > li > a { padding-left: 45px; } .layout-small-menu .sidebar-panel > nav > ul > li > .sub-menu > li > a + .sub-menu > li > a + .sub-menu > li > a + .sub-menu > li > a { padding-left: 55px; } .layout-small-menu .sidebar-panel > nav .multi-level { min-width: 180px; } .layout-small-menu .sidebar-panel > nav .multi-level a span { margin-right: 25px; } .layout-small-menu .sidebar-panel > nav .multi-level.menu-accordion > a::before { content: ''; } .layout-small-menu .sidebar-panel > nav .multi-level .sub-menu { position: relative; left: auto; } .layout-small-menu .sidebar-panel > nav .multi-level .sub-menu > li > a { padding-left: 40px; } .layout-small-menu .sidebar-panel > nav .multi-level .sub-menu > li > a + .sub-menu > li > a { padding-left: 45px; } .layout-small-menu .sidebar-panel > nav .multi-level .sub-menu > li > a + .sub-menu > li > a + .sub-menu > li > a { padding-left: 50px; } .layout-small-menu .sidebar-panel > nav .multi-level .sub-menu > li > a + .sub-menu > li > a + .sub-menu > li > a + .sub-menu > li > a { padding-left: 55px; } .layout-small-menu .main-panel { margin-left: 70px; } .layout-small-menu .eq-col { left: 70px; } } @media screen and (min-width: 768px) { .sidebar-panel { -webkit-backface-visibility: hidden; } } /* default sidebar skin */ .sidebar-panel { background-color: #778899; /*Editado #495469;*/ } .sidebar-panel > .brand { background-color: #495469; } .sidebar-panel > .brand a { color: #b2b6be; } .sidebar-panel > .brand a:active, .sidebar-panel > .brand a:focus, .sidebar-panel > .brand a:hover { color: #c0c3ca; } .sidebar-panel > .brand .hamburger-icon span { background-color: #b2b6be; /*Editado # #b2b6be*/ } .sidebar-panel > .brand .hamburger-icon:hover span { background-color: #3f485a; } .sidebar-panel > nav > ul > li > ul { background-color: #434d60; /*Editado #434d60;*/ } .sidebar-panel > nav > ul > li > a:hover, .sidebar-panel > nav > ul > li.open > a, .sidebar-panel > nav > ul > li.open > a:hover, .sidebar-panel > nav > ul > li.open > a:focus { background-color: #3f485a; /*Editado ##3f485a;*/ } .sidebar-panel > nav li.open > a, .sidebar-panel > nav li.active > a { color: white; } .sidebar-panel > nav .open > a, .sidebar-panel > nav .open > a:hover, .sidebar-panel > nav .open > a:focus { background-color: transparent; } .sidebar-panel > nav a { color: #fff; /*Editado #b2b6be;*/ } .sidebar-panel > nav a:active, .sidebar-panel > nav a:focus, .sidebar-panel > nav a:hover { color: var(--corCliente); } .quick-launch-panel { background: var(--corCliente); /*Editado ##495469*/ ; } .quick-launch-panel .close { background: #343c4b; color: #b2b6be; } .quick-launch-panel a { color: #fff; /*Editado #b2b6be;*/ } .quick-launch-panel a:hover { color: #778899; } @media screen and (min-width: 768px) { .small-menu .sidebar-panel > nav li.open { background-color: #454f63; } .small-menu .sidebar-panel nav > ul > li > .sub-menu { background-color: #454f63; } } .sidebar-panel .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: rgba(255, 255, 255, 0.5); } /* $header ------------------------------------------*/ .main-panel > .header { width: 100%; height: 55px; z-index: 1020; border: 0; margin: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); /* Element alignments */ } .main-panel > .header .navbar-text { margin-top: 18px; margin-bottom: 18px; margin-right: 15px; margin-left: 15px; } .main-panel > .header .navbar-btn { margin-top: 10.5px; margin-bottom: 10.5px; } .main-panel > .header .btn-lg.navbar-btn { margin-top: 5px; margin-bottom: 5px; } .main-panel > .header .btn-sm.navbar-btn { margin-top: 12.5px; margin-bottom: 12.5px; } .main-panel > .header .btn-xs.navbar-btn { margin-top: 16.5px; margin-bottom: 16.5px; } .main-panel > .header .navbar-nav { margin: 0; } .main-panel > .header .navbar-nav > li > a { padding-top: 18px; padding-bottom: 18px; max-height: 55px; } .main-panel > .header .navbar-nav .dropdown-menu { margin-top: 1px; padding: 0; border-color: rgba(0, 0, 0, 0.1); border-top: 0; background-color: white; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .main-panel > .header .nav > li > a:hover, .main-panel > .header .nav > li > a:focus { background-color: transparent; } .main-panel > .header .nav .open > a, .main-panel > .header .nav .open > a:hover, .main-panel > .header .nav .open > a:focus { background-color: transparent; } .main-panel > .header .notifications { min-width: 300px; } .main-panel > .header .notifications .notifications-header, .main-panel > .header .notifications .notifications-footer { padding: 0 15px; } .main-panel > .header .notifications .notifications-header { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #e4e4e4; } .main-panel > .header .notifications .notifications-header p { margin: 0; } .main-panel > .header .notifications .notifications-footer { padding-top: 5px; padding-bottom: 5px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .main-panel > .header .notifications li a { font-size: 13px; padding: 0; } .main-panel > .header .notifications .time { display: block; font-size: 12px; } .main-panel > .header .notifications a:hover, .main-panel > .header .notifications a:active { color: #545454; background-color: transparent; } .main-panel > .header .notifications .notifications-list { list-style: none; padding: 0; } .main-panel > .header .notifications .notifications-list li { border-bottom: 1px solid #e4e4e4; } .main-panel > .header .notifications .notifications-list li a { position: relative; display: block; padding: 15px; } .main-panel > .header .circle-icon { position: relative; display: table; margin: 0; float: left; color: #fff; text-align: center; font-size: 20px; line-height: 50px; width: 32px; height: 32px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .main-panel > .header .circle-icon > i { display: table-cell; float: none; width: 100%; height: 100%; vertical-align: middle; font-size: 12px; } .main-panel > .header a > i.fa { font-size: 14px; } .main-panel > .header .header-avatar { width: 32px; height: 32px; margin-top: -6px; } @media screen and (min-width: 768px) { .header { position: relative; width: 100%; } .header .navbar-form { margin-top: 10.5px; margin-bottom: 10.5px; } .navbar-nav.navbar-right:last-child { margin-right: 0; } .main-panel > header .dropdown-menu { padding: 0; } } @media (max-width: 767px) { .main-panel > .header { width: 100%; } .main-panel > .header .navbar-nav .open .dropdown-menu { position: absolute; left: auto; right: 0; } .main-panel > .header > .navbar-nav { float: left; } .main-panel > .header > .navbar-right { float: right; } .main-panel > .header > .nav > li { float: left; } } /* default header skin */ .main-panel > .header { background-color: white; } .main-panel > .header .navbar-text { color: #fff; /*Editado #616161*/ } .main-panel > .header .nav > li > a { color: #fff; /*Editado #616161*/ } .main-panel > .header .nav > li > a:hover, .main-panel > .header .nav > li > a:focus { background-color: #f8f8f8; color: #474747; } .main-panel > .header .nav .open > a, .main-panel > .header .nav .open > a:hover, .main-panel > .header .nav .open > a:focus { background-color: #f8f8f8; color: #474747; } .main-panel > .header .hamburger-icon span { background: #fff; /*Editado #616161*/ } .main-panel > .header .hamburger-icon:hover span { background: #474747; } /* $brand ------------------------------------------*/ .brand { width: 100%; height: 55px; display: block; clear: both; } .brand .brand-logo { margin-top: 17.5px; margin-bottom: 17.5px; float: left; padding: 0 25px; -moz-opacity: 0.9; -khtml-opacity: 0.9; -webkit-opacity: 0.9; opacity: 0.9; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.9 * 100); filter: alpha(opacity=0.9 * 100); } .brand .toggle-sidebar { padding-top: 0; padding-bottom: 0; padding-right: 25px; padding-left: 25px; float: right; padding-top: 21px; padding-bottom: 21px; } @media (max-width: 767px) { .header .brand { text-align: center; } .header .brand .brand-logo { display: inline-block; float: none; } .header .brand .toggle-offscreen, .header .brand .toggle-chat { position: absolute; top: 0; border: 1px solid transparent; margin-top: 7.5px; margin-bottom: 7.5px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .header .brand .toggle-offscreen { left: 0; } .header .brand .toggle-chat { right: 0; } } /* $main-panel ------------------------------------------*/ .main-panel { background: #f0f0f0; } .main-panel::before, .main-panel::after { content: " "; display: table; } .main-panel::after { clear: both; } .main-panel > .main-content { padding: 20px; margin-bottom: 55px; } .main-panel > .main-content::before, .main-panel > .main-content::after { content: " "; display: table; } .main-panel > .main-content::after { clear: both; } .main-panel > .main-content.no-padding { padding: 0; } .main-panel .row { margin-right: -10px; margin-left: -10px; } .main-panel .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-left: 10px; padding-right: 10px; } .center-wrapper { display: table; width: 100%; height: 100%; position: relative; } .center-wrapper .center-content { display: table-cell; vertical-align: middle; width: 100%; height: 100%; float: none; } @media screen and (min-width: 768px) { .main-panel { margin-left: 250px; } } /* $footer ------------------------------------------*/ footer.content-footer { position: absolute; bottom: 0; width: 100%; height: 55px; padding: 0 20px; border-top: 1px solid rgba(0, 0, 0, 0.07); font-size: 12px; z-index: 1000; } footer.content-footer::before, footer.content-footer::after { content: " "; display: table; } footer.content-footer::after { clear: both; } footer.content-footer .footer-text { padding-right: 15px; padding-left: 15px; margin-top: 18px; margin-bottom: 18px; display: inline-block; float: left; } footer.content-footer .footer-text.small { margin-top: 20px; margin-bottom: 20px; } footer.content-footer .footer-right { float: right; margin-right: 0; } footer.content-footer nav { margin-right: 15px; } footer.content-footer nav ul { list-style: none; margin: 0; font-weight: normal; line-height: 1; } footer.content-footer nav ul li { display: inline-block; vertical-align: -webkit-baseline-middle; } footer.content-footer nav ul li a { color: #616161; padding-top: 18px; padding-bottom: 18px; padding-right: 10px; padding-left: 10px; line-height: 20px; max-height: 55px; } footer.content-footer nav ul li a:hover, footer.content-footer nav ul li a:focus { background-color: transparent; color: #545454; } footer.content-footer nav ul li:first-child { margin-left: 0; } footer.content-footer nav ul li:first-child a { padding-left: 0; } footer.content-footer li:hover, footer.content-footer li a:hover, footer.content-footer li a:active { background: transparent; } @media (max-width: 767px) { footer.content-footer .footer-left { display: none; } } /* $chat-panel ------------------------------------------*/ .layout-chat-open .chat-panel { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .chat-panel { position: fixed; top: 55px; bottom: 0; right: 0; z-index: 1000; width: 250px; background-color: rgba(255, 255, 255, 0.99); overflow: hidden; -webkit-transition: -webkit-transform 300ms cubic-bezier(0.7, 0, 0.3, 1); -moz-transition: -moz-transform 300ms cubic-bezier(0.7, 0, 0.3, 1); -o-transition: -o-transform 300ms cubic-bezier(0.7, 0, 0.3, 1); transition: transform 300ms cubic-bezier(0.7, 0, 0.3, 1); -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 0 2px 0 rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 0 2px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 0 2px 0 rgba(0, 0, 0, 0.05); -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -o-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .chat-panel .chat-inner { width: 100%; height: 100%; position: relative; overflow: hidden; } .chat-panel .chat-users, .chat-panel .chat-conversation { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; -webkit-transition: -webkit-transform 300ms cubic-bezier(0.7, 0, 0.3, 1); -moz-transition: -moz-transform 300ms cubic-bezier(0.7, 0, 0.3, 1); -o-transition: -o-transform 300ms cubic-bezier(0.7, 0, 0.3, 1); transition: transform 300ms cubic-bezier(0.7, 0, 0.3, 1); background-color: white; } .chat-panel .chat-header { position: absolute; top: 0; right: 0; left: 0; height: 55px; } .chat-panel .chat-header::before, .chat-panel .chat-header::after { content: " "; display: table; } .chat-panel .chat-header::after { clear: both; } .chat-panel .chat-header .chat-header-title { float: none; text-align: center; width: 100%; padding-top: 18px; padding-bottom: 18px; } .chat-panel .chat-header .chat-header-title.text-left { text-align: left !important; } .chat-panel .chat-header .chat-right, .chat-panel .chat-header .chat-back { padding-right: 15px; padding-left: 15px; padding-top: 16px; padding-bottom: 16px; background-color: transparent; background-image: none; border: 1px solid transparent; cursor: pointer; } .chat-panel .chat-header .chat-right { position: absolute; right: 0; top: 0; } .chat-panel .chat-header .chat-back { position: absolute; left: 0; top: 0; font-size: 21px; line-height: 1; color: black; text-shadow: 0 1px 0 white; -moz-opacity: 0.2; -khtml-opacity: 0.2; -webkit-opacity: 0.2; opacity: 0.2; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.2 * 100); filter: alpha(opacity=0.2 * 100); } .chat-panel .chat-header .chat-back:hover { -moz-opacity: 0.5; -khtml-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5 * 100); filter: alpha(opacity=0.5 * 100); } .chat-panel .chat-users .nav-tabs { background: #efefef; } .chat-panel .chat-users .nav-tabs::before, .chat-panel .chat-users .nav-tabs::after { content: " "; display: table; } .chat-panel .chat-users .nav-tabs::after { clear: both; } .chat-panel .chat-users .nav-tabs li { position: relative; } .chat-panel .chat-users .nav-tabs li::after { content: ''; height: 1px; position: absolute; bottom: 0; left: 0; right: 0; background-color: #e4e4e4; -webkit-transition: background 300ms cubic-bezier(0.7, 0, 0.3, 1); -moz-transition: background 300ms cubic-bezier(0.7, 0, 0.3, 1); -o-transition: background 300ms cubic-bezier(0.7, 0, 0.3, 1); transition: background 300ms cubic-bezier(0.7, 0, 0.3, 1); } .chat-panel .chat-users .nav-tabs li > a { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 0; } .chat-panel .chat-users .nav-tabs li.active::after, .chat-panel .chat-users .nav-tabs li.active:hover::after, .chat-panel .chat-users .nav-tabs li.active:focus::after, .chat-panel .chat-users .nav-tabs li:hover::after { background-color: #0099cc; } .chat-panel .chat-users .nav-tabs li > a:hover, .chat-panel .chat-users .nav-tabs li > a:focus { border: 0; background: transparent; } .chat-panel .chat-users .tab-content { position: absolute; top: 38px; bottom: 0; left: 0; right: 0; overflow-x: hidden; overflow-y: auto; } .chat-panel .activity-feed { list-style: none; padding: 15px; } .chat-panel .activity-feed .feed-item { position: relative; padding-bottom: 20px; padding-left: 30px; border-left: 1px solid #e2e2e2; } .chat-panel .activity-feed .feed-item:last-child { border-color: transparent; } .chat-panel .activity-feed .feed-item::after { content: ""; display: block; position: absolute; top: 0; left: -6px; width: 10px; height: 10px; border-radius: 6px; background: #fff; border: 1px solid #e2e2e2; } .chat-panel .activity-feed .feed-item.active::after, .chat-panel .activity-feed .feed-item.inactive::after { font-family: 'FontAwesome'; font-weight: normal; font-style: normal; color: white; left: -7px; width: 14px; height: 14px; border-radius: 8px; line-height: 12px; font-size: 8px; text-align: center; } .chat-panel .activity-feed .feed-item.active::after { content: "\f00c"; background: #2ecc71; border: 1px solid #2ecc71; } .chat-panel .activity-feed .feed-item.inactive::after { content: "\f00d"; background: #d96557; border: 1px solid #d96557; } .chat-panel .activity-feed .feed-item time { display: block; position: relative; top: -5px; color: #999999; } .chat-panel .activity-feed .feed-item span { position: relative; top: -3px; } .chat-panel .favourite-list a { position: relative; display: block; padding: 10px 15px; border-bottom: 1px solid #e4e4e4; } .chat-panel .chat-conversation { -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -o-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .chat-panel.conversation-open .chat-users { -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -o-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .chat-panel.conversation-open .chat-conversation { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .chat-panel .chat-group { margin-bottom: 15px; } .chat-panel .chat-group .chat-group-header, .chat-panel .chat-group a { display: block; position: relative; padding: 5px 15px; } .chat-panel .chat-group .chat-group-header:hover, .chat-panel .chat-group a:hover { color: #484848; } .chat-panel .chat-group .status-online, .chat-panel .chat-group .status-away, .chat-panel .chat-group .status-no-disturb, .chat-panel .chat-group .status-invisible, .chat-panel .chat-group .status-offline { margin-right: 5px; display: inline-block; background-color: #e2e2e2; width: 8px; height: 8px; border: 1px solid #e2e2e2; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .chat-panel .chat-group .status-online { border-color: #2ecc71; background-color: #2ecc71; } .chat-panel .chat-group .status-away { border-color: #ffc65d; background-color: #ffc65d; } .chat-panel .chat-group .status-no-disturb { border-color: #d96557; background-color: #d96557; } .chat-panel .chat-group .status-invisible, .chat-panel .chat-group .status-offline { border-color: #2ecc71; background-color: white; } .chat-panel .chat-conversation .chat-conversation-content { position: absolute; top: 55px; bottom: 55px; left: 0; right: 0; padding: 15px; overflow-x: hidden; overflow-y: auto; } .chat-panel .chat-conversation .chat-conversation-footer { position: absolute; bottom: 0; width: 100%; border-top: 1px solid rgba(0, 0, 0, 0.07); } .chat-panel .chat-conversation .chat-conversation-user { margin-bottom: 20px; float: left; width: 100%; } .chat-panel .chat-conversation .chat-conversation-message { position: relative; margin-left: 6px; padding: 10px 15px; background-color: #e2e2e2; float: left; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .chat-panel .chat-conversation .chat-conversation-message::before { content: ""; width: 0px; height: 0px; position: absolute; right: 0; top: 0; } .chat-panel .chat-conversation .chat-conversation-user.me .chat-conversation-message::before { right: 0; margin-right: -14px; border-top: 15px solid #4cc3d9; border-right: 15px solid transparent; } .chat-panel .chat-conversation .chat-conversation-user.them .chat-conversation-message::before { border-top: 15px solid #e2e2e2; border-left: 15px solid transparent; left: 0; margin-left: -14px; } .chat-panel .chat-conversation .chat-conversation-user.me .chat-conversation-message { position: relative; margin-left: 0; margin-right: 6px; background-color: #4cc3d9; float: right; } .chat-panel .chat-conversation .chat-conversation-user.me .chat-conversation-message p { color: white; } .chat-panel .chat-conversation .chat-input { outline: none; resize: none; overflow: hidden; padding: 10px 0; margin-top: 7.5px; margin-bottom: 7.5px; display: block; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; position: absolute; top: 0; left: 45px; right: 45px; } .chat-panel .chat-conversation .chat-input:empty::before { content: "Write something..."; } .chat-panel .chat-conversation .chat-input:focus::before { content: ""; } .chat-panel .chat-conversation .chat-input-tool { outline: none; background: transparent; border: none; padding: 10px 15px; margin-top: 7px; margin-bottom: 7px; color: inherit; float: left; } .chat-panel .chat-conversation .chat-send { outline: none; background: transparent; border: none; position: relative; overflow: hidden; padding: 10px 15px; margin-top: 7px; margin-bottom: 7px; float: right; } .chat-panel .chat-conversation .chat-input:empty + .chat-send { color: #2B8EC2; } .chat-panel .chat-conversation .chat-send > i { position: relative; } .chat-panel .chat-conversation p { margin: 0; } @media (max-width: 767px) { .layout-chat-open { overflow: hidden; height: 100%; } .chat-panel { width: 100%; } } /* $hamburger-icon ------------------------------------------*/ .hamburger-icon { tap-highlight-color: transparent; padding: 15px; } .hamburger-icon span { display: block; width: 16px; height: 1px; pointer-events: none; } .hamburger-icon span:nth-child(2) { margin: 3px 0; } .hamburger-icon.v2 span:first-child { width: 14px; } .hamburger-icon.v2 span:nth-child(2) { width: 10px; } .hamburger-icon.v3 span { height: 1px; } .hamburger-icon.v3 span:nth-child(3) { margin: 0 0 3px 0; } .hamburger-icon.v3 span:nth-child(4) { width: 10px; } .header li .hamburger-icon { padding-top: 23px !important; padding-bottom: 23px !important; } /* $offscreen-menu ------------------------------------------*/ @media (max-width: 767px) { * { -webkit-overflow-scrolling: touch; } .main-panel { position: relative; min-height: 100%; } .main-panel, .brand { width: 100%; } .main-panel, .sidebar-panel { -webkit-transition: -webkit-transform 300ms cubic-bezier(0.7, 0, 0.3, 1); -moz-transition: -moz-transform 300ms cubic-bezier(0.7, 0, 0.3, 1); -o-transition: -o-transform 300ms cubic-bezier(0.7, 0, 0.3, 1); transition: transform 300ms cubic-bezier(0.7, 0, 0.3, 1); } .offscreen .main-panel { overflow: hidden; position: fixed; } .offscreen footer.content-footer { display: none; } .sidebar-panel { z-index: 9999; -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .move-left .sidebar-panel, .move-right .sidebar-panel { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .app .offscreen-left, .app .offscreen-right { width: 85%; } .app .offscreen-right, .app.layout-right-sidebar .sidebar-panel { right: 0; } .move-left .main-panel { -webkit-transform: translate(85%, 0); -moz-transform: translate(85%, 0); -o-transform: translate(85%, 0); -ms-transform: translate(85%, 0); transform: translate(85%, 0); -webkit-transform: translate3d(85%, 0, 0); -moz-transform: translate3d(85%, 0, 0); -o-transform: translate3d(85%, 0, 0); -ms-transform: translate3d(85%, 0, 0); transform: translate3d(85%, 0, 0); } .move-right .main-panel { -webkit-transform: translate(-85%, 0); -moz-transform: translate(-85%, 0); -o-transform: translate(-85%, 0); -ms-transform: translate(-85%, 0); transform: translate(-85%, 0); -webkit-transform: translate3d(-85%, 0, 0); -moz-transform: translate3d(-85%, 0, 0); -o-transform: translate3d(-85%, 0, 0); -ms-transform: translate3d(-85%, 0, 0); transform: translate3d(-85%, 0, 0); } .move-right .sidebar-panel > nav { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .no-csstransforms .move-right .main-panel { right: 85%; } .no-csstransforms .move-left .main-panel { left: 85%; } } /* $widget ------------------------------------------*/ .widget { position: relative; margin-bottom: 20px; display: table; width: 100%; padding: 15px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .widget .widget-header, .widget .widget-body, .widget .widget-footer { position: relative; } .widget .widget-header::before, .widget .widget-body::before, .widget .widget-footer::before, .widget .widget-header::after, .widget .widget-body::after, .widget .widget-footer::after { content: " "; display: table; } .widget .widget-header::after, .widget .widget-body::after, .widget .widget-footer::after { clear: both; } .widget .widget-header { border-top-left-radius: 1px; border-top-right-radius: 1px; } .widget .widget-footer { border-bottom-right-radius: 1px; border-bottom-left-radius: 1px; } .widget p { margin: 0; } .widget .widget-icon { display: inline-block; vertical-align: middle; width: 40px; height: 40px; border-radius: 20px; text-align: center; font-size: 16px; line-height: 40px; } .widget .widget-icon.pull-left { margin-right: 15px; } .widget .widget-icon.pull-right { margin-left: 15px; } .widget .widget-bg-icon { position: absolute; right: 15px; top: 0; line-height: 80px; font-size: 60px; } .widget .widget-bg-icon i { -moz-opacity: 0.2; -khtml-opacity: 0.2; -webkit-opacity: 0.2; opacity: 0.2; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.2 * 100); filter: alpha(opacity=0.2 * 100); -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -o-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } .widget .widget-details { display: table-cell; vertical-align: middle; } .widget .widget-title { display: block; font-size: 20px; line-height: 1; color: #484848; } .widget .widget-subtitle { font-size: 12px; color: #7a7a7a; } .widget .widget-stats { position: relative; } .widget .widget-row { display: table-row; } .widget .stats-value { margin: 0; line-height: 1; } .widget .stats-caption { font-size: 80%; text-transform: uppercase; } .widget .stats-change { position: absolute; top: 0; right: 0; text-align: right; } .widget.widget-weather { padding-left: 0; padding-right: 0; text-align: center; } .widget.widget-weather .climacon { display: block; font-size: 20px; margin-top: 5px; } .widget.widget-weather .widget-weather-icon { font-size: 70px; } .widget.widget-weather .degree-value { margin-top: 5px; margin-bottom: 5px; } .widget.widget-weather .widget-weather-footer { display: table; width: 100%; border-top: 1px solid rgba(0, 0, 0, 0.05); padding-top: 25px; } .widget.widget-weather .widget-weather-footer > div { display: table-cell; vertical-align: middle; text-align: center; } .widget .percent { position: relative; } .widget .percent:after { position: absolute; top: 0; content: '%'; font-size: .5em; font-family: Georgia, serif; } .widget .widget-list { vertical-align: top; } .widget .widget-list .widget-list-item { position: relative; display: block; padding: 10px 0; color: #616161; border-top: 1px solid rgba(0, 0, 0, 0.05); } .widget > .list-group { margin-bottom: 0; } .widget > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; } .widget > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-left-radius: 1px; border-top-right-radius: 1px; } .widget > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 1px; border-bottom-left-radius: 1px; } .widget .widget-progress.progress { margin: 10px 0; background-color: rgba(0, 0, 0, 0.2); height: 2px; } .widget .widget-progress .progress-bar { background-color: white; } .widget.todo { padding: 0; } .widget .todo-title { margin: 0 15px; padding: 10px 0; font-size: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .widget .todo-body { padding: 15px; } .widget .todo-body > ul { margin-bottom: 0; } .widget .todo-footer { background-color: rgba(0, 0, 0, 0.05); padding: 10px 15px; border-bottom-right-radius: 1px; border-bottom-left-radius: 1px; } .widget-chart { position: relative; margin-bottom: 15px; display: block; width: 100%; padding: 15px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .widget-chart::before, .widget-chart::after { content: " "; display: table; } .widget-chart::after { clear: both; } /* $accordion ------------------------------------------*/ .accordion .panel { border: 1px solid #f1f1f1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .accordion .panel-heading { background-color: white !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .accordion .panel-heading a { color: #616161; position: relative; display: block; } .accordion .panel-body { border-top: 0 !important; } /* $layout-options ------------------------------------------*/ /* Fixed header */ .layout-fixed-header .main-panel > .header { position: fixed; top: 0; } .layout-fixed-header .main-content { padding-top: 75px; } .layout-fixed-header .main-content.no-padding { padding-top: 55px; padding-left: 0; padding-right: 0; padding-bottom: 0; } @media screen and (min-width: 768px) { /* Right sidebar positioning */ .layout-right-sidebar .sidebar-panel { right: 0; } .layout-right-sidebar .main-panel { margin-left: 0; margin-right: 250px; } .layout-right-sidebar.layout-small-menu .sidebar-panel nav > ul > li > .sub-menu { right: 100% !important; left: auto !important; } .layout-right-sidebar.layout-small-menu .main-panel { margin-left: 0; margin-right: 70px; } .layout-right-sidebar .eq-col { left: 0; right: 250px; } .layout-right-sidebar.layout-small-menu .eq-col { right: 0; right: 70px; } /* Static sidebar for static menu, small menu, and boxed menu */ .layout-static-sidebar, .layout-small-menu, .layout-boxed { overflow: hidden; } .layout-static-sidebar .sidebar-panel, .layout-small-menu .sidebar-panel, .layout-boxed .sidebar-panel { position: absolute; } .layout-static-sidebar .sidebar-panel > nav, .layout-small-menu .sidebar-panel > nav, .layout-boxed .sidebar-panel > nav { position: static; top: 0; right: auto; bottom: auto; left: auto; overflow: visible; display: block; } .layout-static-sidebar .full-height-content, .layout-boxed .full-height-content { position: static; height: 100%; } .layout-static-sidebar .full-height-content .eq-col, .layout-boxed .full-height-content .eq-col { width: auto; height: auto; top: 55px; bottom: 55px; } .layout-static-sidebar.layout-fixed-header .full-height-content, .layout-boxed.layout-fixed-header .full-height-content { margin-top: 55px; } .layout-static-sidebar .main-panel, .layout-boxed .main-panel { min-height: 1020px; } /* Fixed header */ .layout-fixed-header .main-panel > .header { padding-left: 250px; margin-left: -250px; } .layout-fixed-header.layout-small-menu .main-panel > .header { padding-left: 70px; margin-left: -70px; } .layout-fixed-header .full-height-content { top: 55px; } .layout-fixed-header.layout-right-sidebar .main-panel > .header { padding-left: 0; padding-right: 250px; margin-left: 0; margin-right: -250px; } .layout-fixed-header.layout-right-sidebar.layout-small-menu .main-panel > .header { padding-left: 0; padding-right: 70px; margin-left: 0; margin-right: -70px; } .layout-fixed-header.layout-small-menu .sidebar-panel > .brand, .layout-fixed-header.layout-boxed .sidebar-panel > .brand, .layout-fixed-header.layout-static-sidebar .sidebar-panel > .brand { position: fixed; top: 0; width: 250px; z-index: 9; } .layout-fixed-header.layout-small-menu .sidebar-panel > .brand { width: 70px; } .layout-fixed-header.layout-small-menu .sidebar-panel > nav, .layout-fixed-header.layout-boxed .sidebar-panel > nav, .layout-fixed-header.layout-static-sidebar .sidebar-panel > nav { margin-top: 55px; } /* Footer */ footer.content-footer { padding-left: 270px; } .layout-small-menu footer.content-footer { padding-left: 90px; } .layout-right-sidebar footer.content-footer { padding-left: 0; padding-right: 270px; } .layout-small-menu.layout-right-sidebar footer.content-footer { padding-left: 0; padding-right: 90px; } .layout-fixed-footer footer.content-footer { position: fixed; bottom: 0; background: #f0f0f0; padding-left: 250px; } .layout-fixed-footer.layout-small-menu footer.content-footer { padding-left: 90px; } .layout-fixed-footer.layout-right-sidebar footer.content-footer { padding-left: 0; padding-right: 270px; } .layout-fixed-footer.layout-right-sidebar.layout-small-menu footer.content-footer { padding-left: 0; padding-right: 90px; } } /* Right sidebar-panel */ .layout-right-sidebar .chat-panel { right: auto; left: 0; -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .layout-chat-open .chat-panel { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @media (max-width: 767px) { .layout-right-sidebar .brand .toggle-offscreen { left: auto; right: 0; } .layout-right-sidebar .brand .toggle-chat { left: 0; right: auto; } } /* Boxed layout widths */ .layout-boxed { margin-right: auto; margin-left: auto; } .layout-boxed .chat-panel { position: absolute; } @media (min-width: 768px) { .layout-boxed, .layout-boxed .preloader { max-width: 750px; } .layout-boxed.layout-fixed-header .main-panel > .header { max-width: 750px; } .layout-boxed.layout-fixed-footer footer.content-footer { max-width: 750px; } } @media (min-width: 992px) { .layout-boxed, .layout-boxed .preloader { max-width: 970px; } .layout-boxed.layout-fixed-header .main-panel > .header { max-width: 970px; } .layout-boxed.layout-fixed-footer footer.content-footer { max-width: 970px; } } @media (min-width: 1200px) { .layout-boxed, .layout-boxed .preloader { max-width: 1170px; } .layout-boxed.layout-fixed-header .main-panel > .header { max-width: 1170px; } .layout-boxed.layout-fixed-footer footer.content-footer { max-width: 1170px; } } /* $switch ------------------------------------------*/ .switch { position: relative; width: 50px; height: 30px; /* sizes. */ } .switch span { -webkit-box-shadow: #e4e4e4 0px 0px 0px 0px inset; -moz-box-shadow: #e4e4e4 0px 0px 0px 0px inset; box-shadow: #e4e4e4 0px 0px 0px 0px inset; -webkit-transition: border 300ms, box-shadow 300ms; -moz-transition: border 300ms, box-shadow 300ms; -o-transition: border 300ms, box-shadow 300ms; transition: border 300ms, box-shadow 300ms; width: 100%; height: 100%; position: absolute; display: inline-block; box-sizing: content-box; border: 1px solid #e4e4e4; background-color: #e4e4e4; background-clip: content-box; vertical-align: middle; cursor: pointer; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .switch input { display: none; } .switch span i { position: absolute; top: 0; display: inline-block; cursor: pointer; padding-right: 20px; -webkit-transition: all ease 0.2s; -moz-transition: all ease 0.2s; -o-transition: all ease 0.2s; transition: all ease 0.2s; } .switch span i::before { display: block; content: ''; width: 30px; height: 30px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: white; } .switch :disabled + span i::before { background-color: #efefef; } .switch :checked + span { border-color: #2ecc71; -webkit-box-shadow: #2ecc71 0px 0px 0px 21px inset; -moz-box-shadow: #2ecc71 0px 0px 0px 21px inset; box-shadow: #2ecc71 0px 0px 0px 21px inset; -webkit-transition: border 300ms, box-shadow 300ms, background-color 1.2s; -moz-transition: border 300ms, box-shadow 300ms, background-color 1.2s; -o-transition: border 300ms, box-shadow 300ms, background-color 1.2s; transition: border 300ms, box-shadow 300ms, background-color 1.2s; background-color: #2ecc71; } .switch :checked + span i { padding-right: 0; padding-left: 20px; } .switch.switch-sm { width: 33px; height: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .switch.switch-sm span i::before { width: 20px; height: 20px; } .switch.switch-sm :checked + span i { padding-left: 13px; } .switch.switch-lg { width: 66px; height: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; } .switch.switch-lg span i::before { width: 40px; height: 40px; } .switch.switch-lg :checked + span i { padding-left: 26px; } .switch.square span i::before, .switch.square span { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .switch.switch-primary :checked + span { border-color: #0099cc; -webkit-box-shadow: #0099cc 0px 0px 0px 21px inset; -moz-box-shadow: #0099cc 0px 0px 0px 21px inset; box-shadow: #0099cc 0px 0px 0px 21px inset; background-color: #0099cc; } .switch.switch-warning :checked + span { border-color: #ffc65d; -webkit-box-shadow: #ffc65d 0px 0px 0px 21px inset; -moz-box-shadow: #ffc65d 0px 0px 0px 21px inset; box-shadow: #ffc65d 0px 0px 0px 21px inset; background-color: #ffc65d; } .switch.switch-danger :checked + span { border-color: #d96557; -webkit-box-shadow: #d96557 0px 0px 0px 21px inset; -moz-box-shadow: #d96557 0px 0px 0px 21px inset; box-shadow: #d96557 0px 0px 0px 21px inset; background-color: #d96557; } .switch.switch-info :checked + span { border-color: #4cc3d9; -webkit-box-shadow: #4cc3d9 0px 0px 0px 21px inset; -moz-box-shadow: #4cc3d9 0px 0px 0px 21px inset; box-shadow: #4cc3d9 0px 0px 0px 21px inset; background-color: #4cc3d9; } .switch.switch-dark :checked + span { border-color: #4c5064; -webkit-box-shadow: #4c5064 0px 0px 0px 21px inset; -moz-box-shadow: #4c5064 0px 0px 0px 21px inset; box-shadow: #4c5064 0px 0px 0px 21px inset; background-color: #4c5064; } /* $print ------------------------------------------*/ @media print { .main-content { width: 100%; } .sidebar-panel, .content-footer, .header, .no-print { display: none; } } /* $alerts ------------------------------------------*/ .alert { padding: 10px 15px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .alert-dismissable .close { right: 0; } .alert-success { background-color: #a8ebc4; border-color: #9be8bc; color: #1b7943; } .alert-success hr { border-top-color: #86e4ae; } .alert-success .alert-link { color: #124f2c; } .alert-info { background-color: #caedf4; border-color: #bee9f1; color: #218a9e; } .alert-info hr { border-top-color: #a9e2ed; } .alert-info .alert-link { color: #196573; } .alert-warning { background-color: #fff3dd; border-color: #ffedcd; color: #ffab11; } .alert-warning hr { border-top-color: #ffe5b4; } .alert-warning .alert-link { color: #dd8f00; } .alert-danger { background-color: #f5d7d4; border-color: #f2ccc7; color: #a53325; } .alert-danger hr { border-top-color: #eeb9b3; } .alert-danger .alert-link { color: #7b261c; } /* $badge ------------------------------------------*/ .badge { line-height: 15px; } /* $breadcrumbs ------------------------------------------*/ .breadcrumb { background-color: white; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .breadcrumb > li + li::before { padding: 0 5px; content: "\f105\00a0"; font-family: FontAwesome; } /* $buttons ------------------------------------------*/ .btn { padding-right: 15px; padding-left: 15px; outline: 0; font-size: 13px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; line-height: 20px; position: relative; z-index: 1; -webkit-backface-visibility: hidden; } .btn::before { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .btn:focus, .btn:active, .btn.active, .btn:active:focus, .btn.active:focus { outline: 0; } .btn:active, .btn.active, .btn-group.open .dropdown-toggle { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn:active::before, .btn.active::before, .btn-group.open .dropdown-toggle::before { -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .btn-lg, .btn-group-lg > .btn { padding: 11px 16px; font-size: 18px; line-height: 1.25; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .btn-sm, .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .btn-xs, .btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; } /* Rounded button styles */ .btn-round, .btn-round a, .btn-round .btn, .input-round { -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; } .btn-round::before, .btn-round a::before, .btn-round .btn::before, .input-round::before { -webkit-border-radius: 40px !important; -moz-border-radius: 40px !important; border-radius: 40px !important; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 2px; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-bottom-left-radius: 2px; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -2px; } /* Default Button Style */ .btn-default { color: #616161; background-color: white; border-color: rgba(0, 0, 0, 0.13); } .btn-default:visited { color: #616161; } .btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #616161; background-color: white; border-color: rgba(0, 0, 0, 0.13); } .btn-default::before { content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #e6e6e6; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0 * 100); filter: alpha(opacity=0 * 100); -webkit-transform: scale3d(0.7, 1, 1); -moz-transform: scale3d(0.7, 1, 1); -o-transform: scale3d(0.7, 1, 1); -ms-transform: scale3d(0.7, 1, 1); transform: scale3d(0.7, 1, 1); -webkit-transition: transform 0.4s, opacity 0.4s; -moz-transition: transform 0.4s, opacity 0.4s; -o-transition: transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .btn-default, .btn-default::before { -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .btn-default:hover::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background-image: none; border-color: rgba(0, 0, 0, 0.13); } .btn-default:active::before, .btn-default.active::before, .open > .dropdown-toggle.btn-default::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background-color: #e6e6e6; } .btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus { color: #616161; background-color: #f2f2f2; border-color: rgba(0, 0, 0, 0.13); } .btn-default.disabled::before, .btn-default[disabled]::before { z-index: 1; } .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.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: white; border-color: rgba(0, 0, 0, 0.13); } .btn-default .badge { color: white; background-color: #616161; } .btn-default.btn-outline { background-color: transparent; background-image: none; border-color: rgba(0, 0, 0, 0.13); color: white; } .btn-default.btn-outline:hover, .btn-default.btn-outline:focus, .btn-default.btn-outline:active, .btn-default.btn-outline.active { background-color: white; color: #616161; } .btn-default.btn-outline { color: #616161; } /* Primary Button Style */ .btn-primary { color: white; background-color: #0099cc; border-color: #0099cc; } .btn-primary:visited { color: white; } .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: white; background-color: #0099cc; border-color: #007399; } .btn-primary::before { content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #007399; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0 * 100); filter: alpha(opacity=0 * 100); -webkit-transform: scale3d(0.7, 1, 1); -moz-transform: scale3d(0.7, 1, 1); -o-transform: scale3d(0.7, 1, 1); -ms-transform: scale3d(0.7, 1, 1); transform: scale3d(0.7, 1, 1); -webkit-transition: transform 0.4s, opacity 0.4s; -moz-transition: transform 0.4s, opacity 0.4s; -o-transition: transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .btn-primary, .btn-primary::before { -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .btn-primary:hover::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background-image: none; border-color: #006b8f; } .btn-primary:active::before, .btn-primary.active::before, .open > .dropdown-toggle.btn-primary::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background-color: #007399; } .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus { color: white; background-color: #0086b3; border-color: #0086b3; } .btn-primary.disabled::before, .btn-primary[disabled]::before { z-index: 1; } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: #0099cc; border-color: #0099cc; } .btn-primary .badge { color: #0099cc; background-color: white; } .btn-primary.btn-outline { background-color: transparent; background-image: none; border-color: #0099cc; color: #0099cc; } .btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:active, .btn-primary.btn-outline.active { background-color: #0099cc; color: white; } /* Warning Button Style */ .btn-warning { color: white; background-color: #ffc65d; border-color: #ffc65d; } .btn-warning:visited { color: white; } .btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { color: white; background-color: #ffc65d; border-color: #ffb42a; } .btn-warning::before { content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #ffb42a; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0 * 100); filter: alpha(opacity=0 * 100); -webkit-transform: scale3d(0.7, 1, 1); -moz-transform: scale3d(0.7, 1, 1); -o-transform: scale3d(0.7, 1, 1); -ms-transform: scale3d(0.7, 1, 1); transform: scale3d(0.7, 1, 1); -webkit-transition: transform 0.4s, opacity 0.4s; -moz-transition: transform 0.4s, opacity 0.4s; -o-transition: transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .btn-warning, .btn-warning::before { -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .btn-warning:hover::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { background-image: none; border-color: #ffb020; } .btn-warning:active::before, .btn-warning.active::before, .open > .dropdown-toggle.btn-warning::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background-color: #ffb42a; } .btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus { color: white; background-color: #ffbd43; border-color: #ffbd43; } .btn-warning.disabled::before, .btn-warning[disabled]::before { z-index: 1; } .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.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: #ffc65d; border-color: #ffc65d; } .btn-warning .badge { color: #ffc65d; background-color: white; } .btn-warning.btn-outline { background-color: transparent; background-image: none; border-color: #ffc65d; color: #ffc65d; } .btn-warning.btn-outline:hover, .btn-warning.btn-outline:focus, .btn-warning.btn-outline:active, .btn-warning.btn-outline.active { background-color: #ffc65d; color: white; } /* Success Button Style */ .btn-success { color: white; background-color: #2ecc71; border-color: #2ecc71; } .btn-success:visited { color: white; } .btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { color: white; background-color: #2ecc71; border-color: #25a25a; } .btn-success::before { content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #25a25a; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0 * 100); filter: alpha(opacity=0 * 100); -webkit-transform: scale3d(0.7, 1, 1); -moz-transform: scale3d(0.7, 1, 1); -o-transform: scale3d(0.7, 1, 1); -ms-transform: scale3d(0.7, 1, 1); transform: scale3d(0.7, 1, 1); -webkit-transition: transform 0.4s, opacity 0.4s; -moz-transition: transform 0.4s, opacity 0.4s; -o-transition: transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .btn-success, .btn-success::before { -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .btn-success:hover::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { background-image: none; border-color: #239a55; } .btn-success:active::before, .btn-success.active::before, .open > .dropdown-toggle.btn-success::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background-color: #25a25a; } .btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus { color: white; background-color: #29b765; border-color: #29b765; } .btn-success.disabled::before, .btn-success[disabled]::before { z-index: 1; } .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.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: #2ecc71; border-color: #2ecc71; } .btn-success .badge { color: #2ecc71; background-color: white; } .btn-success.btn-outline { background-color: transparent; background-image: none; border-color: #2ecc71; color: #2ecc71; } .btn-success.btn-outline:hover, .btn-success.btn-outline:focus, .btn-success.btn-outline:active, .btn-success.btn-outline.active { background-color: #2ecc71; color: white; } /* Info Button Style */ .btn-info { color: white; background-color: #4cc3d9; border-color: #4cc3d9; } .btn-info:visited { color: white; } .btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { color: white; background-color: #4cc3d9; border-color: #2aafc8; } .btn-info::before { content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #2aafc8; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0 * 100); filter: alpha(opacity=0 * 100); -webkit-transform: scale3d(0.7, 1, 1); -moz-transform: scale3d(0.7, 1, 1); -o-transform: scale3d(0.7, 1, 1); -ms-transform: scale3d(0.7, 1, 1); transform: scale3d(0.7, 1, 1); -webkit-transition: transform 0.4s, opacity 0.4s; -moz-transition: transform 0.4s, opacity 0.4s; -o-transition: transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .btn-info, .btn-info::before { -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .btn-info:hover::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { background-image: none; border-color: #29a8bf; } .btn-info:active::before, .btn-info.active::before, .open > .dropdown-toggle.btn-info::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background-color: #2aafc8; } .btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus { color: white; background-color: #37bcd5; border-color: #37bcd5; } .btn-info.disabled::before, .btn-info[disabled]::before { z-index: 1; } .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.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: #4cc3d9; border-color: #4cc3d9; } .btn-info .badge { color: #4cc3d9; background-color: white; } .btn-info.btn-outline { background-color: transparent; background-image: none; border-color: #4cc3d9; color: #4cc3d9; } .btn-info.btn-outline:hover, .btn-info.btn-outline:focus, .btn-info.btn-outline:active, .btn-info.btn-outline.active { background-color: #4cc3d9; color: white; } /* Danger Button Style */ .btn-danger { color: white; background-color: #d96557; border-color: #d96557; } .btn-danger:visited { color: white; } .btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { color: white; background-color: #d96557; border-color: #ce402f; } .btn-danger::before { content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #ce402f; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0 * 100); filter: alpha(opacity=0 * 100); -webkit-transform: scale3d(0.7, 1, 1); -moz-transform: scale3d(0.7, 1, 1); -o-transform: scale3d(0.7, 1, 1); -ms-transform: scale3d(0.7, 1, 1); transform: scale3d(0.7, 1, 1); -webkit-transition: transform 0.4s, opacity 0.4s; -moz-transition: transform 0.4s, opacity 0.4s; -o-transition: transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .btn-danger, .btn-danger::before { -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .btn-danger:hover::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { background-image: none; border-color: #c63d2d; } .btn-danger:active::before, .btn-danger.active::before, .open > .dropdown-toggle.btn-danger::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background-color: #ce402f; } .btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus { color: white; background-color: #d45242; border-color: #d45242; } .btn-danger.disabled::before, .btn-danger[disabled]::before { z-index: 1; } .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.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: #d96557; border-color: #d96557; } .btn-danger .badge { color: #d96557; background-color: white; } .btn-danger.btn-outline { background-color: transparent; background-image: none; border-color: #d96557; color: #d96557; } .btn-danger.btn-outline:hover, .btn-danger.btn-outline:focus, .btn-danger.btn-outline:active, .btn-danger.btn-outline.active { background-color: #d96557; color: white; } .close { font-weight: 400; } .btn.text-left { text-align: left; } .btn.text-right { text-align: right; } /* $code ------------------------------------------*/ pre { -webkit-overflow-scrolling: touch; padding: 10px; border-color: #e4e4e4; color: #616161; white-space: nowrap; font-size: 11px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* $dropdown ------------------------------------------*/ .dropdown-menu { border-color: #e4e4e4; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out; transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out; } .dropdown-menu > li > a { padding-right: 15px; padding-left: 15px; color: #616161; font-size: 13px; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #d7d7d7; } .open .dropdown-menu { visibility: visible; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); } .dropdown-header { padding-left: 15px; padding-right: 15px; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color: #f8f8f8; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background-color: #f8f8f8; color: #616161; } /* $forms ------------------------------------------*/ label { font-weight: 500; } textarea { resize: vertical; } .no-resize { resize: none; } .form-control:-moz-placeholder { color: #878787; font-size: 12px; } .form-control::-moz-placeholder { color: #878787; font-size: 12px; } .form-control:-ms-input-placeholder { color: #878787; font-size: 12px; } .form-control::-webkit-input-placeholder { color: #878787; font-size: 12px; } .placeholder { color: #878787; } .form-control { border-color: #e4e4e4; font-weight: 400; font-size: 13px; -webkit-font-smoothing: antialiased; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transition: border 300ms linear; -moz-transition: border 300ms linear; -o-transition: border 300ms linear; transition: border 300ms linear; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .form-control:focus { border-color: #0ac2ff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* Validation States */ .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #2ecc71; } .has-success .form-control { border-color: #2ecc71; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-success .form-control:focus { border-color: #25a25a; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ee2a8; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ee2a8; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ee2a8; } .has-success .input-group-addon { color: #ffffff; border-color: #2ecc71; background-color: #2ecc71; } .has-success .form-control-feedback { color: #2ecc71; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #ffc65d; } .has-warning .form-control { border-color: #ffc65d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-warning .form-control:focus { border-color: #ffb42a; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffeac3; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffeac3; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffeac3; } .has-warning .input-group-addon { color: #ffffff; border-color: #ffc65d; background-color: #ffc65d; } .has-warning .form-control-feedback { color: #ffc65d; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #d96557; } .has-error .form-control { border-color: #d96557; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-error .form-control:focus { border-color: #ce402f; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ecb1aa; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ecb1aa; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ecb1aa; } .has-error .input-group-addon { color: #ffffff; border-color: #d96557; background-color: #d96557; } .has-error .form-control-feedback { color: #d96557; } .spinner .form-control { text-align: center; } /* $input-groups ------------------------------------------*/ .input-group-addon { font-size: 13px; color: #616161; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border-color: #e4e4e4; background-color: #e7e7e7; } .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { font-size: inherit; } .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } /* $jumbotron ------------------------------------------*/ .jumbotron .jumbotron-heading { margin-top: 0; } .jumbotron .jumbotron-sub-heading { margin-bottom: 0; } /* $labels ------------------------------------------*/ .label { -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; padding: .2em 10px .3em; } .label-default { background-color: #e2e2e2; color: #616161; } .label-default[href]:hover, .label-default[href]:focus { background-color: #c9c9c9; } .label-primary { background-color: #0099cc; } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #007399; } .label-success { background-color: #2ecc71; } .label-success[href]:hover, .label-success[href]:focus { background-color: #25a25a; } .label-info { background-color: #4cc3d9; } .label-info[href]:hover, .label-info[href]:focus { background-color: #2aafc8; } .label-warning { background-color: #ffc65d; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #ffb42a; } .label-danger { background-color: #d96557; } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #ce402f; } /* $listgroup ------------------------------------------*/ .list-group { margin-bottom: 15px; } .list-group-item { border-color: #e4e4e4; } .list-group-item:first-child { border-top-right-radius: 2px; border-top-left-radius: 2px; } .list-group-item:last-child { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } a.list-group-item:hover, a.list-group-item:focus { background-color: #efefef; } .list-group-item-success { color: #1b7943; background-color: #a8ebc4; } a.list-group-item-success { color: #1b7943; } a.list-group-item-success .list-group-item-heading { color: inherit; } a.list-group-item-success:hover, a.list-group-item-success:focus { color: #1b7943; background-color: #93e7b6; } a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus { color: #fff; background-color: #1b7943; border-color: #1b7943; } .list-group-item-info { color: #218a9e; background-color: #caedf4; } a.list-group-item-info { color: #218a9e; } a.list-group-item-info .list-group-item-heading { color: inherit; } a.list-group-item-info:hover, a.list-group-item-info:focus { color: #218a9e; background-color: #b5e6ef; } a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus { color: #fff; background-color: #218a9e; border-color: #218a9e; } .list-group-item-warning { color: #f69f00; background-color: #fffcf6; } a.list-group-item-warning { color: #f69f00; } a.list-group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-warning:hover, a.list-group-item-warning:focus { color: #f69f00; background-color: #fff3dd; } a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus { color: #fff; background-color: #f69f00; border-color: #f69f00; } .list-group-item-danger { color: #a53325; background-color: #f5d7d4; } a.list-group-item-danger { color: #a53325; } a.list-group-item-danger .list-group-item-heading { color: inherit; } a.list-group-item-danger:hover, a.list-group-item-danger:focus { color: #a53325; background-color: #f1c4bf; } a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus { color: #fff; background-color: #a53325; border-color: #a53325; } /* $modal ------------------------------------------*/ .modal { z-index: 2020; background: black; background: rgba(0, 0, 0, 0.4); } .modal-content { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .modal .modal-dialog, .modal.in .modal-dialog { -webkit-animation-duration: 800ms; -moz-animation-duration: 800ms; -o-animation-duration: 800ms; animation-duration: 800ms; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; } .modal .modal-dialog { -webkit-animation-name: animation-close; -moz-animation-name: animation-close; -o-animation-name: animation-close; animation-name: animation-close; -webkit-animation-duration: 300ms; -moz-animation-duration: 300ms; -o-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .modal.in .modal-dialog { -webkit-animation-name: animation-open; -moz-animation-name: animation-open; -o-animation-name: animation-open; animation-name: animation-open; } /* $navbar ------------------------------------------*/ .navbar { min-height: 0; } /* Navbar inverse */ .navbar-inverse { border-color: #4c5064; background-color: #4c5064; } .navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a { color: white; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: white; background-color: #45495b; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #4c5064; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #414456; } .navbar-inverse .dropdown-menu { border-color: #4c5064; } /* $navs ------------------------------------------*/ /* Navs */ .nav > li > a:hover, .nav > li > a:focus { background-color: #0099cc; color: #fff; } /* Pills */ .nav-pills > li > a { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { background-color: #0099cc; color: white; } /* Tabs */ .nav-tabs { border: 0; background: transparent; } .nav-tabs > li { margin: 0; } .nav-tabs > li > a { margin: 0; border: 0; padding: 10px 15px; } .nav-tabs > li > a:hover, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus { border-color: transparent; background-color: transparent; color: #404040; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border: 0; background-color: transparent; } @media (max-width: 767px) { .nav-justified-xs .nav > li { display: table-cell; width: 1%; } .nav-justified-xs .nav > li > a { margin-bottom: 0; } } /* Custom tab */ .box-tab { position: relative; margin-bottom: 15px; } .box-tab.left .nav-tabs { bottom: auto; right: -1px; float: left; } .box-tab.left .nav-tabs li { float: none; text-align: left; } .box-tab.left .nav-tabs li a::before { -webkit-transform: perspective(900px) rotate3d(0, 1, 0, 90deg); transform: perspective(900px) rotate3d(0, 1, 0, 90deg); -webkit-transform-origin: 100% 100%; -moz-transform-origin: 100% 100%; -o-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-perspective-origin: 100% 100%; perspective-origin: 100% 100%; } .box-tab.left .nav-tabs li.active a::before { -webkit-transform: perspective(900px) rotate3d(0, 1, 0, 0deg); transform: perspective(900px) rotate3d(0, 1, 0, 0deg); border-top-left-radius: 2px; border-top-right-radius: 0; border-bottom-left-radius: 2px; } .box-tab.left .tab-content { overflow: hidden; } .box-tab.right .nav-tabs { bottom: auto; left: -1px; float: right; } .box-tab.right .nav-tabs li { float: none; text-align: left; } .box-tab.right .nav-tabs li a::before { -webkit-transform: perspective(900px) rotate3d(0, 1, 0, 90deg); transform: perspective(900px) rotate3d(0, 1, 0, 90deg); -webkit-transform-origin: -100% 100%; -moz-transform-origin: -100% 100%; -o-transform-origin: -100% 100%; -ms-transform-origin: -100% 100%; transform-origin: -100% 100%; -webkit-perspective-origin: -100% 100%; perspective-origin: -100% 100%; } .box-tab.right .nav-tabs li.active a::before { -webkit-transform: perspective(900px) rotate3d(0, 1, 0, 0deg); transform: perspective(900px) rotate3d(0, 1, 0, 0deg); border-top-left-radius: 0; border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .box-tab.right .tab-content { overflow: hidden; } .box-tab .nav-tabs { position: relative; bottom: -1px; margin: 0 auto; padding: 0; } .box-tab .nav-tabs li { position: relative; display: block; margin: 0; text-align: center; z-index: 1; } .box-tab .nav-tabs li:not(:last-child) { border-right: none; } .box-tab .nav-tabs li a { position: relative; display: block; text-overflow: ellipsis; white-space: nowrap; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; overflow: hidden; } .box-tab .nav-tabs li a::before { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #f0f0f0; content: ''; -webkit-transition: transform 300ms, background-color 300ms; -moz-transition: transform 300ms, background-color 300ms; -o-transition: transform 300ms, background-color 300ms; transition: transform 300ms, background-color 300ms; -webkit-transform: perspective(900px) rotate3d(1, 0, 0, 90deg); transform: perspective(900px) rotate3d(1, 0, 0, 90deg); -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-perspective-origin: 50% 100%; perspective-origin: 50% 100%; } .box-tab .nav-tabs li a:hover { color: #4d4d4d; } .box-tab .nav-tabs li.active a, .box-tab .nav-tabs li.active a:hover { color: #fff; /*Editado #616161 cor das letras da nav tabela*/ background: var(--corCliente); } .box-tab .nav-tabs li.active a::before { background-color: white; -webkit-transform: perspective(900px) rotate3d(1, 0, 0, 0deg); transform: perspective(900px) rotate3d(1, 0, 0, 0deg); border-top-left-radius: 2px; border-top-right-radius: 2px; } .box-tab .nav-tabs.nav-justified > li > a, .box-tab .nav-tabs.nav-justified > .active > a, .box-tab .nav-tabs.nav-justified > .active > a:focus, .box-tab .nav-tabs.nav-justified > .active > a:hover { border: 0; } .box-tab .tab-content { overflow: hidden; padding: 15px; background-color: #fff; /*Editado cor do conteudo da tabela*/ border: 1px solid rgba(0, 0, 0 ,.2); } .box-tab.justified .nav-tabs li { display: table-cell; float: none; width: 1%; vertical-align: top; text-align: center; } /* $pagination ------------------------------------------*/ .pagination > li > a, .pagination > li > span { border-color: #e4e4e4; } .pagination > li:first-child > a, .pagination > li:first-child > span { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { border-color: #d7d7d7; background-color: #f1f1f1; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { border-color: #0099cc; background-color: #0099cc; color: white; } .pager.pager-square li > a, .pager.pager-square li > span { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* $panel ------------------------------------------*/ .panel { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-width: 0; position: relative; margin-bottom: 20px; } .panel.panel-bordered { border-width: 1px; } .panel.panel-bordered .panel-heading { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .panel-heading { position: relative; border-color: transparent; border-top-right-radius: 0; border-top-left-radius: 0; padding: 15px; } .panel-heading::before, .panel-heading::after { content: " "; display: table; } .panel-heading::after { clear: both; } .panel-heading.border::after { content: ''; display: block; position: absolute; height: 1px; left: 15px; right: 15px; bottom: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.06); } .panel-group .panel-heading + .panel-collapse > .panel-body { border-color: #ececec; } .panel-footer { border-color: #ececec; background-color: #fcfcfc; } .panel-default { border-color: #e2e2e2; } .panel-default > .panel-heading { color: #616161; background-color: #e2e2e2; border-color: #e2e2e2; } .panel-default > .panel-heading + .panel-collapse .panel-body { border-top-color: #e2e2e2; } .panel-default > .panel-heading .badge { color: #e2e2e2; background-color: #616161; } .panel-default > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #e2e2e2; } .panel-primary { border-color: #0099cc; } .panel-primary > .panel-heading { color: white; background-color: #0099cc; border-color: #0099cc; } .panel-primary > .panel-heading + .panel-collapse .panel-body { border-top-color: #0099cc; } .panel-primary > .panel-heading .badge { color: #0099cc; background-color: white; } .panel-primary > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #0099cc; } .panel-success { border-color: #2ecc71; } .panel-success > .panel-heading { color: white; background-color: #2ecc71; border-color: #2ecc71; } .panel-success > .panel-heading + .panel-collapse .panel-body { border-top-color: #2ecc71; } .panel-success > .panel-heading .badge { color: #2ecc71; background-color: white; } .panel-success > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #2ecc71; } .panel-warning { border-color: #ffc65d; } .panel-warning > .panel-heading { color: white; background-color: #ffc65d; border-color: #ffc65d; } .panel-warning > .panel-heading + .panel-collapse .panel-body { border-top-color: #ffc65d; } .panel-warning > .panel-heading .badge { color: #ffc65d; background-color: white; } .panel-warning > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #ffc65d; } .panel-danger { border-color: #d96557; } .panel-danger > .panel-heading { color: white; background-color: #d96557; border-color: #d96557; } .panel-danger > .panel-heading + .panel-collapse .panel-body { border-top-color: #d96557; } .panel-danger > .panel-heading .badge { color: #d96557; background-color: white; } .panel-danger > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #d96557; } .panel-info { border-color: #4cc3d9; } .panel-info > .panel-heading { color: white; background-color: #4cc3d9; border-color: #4cc3d9; } .panel-info > .panel-heading + .panel-collapse .panel-body { border-top-color: #4cc3d9; } .panel-info > .panel-heading .badge { color: #4cc3d9; background-color: white; } .panel-info > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #4cc3d9; } .accordion-toggle { font-size: 13px; } .panel-controls { float: right; } .panel-controls a { margin-left: 10px; display: inline-block; } .panel-controls [data-toggle=panel-remove] .panel-icon-plus, .panel-controls .panel-remove .panel-icon-plus { display: block; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .panel-collapsed [data-toggle=panel-collapse] .panel-icon-chevron, .panel-collapsed .panel-collapse .panel-icon-chevron { display: block; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .panel-collapsed > .panel-body { display: none; } .panel-refreshing::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(255, 255, 255, 0.6); z-index: 1; } .panel-refreshing::after { position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; width: 50px; height: 50px; background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23ccc%22%3E%0A%20%20%3Cpath%20opacity%3D%22.25%22%20d%3D%22M16%200%20A16%2016%200%200%200%2016%2032%20A16%2016%200%200%200%2016%200%20M16%204%20A12%2012%200%200%201%2016%2028%20A12%2012%200%200%201%2016%204%22/%3E%0A%20%20%3Cpath%20d%3D%22M16%200%20A16%2016%200%200%201%2032%2016%20L28%2016%20A12%2012%200%200%200%2016%204z%22%3E%0A%20%20%20%20%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20from%3D%220%2016%2016%22%20to%3D%22360%2016%2016%22%20dur%3D%220.8s%22%20repeatCount%3D%22indefinite%22%20/%3E%0A%20%20%3C/path%3E%0A%3C/svg%3E%0A%0A) center center no-repeat; content: ''; z-index: 2; } /* $popover ------------------------------------------*/ .popover { -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); font-family: inherit; font-size: inherit; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border-color: #e4e4e4; padding: 0; } .popover .popover-title { border-bottom-color: #e4e4e4; background-color: #fafbfd; border-top-left-radius: 2px; border-top-right-radius: 2px; } .popover .popover-content:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } /* $progress-bar ------------------------------------------*/ .progress { margin-bottom: 15px; height: 5px; background-color: #d0dbec; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .progress-bar { background-color: #0099cc; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .progress-bar-success { background-color: #2ecc71; } .progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg, #2ecc71 25%, transparent 25%, transparent 50%, #2ecc71 50%, #2ecc71 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, #2ecc71 25%, transparent 25%, transparent 50%, #2ecc71 50%, #2ecc71 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, #2ecc71 25%, transparent 25%, transparent 50%, #2ecc71 50%, #2ecc71 75%, transparent 75%, transparent); } .progress-bar-info { background-color: #4cc3d9; } .progress-striped .progress-bar-info { background-image: -webkit-linear-gradient(45deg, #4cc3d9 25%, transparent 25%, transparent 50%, #4cc3d9 50%, #4cc3d9 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, #4cc3d9 25%, transparent 25%, transparent 50%, #4cc3d9 50%, #4cc3d9 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, #4cc3d9 25%, transparent 25%, transparent 50%, #4cc3d9 50%, #4cc3d9 75%, transparent 75%, transparent); } .progress-bar-warning { background-color: #ffc65d; } .progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg, #ffc65d 25%, transparent 25%, transparent 50%, #ffc65d 50%, #ffc65d 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, #ffc65d 25%, transparent 25%, transparent 50%, #ffc65d 50%, #ffc65d 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, #ffc65d 25%, transparent 25%, transparent 50%, #ffc65d 50%, #ffc65d 75%, transparent 75%, transparent); } .progress-bar-danger { background-color: #d96557; } .progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg, #d96557 25%, transparent 25%, transparent 50%, #d96557 50%, #d96557 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, #d96557 25%, transparent 25%, transparent 50%, #d96557 50%, #d96557 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, #d96557 25%, transparent 25%, transparent 50%, #d96557 50%, #d96557 75%, transparent 75%, transparent); } /* $tables ------------------------------------------*/ .table { background-color: white; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 10px 15px; border-color: #e4e4e4; } .table.table-condensed > thead > tr > th, .table.table-condensed > tbody > tr > th, .table.table-condensed > tfoot > tr > th, .table.table-condensed > thead > tr > td, .table.table-condensed > tbody > tr > td, .table.table-condensed > tfoot > tr > td { padding: 8px 15px; } .table > thead > tr > th { border-color: #e4e4e4; } .table-hover > tbody > tr:hover { background-color: #f3f3f3; } .table-striped > tbody > tr:nth-child(even) { background-color: #f3f3f3; } .table-bordered { border-color: #e4e4e4; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border-color: #e4e4e4; border-top: 0; border-left: 0; } .table-bordered > thead > tr > th:first-child, .table-bordered > tbody > tr > th:first-child, .table-bordered > tfoot > tr > th:first-child, .table-bordered > thead > tr > td:first-child, .table-bordered > tbody > tr > td:first-child, .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-bordered > thead > tr > th:last-child, .table-bordered > tbody > tr > th:last-child, .table-bordered > tfoot > tr > th:last-child, .table-bordered > thead > tr > td:last-child, .table-bordered > tbody > tr > td:last-child, .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 1px; } .table-striped > tbody > tr:nth-child(odd) { background-color: transparent; } .table-responsive { overflow-x: visible; } @media (max-width: 767px) { .table-responsive { overflow-x: auto; border-color: #e4e4e4; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } } /* No More tables */ @media (max-width: 767px) { /* Source:: http://elvery.net/demo/responsive-tables/#no-more-tables */ /* Force table to not be like tables anymore */ .no-more-tables table, .no-more-tables thead, .no-more-tables tbody, .no-more-tables th, .no-more-tables td, .no-more-tables tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ .no-more-tables thead tr { position: absolute; top: -9999px; left: -9999px; } .no-more-tables tr { border: 1px solid #e4e4e4; } .no-more-tables td { position: relative; padding-left: 50% !important; /* Behave like a "row" */ border-top: 0 !important; border-bottom: 1px solid #e4e4e4; text-align: left; white-space: normal; } .no-more-tables td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; padding-right: 10px; width: 45%; text-align: left; white-space: nowrap; font-weight: 700; } /* Label the data */ .no-more-tables td:before { content: attr(data-title); } } /* $tooltip ------------------------------------------*/ .tooltip-inner { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: 2px; background: rgba(0, 0, 0, 0.6); padding: 2px 15px; } .tooltip.top .tooltip-arrow { border-top-color: rgba(0, 0, 0, 0.6); } .tooltip.top-left .tooltip-arrow { border-top-color: rgba(0, 0, 0, 0.6); } .tooltip.top-right .tooltip-arrow { border-top-color: rgba(0, 0, 0, 0.6); } .tooltip.right .tooltip-arrow { border-right-color: rgba(0, 0, 0, 0.6); } .tooltip.left .tooltip-arrow { border-left-color: rgba(0, 0, 0, 0.6); } .tooltip.bottom .tooltip-arrow { border-bottom-color: rgba(0, 0, 0, 0.6); } .tooltip.bottom-left .tooltip-arrow { border-bottom-color: rgba(0, 0, 0, 0.6); } .tooltip.bottom-right .tooltip-arrow { border-bottom-color: rgba(0, 0, 0, 0.6); } .tooltip.in { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); } /* $colors ------------------------------------------*/ /* Color Variant: Primary */ .bg-primary { color: white; background-color: #0099cc; } a.bg-primary:hover { background-color: #007399; } .bg-primary-dark { color: white; background-color: #0086b3; } a.bg-primary-dark:hover { background-color: #006080; } .bg-primary-light { color: white; background-color: #00ace6; } a.bg-primary-light:hover { background-color: #0086b3; } /* Color Variant: Default */ .bg-default { background-color: #e2e2e2; } a.bg-default:hover { background-color: #c9c9c9; } .bg-default-dark { background-color: #d5d5d5; } a.bg-default-dark:hover { background-color: #bcbcbc; } .bg-default-light { background-color: #e7e7e7; } a.bg-default-light:hover { background-color: #cecece; } /* Color Variant: Warning */ .bg-warning { color: white; background-color: #ffc65d; } a.bg-warning:hover { background-color: #ffb42a; } .bg-warning-dark { color: white; background-color: #ffbd43; } a.bg-warning-dark:hover { background-color: #ffab11; } .bg-warning-light { color: white; background-color: #ffcf77; } a.bg-warning-light:hover { background-color: #ffbd44; } /* Color Variant: Success */ .bg-success { color: white; background-color: #2ecc71; } a.bg-success:hover { background-color: #25a25a; } .bg-success-dark { color: white; background-color: #29b765; } a.bg-success-dark:hover { background-color: #208e4e; } .bg-success-light { color: white; background-color: #40d47e; } a.bg-success-light:hover { background-color: #29b765; } /* Color Variant: Info */ .bg-info { color: white; background-color: #4cc3d9; } a.bg-info:hover { background-color: #2aafc8; } .bg-info-dark { color: white; background-color: #37bcd5; } a.bg-info-dark:hover { background-color: #269db3; } .bg-info-light { color: white; background-color: #61cadd; } a.bg-info-light:hover { background-color: #37bcd5; } /* Color Variant: Danger */ .bg-danger { color: white; background-color: #d96557; } a.bg-danger:hover { background-color: #ce402f; } .bg-danger-dark { color: white; background-color: #d45242; } a.bg-danger-dark:hover { background-color: #ba392a; } .bg-danger-light { color: white; background-color: #de786c; } a.bg-danger-light:hover { background-color: #d45242; } /* Color Variant: White */ .bg-white { color: #616161; background-color: white; } a.bg-white:hover { background-color: #e6e6e6; } /* Color Variant: Dark */ .bg-dark { color: white; background-color: #4c5064; } a.bg-dark:hover { background-color: #363947; } .bg-dark-dark { color: white; background-color: #414456; } a.bg-dark-dark:hover { background-color: #2b2d39; } .bg-dark-light { color: white; background-color: #575c72; } a.bg-dark-light:hover { background-color: #414456; } /* Extra palette colors */ .bg-red { color: white; background-color: #f44336; } a.bg-red:hover { background-color: #ea1c0d; } .bg-pink { color: white; background-color: #e91e63; } a.bg-pink:hover { background-color: #c1134e; } .bg-purple { color: white; background-color: #9c27b0; } a.bg-purple:hover { background-color: #771e86; } .bg-deeppurple { color: white; background-color: #673ab7; } a.bg-deeppurple:hover { background-color: #512e90; } .bg-indigo { color: white; background-color: #3f51b5; } a.bg-indigo:hover { background-color: #32408f; } .bg-blue { color: white; background-color: #2196f3; } a.bg-blue:hover { background-color: #0c7cd5; } .bg-lightblue { color: white; background-color: #03a9f4; } a.bg-lightblue:hover { background-color: #0286c2; } .bg-cyan { color: white; background-color: #00bcd4; } a.bg-cyan:hover { background-color: #008fa1; } .bg-teal { color: white; background-color: #009688; } a.bg-teal:hover { background-color: #00635a; } .bg-green { color: white; background-color: #4caf50; } a.bg-green:hover { background-color: #3d8b40; } .bg-lightgreen { color: white; background-color: #74d108; } a.bg-lightgreen:hover { background-color: #59a006; } .bg-lime { color: white; background-color: #cddc39; } a.bg-lime:hover { background-color: #b2c022; } .bg-yellow { color: white; background-color: #ffeb3b; } a.bg-yellow:hover { background-color: #ffe608; } .bg-amber { color: white; background-color: #ffc107; } a.bg-amber:hover { background-color: #d39e00; } .bg-orange { color: white; background-color: #ff9800; } a.bg-orange:hover { background-color: #cc7a00; } .bg-deeporange { color: white; background-color: #ff5722; } a.bg-deeporange:hover { background-color: #ee3900; } .bg-brown { color: white; background-color: #795548; } a.bg-brown:hover { background-color: #593f35; } .bg-grey { color: white; background-color: #9e9e9e; } a.bg-grey:hover { background-color: #858585; } .bg-bluegrey { color: white; background-color: #607d8b; } a.bg-bluegrey:hover { background-color: #4b626d; } /* $TextColor */ .text-primary { color: #0099cc; } a.text-primary:hover { color: #007399; } .text-default { color: #e2e2e2; } a.text-default:hover { color: #c9c9c9; } .text-warning { color: #ffc65d; } a.text-warning:hover { color: #ffb42a; } .text-success { color: #2ecc71; } a.text-success:hover { color: #25a25a; } .text-info { color: #4cc3d9; } a.text-info:hover { color: #2aafc8; } .text-white { color: white; } a.text-white:hover { color: #e6e6e6; } .text-danger { color: #d96557; } a.text-danger:hover { color: #ce402f; } .text-muted { color: #b3b3b3; } a.text-muted:hover { color: #999999; } /* Extra text colors */ .text-red { color: #f44336; } a.text-red:hover { color: #ea1c0d; } .text-pink { color: #e91e63; } a.text-pink:hover { color: #c1134e; } .text-purple { color: #9c27b0; } a.text-purple:hover { color: #771e86; } .text-deeppurple { color: #673ab7; } a.text-deeppurple:hover { color: #512e90; } .text-indigo { color: #3f51b5; } a.text-indigo:hover { color: #32408f; } .text-blue { color: #2196f3; } a.text-blue:hover { color: #0c7cd5; } .text-lightblue { color: #03a9f4; } a.text-lightblue:hover { color: #0286c2; } .text-cyan { color: #00bcd4; } a.text-cyan:hover { color: #008fa1; } .text-teal { color: #009688; } a.text-teal:hover { color: #00635a; } .text-green { color: #4caf50; } a.text-green:hover { color: #3d8b40; } .text-lightgreen { color: #74d108; } a.text-lightgreen:hover { color: #59a006; } .text-lime { color: #cddc39; } a.text-lime:hover { color: #b2c022; } .text-yellow { color: #ffeb3b; } a.text-yellow:hover { color: #ffe608; } .text-amber { color: #ffc107; } a.text-amber:hover { color: #d39e00; } .text-orange { color: #ff9800; } a.text-orange:hover { color: #cc7a00; } .text-deeporange { color: #ff5722; } a.text-deeporange:hover { color: #ee3900; } .text-brown { color: #795548; } a.text-brown:hover { color: #593f35; } .text-grey { color: #9e9e9e; } a.text-grey:hover { color: #858585; } .text-bluegrey { color: #607d8b; } a.text-bluegrey:hover { color: #4b626d; } /* $well ------------------------------------------*/ .well { border-color: #dddddd; background-color: #E9E9ED; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .well-lg { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .well-sm { -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } /* $bootstrap.ui ------------------------------------------*/ .ui-datepicker table { background-color: white; padding: 15px; border: 1px solid #e4e4e4; outline: none; } .ui-datepicker table .btn { border-color: transparent; } .ui-datepicker table .btn.active { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .ui-datepicker .dropdown-menu table { border: 0; } /* $session ------------------------------------------*/ .usersession { height: 100%; } .form-layout { margin: 0 auto; padding: 15px; } .form-layout .form-control { -webkit-font-smoothing: auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .form-layout .form-control:focus { z-index: 2; } .form-layout input { margin-bottom: 10px; } .form-layout input:focus { border-color: #d7d7d7; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .form-layout .btn-lg { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .fullscreen-bg { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: 50% 50%; z-index: -1; } .fullscreen-bg::before { content: ''; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.7); -moz-opacity: 0.6; -khtml-opacity: 0.6; -webkit-opacity: 0.6; opacity: 0.6; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.6 * 100); filter: alpha(opacity=0.6 * 100); } /* $lockscreen ------------------------------------------*/ .lockcode { display: block; margin: 0 auto; max-width: 280px; } .lock-input { border-color: transparent; } .lock-input:focus { border-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .lockscreen-avatar { position: relative; max-width: 128px; margin: 0 auto; } .lockscreen-avatar.shadows::before { content: ""; -webkit-box-shadow: 0px 0px 0px 20px rgba(0, 0, 0, 0.01); -moz-box-shadow: 0px 0px 0px 20px rgba(0, 0, 0, 0.01); box-shadow: 0px 0px 0px 20px rgba(0, 0, 0, 0.01); position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-border-radius: 128px; -moz-border-radius: 128px; border-radius: 128px; } .lockscreen-avatar.shadows::after { content: ""; -webkit-box-shadow: 0px 0px 0px 8px rgba(0, 0, 0, 0.03); -moz-box-shadow: 0px 0px 0px 8px rgba(0, 0, 0, 0.03); box-shadow: 0px 0px 0px 8px rgba(0, 0, 0, 0.03); position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-border-radius: 128px; -moz-border-radius: 128px; border-radius: 128px; } /* $error-pages ------------------------------------------*/ .error-number { font-size: 100px; } .error-icon { font-size: 100px; line-height: 160px; border: 3px solid #d96557; color: #d96557; width: 160px; height: 160px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 0 auto 20px; } /* $calendar ------------------------------------------*/ .fc-widget-header { border-width: 0 !important; } .calendar-viewer { background: white; padding: 30px; } .fullcalendar th.fc-widget-header { border-width: 0; font-size: 13px; font-weight: 700; text-transform: uppercase; } .fullcalendar .fc td, .fullcalendar .fc th { border-right: 0; border-left: 0; } .fullcalendar .fc-body { border: 1px solid #e4e4e4; } .fullcalendar .fc-day-grid-event .fc-time { font-weight: inherit; } .fullcalendar .fc-day-grid-event .fc-time::after { display: inline-block; content: ':'; } .fullcalendar .fc-widget-content { border-color: #e4e4e4; } .fullcalendar .fc-unthemed th, .fullcalendar .fc-unthemed td, .fullcalendar .fc-unthemed hr, .fullcalendar .fc-unthemed thead, .fullcalendar .fc-unthemed tbody, .fullcalendar .fc-unthemed .fc-row, .fullcalendar .fc-unthemed .fc-popover { border-color: #e4e4e4; } .fullcalendar .fc-unthemed hr, .fullcalendar .fc-unthemed .fc-popover .fc-header { background-color: #e4e4e4; } .fullcalendar .fc button { padding: 0 15px; font-size: inherit; } .fullcalendar .fc-prev-button, .fullcalendar .fc-next-button { padding: 0 5px; } .fullcalendar .fc-state-default.fc-corner-left { /* non-theme */ border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .fullcalendar .fc-state-default.fc-corner-right { /* non-theme */ border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .fullcalendar .fc-state-default { background: white; border-color: #e4e4e4; color: #616161; text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .fullcalendar .fc-state-hover, .fullcalendar .fc-state-down, .fullcalendar .fc-state-active, .fullcalendar .fc-state-disabled { color: #545454; background-color: #e4e4e4; outline: none; } .fullcalendar .fc-state-hover { color: #545454; } .fullcalendar .fc-state-down, .fullcalendar .fc-state-active { background-color: #e4e4e4; background-image: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .fullcalendar .fc-toolbar { margin-bottom: 30px; } .fullcalendar .fc-toolbar h2 { font-size: 28px; } .fc-event { background-color: #4c5064; color: white; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 2px 5px; border-color: transparent; font-size: 12px; } .external-event { padding: 4px; background-color: white; border-color: transparent; font-size: 13px; display: block; margin: 0 0 15px 0; } .external-event .remove { cursor: pointer; } .external-events { list-style: none; padding: 0; } .external-events .event-primary, .fc-event-container .event-primary { border-left: 2px solid #00ace6; } .external-events .event-primary .form-control, .fc-event-container .event-primary .form-control { color: #004d66; } .external-events .event-primary.fc-event, .fc-event-container .event-primary.fc-event { background-color: #33ccff; color: #004d66; } .external-events .event-success, .fc-event-container .event-success { border-left: 2px solid #40d47e; } .external-events .event-success .form-control, .fc-event-container .event-success .form-control { color: #1b7943; } .external-events .event-success.fc-event, .fc-event-container .event-success.fc-event { background-color: #7ee2a8; color: #1b7943; } .external-events .event-info, .fc-event-container .event-info { border-left: 2px solid #61cadd; } .external-events .event-info .form-control, .fc-event-container .event-info .form-control { color: #218a9e; } .external-events .event-info.fc-event, .fc-event-container .event-info.fc-event { background-color: #a0dfeb; color: #218a9e; } .external-events .event-warning, .fc-event-container .event-warning { border-left: 2px solid #ffcf77; } .external-events .event-warning .form-control, .fc-event-container .event-warning .form-control { color: #f69f00; } .external-events .event-warning.fc-event, .fc-event-container .event-warning.fc-event { background-color: #ffeac3; color: #f69f00; } .external-events .event-danger, .fc-event-container .event-danger { border-left: 2px solid #de786c; } .external-events .event-danger .form-control, .fc-event-container .event-danger .form-control { color: #a53325; } .external-events .event-danger.fc-event, .fc-event-container .event-danger.fc-event { background-color: #ecb1aa; color: #a53325; } .external-events .event-default, .fc-event-container .event-default { border-left: 2px solid #afafaf; } .external-events .event-default .form-control, .fc-event-container .event-default .form-control { color: #afafaf; } .external-events .event-default.fc-event, .fc-event-container .event-default.fc-event { background-color: #e7e7e7; color: #616161; } .event-type { margin-top: 5px; padding: 0; list-style: none; } .event-type li { display: inline-block; } .event-type li a::before { display: block; width: 100%; height: 100%; background-color: #0099cc; content: ''; } .event-type li a:hover, .event-type li a:focus, .event-type li a.active { border-color: #0099cc; } .event-type li a { position: relative; display: block; padding: 1px; width: 15px; height: 15px; border: 1px solid transparent; } .event-type li a.event-primary::before { background-color: #0099cc; } .event-type li a.event-success::before { background-color: #2ecc71; } .event-type li a.event-info::before { background-color: #4cc3d9; } .event-type li a.event-warning::before { background-color: #ffc65d; } .event-type li a.event-danger::before { background-color: #d96557; } .event-type li a.event-default::before { background-color: #e2e2e2; } /* $gallery ------------------------------------------*/ .gallery { margin-right: -15px; margin-left: -15px; } .gallery a { display: block; overflow: hidden; margin-bottom: 15px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .gallery a img { -webkit-transition: transform 300ms linear; -moz-transition: transform 300ms linear; -o-transition: transform 300ms linear; transition: transform 300ms linear; max-width: 100%; height: auto; } .gallery a:hover img { -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } /* $invoice ------------------------------------------*/ .invoice-logo { height: 50px; } .invoice-totals { margin-bottom: 15px; text-align: right; } .invoice-totals::before, .invoice-totals::after { content: " "; display: table; } .invoice-totals::after { clear: both; } .invoice-totals .invoice-totals-row { margin-bottom: 5px; } .invoice-totals .invoice-totals-title { margin-right: 15px; } .invoice-totals .invoice-totals-value { display: inline-block; min-width: 90px; text-align: left; } /* $messages ------------------------------------------*/ .message-list { list-style-type: none; padding: 0; margin: 0; } .message-list .message-list-item a { padding: 15px; display: block; cursor: pointer; } .message-list .message-list-item a:hover, .message-list .message-list-item a:focus, .message-list .message-list-item a:active { background-color: #f6f6f6; color: #616161; } .message-list .message-list-item a p { margin-bottom: 0; } .message-list .message-list-item a .message-list-item-header { display: block; margin-bottom: 2px; } .message-list .message-list-item a .message-list-item-header span { color: #333333; } .message-list .message-list-item a .time { color: #b3b3b3; float: right; font-size: 10px; font-weight: 700; margin-top: 3px; } .mail-view-header { margin-bottom: 15px; } .mail-view-header .lead { margin-bottom: 5px; } .mail-view-header .date { padding-top: 8px; color: #b3b3b3; float: right; font-size: 11px; } .mail-view-header .mail-view-header-toolbar { display: block; background: rgba(0, 0, 0, 0.05); padding: 0 15px; margin-top: -15px; margin-left: -15px; margin-right: -15px; margin-bottom: 15px; background: #efefef; position: relative; } .mail-view-header .mail-view-header-toolbar::before, .mail-view-header .mail-view-header-toolbar::after { content: " "; display: table; } .mail-view-header .mail-view-header-toolbar::after { clear: both; } .mail-view-header .mail-view-header-toolbar::after { content: ''; height: 1px; position: absolute; bottom: 0; width: 100%; margin-left: -15px; margin-right: -15px; background-color: #e4e4e4; } .mail-view-header .mail-view-header-toolbar a { color: #7a7a7a; padding: 9px 0; display: inline-block; } .mail-view-header .mail-view-header-toolbar a:hover { color: #616161; } .message-files { border-top: 1px solid rgba(0, 0, 0, 0.05); border-bottom: 1px solid rgba(0, 0, 0, 0.05); padding: 15px 0; margin-top: 15px; } .message-files .btn { min-height: 37px; } .no-messages { display: table; width: 100%; height: 100%; text-align: center; } .no-messages .no-message-title { display: table-cell; vertical-align: middle; } .no-messages .no-message-title h1 { font-family: helvetica neue; font-weight: 300; } @media screen and (min-width: 768px) { .messages-sidebar { width: 250px; } .messages-lister { width: 300px; } } @media (max-width: 767px) { .messages-viewer { position: fixed; top: 55px; bottom: 0; right: 0; left: 0; z-index: 1000; background-color: rgba(255, 255, 255, 0.99); overflow: hidden; -webkit-transition: -webkit-transform 300ms cubic-bezier(0.7, 0, 0.3, 1); -moz-transition: -moz-transform 300ms cubic-bezier(0.7, 0, 0.3, 1); -o-transition: -o-transform 300ms cubic-bezier(0.7, 0, 0.3, 1); transition: transform 300ms cubic-bezier(0.7, 0, 0.3, 1); -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -o-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .messages-viewer .scroll { overflow-x: hidden; overflow-y: auto; height: 100%; } .message-open .messages-viewer { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } /* $profile ------------------------------------------*/ .profile-sidebar-item { margin: 15px 0; } .profile-sidebar-item::before, .profile-sidebar-item::after { content: " "; display: table; } .profile-sidebar-item::after { clear: both; } .profile-sidebar-item p { margin: 0; } .profile-sidebar-item.profile-avatar { position: relative; text-align: center; display: block; margin: 0 auto; } .profile-sidebar-item.profile-avatar img { width: 100%; max-width: 250px; } .profile-sidebar-item.profile-avatar.shadowed-light::before { -webkit-box-shadow: 0px 0px 0px 15px rgba(255, 255, 255, 0.01); -moz-box-shadow: 0px 0px 0px 15px rgba(255, 255, 255, 0.01); box-shadow: 0px 0px 0px 15px rgba(255, 255, 255, 0.01); } .profile-sidebar-item.profile-avatar.shadowed-light::after { -webkit-box-shadow: 0px 0px 0px 8px rgba(255, 255, 255, 0.03); -moz-box-shadow: 0px 0px 0px 8px rgba(255, 255, 255, 0.03); box-shadow: 0px 0px 0px 8px rgba(255, 255, 255, 0.03); } .profile-sidebar-item.profile-info { text-align: center; } .profile-reccomendations .user-meta { padding: 0; list-style: none; } .profile-reccomendations .user-meta li { padding: 5px 0; } .profile-sidebar-item.profile-numbers-count { list-style: none; padding: 0; display: table; width: 100%; } .profile-sidebar-item.profile-numbers-count li { display: table-cell; vertical-align: middle; text-align: center; float: none; border-right: 1px solid #e4e4e4; font-size: 12px; } .profile-sidebar-item.profile-numbers-count li:Last-child { border-right: 0; } .profile-sidebar-item.profile-numbers-count li span { font-size: 25px; display: block; color: #4d4d4d; } .profile-timeline { margin-bottom: 15px; position: relative; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 15px; } .profile-timeline .profile-timeline-header { margin-bottom: 5px; } .profile-timeline .profile-timeline-header::before, .profile-timeline .profile-timeline-header::after { content: " "; display: table; } .profile-timeline .profile-timeline-header::after { clear: both; } .profile-timeline .profile-timeline-header .profile-timeline-user { position: relative; float: left; margin-right: 15px; display: block; } .profile-timeline .profile-timeline-header .profile-timeline-user img { max-width: 48px; } .profile-timeline .profile-timeline-header .profile-timeline-user-details { margin-top: 5px; margin-left: 63px; } .profile-timeline.composer { background-color: #eaeaea; border: 1px solid #e2e2e2; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 15px 15px 0; } .profile-timeline.composer .composer-options { padding: 5px; } .profile-timeline.composer .composer-options::before, .profile-timeline.composer .composer-options::after { content: " "; display: table; } .profile-timeline.composer .composer-options::after { clear: both; } .profile-timeline.composer .composer-options .btn { border-color: transparent; background-color: transparent; } .profile-timeline .profile-timeline-content { margin-left: 63px; } .profile-timeline .profile-timeline-controls a { display: inline-block; } .profile-timeline .profile-timeline-images { margin-left: -2px; margin-right: -2px; margin-bottom: 10px; } .profile-timeline .profile-timeline-images .image-link { display: block; width: 50%; float: left; padding-right: 2px; padding-left: 2px; } .profile-timeline .profile-timeline-images .image-link-smaller { display: block; width: 25%; float: left; padding-right: 2px; padding-left: 2px; padding-bottom: 4px; } .profile-timeline .profile-timeline-audio { background-color: white; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 15px; margin-bottom: 10px; } .profile-timeline .profile-timeline-audio .audio { display: table; width: 100%; } .profile-timeline .profile-timeline-audio .audio .play_pause, .profile-timeline .profile-timeline-audio .audio .audio-timeline, .profile-timeline .profile-timeline-audio .audio .time { display: table-cell; vertical-align: middle; text-align: center; float: none; } .profile-timeline .profile-timeline-audio .audio .play_pause { width: 40px; } .profile-timeline .profile-timeline-audio .audio .progress { height: 5px; width: 100%; float: left; margin: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .profile-timeline .profile-timeline-audio .audio .progress .done { float: left; width: 34%; height: 5px; text-align: center; background-color: #0099cc; -webkit-transition: width 0.6s ease; -moz-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } .profile-timeline .profile-timeline-audio .audio .time { width: 80px; } .profile-timeline .post-comments { margin: 20px 0 0 0; } .profile-timeline .post-comments .media { margin: 0; } .profile-timeline .post-comments .avatar { max-width: 32px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .profile-timeline .post-comments .comment { overflow: hidden; } .profile-timeline .post-comments .comment-author a { color: #333333; } .profile-timeline .post-comments .comment-author .time { font-weight: 700; font-size: 11px; color: #a1a1a1; } .post-comments .avatar { max-width: 48px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .post-comments .comment { overflow: hidden; } .post-comments .comment-meta { float: right; margin-bottom: 5px; } /* $search ------------------------------------------*/ .image-results { margin-left: -2px; margin-right: -2px; margin-bottom: 10px; } .image-results .image-link { display: block; width: 25%; float: left; padding-right: 2px; padding-left: 2px; padding-bottom: 4px; } .search-results .search-results-title { padding: 0 0 30px; border-bottom: 1px solid #e4e4e4; } .search-results .search-results-list { padding: 0; list-style: none; } .search-results .search-results-list li.search-result { padding: 30px 0; border-bottom: 1px solid #e4e4e4; } .search-results .search-results-list li.search-result:first-child { padding-top: 0; } .search-results .search-results-list li.search-result:last-child { padding-bottom: 0; border-bottom: 0; } .search-results .search-results-list h5 { margin-bottom: 0; } .search-results .search-results-list h5 a { color: #666666; } .search-results .search-results-list p { margin-bottom: 0; } .search-results .search-results-list .search-link { color: #2ecc71; font-size: 11px; display: block; margin-bottom: 5px; } .search-results .search-results-list .search-link:hover { color: #1b7943; } .search-sidebar .nav { margin-bottom: 45px; } .search-sidebar .nav > li > a { display: block; padding: 4px 15px; } .search-sidebar .nav > li.active > a, .search-sidebar .nav > li > a:hover, .search-sidebar .nav > li > a:focus { padding-left: 19px; border-left: 1px solid #0099cc; background-color: transparent; color: #0099cc; text-decoration: none; } .search-sidebar h5 { padding: 0 15px; } @media screen and (min-width: 768px) { .search-results-list { padding-right: 15px; } } /* $timeline ------------------------------------------*/ .timeline { position: relative; margin-bottom: 15px; } .timeline::before { position: absolute; top: 0; left: 19px; width: 2px; height: 100%; background: #e2e2e2; content: ''; } .timeline .timeline-icon { position: absolute; top: 0; left: 0; text-align: center; width: 40px; height: 40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .timeline .timeline-icon > i { line-height: 40px; } .timeline .timeline-panel { position: relative; margin: 60px 0; } .timeline .timeline-panel::before, .timeline .timeline-panel::after { content: " "; display: table; } .timeline .timeline-panel::after { clear: both; } .timeline .timeline-panel:first-child { margin-top: 0; } .timeline .timeline-heading { position: relative; border-color: transparent; padding: 0 0 10px; margin-bottom: 15px; } .timeline .timeline-heading::before, .timeline .timeline-heading::after { content: " "; display: table; } .timeline .timeline-heading::after { clear: both; } .timeline .timeline-heading.border:after { content: ''; display: block; position: absolute; height: 1px; left: 0; right: 0; bottom: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.06); } .timeline .timeline-content { position: relative; margin-left: 60px; padding: 15px; border: 1px solid #e2e2e2; background: white; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .timeline .timeline-content::before, .timeline .timeline-content::after { content: " "; display: table; } .timeline .timeline-content::after { clear: both; } .timeline .timeline-content .timeline-date { display: inline-block; padding: 5px 0 10px; } .timeline .timeline-content::before { position: absolute; top: 13px; right: 100%; width: 0; height: 0; border-width: 7px; border-style: solid; border-color: transparent #e2e2e2 transparent transparent; content: " "; pointer-events: none; } .timeline .timeline-content::after { position: absolute; top: 14px; right: 100%; width: 0; height: 0; border-width: 6px; border-style: solid; border-color: transparent white transparent transparent; content: " "; pointer-events: none; } @media screen and (min-width: 768px) { .timeline::before { left: 50%; margin-left: -1px; } .timeline .timeline-panel:nth-child(even) .timeline-content { float: right; } .timeline .timeline-panel:nth-child(odd) .timeline-content::before { position: absolute; right: auto; left: 100%; border-color: transparent transparent transparent #e2e2e2; } .timeline .timeline-panel:nth-child(odd) .timeline-content::after { position: absolute; right: auto; left: 100%; border-color: transparent transparent transparent white; } .timeline .timeline-panel:nth-child(even) .timeline-content .timeline-date { right: 122%; left: auto; text-align: right; } .timeline .timeline-panel:first-child { margin-top: 0; } .timeline .timeline-icon { left: 50%; margin-left: -20px; width: 40px; height: 40px; } .timeline .timeline-content { margin-left: 0; padding: 20px; width: 45%; } .timeline .timeline-content .timeline-date { position: absolute; top: 6px; left: 122%; width: 100%; } } /* $charts ------------------------------------------*/ .dashboard-rickshaw svg, .dashboard-rickshaw .rickshaw_graph { -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; display: block; } .dashboard-rickshaw > .rickshaw_graph { height: 100%; } .chart_container { position: relative; } .rickshaw-chart { position: relative; } .y_axis { position: absolute; top: 0; bottom: 0; width: 40px; } .chart { width: 100%; height: 320px; border: 0; } .chart-sm { width: 100%; height: 150px; border: 0; } .morrischart { width: 100%; height: 200px; border: 0; } .chart-legend.first { padding-top: 80px; } svg.nvd3-svg { width: 100%; display: block; } .c3chart { display: block; position: relative; width: 100%; } /* $blueimp ------------------------------------------*/ .blueimp-gallery { background: rgba(76, 80, 100, 0.5); } .blueimp-gallery > .slides > .slide-loading { background: none; } .blueimp-gallery > .slides > .slide-loading::before { position: absolute; top: 50%; left: 50%; margin: -20px 0 0 -20px; width: 40px; height: 40px; background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23ccc%22%3E%0A%20%20%3Cpath%20opacity%3D%22.25%22%20d%3D%22M16%200%20A16%2016%200%200%200%2016%2032%20A16%2016%200%200%200%2016%200%20M16%204%20A12%2012%200%200%201%2016%2028%20A12%2012%200%200%201%2016%204%22/%3E%0A%20%20%3Cpath%20d%3D%22M16%200%20A16%2016%200%200%201%2032%2016%20L28%2016%20A12%2012%200%200%200%2016%204z%22%3E%0A%20%20%20%20%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20from%3D%220%2016%2016%22%20to%3D%22360%2016%2016%22%20dur%3D%220.8s%22%20repeatCount%3D%22indefinite%22%20/%3E%0A%20%20%3C/path%3E%0A%3C/svg%3E%0A%0A) center center no-repeat; content: ''; } /* $jquery.ui ------------------------------------------*/ .ui-slider { position: relative; text-align: left; background: #d0dbec; margin-bottom: 15px; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 16px; height: 16px; cursor: default; -ms-touch-action: none; touch-action: none; background: white; -webkit-box-shadow: #6388c0 0px 0px 0px 1px; -moz-box-shadow: #6388c0 0px 0px 0px 1px; box-shadow: #6388c0 0px 0px 0px 1px; cursor: pointer; outline: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: 6px; } .ui-slider-horizontal .ui-slider-handle { top: -5px; margin-left: -0.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: 6px; height: 150px; } .ui-slider-vertical .ui-slider-handle { left: -5px; margin-left: 0; margin-bottom: -0.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-slider-range-min, .ui-slider-range { background-color: #0099cc; } .slider-info .ui-slider-range-min, .slider-info .ui-slider-range { background-color: #4cc3d9; } .slider-info .ui-slider-handle { -webkit-box-shadow: #4cc3d9 0px 0px 0px 1px; -moz-box-shadow: #4cc3d9 0px 0px 0px 1px; box-shadow: #4cc3d9 0px 0px 0px 1px; } .slider-info .slider-handle.triangle { border-bottom-color: #4cc3d9; } .slider-primary .ui-slider-range-min, .slider-primary .ui-slider-range { background-color: #0099cc; } .slider-primary .ui-slider-handle { -webkit-box-shadow: #0099cc 0px 0px 0px 1px; -moz-box-shadow: #0099cc 0px 0px 0px 1px; box-shadow: #0099cc 0px 0px 0px 1px; } .slider-primary .slider-handle.triangle { border-bottom-color: #0099cc; } .slider-success .ui-slider-range-min, .slider-success .ui-slider-range { background-color: #2ecc71; } .slider-success .ui-slider-handle { -webkit-box-shadow: #2ecc71 0px 0px 0px 1px; -moz-box-shadow: #2ecc71 0px 0px 0px 1px; box-shadow: #2ecc71 0px 0px 0px 1px; } .slider-success .slider-handle.triangle { border-bottom-color: #2ecc71; } .slider-warning .ui-slider-range-min, .slider-warning .ui-slider-range { background-color: #ffc65d; } .slider-warning .ui-slider-handle { -webkit-box-shadow: #ffc65d 0px 0px 0px 1px; -moz-box-shadow: #ffc65d 0px 0px 0px 1px; box-shadow: #ffc65d 0px 0px 0px 1px; } .slider-warning .slider-handle.triangle { border-bottom-color: #ffc65d; } .slider-danger .ui-slider-range-min, .slider-danger .ui-slider-range { background-color: #d96557; } .slider-danger .ui-slider-handle { -webkit-box-shadow: #d96557 0px 0px 0px 1px; -moz-box-shadow: #d96557 0px 0px 0px 1px; box-shadow: #d96557 0px 0px 0px 1px; } .slider-danger .slider-handle.triangle { border-bottom-color: #d96557; } .rounded-handler .ui-slider-handle { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } /* $bootstrap-tags ------------------------------------------*/ div.tagsinput { border-color: #e4e4e4; background: white; padding: 5px 5px 0; width: 100% !important; height: auto !important; min-height: auto !important; } div.tagsinput span.tag { border-color: #0099cc; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #0099cc; color: white; font-family: inherit; padding: 2px 5px; } div.tagsinput span.tag a { color: white; font-size: 13px; } div.tagsinput input { font-family: inherit; color: white; } .not_valid { background: #f5d7d4 !important; color: #a53325 !important; } /* $bootstrap-timepicker ------------------------------------------*/ .bootstrap-timepicker { position: relative; } .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu { left: auto; right: 0; } .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before { left: auto; right: 12px; } .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after { left: auto; right: 13px; } .bootstrap-timepicker-widget.dropdown-menu { padding: 1px; } .bootstrap-timepicker-widget.dropdown-menu:before { border-bottom: 7px solid rgba(0, 0, 0, 0.2); border-left: 7px solid transparent; border-right: 7px solid transparent; content: ""; display: inline-block; position: absolute; } .bootstrap-timepicker-widget.dropdown-menu:after { border-bottom: 6px solid #FFFFFF; border-left: 6px solid transparent; border-right: 6px solid transparent; content: ""; display: inline-block; position: absolute; } .bootstrap-timepicker-widget.timepicker-orient-left:before { left: 6px; } .bootstrap-timepicker-widget.timepicker-orient-left:after { left: 7px; } .bootstrap-timepicker-widget.timepicker-orient-right:before { right: 6px; } .bootstrap-timepicker-widget.timepicker-orient-right:after { right: 7px; } .bootstrap-timepicker-widget.timepicker-orient-top:before { top: -7px; } .bootstrap-timepicker-widget.timepicker-orient-top:after { top: -6px; } .bootstrap-timepicker-widget.timepicker-orient-bottom:before { top: auto; bottom: -7px; border-bottom: 0; border-top: 7px solid #999; } .bootstrap-timepicker-widget.timepicker-orient-bottom:after { top: auto; bottom: -6px; border-bottom: 0; border-top: 6px solid #ffffff; } .bootstrap-timepicker-widget a.btn, .bootstrap-timepicker-widget input { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .bootstrap-timepicker-widget table td.separator { width: 2px; padding: 0; } .bootstrap-timepicker-widget table td a { padding: 0; color: #616161; } .bootstrap-timepicker-widget table td a:hover { background-color: transparent; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border-color: transparent; color: #484848; } .bootstrap-timepicker-widget table td a i { display: inline-block; font: normal normal normal 14px/1 FontAwesome; speak: none; font-style: normal; font-weight: normal; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); font-size: 13px; } .bootstrap-timepicker-widget table td a i::after { display: inline-block; width: 14px; height: 14px; vertical-align: middle; } .bootstrap-timepicker-widget table td a .icon-chevron-down::after { content: "\f0dd"; line-height: 9px; } .bootstrap-timepicker-widget table td a .icon-chevron-up::after { content: "\f0de"; line-height: 20px; } .bootstrap-timepicker-widget table td input { border: 0; } .bootstrap-timepicker-widget .modal-content { padding: 4px; } /* $wizard ------------------------------------------*/ .wizard-pager { margin-top: 15px; } .wizard-pager::before, .wizard-pager::after { content: " "; display: table; } .wizard-pager::after { clear: both; } .wizard-pager .btn { min-width: 100px; } /* $bootstrap-wysiwyg ------------------------------------------*/ .bootstrap-wysiwyg .btn-toolbar { margin: 0; padding: 0 0 5px 5px; border: 1px solid #e4e4e4; border-bottom: 0; } .bootstrap-wysiwyg .btn-toolbar .btn-group { margin-top: 5px; margin-right: 5px; } ul.wysihtml5-toolbar { background: #f5f5f5; border: 1px solid #e4e4e4; border-bottom: 0; border-top-left-radius: 2px; border-top-right-radius: 2px; } ul.wysihtml5-toolbar > li { margin: 0; } ul.wysihtml5-toolbar .btn { height: 40px; line-height: 40px; min-width: 40px; padding: 0 10px; background-color: #f5f5f5; border-top: 0; border-bottom-color: #e4e4e4; border-left: 0; border-right-color: #e4e4e4; color: #616161; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } ul.wysihtml5-toolbar .btn:hover { background-color: #ececec; } ul.wysihtml5-toolbar .btn-group .btn + .btn { margin-left: 0; } ul.wysihtml5-toolbar a.btn.wysihtml5-command-active { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background-color: #ececec; } ul.wysihtml5-toolbar .open > .dropdown-toggle.btn { color: #616161; background-color: #f5f5f5; border-top-color: transparent; border-bottom-color: transparent; border-left-color: transparent; border-right-color: #e4e4e4; } ul.wysihtml5-toolbar .dropdown-menu { margin: 0; border-top-right-radius: 0; border-top-left-radius: 0; } .wysihtml5-sandbox { padding: 15px !important; width: 100% !important; border-color: #e4e4e4 !important; border-top: 0 !important; background-color: white; border-bottom-left-radius: 2px !important; border-bottom-right-radius: 2px !important; outline: none !important; } /* $c3-charts ------------------------------------------*/ .c3 svg text, .c3 svg { color: #616161; font: 10px "Helvetica Neue", Helvetica, Arial, "Roboto", sans-serif; } .c3 path, .c3 line { stroke: #e4e4e4; } .c3 .c3-tooltip { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .c3 .c3-tooltip tr { border-color: #0099cc; } .c3 .c3-tooltip th { background-color: #0099cc; font-size: 13px; } .c3 .c3-tooltip td { border-left-color: #0099cc; } /* $chartjs ------------------------------------------*/ .canvas-holder { padding: 0; margin: 0; position: relative; } .doughnut-legend { list-style: none; position: absolute; right: 8px; top: 0; } .doughnut-legend li { display: block; padding-left: 30px; position: relative; margin-bottom: 4px; padding: 2px 8px 2px 28px; cursor: default; -webkit-transition: background-color 200ms ease-in-out; -moz-transition: background-color 200ms ease-in-out; -o-transition: background-color 200ms ease-in-out; transition: background-color 200ms ease-in-out; } .doughnut-legend li:hover { background-color: #e2e2e2; } .doughnut-legend li span { display: block; position: absolute; left: 0; top: 0; width: 20px; height: 100%; } /* $checkbo ------------------------------------------*/ .cb-radio.checked i { background-color: #0099cc; } .cb-radio:hover .cb-inner { border-color: #0099cc; } .cb-checkbox .cb-inner, .cb-radio .cb-inner { border-color: #e4e4e4; background: white; } .cb-checkbox.no-border .cb-inner, .cb-radio.no-border .cb-inner { border-color: transparent; } .cb-checkbox.checked .cb-inner { border-color: #0099cc; background-color: #0099cc; } .cb-checkbox:hover .cb-inner { border-color: #0099cc; } .cb-checkbox .cb-inner, .cb-checkbox i { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .cb-checkbox i::after, .cb-checkbox i::before { width: 1px; } .cb-checkbox.cb-sm i, .cb-checkbox.cb-sm .cb-inner { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .cb-checkbox.cb-md i, .cb-checkbox.cb-md .cb-inner { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .cb-checkbox.cb-lg i, .cb-checkbox.cb-lg .cb-inner { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } /* $chosen ------------------------------------------*/ .chosen-container .chosen-single, .chosen-container .chosen-choices { border-color: #e4e4e4; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: border 300ms linear; -moz-transition: border 300ms linear; -o-transition: border 300ms linear; transition: border 300ms linear; -webkit-appearance: none; font-weight: 400; font-size: 13px; min-height: 34px; padding: 6px 12px; line-height: 1.42857143; color: #616161; background-color: white; background-image: none; } .chosen-container.chosen-container-active.chosen-with-drop .chosen-single { border-color: #e4e4e4; background-image: none; } .chosen-container .chosen-drop { border-color: #e4e4e4; border-top: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius: 0 0 2px 2px; } .chosen-container.chosen-container-multi.chosen-with-drop .chosen-choices { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: 0; } .chosen-container.chosen-container-single .chosen-search input[type=text] { background: none; border-color: #e4e4e4; } .chosen-container.chosen-container-single .chosen-search::before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; speak: none; font-style: normal; font-weight: normal; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); line-height: 24px; content: "\f002"; position: absolute; top: 50%; right: 5px; width: 24px; height: 24px; text-align: center; font-size: 12px; color: #757575; margin-top: -12px; } .chosen-container.chosen-container-single .chosen-single div b { background: none; } .chosen-container.chosen-container-single .chosen-single div b::before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; speak: none; font-style: normal; font-weight: normal; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); line-height: 24px; content: "\f107"; position: absolute; top: 50%; right: 5px; width: 24px; height: 24px; text-align: center; font-size: 12px; color: #757575; margin-top: -12px; -webkit-transition: transform 300ms ease; -moz-transition: transform 300ms ease; -o-transition: transform 300ms ease; transition: transform 300ms ease; } .chosen-container.chosen-container-single .chosen-single abbr { background: none; position: absolute; top: 50%; right: 30px; width: 24px; height: 24px; margin-top: -12px; text-align: center; line-height: 24px; } .chosen-container.chosen-container-single .chosen-single abbr::before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; speak: none; font-style: normal; font-weight: normal; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: "\f00d"; font-size: 12px; color: #e4e4e4; } .chosen-container.chosen-container-active.chosen-with-drop .chosen-single div b:before { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .chosen-container .chosen-results li.highlighted, .chosen-container .chosen-results li.result-selected { background-color: #e4e4e4; background-image: none; color: #616161; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .chosen-container.chosen-container-multi .chosen-choices li.search-choice { margin: 3px 5px 3px 0; } .chosen-container.chosen-container-multi .chosen-choices li.search-choice .search-choice-close { background: none; top: 2px; width: 16px; height: 16px; } .chosen-container.chosen-container-multi .chosen-choices li.search-choice .search-choice-close::before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; speak: none; font-style: normal; font-weight: normal; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); line-height: 16px; content: "\f00d"; position: absolute; top: 50%; right: 0; width: 16px; height: 16px; text-align: center; font-size: 12px; color: #616161; margin-top: -8px; } .chosen-container.chosen-container-multi .chosen-choices li.search-choice { background-image: none; background-color: #e2e2e2; border-color: #dddddd; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .chosen-container.chosen-container-multi .chosen-choices li.search-field input[type=text] { -webkit-font-smoothing: antialiased; } .chosen-container.chosen-container-multi .chosen-drop .result-selected { color: #616161; } /* $clock-picker ------------------------------------------*/ .clockpicker-popover .popover-title { color: #616161; font-weight: 700; font-size: 16px; line-height: 1; } .clockpicker-popover .popover-title span { cursor: pointer; } .clockpicker-popover .popover-content { background-color: white; } .clockpicker-popover .popover-content:last-child { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .clockpicker-popover .clockpicker-plate { border: 1px solid #e4e4e4; } .clockpicker-popover .clockpicker-button { margin: 0; padding: 10px 0; border-width: 1px 0 0; border-top-left-radius: 0; border-top-right-radius: 0; } /* $color-picker ------------------------------------------*/ .colorpicker { padding: 5px; display: none; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); visibility: visible; -webkit-box-shadow: 0px 1px 1px rgba(228, 228, 228, 0.3); -moz-box-shadow: 0px 1px 1px rgba(228, 228, 228, 0.3); box-shadow: 0px 1px 1px rgba(228, 228, 228, 0.3); min-width: initial !important; } /* $datatables ------------------------------------------*/ table.dataTable { margin-bottom: 15px; width: 100% !important; } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { background-color: transparent; } 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 { float: right; color: #ddd; display: inline-block; font: normal normal normal 14px/1 FontAwesome; speak: none; font-style: normal; font-weight: normal; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } table.dataTable thead .sorting::after { content: "\f0dc"; } table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_asc_disabled::after { color: #616161; content: "\f0de"; } table.dataTable thead .sorting_desc::after, table.dataTable thead .sorting_desc_disabled::after { color: #616161; content: "\f0dd"; } table.dataTable .form-control { width: 100% !important; } table.dataTable.no-footer { border-bottom: 0; } .dataTables_length label { font-weight: 400; } .datatable-top { margin-bottom: 15px; } .datatable-top, .datatable-bottom { display: table; width: 100%; } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc { background: none; } @media (max-width: 767px) { .dataTables_wrapper .dataTables_length, .dataTables_wrapper .toolbar { display: inline-block; } .dataTables_wrapper .btn { vertical-align: baseline; } .dataTables_wrapper .dataTables_filter label { display: block; } .dataTables_wrapper .dataTables_filter label input { margin-left: 0; } } /* $datepicker ------------------------------------------*/ .datepicker.dropdown-menu { display: none; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); visibility: visible; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-size: 13px; border-color: #e4e4e4; -webkit-box-shadow: 0px 1px 1px rgba(228, 228, 228, 0.3); -moz-box-shadow: 0px 1px 1px rgba(228, 228, 228, 0.3); box-shadow: 0px 1px 1px rgba(228, 228, 228, 0.3); padding: 15px; } .datepicker-inline { border: 1px solid #e4e4e4; } .datepicker { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .datepicker-dropdown { display: none; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); visibility: visible; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-size: 13px; border-color: #e4e4e4; -webkit-box-shadow: 0px 1px 1px rgba(228, 228, 228, 0.3); -moz-box-shadow: 0px 1px 1px rgba(228, 228, 228, 0.3); box-shadow: 0px 1px 1px rgba(228, 228, 228, 0.3); padding: 15px; } .datepicker-dropdown:before { border-bottom-color: #e4e4e4; border-bottom-color: rgba(0, 0, 0, 0.2); } .datepicker-dropdown.datepicker-orient-bottom:before { border-top-color: #e4e4e4; } .datepicker table tr td, .datepicker table tr th { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover { position: relative; color: white; background-color: #0099cc; border-color: #0099cc; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.active:visited, .datepicker table tr td.active:hover:visited, .datepicker table tr td.active.disabled:visited, .datepicker table tr td.active.disabled:hover:visited { color: white; } .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active.focus, .datepicker table tr td.active:hover.focus, .datepicker table tr td.active.disabled.focus, .datepicker table tr td.active.disabled:hover.focus, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .open > .dropdown-toggle.datepicker table tr td.active, .open > .dropdown-toggle.datepicker table tr td.active:hover, .open > .dropdown-toggle.datepicker table tr td.active.disabled, .open > .dropdown-toggle.datepicker table tr td.active.disabled:hover { color: white; background-color: #0099cc; border-color: #007399; } .datepicker table tr td.active::before, .datepicker table tr td.active:hover::before, .datepicker table tr td.active.disabled::before, .datepicker table tr td.active.disabled:hover::before { content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #007399; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0 * 100); filter: alpha(opacity=0 * 100); -webkit-transform: scale3d(0.7, 1, 1); -moz-transform: scale3d(0.7, 1, 1); -o-transform: scale3d(0.7, 1, 1); -ms-transform: scale3d(0.7, 1, 1); transform: scale3d(0.7, 1, 1); -webkit-transition: transform 0.4s, opacity 0.4s; -moz-transition: transform 0.4s, opacity 0.4s; -o-transition: transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active::before, .datepicker table tr td.active:hover::before, .datepicker table tr td.active.disabled::before, .datepicker table tr td.active.disabled:hover::before { -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .datepicker table tr td.active:hover::before, .datepicker table tr td.active:hover:hover::before, .datepicker table tr td.active.disabled:hover::before, .datepicker table tr td.active.disabled:hover:hover::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .open > .dropdown-toggle.datepicker table tr td.active, .open > .dropdown-toggle.datepicker table tr td.active:hover, .open > .dropdown-toggle.datepicker table tr td.active.disabled, .open > .dropdown-toggle.datepicker table tr td.active.disabled:hover { background-image: none; border-color: #006b8f; } .datepicker table tr td.active:active::before, .datepicker table tr td.active:hover:active::before, .datepicker table tr td.active.disabled:active::before, .datepicker table tr td.active.disabled:hover:active::before, .datepicker table tr td.active.active::before, .datepicker table tr td.active:hover.active::before, .datepicker table tr td.active.disabled.active::before, .datepicker table tr td.active.disabled:hover.active::before, .open > .dropdown-toggle.datepicker table tr td.active::before, .open > .dropdown-toggle.datepicker table tr td.active:hover::before, .open > .dropdown-toggle.datepicker table tr td.active.disabled::before, .open > .dropdown-toggle.datepicker table tr td.active.disabled:hover::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background-color: #007399; } .datepicker table tr td.active:active:hover, .datepicker table tr td.active:hover:active:hover, .datepicker table tr td.active.disabled:active:hover, .datepicker table tr td.active.disabled:hover:active:hover, .datepicker table tr td.active.active:hover, .datepicker table tr td.active:hover.active:hover, .datepicker table tr td.active.disabled.active:hover, .datepicker table tr td.active.disabled:hover.active:hover, .open > .dropdown-toggle.datepicker table tr td.active:hover, .open > .dropdown-toggle.datepicker table tr td.active:hover:hover, .open > .dropdown-toggle.datepicker table tr td.active.disabled:hover, .open > .dropdown-toggle.datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active:focus, .datepicker table tr td.active:hover:active:focus, .datepicker table tr td.active.disabled:active:focus, .datepicker table tr td.active.disabled:hover:active:focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active:hover.active:focus, .datepicker table tr td.active.disabled.active:focus, .datepicker table tr td.active.disabled:hover.active:focus, .open > .dropdown-toggle.datepicker table tr td.active:focus, .open > .dropdown-toggle.datepicker table tr td.active:hover:focus, .open > .dropdown-toggle.datepicker table tr td.active.disabled:focus, .open > .dropdown-toggle.datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active:active.focus, .datepicker table tr td.active:hover:active.focus, .datepicker table tr td.active.disabled:active.focus, .datepicker table tr td.active.disabled:hover:active.focus, .datepicker table tr td.active.active.focus, .datepicker table tr td.active:hover.active.focus, .datepicker table tr td.active.disabled.active.focus, .datepicker table tr td.active.disabled:hover.active.focus, .open > .dropdown-toggle.datepicker table tr td.active.focus, .open > .dropdown-toggle.datepicker table tr td.active:hover.focus, .open > .dropdown-toggle.datepicker table tr td.active.disabled.focus, .open > .dropdown-toggle.datepicker table tr td.active.disabled:hover.focus { color: white; background-color: #0086b3; border-color: #0086b3; } .datepicker table tr td.active.disabled::before, .datepicker table tr td.active:hover.disabled::before, .datepicker table tr td.active.disabled.disabled::before, .datepicker table tr td.active.disabled:hover.disabled::before, .datepicker table tr td.active[disabled]::before, .datepicker table tr td.active:hover[disabled]::before, .datepicker table tr td.active.disabled[disabled]::before, .datepicker table tr td.active.disabled:hover[disabled]::before { z-index: 1; } .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled], fieldset[disabled] .datepicker table tr td.active, fieldset[disabled] .datepicker table tr td.active:hover, fieldset[disabled] .datepicker table tr td.active.disabled, fieldset[disabled] .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover.disabled:hover, .datepicker table tr td.active.disabled.disabled:hover, .datepicker table tr td.active.disabled:hover.disabled:hover, .datepicker table tr td.active[disabled]:hover, .datepicker table tr td.active:hover[disabled]:hover, .datepicker table tr td.active.disabled[disabled]:hover, .datepicker table tr td.active.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td.active:hover, fieldset[disabled] .datepicker table tr td.active:hover:hover, fieldset[disabled] .datepicker table tr td.active.disabled:hover, fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active:hover.disabled:focus, .datepicker table tr td.active.disabled.disabled:focus, .datepicker table tr td.active.disabled:hover.disabled:focus, .datepicker table tr td.active[disabled]:focus, .datepicker table tr td.active:hover[disabled]:focus, .datepicker table tr td.active.disabled[disabled]:focus, .datepicker table tr td.active.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td.active:focus, fieldset[disabled] .datepicker table tr td.active:hover:focus, fieldset[disabled] .datepicker table tr td.active.disabled:focus, fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active.disabled.focus, .datepicker table tr td.active:hover.disabled.focus, .datepicker table tr td.active.disabled.disabled.focus, .datepicker table tr td.active.disabled:hover.disabled.focus, .datepicker table tr td.active[disabled].focus, .datepicker table tr td.active:hover[disabled].focus, .datepicker table tr td.active.disabled[disabled].focus, .datepicker table tr td.active.disabled:hover[disabled].focus, fieldset[disabled] .datepicker table tr td.active.focus, fieldset[disabled] .datepicker table tr td.active:hover.focus, fieldset[disabled] .datepicker table tr td.active.disabled.focus, fieldset[disabled] .datepicker table tr td.active.disabled:hover.focus, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active:hover.disabled:active, .datepicker table tr td.active.disabled.disabled:active, .datepicker table tr td.active.disabled:hover.disabled:active, .datepicker table tr td.active[disabled]:active, .datepicker table tr td.active:hover[disabled]:active, .datepicker table tr td.active.disabled[disabled]:active, .datepicker table tr td.active.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td.active:active, fieldset[disabled] .datepicker table tr td.active:hover:active, fieldset[disabled] .datepicker table tr td.active.disabled:active, fieldset[disabled] .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active:hover.disabled.active, .datepicker table tr td.active.disabled.disabled.active, .datepicker table tr td.active.disabled:hover.disabled.active, .datepicker table tr td.active[disabled].active, .datepicker table tr td.active:hover[disabled].active, .datepicker table tr td.active.disabled[disabled].active, .datepicker table tr td.active.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td.active.active, fieldset[disabled] .datepicker table tr td.active:hover.active, fieldset[disabled] .datepicker table tr td.active.disabled.active, fieldset[disabled] .datepicker table tr td.active.disabled:hover.active { background-color: #0099cc; border-color: #0099cc; } .datepicker table tr td.active .badge, .datepicker table tr td.active:hover .badge, .datepicker table tr td.active.disabled .badge, .datepicker table tr td.active.disabled:hover .badge { color: #0099cc; background-color: white; } .datepicker table tr td.active.btn-outline, .datepicker table tr td.active:hover.btn-outline, .datepicker table tr td.active.disabled.btn-outline, .datepicker table tr td.active.disabled:hover.btn-outline { background-color: transparent; background-image: none; border-color: #0099cc; color: #0099cc; } .datepicker table tr td.active.btn-outline:hover, .datepicker table tr td.active:hover.btn-outline:hover, .datepicker table tr td.active.disabled.btn-outline:hover, .datepicker table tr td.active.disabled:hover.btn-outline:hover, .datepicker table tr td.active.btn-outline:focus, .datepicker table tr td.active:hover.btn-outline:focus, .datepicker table tr td.active.disabled.btn-outline:focus, .datepicker table tr td.active.disabled:hover.btn-outline:focus, .datepicker table tr td.active.btn-outline:active, .datepicker table tr td.active:hover.btn-outline:active, .datepicker table tr td.active.disabled.btn-outline:active, .datepicker table tr td.active.disabled:hover.btn-outline:active, .datepicker table tr td.active.btn-outline.active, .datepicker table tr td.active:hover.btn-outline.active, .datepicker table tr td.active.disabled.btn-outline.active, .datepicker table tr td.active.disabled:hover.btn-outline.active { background-color: #0099cc; color: white; } .datepicker table tr td span { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover { position: relative; color: white; background-color: #0099cc; border-color: #0099cc; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td span.active:visited, .datepicker table tr td span.active:hover:visited, .datepicker table tr td span.active.disabled:visited, .datepicker table tr td span.active.disabled:hover:visited { color: white; } .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:focus, .datepicker table tr td span.active:hover:focus, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.focus, .datepicker table tr td span.active:hover.focus, .datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active.disabled:hover.focus, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .open > .dropdown-toggle.datepicker table tr td span.active, .open > .dropdown-toggle.datepicker table tr td span.active:hover, .open > .dropdown-toggle.datepicker table tr td span.active.disabled, .open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover { color: white; background-color: #0099cc; border-color: #007399; } .datepicker table tr td span.active::before, .datepicker table tr td span.active:hover::before, .datepicker table tr td span.active.disabled::before, .datepicker table tr td span.active.disabled:hover::before { content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #007399; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0 * 100); filter: alpha(opacity=0 * 100); -webkit-transform: scale3d(0.7, 1, 1); -moz-transform: scale3d(0.7, 1, 1); -o-transform: scale3d(0.7, 1, 1); -ms-transform: scale3d(0.7, 1, 1); transform: scale3d(0.7, 1, 1); -webkit-transition: transform 0.4s, opacity 0.4s; -moz-transition: transform 0.4s, opacity 0.4s; -o-transition: transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active::before, .datepicker table tr td span.active:hover::before, .datepicker table tr td span.active.disabled::before, .datepicker table tr td span.active.disabled:hover::before { -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .datepicker table tr td span.active:hover::before, .datepicker table tr td span.active:hover:hover::before, .datepicker table tr td span.active.disabled:hover::before, .datepicker table tr td span.active.disabled:hover:hover::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .open > .dropdown-toggle.datepicker table tr td span.active, .open > .dropdown-toggle.datepicker table tr td span.active:hover, .open > .dropdown-toggle.datepicker table tr td span.active.disabled, .open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover { background-image: none; border-color: #006b8f; } .datepicker table tr td span.active:active::before, .datepicker table tr td span.active:hover:active::before, .datepicker table tr td span.active.disabled:active::before, .datepicker table tr td span.active.disabled:hover:active::before, .datepicker table tr td span.active.active::before, .datepicker table tr td span.active:hover.active::before, .datepicker table tr td span.active.disabled.active::before, .datepicker table tr td span.active.disabled:hover.active::before, .open > .dropdown-toggle.datepicker table tr td span.active::before, .open > .dropdown-toggle.datepicker table tr td span.active:hover::before, .open > .dropdown-toggle.datepicker table tr td span.active.disabled::before, .open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background-color: #007399; } .datepicker table tr td span.active:active:hover, .datepicker table tr td span.active:hover:active:hover, .datepicker table tr td span.active.disabled:active:hover, .datepicker table tr td span.active.disabled:hover:active:hover, .datepicker table tr td span.active.active:hover, .datepicker table tr td span.active:hover.active:hover, .datepicker table tr td span.active.disabled.active:hover, .datepicker table tr td span.active.disabled:hover.active:hover, .open > .dropdown-toggle.datepicker table tr td span.active:hover, .open > .dropdown-toggle.datepicker table tr td span.active:hover:hover, .open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover, .open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:active:focus, .datepicker table tr td span.active:hover:active:focus, .datepicker table tr td span.active.disabled:active:focus, .datepicker table tr td span.active.disabled:hover:active:focus, .datepicker table tr td span.active.active:focus, .datepicker table tr td span.active:hover.active:focus, .datepicker table tr td span.active.disabled.active:focus, .datepicker table tr td span.active.disabled:hover.active:focus, .open > .dropdown-toggle.datepicker table tr td span.active:focus, .open > .dropdown-toggle.datepicker table tr td span.active:hover:focus, .open > .dropdown-toggle.datepicker table tr td span.active.disabled:focus, .open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active:active.focus, .datepicker table tr td span.active:hover:active.focus, .datepicker table tr td span.active.disabled:active.focus, .datepicker table tr td span.active.disabled:hover:active.focus, .datepicker table tr td span.active.active.focus, .datepicker table tr td span.active:hover.active.focus, .datepicker table tr td span.active.disabled.active.focus, .datepicker table tr td span.active.disabled:hover.active.focus, .open > .dropdown-toggle.datepicker table tr td span.active.focus, .open > .dropdown-toggle.datepicker table tr td span.active:hover.focus, .open > .dropdown-toggle.datepicker table tr td span.active.disabled.focus, .open > .dropdown-toggle.datepicker table tr td span.active.disabled:hover.focus { color: white; background-color: #0086b3; border-color: #0086b3; } .datepicker table tr td span.active.disabled::before, .datepicker table tr td span.active:hover.disabled::before, .datepicker table tr td span.active.disabled.disabled::before, .datepicker table tr td span.active.disabled:hover.disabled::before, .datepicker table tr td span.active[disabled]::before, .datepicker table tr td span.active:hover[disabled]::before, .datepicker table tr td span.active.disabled[disabled]::before, .datepicker table tr td span.active.disabled:hover[disabled]::before { z-index: 1; } .datepicker table tr td span.active.disabled, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled:hover[disabled], fieldset[disabled] .datepicker table tr td span.active, fieldset[disabled] .datepicker table tr td span.active:hover, fieldset[disabled] .datepicker table tr td span.active.disabled, fieldset[disabled] .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover.disabled:hover, .datepicker table tr td span.active.disabled.disabled:hover, .datepicker table tr td span.active.disabled:hover.disabled:hover, .datepicker table tr td span.active[disabled]:hover, .datepicker table tr td span.active:hover[disabled]:hover, .datepicker table tr td span.active.disabled[disabled]:hover, .datepicker table tr td span.active.disabled:hover[disabled]:hover, fieldset[disabled] .datepicker table tr td span.active:hover, fieldset[disabled] .datepicker table tr td span.active:hover:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:focus, .datepicker table tr td span.active:hover.disabled:focus, .datepicker table tr td span.active.disabled.disabled:focus, .datepicker table tr td span.active.disabled:hover.disabled:focus, .datepicker table tr td span.active[disabled]:focus, .datepicker table tr td span.active:hover[disabled]:focus, .datepicker table tr td span.active.disabled[disabled]:focus, .datepicker table tr td span.active.disabled:hover[disabled]:focus, fieldset[disabled] .datepicker table tr td span.active:focus, fieldset[disabled] .datepicker table tr td span.active:hover:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus, .datepicker table tr td span.active.disabled.focus, .datepicker table tr td span.active:hover.disabled.focus, .datepicker table tr td span.active.disabled.disabled.focus, .datepicker table tr td span.active.disabled:hover.disabled.focus, .datepicker table tr td span.active[disabled].focus, .datepicker table tr td span.active:hover[disabled].focus, .datepicker table tr td span.active.disabled[disabled].focus, .datepicker table tr td span.active.disabled:hover[disabled].focus, fieldset[disabled] .datepicker table tr td span.active.focus, fieldset[disabled] .datepicker table tr td span.active:hover.focus, fieldset[disabled] .datepicker table tr td span.active.disabled.focus, fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active:hover.disabled:active, .datepicker table tr td span.active.disabled.disabled:active, .datepicker table tr td span.active.disabled:hover.disabled:active, .datepicker table tr td span.active[disabled]:active, .datepicker table tr td span.active:hover[disabled]:active, .datepicker table tr td span.active.disabled[disabled]:active, .datepicker table tr td span.active.disabled:hover[disabled]:active, fieldset[disabled] .datepicker table tr td span.active:active, fieldset[disabled] .datepicker table tr td span.active:hover:active, fieldset[disabled] .datepicker table tr td span.active.disabled:active, fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active:hover.disabled.active, .datepicker table tr td span.active.disabled.disabled.active, .datepicker table tr td span.active.disabled:hover.disabled.active, .datepicker table tr td span.active[disabled].active, .datepicker table tr td span.active:hover[disabled].active, .datepicker table tr td span.active.disabled[disabled].active, .datepicker table tr td span.active.disabled:hover[disabled].active, fieldset[disabled] .datepicker table tr td span.active.active, fieldset[disabled] .datepicker table tr td span.active:hover.active, fieldset[disabled] .datepicker table tr td span.active.disabled.active, fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active { background-color: #0099cc; border-color: #0099cc; } .datepicker table tr td span.active .badge, .datepicker table tr td span.active:hover .badge, .datepicker table tr td span.active.disabled .badge, .datepicker table tr td span.active.disabled:hover .badge { color: #0099cc; background-color: white; } .datepicker table tr td span.active.btn-outline, .datepicker table tr td span.active:hover.btn-outline, .datepicker table tr td span.active.disabled.btn-outline, .datepicker table tr td span.active.disabled:hover.btn-outline { background-color: transparent; background-image: none; border-color: #0099cc; color: #0099cc; } .datepicker table tr td span.active.btn-outline:hover, .datepicker table tr td span.active:hover.btn-outline:hover, .datepicker table tr td span.active.disabled.btn-outline:hover, .datepicker table tr td span.active.disabled:hover.btn-outline:hover, .datepicker table tr td span.active.btn-outline:focus, .datepicker table tr td span.active:hover.btn-outline:focus, .datepicker table tr td span.active.disabled.btn-outline:focus, .datepicker table tr td span.active.disabled:hover.btn-outline:focus, .datepicker table tr td span.active.btn-outline:active, .datepicker table tr td span.active:hover.btn-outline:active, .datepicker table tr td span.active.disabled.btn-outline:active, .datepicker table tr td span.active.disabled:hover.btn-outline:active, .datepicker table tr td span.active.btn-outline.active, .datepicker table tr td span.active:hover.btn-outline.active, .datepicker table tr td span.active.disabled.btn-outline.active, .datepicker table tr td span.active.disabled:hover.btn-outline.active { background-color: #0099cc; color: white; } .input-daterange input:first-child { border-radius: 2px 0 0 2px; } .input-daterange input:last-child { border-radius: 0 2px 2px 0; } .input-daterange .input-group-addon { background-color: #e7e7e7; border: solid #e4e4e4; } /* $daterangepicker ------------------------------------------*/ .daterangepicker { display: none; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); visibility: visible; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-size: 13px; -webkit-box-shadow: 0px 1px 1px rgba(228, 228, 228, 0.3); -moz-box-shadow: 0px 1px 1px rgba(228, 228, 228, 0.3); box-shadow: 0px 1px 1px rgba(228, 228, 228, 0.3); margin-top: -1px; } .daterangepicker .ranges .input-mini { background-color: transparent; border-color: #e4e4e4; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #616161; } .daterangepicker .calendar-date { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border-color: #e4e4e4; } .daterangepicker td.available + td.start-date { border-radius: 2px 0 0 2px; } .daterangepicker td.in-range + td.end-date { border-radius: 0 2px 2px 0; } .daterangepicker td.available:hover, .daterangepicker th.available:hover { background: #e2e2e2; } .daterangepicker td.active, .daterangepicker td.active:hover { background-color: #0099cc; border-color: #0099cc; color: #fff; } .daterangepicker td, .daterangepicker th { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .daterangepicker .calendar th, .daterangepicker .calendar td { font-family: inherit; } .daterangepicker td.start-date.end-date { -webkit-border-radius: 2px !important; -moz-border-radius: 2px !important; border-radius: 2px !important; } .daterangepicker .ranges li { background: #e4e4e4; border-color: #e4e4e4; color: #616161; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover { background: #0099cc; border-color: #0099cc; } .dropzone { background: white; border-width: 1px; border-color: #4c5064; border-style: dashed; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; display: table; width: 100%; padding: 0; } .dropzone .dz-message { display: table-cell; vertical-align: middle; } .dropzone .dz-preview.dz-file-preview .dz-image { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #e2e2e2; } .dropzone .dz-preview .dz-error-message { background: #d96557; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .dropzone .dz-preview .dz-error-message:after { border-bottom-color: #d96557; } .dropzone .dz-preview .dz-progress { border-color: #e4e4e4; } .dropzone .dz-preview .dz-progress .dz-upload { background: #0099cc; } .dropzone .dz-preview .dz-details .dz-filename:hover span { border-color: #e4e4e4; } .dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .my-drop-zone { border: dashed 1px #616161; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; min-height: 20px; padding: 19px; margin-bottom: 15px; background-color: white; } .nv-file-over { border-color: #d96557; } .another-file-over-class { border-color: #2ecc71; } /* $easypie ------------------------------------------*/ .piechart { position: relative; display: inline-block; text-align: center; } .piechart canvas { position: absolute; top: 0; left: 0; } .piechart > div { display: table; width: 100%; height: 100%; } .piechart > div > div { display: table-cell; vertical-align: middle; } .piechart .percent { position: relative; display: block; margin: 0; font-weight: 700; } .piechart .percent:after { position: absolute; top: 0; content: '%'; font-size: .5em; font-family: Helvetica, Georgia, serif; } /* $flot-chart ------------------------------------------*/ #tooltip { position: absolute; display: none; padding: 5px 10px; border: 0; background-color: #0099cc; color: white; line-height: 1; } #tooltip:before { position: absolute; top: 4px; right: 100%; display: block; width: 0; height: 0; border-width: 6px; border-style: solid; border-color: transparent #0099cc transparent transparent; content: ''; } td.legendColorBox > div { border: 0 !important; padding: 0 !important; } td.legendColorBox > div > div { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } td.legendLabel { padding-left: 5px; } /* $google-map ------------------------------------------*/ .world-map { width: 100%; height: 100%; } .full-map-wrapper { position: absolute; top: 55px; bottom: 55px; left: 250px; right: 0; } #cd-google-map { position: relative; } #google-container { position: relative; width: 100%; height: 100% !important; min-height: 400px; } .google-map { width: 100%; background: transparent; padding: 0 !important; } .google-map img { max-width: none !important; } .gm-style-cc { display: none !important; } .layout-static-sidebar .full-map-wrapper { position: static; height: 100% !important; } .layout-static-sidebar .full-map-wrapper .world-map { top: 55px; height: auto; left: auto; right: auto; bottom: 55px; } /* $intl-tel-input ------------------------------------------*/ .iti-flag { width: 16px; height: 11px; } .intl-tel-input { width: 100%; } .intl-tel-input .flag-dropdown:hover .selected-flag { background-color: rgba(226, 226, 226, 0.5); } .intl-tel-input .selected-flag .arrow { border-top-color: #e4e4e4; } .intl-tel-input .selected-flag .arrow.up { border-bottom-color: #e4e4e4; } .intl-tel-input .country-list { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-color: #e4e4e4; } .intl-tel-input .country-list .divider { border-bottom-color: #e4e4e4; } .intl-tel-input .country-list .country .dial-code { color: #616161; } .intl-tel-input .country-list .country.highlight { background-color: rgba(226, 226, 226, 0.5); } /* $jvectormap ------------------------------------------*/ .jvectormap-tip { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: solid 1px #0099cc; background: white; color: #616161; font-family: inherit; } .jvectormap-label { position: absolute; padding: 3px; color: white; font-size: smaller; font-size: inherit; font-family: inherit; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border-color: #0099cc; background-color: #0099cc; } .jvectormap-zoomin, .jvectormap-zoomout { position: absolute; top: 0; left: 0; margin-left: 15px; width: 32px; height: 32px; background-color: rgba(0, 153, 204, 0.9); background-repeat: no-repeat; text-indent: -9999px; cursor: pointer; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .jvectormap-zoomin::before, .jvectormap-zoomout::before { content: ''; position: absolute; right: 50%; top: 50%; margin-top: -4px; background: rgba(255, 255, 255, 0.8); width: 2px; height: 10px; margin-right: -1px; } .jvectormap-zoomin::after, .jvectormap-zoomout::after { content: ''; position: absolute; top: 50%; right: 50%; background: rgba(255, 255, 255, 0.8); height: 2px; width: 10px; margin-right: -5px; } .jvectormap-zoomin:hover::before, .jvectormap-zoomout:hover::before, .jvectormap-zoomin:hover::after, .jvectormap-zoomout:hover::after { background: #ffffff; } .jvectormap-zoomin { top: 15px; margin-top: 0; margin-bottom: 1px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .jvectormap-zoomout { top: 48px; border-top-left-radius: 0; border-top-right-radius: 0; } .jvectormap-zoomout::before { display: none; } /* $nestable ------------------------------------------*/ .dd { position: relative; display: block; margin: 0; padding: 0; list-style: none; } .dd-list { display: block; position: relative; margin: 0; padding: 0; list-style: none; } .dd-list .dd-list { padding-left: 30px; } .dd-collapsed .dd-list { display: none; } .dd-item, .dd-empty, .dd-placeholder { display: block; position: relative; margin: 0; padding: 0; min-height: 20px; line-height: 20px; } .dd-handle { display: block; margin: 5px 0; padding: 10px; text-decoration: none; border: 1px solid #e4e4e4; background: white; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .dd-handle:hover { color: #484848; background: #fff; } .dd-item > button { display: block; position: relative; cursor: pointer; float: left; width: 35px; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: transparent; line-height: 42px; text-align: center; } .dd-item > button::before { content: ''; position: absolute; right: 50%; top: 50%; margin-top: -5px; background: #616161; width: 2px; height: 10px; margin-right: -1px; } .dd-item > button::after { content: ''; position: absolute; top: 50%; right: 50%; background: #616161; height: 2px; width: 10px; margin-right: -5px; margin-top: -1px; } .dd-item > button[data-action="collapse"]:before { display: none; } .dd-placeholder, .dd-empty { margin: 5px 0; padding: 0; min-height: 30px; background: transparent; border: 1px dashed #ddd; } .dd-empty { border: 1px dashed #bbb; min-height: 100px; background-color: #e5e5e5; background-image: -webkit-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), -webkit-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff); background-image: -moz-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), -moz-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff); background-image: linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff); background-size: 60px 60px; background-position: 0 0, 30px 30px; } .dd-dragel { position: absolute; pointer-events: none; } .dd-dragel > .dd-item .dd-handle { margin-top: 0; } .dd-dragel .dd-handle { -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1); box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1); } /** * Nestable Draggable Handles */ .dd3-content { display: block; margin: 5px 0; padding: 10px 10px 10px 50px; text-decoration: none; border: 1px solid #e4e4e4; background: #ffffff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .dd3-content:hover { background: #fff; } .dd-dragel > .dd3-item > .dd3-content { margin: 0; } .dd3-item > button { margin-left: 40px; } .dd3-handle { position: absolute; margin: 0; left: 0; top: 0; cursor: pointer; width: 38px; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 1px solid #e4e4e4; background: #ffffff; border-top-right-radius: 0; border-bottom-right-radius: 0; } .dd3-handle:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; speak: none; font-style: normal; font-weight: normal; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: "\f0c9"; display: block; position: absolute; left: 0; width: 100%; text-align: center; text-indent: 0; font-size: 14px; } .dd3-handle:hover { background: #e2e2e2; } /* $noty ------------------------------------------*/ li.urban-noty { position: relative; margin-bottom: 10px; } li.urban-noty:last-child { margin-bottom: 0; } .noty_message[style] { font-size: 13px !important; } .urban-noty .noty_bar { padding: 10px 15px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid transparent; -webkit-animation-duration: 800ms; -moz-animation-duration: 800ms; -o-animation-duration: 800ms; animation-duration: 800ms; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-name: animation-close; -moz-animation-name: animation-close; -o-animation-name: animation-close; animation-name: animation-close; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0 * 100); filter: alpha(opacity=0 * 100); } .urban-noty .noty_bar { -webkit-animation-name: animation-open; -moz-animation-name: animation-open; -o-animation-name: animation-open; animation-name: animation-open; } .urban-noty.i-am-closing-now .noty_bar { -webkit-animation-name: animation-close; -moz-animation-name: animation-close; -o-animation-name: animation-close; animation-name: animation-close; } .urban-noty-bottom, .urban-noty-bottom-right, .urban-noty-bottom-left, .urban-noty-top, .urban-noty-top-right, .urban-noty-top-left { list-style: none; padding: 0; margin: 0; position: fixed; z-index: 99999; -webkit-transition: opacity 300ms cubic-bezier(0.7, 0, 0.3, 1); -moz-transition: opacity 300ms cubic-bezier(0.7, 0, 0.3, 1); -o-transition: opacity 300ms cubic-bezier(0.7, 0, 0.3, 1); transition: opacity 300ms cubic-bezier(0.7, 0, 0.3, 1); -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); } .offscreen ~ .urban-noty-bottom, .offscreen ~ .urban-noty-bottom-right, .offscreen ~ .urban-noty-bottom-left, .offscreen ~ .urban-noty-top, .offscreen ~ .urban-noty-top-right, .offscreen ~ .urban-noty-top-left { -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0 * 100); filter: alpha(opacity=0 * 100); } /* Bottom notification */ .urban-noty-bottom { bottom: 0; right: 0; width: 100%; } .urban-noty-bottom li.urban-noty { margin-bottom: 0; margin-top: -1px; } .urban-noty-bottom .noty_bar { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } @media screen and (min-width: 768px) { .urban-noty-bottom { padding-left: 250px; } .layout-small-menu ~ .urban-noty-bottom { padding-left: 70px; } .layout-right-sidebar ~ .urban-noty-bottom { padding-left: 0; padding-right: 250px; } .layout-right-sidebar.layout-small-menu ~ .urban-noty-bottom { padding-left: 0; padding-right: 70px; } .layout-boxed ~ .urban-noty-bottom, .layout-boxed.layout-right-sidebar.layout-small-menu ~ .urban-noty-bottom { padding-left: 0; padding-right: 0; } } /* Bottom right notification */ .urban-noty-bottom-right { bottom: 75px; right: 20px; } @media screen and (min-width: 768px) { .layout-right-sidebar ~ .urban-noty-bottom-right { right: 270px; } .layout-right-sidebar.layout-small-menu ~ .urban-noty-bottom-right { right: 90px; } .layout-boxed ~ .urban-noty-bottom-right, .layout-boxed.layout-right-sidebar.layout-small-menu ~ .urban-noty-bottom-right { right: 20px; } } /* Bottom left notification */ .urban-noty-bottom-left { bottom: 75px; left: 20px; } @media screen and (min-width: 768px) { .urban-noty-bottom-left { left: 270px; } .layout-small-menu ~ .urban-noty-bottom-left { left: 90px; } .layout-right-sidebar ~ .urban-noty-bottom-left { left: 20px; } .layout-right-sidebar.layout-small-menu ~ .urban-noty-bottom-left { left: 20px; } .layout-boxed ~ .urban-noty-bottom-left, .layout-boxed.layout-small-menu ~ .urban-noty-bottom-left { left: 20px; } } /* Top notification */ .urban-noty-top { top: 75px; right: 20px; } .urban-noty-top { top: 55px; right: 0; width: 100%; } .urban-noty-top li.urban-noty { margin-bottom: 0; margin-top: -1px; } .urban-noty-top .noty_bar { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } @media screen and (min-width: 768px) { .urban-noty-top { padding-left: 250px; } .layout-small-menu ~ .urban-noty-top { position: absolute; padding-left: 70px; } .layout-right-sidebar ~ .urban-noty-top { padding-left: 0; padding-right: 250px; } .layout-right-sidebar.layout-small-menu ~ .urban-noty-top { padding-left: 0; padding-right: 70px; } .layout-boxed ~ .urban-noty-top, .layout-boxed.layout-right-sidebar.layout-small-menu ~ .urban-noty-top { padding-left: 0; padding-right: 0; } } /* Top right notification */ .urban-noty-top-right { top: 75px; right: 20px; } @media screen and (min-width: 768px) { .layout-right-sidebar ~ .urban-noty-top-right { right: 270px; } .layout-right-sidebar.layout-small-menu ~ .urban-noty-top-right { right: 90px; } .layout-boxed ~ .urban-noty-top-right, .layout-boxed.layout-small-menu ~ .urban-noty-top-right { right: 20px; } } /* Top left notification */ .urban-noty-top-left { top: 75px; left: 20px; } @media screen and (min-width: 768px) { .urban-noty-top-left { left: 270px; } .layout-small-menu ~ .urban-noty-top-left { left: 90px; } .layout-right-sidebar ~ .urban-noty-top-left { left: 20px; } .layout-right-sidebar.layout-small-menu ~ .urban-noty-top-left { left: 20px; } .layout-boxed ~ .urban-noty-top-left, .layout-boxed.layout-small-menu ~ .urban-noty-top-left { left: 20px; } } /* Notification colors */ .noty_container_type_success .noty_bar { background-color: #a8ebc4; border-color: #9be8bc; color: #1b7943; } .noty_container_type_success .noty_bar hr { border-top-color: #86e4ae; } .noty_container_type_success .noty_bar .alert-link { color: #124f2c; } .noty_container_type_information .noty_bar { background-color: #caedf4; border-color: #bee9f1; color: #218a9e; } .noty_container_type_information .noty_bar hr { border-top-color: #a9e2ed; } .noty_container_type_information .noty_bar .alert-link { color: #196573; } .noty_container_type_warning .noty_bar { background-color: #fff3dd; border-color: #ffedcd; color: #ffab11; } .noty_container_type_warning .noty_bar hr { border-top-color: #ffe5b4; } .noty_container_type_warning .noty_bar .alert-link { color: #dd8f00; } .noty_container_type_error .noty_bar { background-color: #f5d7d4; border-color: #f2ccc7; color: #a53325; } .noty_container_type_error .noty_bar hr { border-top-color: #eeb9b3; } .noty_container_type_error .noty_bar .alert-link { color: #7b261c; } .noty_container_type_confirm .noty_bar { background-color: white; border-color: #e4e4e4; color: #616161; } .noty_container_type_confirm .noty_bar hr { border-top-color: #d7d7d7; } .noty_container_type_confirm .noty_bar .alert-link { color: #484848; } /* $nvd3 ------------------------------------------*/ .nvd3 text { font-family: inherit; } /* $jquery-validation ------------------------------------------*/ input.valid { border-color: #2ecc71; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } input.valid:focus { border-color: #25a25a; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } input.error { border-color: #d96557; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } input.error:focus { border-color: #ce402f; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } label.error { color: #d96557; font-weight: 400; } /* $perfect-scrollbar ------------------------------------------*/ .ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail { display: block; } .ps-container.ps-in-scrolling { pointer-events: none; } .ps-container.ps-in-scrolling > .ps-scrollbar-x-rail { background-color: #eee; -moz-opacity: 0.9; -khtml-opacity: 0.9; -webkit-opacity: 0.9; opacity: 0.9; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.9 * 100); filter: alpha(opacity=0.9 * 100); } .ps-container.ps-in-scrolling > .ps-scrollbar-x-rail > .ps-scrollbar-x { background-color: #999; } .ps-container.ps-in-scrolling > .ps-scrollbar-y-rail { background-color: #eee; -moz-opacity: 0.9; -khtml-opacity: 0.9; -webkit-opacity: 0.9; opacity: 0.9; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.9 * 100); filter: alpha(opacity=0.9 * 100); } .ps-container.ps-in-scrolling > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: #999; } .ps-container > .ps-scrollbar-x-rail { display: none; position: absolute; /* please don't change 'position' */ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0 * 100); filter: alpha(opacity=0 * 100); -webkit-transition: background-color 0.2s linear, opacity 0.2s linear; -moz-transition: background-color 0.2s linear, opacity 0.2s linear; -o-transition: background-color 0.2s linear, opacity 0.2s linear; transition: background-color 0.2s linear, opacity 0.2s linear; bottom: 3px; /* there must be 'bottom' for ps-scrollbar-x-rail */ height: 8px; } .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x { position: absolute; /* please don't change 'position' */ background-color: rgba(0, 0, 0, 0.1); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: background-color 0.2s linear; -moz-transition: background-color 0.2s linear; -o-transition: background-color 0.2s linear; transition: background-color 0.2s linear; bottom: 0; /* there must be 'bottom' for ps-scrollbar-x */ height: 8px; } .ps-container > .ps-scrollbar-y-rail { display: none; position: absolute; /* please don't change 'position' */ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0 * 100); filter: alpha(opacity=0 * 100); -webkit-transition: background-color 0.2s linear, opacity 0.2s linear; -moz-transition: background-color 0.2s linear, opacity 0.2s linear; -o-transition: background-color 0.2s linear, opacity 0.2s linear; transition: background-color 0.2s linear, opacity 0.2s linear; right: 0; /* there must be 'right' for ps-scrollbar-y-rail */ width: 6px; } .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y { position: absolute; /* please don't change 'position' */ background-color: rgba(0, 0, 0, 0.5); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: background-color 0.2s linear; -moz-transition: background-color 0.2s linear; -o-transition: background-color 0.2s linear; transition: background-color 0.2s linear; right: 0; /* there must be 'right' for ps-scrollbar-y */ width: 6px; } .ps-container:hover.ps-in-scrolling { pointer-events: none; } .ps-container:hover.ps-in-scrolling > .ps-scrollbar-x-rail { background-color: #eee; -moz-opacity: 0.9; -khtml-opacity: 0.9; -webkit-opacity: 0.9; opacity: 0.9; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.9 * 100); filter: alpha(opacity=0.9 * 100); } .ps-container:hover.ps-in-scrolling > .ps-scrollbar-x-rail > .ps-scrollbar-x { background-color: #999; } .ps-container:hover.ps-in-scrolling > .ps-scrollbar-y-rail { background-color: #eee; -moz-opacity: 0.9; -khtml-opacity: 0.9; -webkit-opacity: 0.9; opacity: 0.9; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.9 * 100); filter: alpha(opacity=0.9 * 100); } .ps-container:hover.ps-in-scrolling > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color: #999; } .ps-container:hover > .ps-scrollbar-x-rail, .ps-container:hover > .ps-scrollbar-y-rail { -moz-opacity: 0.6; -khtml-opacity: 0.6; -webkit-opacity: 0.6; opacity: 0.6; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.6 * 100); filter: alpha(opacity=0.6 * 100); } .ps-container:hover > .ps-scrollbar-x-rail:hover { background-color: #eee; -moz-opacity: 0.9; -khtml-opacity: 0.9; -webkit-opacity: 0.9; opacity: 0.9; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.9 * 100); filter: alpha(opacity=0.9 * 100); } .ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x { background-color: #999; } .ps-container:hover > .ps-scrollbar-y-rail:hover { background-color: #eee; -moz-opacity: 0.9; -khtml-opacity: 0.9; -webkit-opacity: 0.9; opacity: 0.9; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.9 * 100); filter: alpha(opacity=0.9 * 100); } .ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y { background-color: #999; } /* $portlets ------------------------------------------*/ .draggable-portlets-wrapper .draggable-portlets { min-height: 50px; } .draggable-portlets-wrapper .draggable-portlets .portlet { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: opacity 300ms linear; -moz-transition: opacity 300ms linear; -o-transition: opacity 300ms linear; transition: opacity 300ms linear; } .draggable-portlets-wrapper .draggable-portlets .portlet .portlet-heading { cursor: pointer; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .draggable-portlets-wrapper .draggable-portlets .ui-sortable-placeholder { visibility: visible !important; border: 1px dashed #e4e4e4; background: rgba(0, 0, 0, 0.01); } .draggable-portlets-wrapper.dragging .portlet { -moz-opacity: 0.8; -khtml-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.8 * 100); filter: alpha(opacity=0.8 * 100); } /* $rickshaw ------------------------------------------*/ .rickshaw_graph { display: block; } .rickshaw_graph .detail .x_label { font-family: inherit; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .rickshaw_graph .detail .item { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-family: inherit; } .rickshaw_graph .x_tick { border-left: 1px dashed rgba(0, 0, 0, 0.2); } .rickshaw_graph .x_tick .title { font-family: inherit; color: black; } .rickshaw_annotation_timeline .annotation .content { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .rickshaw_legend { font-family: inherit; } .rickshaw_legend li:hover { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .rickshaw_legend li:active { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } /* $social-button ------------------------------------------*/ .btn-icon { position: relative; overflow: hidden; padding-top: 8px; padding-bottom: 8px; padding-left: 47px; border-width: 0; text-overflow: ellipsis; } .btn-icon :first-child { position: absolute; top: 0; bottom: 0; left: 0; width: 34px; text-align: center; line-height: 34px; background: rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.03); } .btn-icon.btn-lg :first-child { width: 47px; line-height: 47px; } .btn-icon.btn-sm :first-child { width: 30px; line-height: 30px; } .btn-icon.btn-xs :first-child { width: 22px; line-height: 22px; } .btn-lg.btn-icon, .btn-group-lg > .btn.btn-icon { padding-top: 14px; padding-bottom: 14px; padding-left: 63px; } .btn-sm.btn-icon, .btn-group-sm > .btn.btn-icon { padding-top: 5px; padding-bottom: 5px; padding-left: 40px; } .btn-xs.btn-icon, .btn-group-xs > .btn.btn-icon { padding-top: 3px; padding-bottom: 3px; padding-left: 30px; } .btn-icon-icon { padding: 0; width: 34px; height: 34px; border-width: 1px; position: relative; overflow: hidden; padding-top: 8px; padding-bottom: 8px; padding-left: 47px; border-width: 0; text-overflow: ellipsis; } .btn-icon-icon :first-child { position: absolute; top: 0; bottom: 0; left: 0; width: 34px; text-align: center; line-height: 34px; background: rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.03); } .btn-icon-icon.btn-lg :first-child { width: 47px; line-height: 47px; } .btn-icon-icon.btn-sm :first-child { width: 30px; line-height: 30px; } .btn-icon-icon.btn-xs :first-child { width: 22px; line-height: 22px; } .btn-icon-icon :first-child { width: 100% !important; border: none; background-color: transparent; text-align: center; } .btn-icon-icon.btn-lg { padding-right: 0; padding-left: 0; width: 47px; height: 47px; } .btn-icon-icon.btn-sm { padding-right: 0; padding-left: 0; width: 30px; height: 30px; } .btn-icon-icon.btn-xs { padding-right: 0; padding-left: 0; width: 22px; height: 22px; } .btn-adn { color: #ffffff; background-color: #d87a68; border-color: #d87a68; } .btn-adn:visited { color: #ffffff; } .btn-adn:hover, .btn-adn:focus, .btn-adn.focus, .btn-adn:active, .btn-adn.active, .open > .dropdown-toggle.btn-adn { color: #ffffff; background-color: #d87a68; border-color: #ce563f; } .btn-adn::before { content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #ce563f; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0 * 100); filter: alpha(opacity=0 * 100); -webkit-transform: scale3d(0.7, 1, 1); -moz-transform: scale3d(0.7, 1, 1); -o-transform: scale3d(0.7, 1, 1); -ms-transform: scale3d(0.7, 1, 1); transform: scale3d(0.7, 1, 1); -webkit-transition: transform 0.4s, opacity 0.4s; -moz-transition: transform 0.4s, opacity 0.4s; -o-transition: transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .btn-adn, .btn-adn::before { -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .btn-adn:hover::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .btn-adn:active, .btn-adn.active, .open > .dropdown-toggle.btn-adn { background-image: none; border-color: #cb4f37; } .btn-adn:active::before, .btn-adn.active::before, .open > .dropdown-toggle.btn-adn::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background-color: #ce563f; } .btn-adn:active:hover, .btn-adn.active:hover, .open > .dropdown-toggle.btn-adn:hover, .btn-adn:active:focus, .btn-adn.active:focus, .open > .dropdown-toggle.btn-adn:focus, .btn-adn:active.focus, .btn-adn.active.focus, .open > .dropdown-toggle.btn-adn.focus { color: #ffffff; background-color: #d36854; border-color: #d36854; } .btn-adn.disabled::before, .btn-adn[disabled]::before { z-index: 1; } .btn-adn.disabled, .btn-adn[disabled], fieldset[disabled] .btn-adn, .btn-adn.disabled:hover, .btn-adn[disabled]:hover, fieldset[disabled] .btn-adn:hover, .btn-adn.disabled:focus, .btn-adn[disabled]:focus, fieldset[disabled] .btn-adn:focus, .btn-adn.disabled.focus, .btn-adn[disabled].focus, fieldset[disabled] .btn-adn.focus, .btn-adn.disabled:active, .btn-adn[disabled]:active, fieldset[disabled] .btn-adn:active, .btn-adn.disabled.active, .btn-adn[disabled].active, fieldset[disabled] .btn-adn.active { background-color: #d87a68; border-color: #d87a68; } .btn-adn .badge { color: #d87a68; background-color: #ffffff; } .btn-adn.btn-outline { background-color: transparent; background-image: none; border-color: #d87a68; color: #d87a68; } .btn-adn.btn-outline:hover, .btn-adn.btn-outline:focus, .btn-adn.btn-outline:active, .btn-adn.btn-outline.active { background-color: #d87a68; color: #ffffff; } .btn-bitbucket { color: #ffffff; background-color: #205081; border-color: #205081; } .btn-bitbucket:visited { color: #ffffff; } .btn-bitbucket:hover, .btn-bitbucket:focus, .btn-bitbucket.focus, .btn-bitbucket:active, .btn-bitbucket.active, .open > .dropdown-toggle.btn-bitbucket { color: #ffffff; background-color: #205081; border-color: #163758; } .btn-bitbucket::before { content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #163758; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0 * 100); filter: alpha(opacity=0 * 100); -webkit-transform: scale3d(0.7, 1, 1); -moz-transform: scale3d(0.7, 1, 1); -o-transform: scale3d(0.7, 1, 1); -ms-transform: scale3d(0.7, 1, 1); transform: scale3d(0.7, 1, 1); -webkit-transition: transform 0.4s, opacity 0.4s; -moz-transition: transform 0.4s, opacity 0.4s; -o-transition: transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .btn-bitbucket, .btn-bitbucket::before { -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .btn-bitbucket:hover::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .btn-bitbucket:active, .btn-bitbucket.active, .open > .dropdown-toggle.btn-bitbucket { background-image: none; border-color: #143250; } .btn-bitbucket:active::before, .btn-bitbucket.active::before, .open > .dropdown-toggle.btn-bitbucket::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background-color: #163758; } .btn-bitbucket:active:hover, .btn-bitbucket.active:hover, .open > .dropdown-toggle.btn-bitbucket:hover, .btn-bitbucket:active:focus, .btn-bitbucket.active:focus, .open > .dropdown-toggle.btn-bitbucket:focus, .btn-bitbucket:active.focus, .btn-bitbucket.active.focus, .open > .dropdown-toggle.btn-bitbucket.focus { color: #ffffff; background-color: #1b436d; border-color: #1b436d; } .btn-bitbucket.disabled::before, .btn-bitbucket[disabled]::before { z-index: 1; } .btn-bitbucket.disabled, .btn-bitbucket[disabled], fieldset[disabled] .btn-bitbucket, .btn-bitbucket.disabled:hover, .btn-bitbucket[disabled]:hover, fieldset[disabled] .btn-bitbucket:hover, .btn-bitbucket.disabled:focus, .btn-bitbucket[disabled]:focus, fieldset[disabled] .btn-bitbucket:focus, .btn-bitbucket.disabled.focus, .btn-bitbucket[disabled].focus, fieldset[disabled] .btn-bitbucket.focus, .btn-bitbucket.disabled:active, .btn-bitbucket[disabled]:active, fieldset[disabled] .btn-bitbucket:active, .btn-bitbucket.disabled.active, .btn-bitbucket[disabled].active, fieldset[disabled] .btn-bitbucket.active { background-color: #205081; border-color: #205081; } .btn-bitbucket .badge { color: #205081; background-color: #ffffff; } .btn-bitbucket.btn-outline { background-color: transparent; background-image: none; border-color: #205081; color: #205081; } .btn-bitbucket.btn-outline:hover, .btn-bitbucket.btn-outline:focus, .btn-bitbucket.btn-outline:active, .btn-bitbucket.btn-outline.active { background-color: #205081; color: #ffffff; } .btn-dropbox { color: #ffffff; background-color: #3d9ae8; border-color: #3d9ae8; } .btn-dropbox:visited { color: #ffffff; } .btn-dropbox:hover, .btn-dropbox:focus, .btn-dropbox.focus, .btn-dropbox:active, .btn-dropbox.active, .open > .dropdown-toggle.btn-dropbox { color: #ffffff; background-color: #3d9ae8; border-color: #1a81d8; } .btn-dropbox::before { content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #1a81d8; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0 * 100); filter: alpha(opacity=0 * 100); -webkit-transform: scale3d(0.7, 1, 1); -moz-transform: scale3d(0.7, 1, 1); -o-transform: scale3d(0.7, 1, 1); -ms-transform: scale3d(0.7, 1, 1); transform: scale3d(0.7, 1, 1); -webkit-transition: transform 0.4s, opacity 0.4s; -moz-transition: transform 0.4s, opacity 0.4s; -o-transition: transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .btn-dropbox, .btn-dropbox::before { -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .btn-dropbox:hover::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .btn-dropbox:active, .btn-dropbox.active, .open > .dropdown-toggle.btn-dropbox { background-image: none; border-color: #197ccf; } .btn-dropbox:active::before, .btn-dropbox.active::before, .open > .dropdown-toggle.btn-dropbox::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background-color: #1a81d8; } .btn-dropbox:active:hover, .btn-dropbox.active:hover, .open > .dropdown-toggle.btn-dropbox:hover, .btn-dropbox:active:focus, .btn-dropbox.active:focus, .open > .dropdown-toggle.btn-dropbox:focus, .btn-dropbox:active.focus, .btn-dropbox.active.focus, .open > .dropdown-toggle.btn-dropbox.focus { color: #ffffff; background-color: #268ee5; border-color: #268ee5; } .btn-dropbox.disabled::before, .btn-dropbox[disabled]::before { z-index: 1; } .btn-dropbox.disabled, .btn-dropbox[disabled], fieldset[disabled] .btn-dropbox, .btn-dropbox.disabled:hover, .btn-dropbox[disabled]:hover, fieldset[disabled] .btn-dropbox:hover, .btn-dropbox.disabled:focus, .btn-dropbox[disabled]:focus, fieldset[disabled] .btn-dropbox:focus, .btn-dropbox.disabled.focus, .btn-dropbox[disabled].focus, fieldset[disabled] .btn-dropbox.focus, .btn-dropbox.disabled:active, .btn-dropbox[disabled]:active, fieldset[disabled] .btn-dropbox:active, .btn-dropbox.disabled.active, .btn-dropbox[disabled].active, fieldset[disabled] .btn-dropbox.active { background-color: #3d9ae8; border-color: #3d9ae8; } .btn-dropbox .badge { color: #3d9ae8; background-color: #ffffff; } .btn-dropbox.btn-outline { background-color: transparent; background-image: none; border-color: #3d9ae8; color: #3d9ae8; } .btn-dropbox.btn-outline:hover, .btn-dropbox.btn-outline:focus, .btn-dropbox.btn-outline:active, .btn-dropbox.btn-outline.active { background-color: #3d9ae8; color: #ffffff; } .btn-facebook { color: #ffffff; background-color: #3b5998; border-color: #3b5998; } .btn-facebook:visited { color: #ffffff; } .btn-facebook:hover, .btn-facebook:focus, .btn-facebook.focus, .btn-facebook:active, .btn-facebook.active, .open > .dropdown-toggle.btn-facebook { color: #ffffff; background-color: #3b5998; border-color: #2d4373; } .btn-facebook::before { content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #2d4373; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0 * 100); filter: alpha(opacity=0 * 100); -webkit-transform: scale3d(0.7, 1, 1); -moz-transform: scale3d(0.7, 1, 1); -o-transform: scale3d(0.7, 1, 1); -ms-transform: scale3d(0.7, 1, 1); transform: scale3d(0.7, 1, 1); -webkit-transition: transform 0.4s, opacity 0.4s; -moz-transition: transform 0.4s, opacity 0.4s; -o-transition: transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .btn-facebook, .btn-facebook::before { -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .btn-facebook:hover::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .btn-facebook:active, .btn-facebook.active, .open > .dropdown-toggle.btn-facebook { background-image: none; border-color: #2a3f6c; } .btn-facebook:active::before, .btn-facebook.active::before, .open > .dropdown-toggle.btn-facebook::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background-color: #2d4373; } .btn-facebook:active:hover, .btn-facebook.active:hover, .open > .dropdown-toggle.btn-facebook:hover, .btn-facebook:active:focus, .btn-facebook.active:focus, .open > .dropdown-toggle.btn-facebook:focus, .btn-facebook:active.focus, .btn-facebook.active.focus, .open > .dropdown-toggle.btn-facebook.focus { color: #ffffff; background-color: #344e86; border-color: #344e86; } .btn-facebook.disabled::before, .btn-facebook[disabled]::before { z-index: 1; } .btn-facebook.disabled, .btn-facebook[disabled], fieldset[disabled] .btn-facebook, .btn-facebook.disabled:hover, .btn-facebook[disabled]:hover, fieldset[disabled] .btn-facebook:hover, .btn-facebook.disabled:focus, .btn-facebook[disabled]:focus, fieldset[disabled] .btn-facebook:focus, .btn-facebook.disabled.focus, .btn-facebook[disabled].focus, fieldset[disabled] .btn-facebook.focus, .btn-facebook.disabled:active, .btn-facebook[disabled]:active, fieldset[disabled] .btn-facebook:active, .btn-facebook.disabled.active, .btn-facebook[disabled].active, fieldset[disabled] .btn-facebook.active { background-color: #3b5998; border-color: #3b5998; } .btn-facebook .badge { color: #3b5998; background-color: #ffffff; } .btn-facebook.btn-outline { background-color: transparent; background-image: none; border-color: #3b5998; color: #3b5998; } .btn-facebook.btn-outline:hover, .btn-facebook.btn-outline:focus, .btn-facebook.btn-outline:active, .btn-facebook.btn-outline.active { background-color: #3b5998; color: #ffffff; } .btn-flickr { color: #ffffff; background-color: #ff0084; border-color: #ff0084; } .btn-flickr:visited { color: #ffffff; } .btn-flickr:hover, .btn-flickr:focus, .btn-flickr.focus, .btn-flickr:active, .btn-flickr.active, .open > .dropdown-toggle.btn-flickr { color: #ffffff; background-color: #ff0084; border-color: #cc006a; } .btn-flickr::before { content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #cc006a; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0 * 100); filter: alpha(opacity=0 * 100); -webkit-transform: scale3d(0.7, 1, 1); -moz-transform: scale3d(0.7, 1, 1); -o-transform: scale3d(0.7, 1, 1); -ms-transform: scale3d(0.7, 1, 1); transform: scale3d(0.7, 1, 1); -webkit-transition: transform 0.4s, opacity 0.4s; -moz-transition: transform 0.4s, opacity 0.4s; -o-transition: transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .btn-flickr, .btn-flickr::before { -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .btn-flickr:hover::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .btn-flickr:active, .btn-flickr.active, .open > .dropdown-toggle.btn-flickr { background-image: none; border-color: #c20064; } .btn-flickr:active::before, .btn-flickr.active::before, .open > .dropdown-toggle.btn-flickr::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background-color: #cc006a; } .btn-flickr:active:hover, .btn-flickr.active:hover, .open > .dropdown-toggle.btn-flickr:hover, .btn-flickr:active:focus, .btn-flickr.active:focus, .open > .dropdown-toggle.btn-flickr:focus, .btn-flickr:active.focus, .btn-flickr.active.focus, .open > .dropdown-toggle.btn-flickr.focus { color: #ffffff; background-color: #e60077; border-color: #e60077; } .btn-flickr.disabled::before, .btn-flickr[disabled]::before { z-index: 1; } .btn-flickr.disabled, .btn-flickr[disabled], fieldset[disabled] .btn-flickr, .btn-flickr.disabled:hover, .btn-flickr[disabled]:hover, fieldset[disabled] .btn-flickr:hover, .btn-flickr.disabled:focus, .btn-flickr[disabled]:focus, fieldset[disabled] .btn-flickr:focus, .btn-flickr.disabled.focus, .btn-flickr[disabled].focus, fieldset[disabled] .btn-flickr.focus, .btn-flickr.disabled:active, .btn-flickr[disabled]:active, fieldset[disabled] .btn-flickr:active, .btn-flickr.disabled.active, .btn-flickr[disabled].active, fieldset[disabled] .btn-flickr.active { background-color: #ff0084; border-color: #ff0084; } .btn-flickr .badge { color: #ff0084; background-color: #ffffff; } .btn-flickr.btn-outline { background-color: transparent; background-image: none; border-color: #ff0084; color: #ff0084; } .btn-flickr.btn-outline:hover, .btn-flickr.btn-outline:focus, .btn-flickr.btn-outline:active, .btn-flickr.btn-outline.active { background-color: #ff0084; color: #ffffff; } .btn-foursquare { color: #ffffff; background-color: #25a0ca; border-color: #25a0ca; } .btn-foursquare:visited { color: #ffffff; } .btn-foursquare:hover, .btn-foursquare:focus, .btn-foursquare.focus, .btn-foursquare:active, .btn-foursquare.active, .open > .dropdown-toggle.btn-foursquare { color: #ffffff; background-color: #25a0ca; border-color: #1d7e9f; } .btn-foursquare::before { content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #1d7e9f; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0 * 100); filter: alpha(opacity=0 * 100); -webkit-transform: scale3d(0.7, 1, 1); -moz-transform: scale3d(0.7, 1, 1); -o-transform: scale3d(0.7, 1, 1); -ms-transform: scale3d(0.7, 1, 1); transform: scale3d(0.7, 1, 1); -webkit-transition: transform 0.4s, opacity 0.4s; -moz-transition: transform 0.4s, opacity 0.4s; -o-transition: transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .btn-foursquare, .btn-foursquare::before { -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .btn-foursquare:hover::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .btn-foursquare:active, .btn-foursquare.active, .open > .dropdown-toggle.btn-foursquare { background-image: none; border-color: #1c7796; } .btn-foursquare:active::before, .btn-foursquare.active::before, .open > .dropdown-toggle.btn-foursquare::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background-color: #1d7e9f; } .btn-foursquare:active:hover, .btn-foursquare.active:hover, .open > .dropdown-toggle.btn-foursquare:hover, .btn-foursquare:active:focus, .btn-foursquare.active:focus, .open > .dropdown-toggle.btn-foursquare:focus, .btn-foursquare:active.focus, .btn-foursquare.active.focus, .open > .dropdown-toggle.btn-foursquare.focus { color: #ffffff; background-color: #218fb4; border-color: #218fb4; } .btn-foursquare.disabled::before, .btn-foursquare[disabled]::before { z-index: 1; } .btn-foursquare.disabled, .btn-foursquare[disabled], fieldset[disabled] .btn-foursquare, .btn-foursquare.disabled:hover, .btn-foursquare[disabled]:hover, fieldset[disabled] .btn-foursquare:hover, .btn-foursquare.disabled:focus, .btn-foursquare[disabled]:focus, fieldset[disabled] .btn-foursquare:focus, .btn-foursquare.disabled.focus, .btn-foursquare[disabled].focus, fieldset[disabled] .btn-foursquare.focus, .btn-foursquare.disabled:active, .btn-foursquare[disabled]:active, fieldset[disabled] .btn-foursquare:active, .btn-foursquare.disabled.active, .btn-foursquare[disabled].active, fieldset[disabled] .btn-foursquare.active { background-color: #25a0ca; border-color: #25a0ca; } .btn-foursquare .badge { color: #25a0ca; background-color: #ffffff; } .btn-foursquare.btn-outline { background-color: transparent; background-image: none; border-color: #25a0ca; color: #25a0ca; } .btn-foursquare.btn-outline:hover, .btn-foursquare.btn-outline:focus, .btn-foursquare.btn-outline:active, .btn-foursquare.btn-outline.active { background-color: #25a0ca; color: #ffffff; } .btn-github { color: #ffffff; background-color: #171515; border-color: #171515; } .btn-github:visited { color: #ffffff; } .btn-github:hover, .btn-github:focus, .btn-github.focus, .btn-github:active, .btn-github.active, .open > .dropdown-toggle.btn-github { color: #ffffff; background-color: #171515; border-color: #000000; } .btn-github::before { content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #000000; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0 * 100); filter: alpha(opacity=0 * 100); -webkit-transform: scale3d(0.7, 1, 1); -moz-transform: scale3d(0.7, 1, 1); -o-transform: scale3d(0.7, 1, 1); -ms-transform: scale3d(0.7, 1, 1); transform: scale3d(0.7, 1, 1); -webkit-transition: transform 0.4s, opacity 0.4s; -moz-transition: transform 0.4s, opacity 0.4s; -o-transition: transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .btn-github, .btn-github::before { -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .btn-github:hover::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .btn-github:active, .btn-github.active, .open > .dropdown-toggle.btn-github { background-image: none; border-color: #000000; } .btn-github:active::before, .btn-github.active::before, .open > .dropdown-toggle.btn-github::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background-color: #000000; } .btn-github:active:hover, .btn-github.active:hover, .open > .dropdown-toggle.btn-github:hover, .btn-github:active:focus, .btn-github.active:focus, .open > .dropdown-toggle.btn-github:focus, .btn-github:active.focus, .btn-github.active.focus, .open > .dropdown-toggle.btn-github.focus { color: #ffffff; background-color: #0a0909; border-color: #0a0909; } .btn-github.disabled::before, .btn-github[disabled]::before { z-index: 1; } .btn-github.disabled, .btn-github[disabled], fieldset[disabled] .btn-github, .btn-github.disabled:hover, .btn-github[disabled]:hover, fieldset[disabled] .btn-github:hover, .btn-github.disabled:focus, .btn-github[disabled]:focus, fieldset[disabled] .btn-github:focus, .btn-github.disabled.focus, .btn-github[disabled].focus, fieldset[disabled] .btn-github.focus, .btn-github.disabled:active, .btn-github[disabled]:active, fieldset[disabled] .btn-github:active, .btn-github.disabled.active, .btn-github[disabled].active, fieldset[disabled] .btn-github.active { background-color: #171515; border-color: #171515; } .btn-github .badge { color: #171515; background-color: #ffffff; } .btn-github.btn-outline { background-color: transparent; background-image: none; border-color: #171515; color: #171515; } .btn-github.btn-outline:hover, .btn-github.btn-outline:focus, .btn-github.btn-outline:active, .btn-github.btn-outline.active { background-color: #171515; color: #ffffff; } .btn-google-plus { color: #ffffff; background-color: #dd4b39; border-color: #dd4b39; } .btn-google-plus:visited { color: #ffffff; } .btn-google-plus:hover, .btn-google-plus:focus, .btn-google-plus.focus, .btn-google-plus:active, .btn-google-plus.active, .open > .dropdown-toggle.btn-google-plus { color: #ffffff; background-color: #dd4b39; border-color: #c23321; } .btn-google-plus::before { content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #c23321; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0 * 100); filter: alpha(opacity=0 * 100); -webkit-transform: scale3d(0.7, 1, 1); -moz-transform: scale3d(0.7, 1, 1); -o-transform: scale3d(0.7, 1, 1); -ms-transform: scale3d(0.7, 1, 1); transform: scale3d(0.7, 1, 1); -webkit-transition: transform 0.4s, opacity 0.4s; -moz-transition: transform 0.4s, opacity 0.4s; -o-transition: transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .btn-google-plus, .btn-google-plus::before { -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .btn-google-plus:hover::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .btn-google-plus:active, .btn-google-plus.active, .open > .dropdown-toggle.btn-google-plus { background-image: none; border-color: #b93120; } .btn-google-plus:active::before, .btn-google-plus.active::before, .open > .dropdown-toggle.btn-google-plus::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background-color: #c23321; } .btn-google-plus:active:hover, .btn-google-plus.active:hover, .open > .dropdown-toggle.btn-google-plus:hover, .btn-google-plus:active:focus, .btn-google-plus.active:focus, .open > .dropdown-toggle.btn-google-plus:focus, .btn-google-plus:active.focus, .btn-google-plus.active.focus, .open > .dropdown-toggle.btn-google-plus.focus { color: #ffffff; background-color: #d73925; border-color: #d73925; } .btn-google-plus.disabled::before, .btn-google-plus[disabled]::before { z-index: 1; } .btn-google-plus.disabled, .btn-google-plus[disabled], fieldset[disabled] .btn-google-plus, .btn-google-plus.disabled:hover, .btn-google-plus[disabled]:hover, fieldset[disabled] .btn-google-plus:hover, .btn-google-plus.disabled:focus, .btn-google-plus[disabled]:focus, fieldset[disabled] .btn-google-plus:focus, .btn-google-plus.disabled.focus, .btn-google-plus[disabled].focus, fieldset[disabled] .btn-google-plus.focus, .btn-google-plus.disabled:active, .btn-google-plus[disabled]:active, fieldset[disabled] .btn-google-plus:active, .btn-google-plus.disabled.active, .btn-google-plus[disabled].active, fieldset[disabled] .btn-google-plus.active { background-color: #dd4b39; border-color: #dd4b39; } .btn-google-plus .badge { color: #dd4b39; background-color: #ffffff; } .btn-google-plus.btn-outline { background-color: transparent; background-image: none; border-color: #dd4b39; color: #dd4b39; } .btn-google-plus.btn-outline:hover, .btn-google-plus.btn-outline:focus, .btn-google-plus.btn-outline:active, .btn-google-plus.btn-outline.active { background-color: #dd4b39; color: #ffffff; } .btn-instagram { color: #ffffff; background-color: #3f729b; border-color: #3f729b; } .btn-instagram:visited { color: #ffffff; } .btn-instagram:hover, .btn-instagram:focus, .btn-instagram.focus, .btn-instagram:active, .btn-instagram.active, .open > .dropdown-toggle.btn-instagram { color: #ffffff; background-color: #3f729b; border-color: #305777; } .btn-instagram::before { content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #305777; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0 * 100); filter: alpha(opacity=0 * 100); -webkit-transform: scale3d(0.7, 1, 1); -moz-transform: scale3d(0.7, 1, 1); -o-transform: scale3d(0.7, 1, 1); -ms-transform: scale3d(0.7, 1, 1); transform: scale3d(0.7, 1, 1); -webkit-transition: transform 0.4s, opacity 0.4s; -moz-transition: transform 0.4s, opacity 0.4s; -o-transition: transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .btn-instagram, .btn-instagram::before { -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .btn-instagram:hover::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .btn-instagram:active, .btn-instagram.active, .open > .dropdown-toggle.btn-instagram { background-image: none; border-color: #2d526f; } .btn-instagram:active::before, .btn-instagram.active::before, .open > .dropdown-toggle.btn-instagram::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background-color: #305777; } .btn-instagram:active:hover, .btn-instagram.active:hover, .open > .dropdown-toggle.btn-instagram:hover, .btn-instagram:active:focus, .btn-instagram.active:focus, .open > .dropdown-toggle.btn-instagram:focus, .btn-instagram:active.focus, .btn-instagram.active.focus, .open > .dropdown-toggle.btn-instagram.focus { color: #ffffff; background-color: #386589; border-color: #386589; } .btn-instagram.disabled::before, .btn-instagram[disabled]::before { z-index: 1; } .btn-instagram.disabled, .btn-instagram[disabled], fieldset[disabled] .btn-instagram, .btn-instagram.disabled:hover, .btn-instagram[disabled]:hover, fieldset[disabled] .btn-instagram:hover, .btn-instagram.disabled:focus, .btn-instagram[disabled]:focus, fieldset[disabled] .btn-instagram:focus, .btn-instagram.disabled.focus, .btn-instagram[disabled].focus, fieldset[disabled] .btn-instagram.focus, .btn-instagram.disabled:active, .btn-instagram[disabled]:active, fieldset[disabled] .btn-instagram:active, .btn-instagram.disabled.active, .btn-instagram[disabled].active, fieldset[disabled] .btn-instagram.active { background-color: #3f729b; border-color: #3f729b; } .btn-instagram .badge { color: #3f729b; background-color: #ffffff; } .btn-instagram.btn-outline { background-color: transparent; background-image: none; border-color: #3f729b; color: #3f729b; } .btn-instagram.btn-outline:hover, .btn-instagram.btn-outline:focus, .btn-instagram.btn-outline:active, .btn-instagram.btn-outline.active { background-color: #3f729b; color: #ffffff; } .btn-linkedin { color: #ffffff; background-color: #0e76a8; border-color: #0e76a8; } .btn-linkedin:visited { color: #ffffff; } .btn-linkedin:hover, .btn-linkedin:focus, .btn-linkedin.focus, .btn-linkedin:active, .btn-linkedin.active, .open > .dropdown-toggle.btn-linkedin { color: #ffffff; background-color: #0e76a8; border-color: #0a5579; } .btn-linkedin::before { content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #0a5579; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0 * 100); filter: alpha(opacity=0 * 100); -webkit-transform: scale3d(0.7, 1, 1); -moz-transform: scale3d(0.7, 1, 1); -o-transform: scale3d(0.7, 1, 1); -ms-transform: scale3d(0.7, 1, 1); transform: scale3d(0.7, 1, 1); -webkit-transition: transform 0.4s, opacity 0.4s; -moz-transition: transform 0.4s, opacity 0.4s; -o-transition: transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .btn-linkedin, .btn-linkedin::before { -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .btn-linkedin:hover::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .btn-linkedin:active, .btn-linkedin.active, .open > .dropdown-toggle.btn-linkedin { background-image: none; border-color: #094e70; } .btn-linkedin:active::before, .btn-linkedin.active::before, .open > .dropdown-toggle.btn-linkedin::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background-color: #0a5579; } .btn-linkedin:active:hover, .btn-linkedin.active:hover, .open > .dropdown-toggle.btn-linkedin:hover, .btn-linkedin:active:focus, .btn-linkedin.active:focus, .open > .dropdown-toggle.btn-linkedin:focus, .btn-linkedin:active.focus, .btn-linkedin.active.focus, .open > .dropdown-toggle.btn-linkedin.focus { color: #ffffff; background-color: #0c6590; border-color: #0c6590; } .btn-linkedin.disabled::before, .btn-linkedin[disabled]::before { z-index: 1; } .btn-linkedin.disabled, .btn-linkedin[disabled], fieldset[disabled] .btn-linkedin, .btn-linkedin.disabled:hover, .btn-linkedin[disabled]:hover, fieldset[disabled] .btn-linkedin:hover, .btn-linkedin.disabled:focus, .btn-linkedin[disabled]:focus, fieldset[disabled] .btn-linkedin:focus, .btn-linkedin.disabled.focus, .btn-linkedin[disabled].focus, fieldset[disabled] .btn-linkedin.focus, .btn-linkedin.disabled:active, .btn-linkedin[disabled]:active, fieldset[disabled] .btn-linkedin:active, .btn-linkedin.disabled.active, .btn-linkedin[disabled].active, fieldset[disabled] .btn-linkedin.active { background-color: #0e76a8; border-color: #0e76a8; } .btn-linkedin .badge { color: #0e76a8; background-color: #ffffff; } .btn-linkedin.btn-outline { background-color: transparent; background-image: none; border-color: #0e76a8; color: #0e76a8; } .btn-linkedin.btn-outline:hover, .btn-linkedin.btn-outline:focus, .btn-linkedin.btn-outline:active, .btn-linkedin.btn-outline.active { background-color: #0e76a8; color: #ffffff; } .btn-microsoft { color: #ffffff; background-color: #2672ec; border-color: #2672ec; } .btn-microsoft:visited { color: #ffffff; } .btn-microsoft:hover, .btn-microsoft:focus, .btn-microsoft.focus, .btn-microsoft:active, .btn-microsoft.active, .open > .dropdown-toggle.btn-microsoft { color: #ffffff; background-color: #2672ec; border-color: #125acd; } .btn-microsoft::before { content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #125acd; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0 * 100); filter: alpha(opacity=0 * 100); -webkit-transform: scale3d(0.7, 1, 1); -moz-transform: scale3d(0.7, 1, 1); -o-transform: scale3d(0.7, 1, 1); -ms-transform: scale3d(0.7, 1, 1); transform: scale3d(0.7, 1, 1); -webkit-transition: transform 0.4s, opacity 0.4s; -moz-transition: transform 0.4s, opacity 0.4s; -o-transition: transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .btn-microsoft, .btn-microsoft::before { -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .btn-microsoft:hover::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .btn-microsoft:active, .btn-microsoft.active, .open > .dropdown-toggle.btn-microsoft { background-image: none; border-color: #1156c4; } .btn-microsoft:active::before, .btn-microsoft.active::before, .open > .dropdown-toggle.btn-microsoft::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background-color: #125acd; } .btn-microsoft:active:hover, .btn-microsoft.active:hover, .open > .dropdown-toggle.btn-microsoft:hover, .btn-microsoft:active:focus, .btn-microsoft.active:focus, .open > .dropdown-toggle.btn-microsoft:focus, .btn-microsoft:active.focus, .btn-microsoft.active.focus, .open > .dropdown-toggle.btn-microsoft.focus { color: #ffffff; background-color: #1464e4; border-color: #1464e4; } .btn-microsoft.disabled::before, .btn-microsoft[disabled]::before { z-index: 1; } .btn-microsoft.disabled, .btn-microsoft[disabled], fieldset[disabled] .btn-microsoft, .btn-microsoft.disabled:hover, .btn-microsoft[disabled]:hover, fieldset[disabled] .btn-microsoft:hover, .btn-microsoft.disabled:focus, .btn-microsoft[disabled]:focus, fieldset[disabled] .btn-microsoft:focus, .btn-microsoft.disabled.focus, .btn-microsoft[disabled].focus, fieldset[disabled] .btn-microsoft.focus, .btn-microsoft.disabled:active, .btn-microsoft[disabled]:active, fieldset[disabled] .btn-microsoft:active, .btn-microsoft.disabled.active, .btn-microsoft[disabled].active, fieldset[disabled] .btn-microsoft.active { background-color: #2672ec; border-color: #2672ec; } .btn-microsoft .badge { color: #2672ec; background-color: #ffffff; } .btn-microsoft.btn-outline { background-color: transparent; background-image: none; border-color: #2672ec; color: #2672ec; } .btn-microsoft.btn-outline:hover, .btn-microsoft.btn-outline:focus, .btn-microsoft.btn-outline:active, .btn-microsoft.btn-outline.active { background-color: #2672ec; color: #ffffff; } .btn-openid { color: #ffffff; background-color: #f7931e; border-color: #f7931e; } .btn-openid:visited { color: #ffffff; } .btn-openid:hover, .btn-openid:focus, .btn-openid.focus, .btn-openid:active, .btn-openid.active, .open > .dropdown-toggle.btn-openid { color: #ffffff; background-color: #f7931e; border-color: #da7908; } .btn-openid::before { content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #da7908; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0 * 100); filter: alpha(opacity=0 * 100); -webkit-transform: scale3d(0.7, 1, 1); -moz-transform: scale3d(0.7, 1, 1); -o-transform: scale3d(0.7, 1, 1); -ms-transform: scale3d(0.7, 1, 1); transform: scale3d(0.7, 1, 1); -webkit-transition: transform 0.4s, opacity 0.4s; -moz-transition: transform 0.4s, opacity 0.4s; -o-transition: transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .btn-openid, .btn-openid::before { -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .btn-openid:hover::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .btn-openid:active, .btn-openid.active, .open > .dropdown-toggle.btn-openid { background-image: none; border-color: #d07407; } .btn-openid:active::before, .btn-openid.active::before, .open > .dropdown-toggle.btn-openid::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background-color: #da7908; } .btn-openid:active:hover, .btn-openid.active:hover, .open > .dropdown-toggle.btn-openid:hover, .btn-openid:active:focus, .btn-openid.active:focus, .open > .dropdown-toggle.btn-openid:focus, .btn-openid:active.focus, .btn-openid.active.focus, .open > .dropdown-toggle.btn-openid.focus { color: #ffffff; background-color: #f38709; border-color: #f38709; } .btn-openid.disabled::before, .btn-openid[disabled]::before { z-index: 1; } .btn-openid.disabled, .btn-openid[disabled], fieldset[disabled] .btn-openid, .btn-openid.disabled:hover, .btn-openid[disabled]:hover, fieldset[disabled] .btn-openid:hover, .btn-openid.disabled:focus, .btn-openid[disabled]:focus, fieldset[disabled] .btn-openid:focus, .btn-openid.disabled.focus, .btn-openid[disabled].focus, fieldset[disabled] .btn-openid.focus, .btn-openid.disabled:active, .btn-openid[disabled]:active, fieldset[disabled] .btn-openid:active, .btn-openid.disabled.active, .btn-openid[disabled].active, fieldset[disabled] .btn-openid.active { background-color: #f7931e; border-color: #f7931e; } .btn-openid .badge { color: #f7931e; background-color: #ffffff; } .btn-openid.btn-outline { background-color: transparent; background-image: none; border-color: #f7931e; color: #f7931e; } .btn-openid.btn-outline:hover, .btn-openid.btn-outline:focus, .btn-openid.btn-outline:active, .btn-openid.btn-outline.active { background-color: #f7931e; color: #ffffff; } .btn-reddit { color: #000000; background-color: #eff7ff; border-color: #eff7ff; } .btn-reddit:visited { color: #000000; } .btn-reddit:hover, .btn-reddit:focus, .btn-reddit.focus, .btn-reddit:active, .btn-reddit.active, .open > .dropdown-toggle.btn-reddit { color: #000000; background-color: #eff7ff; border-color: #bcddff; } .btn-reddit::before { content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #bcddff; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0 * 100); filter: alpha(opacity=0 * 100); -webkit-transform: scale3d(0.7, 1, 1); -moz-transform: scale3d(0.7, 1, 1); -o-transform: scale3d(0.7, 1, 1); -ms-transform: scale3d(0.7, 1, 1); transform: scale3d(0.7, 1, 1); -webkit-transition: transform 0.4s, opacity 0.4s; -moz-transition: transform 0.4s, opacity 0.4s; -o-transition: transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .btn-reddit, .btn-reddit::before { -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .btn-reddit:hover::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .btn-reddit:active, .btn-reddit.active, .open > .dropdown-toggle.btn-reddit { background-image: none; border-color: #b2d8ff; } .btn-reddit:active::before, .btn-reddit.active::before, .open > .dropdown-toggle.btn-reddit::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background-color: #bcddff; } .btn-reddit:active:hover, .btn-reddit.active:hover, .open > .dropdown-toggle.btn-reddit:hover, .btn-reddit:active:focus, .btn-reddit.active:focus, .open > .dropdown-toggle.btn-reddit:focus, .btn-reddit:active.focus, .btn-reddit.active.focus, .open > .dropdown-toggle.btn-reddit.focus { color: #000000; background-color: #d6eaff; border-color: #d6eaff; } .btn-reddit.disabled::before, .btn-reddit[disabled]::before { z-index: 1; } .btn-reddit.disabled, .btn-reddit[disabled], fieldset[disabled] .btn-reddit, .btn-reddit.disabled:hover, .btn-reddit[disabled]:hover, fieldset[disabled] .btn-reddit:hover, .btn-reddit.disabled:focus, .btn-reddit[disabled]:focus, fieldset[disabled] .btn-reddit:focus, .btn-reddit.disabled.focus, .btn-reddit[disabled].focus, fieldset[disabled] .btn-reddit.focus, .btn-reddit.disabled:active, .btn-reddit[disabled]:active, fieldset[disabled] .btn-reddit:active, .btn-reddit.disabled.active, .btn-reddit[disabled].active, fieldset[disabled] .btn-reddit.active { background-color: #eff7ff; border-color: #eff7ff; } .btn-reddit .badge { color: #eff7ff; background-color: #000000; } .btn-reddit.btn-outline { background-color: transparent; background-image: none; border-color: #eff7ff; color: #eff7ff; } .btn-reddit.btn-outline:hover, .btn-reddit.btn-outline:focus, .btn-reddit.btn-outline:active, .btn-reddit.btn-outline.active { background-color: #eff7ff; color: #000000; } .btn-soundcloud { color: #ffffff; background-color: #ff7700; border-color: #ff7700; } .btn-soundcloud:visited { color: #ffffff; } .btn-soundcloud:hover, .btn-soundcloud:focus, .btn-soundcloud.focus, .btn-soundcloud:active, .btn-soundcloud.active, .open > .dropdown-toggle.btn-soundcloud { color: #ffffff; background-color: #ff7700; border-color: #cc5f00; } .btn-soundcloud::before { content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #cc5f00; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0 * 100); filter: alpha(opacity=0 * 100); -webkit-transform: scale3d(0.7, 1, 1); -moz-transform: scale3d(0.7, 1, 1); -o-transform: scale3d(0.7, 1, 1); -ms-transform: scale3d(0.7, 1, 1); transform: scale3d(0.7, 1, 1); -webkit-transition: transform 0.4s, opacity 0.4s; -moz-transition: transform 0.4s, opacity 0.4s; -o-transition: transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .btn-soundcloud, .btn-soundcloud::before { -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .btn-soundcloud:hover::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .btn-soundcloud:active, .btn-soundcloud.active, .open > .dropdown-toggle.btn-soundcloud { background-image: none; border-color: #c25a00; } .btn-soundcloud:active::before, .btn-soundcloud.active::before, .open > .dropdown-toggle.btn-soundcloud::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background-color: #cc5f00; } .btn-soundcloud:active:hover, .btn-soundcloud.active:hover, .open > .dropdown-toggle.btn-soundcloud:hover, .btn-soundcloud:active:focus, .btn-soundcloud.active:focus, .open > .dropdown-toggle.btn-soundcloud:focus, .btn-soundcloud:active.focus, .btn-soundcloud.active.focus, .open > .dropdown-toggle.btn-soundcloud.focus { color: #ffffff; background-color: #e66b00; border-color: #e66b00; } .btn-soundcloud.disabled::before, .btn-soundcloud[disabled]::before { z-index: 1; } .btn-soundcloud.disabled, .btn-soundcloud[disabled], fieldset[disabled] .btn-soundcloud, .btn-soundcloud.disabled:hover, .btn-soundcloud[disabled]:hover, fieldset[disabled] .btn-soundcloud:hover, .btn-soundcloud.disabled:focus, .btn-soundcloud[disabled]:focus, fieldset[disabled] .btn-soundcloud:focus, .btn-soundcloud.disabled.focus, .btn-soundcloud[disabled].focus, fieldset[disabled] .btn-soundcloud.focus, .btn-soundcloud.disabled:active, .btn-soundcloud[disabled]:active, fieldset[disabled] .btn-soundcloud:active, .btn-soundcloud.disabled.active, .btn-soundcloud[disabled].active, fieldset[disabled] .btn-soundcloud.active { background-color: #ff7700; border-color: #ff7700; } .btn-soundcloud .badge { color: #ff7700; background-color: #ffffff; } .btn-soundcloud.btn-outline { background-color: transparent; background-image: none; border-color: #ff7700; color: #ff7700; } .btn-soundcloud.btn-outline:hover, .btn-soundcloud.btn-outline:focus, .btn-soundcloud.btn-outline:active, .btn-soundcloud.btn-outline.active { background-color: #ff7700; color: #ffffff; } .btn-tumblr { color: #ffffff; background-color: #37465d; border-color: #37465d; } .btn-tumblr:visited { color: #ffffff; } .btn-tumblr:hover, .btn-tumblr:focus, .btn-tumblr.focus, .btn-tumblr:active, .btn-tumblr.active, .open > .dropdown-toggle.btn-tumblr { color: #ffffff; background-color: #37465d; border-color: #242e3d; } .btn-tumblr::before { content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #242e3d; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0 * 100); filter: alpha(opacity=0 * 100); -webkit-transform: scale3d(0.7, 1, 1); -moz-transform: scale3d(0.7, 1, 1); -o-transform: scale3d(0.7, 1, 1); -ms-transform: scale3d(0.7, 1, 1); transform: scale3d(0.7, 1, 1); -webkit-transition: transform 0.4s, opacity 0.4s; -moz-transition: transform 0.4s, opacity 0.4s; -o-transition: transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .btn-tumblr, .btn-tumblr::before { -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .btn-tumblr:hover::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .btn-tumblr:active, .btn-tumblr.active, .open > .dropdown-toggle.btn-tumblr { background-image: none; border-color: #202937; } .btn-tumblr:active::before, .btn-tumblr.active::before, .open > .dropdown-toggle.btn-tumblr::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background-color: #242e3d; } .btn-tumblr:active:hover, .btn-tumblr.active:hover, .open > .dropdown-toggle.btn-tumblr:hover, .btn-tumblr:active:focus, .btn-tumblr.active:focus, .open > .dropdown-toggle.btn-tumblr:focus, .btn-tumblr:active.focus, .btn-tumblr.active.focus, .open > .dropdown-toggle.btn-tumblr.focus { color: #ffffff; background-color: #2e3a4d; border-color: #2e3a4d; } .btn-tumblr.disabled::before, .btn-tumblr[disabled]::before { z-index: 1; } .btn-tumblr.disabled, .btn-tumblr[disabled], fieldset[disabled] .btn-tumblr, .btn-tumblr.disabled:hover, .btn-tumblr[disabled]:hover, fieldset[disabled] .btn-tumblr:hover, .btn-tumblr.disabled:focus, .btn-tumblr[disabled]:focus, fieldset[disabled] .btn-tumblr:focus, .btn-tumblr.disabled.focus, .btn-tumblr[disabled].focus, fieldset[disabled] .btn-tumblr.focus, .btn-tumblr.disabled:active, .btn-tumblr[disabled]:active, fieldset[disabled] .btn-tumblr:active, .btn-tumblr.disabled.active, .btn-tumblr[disabled].active, fieldset[disabled] .btn-tumblr.active { background-color: #37465d; border-color: #37465d; } .btn-tumblr .badge { color: #37465d; background-color: #ffffff; } .btn-tumblr.btn-outline { background-color: transparent; background-image: none; border-color: #37465d; color: #37465d; } .btn-tumblr.btn-outline:hover, .btn-tumblr.btn-outline:focus, .btn-tumblr.btn-outline:active, .btn-tumblr.btn-outline.active { background-color: #37465d; color: #ffffff; } .btn-twitter { color: #ffffff; background-color: #33ccff; border-color: #33ccff; } .btn-twitter:visited { color: #ffffff; } .btn-twitter:hover, .btn-twitter:focus, .btn-twitter.focus, .btn-twitter:active, .btn-twitter.active, .open > .dropdown-toggle.btn-twitter { color: #ffffff; background-color: #33ccff; border-color: #00bfff; } .btn-twitter::before { content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #00bfff; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0 * 100); filter: alpha(opacity=0 * 100); -webkit-transform: scale3d(0.7, 1, 1); -moz-transform: scale3d(0.7, 1, 1); -o-transform: scale3d(0.7, 1, 1); -ms-transform: scale3d(0.7, 1, 1); transform: scale3d(0.7, 1, 1); -webkit-transition: transform 0.4s, opacity 0.4s; -moz-transition: transform 0.4s, opacity 0.4s; -o-transition: transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .btn-twitter, .btn-twitter::before { -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .btn-twitter:hover::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .btn-twitter:active, .btn-twitter.active, .open > .dropdown-toggle.btn-twitter { background-image: none; border-color: #00b8f5; } .btn-twitter:active::before, .btn-twitter.active::before, .open > .dropdown-toggle.btn-twitter::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background-color: #00bfff; } .btn-twitter:active:hover, .btn-twitter.active:hover, .open > .dropdown-toggle.btn-twitter:hover, .btn-twitter:active:focus, .btn-twitter.active:focus, .open > .dropdown-toggle.btn-twitter:focus, .btn-twitter:active.focus, .btn-twitter.active.focus, .open > .dropdown-toggle.btn-twitter.focus { color: #ffffff; background-color: #19c6ff; border-color: #19c6ff; } .btn-twitter.disabled::before, .btn-twitter[disabled]::before { z-index: 1; } .btn-twitter.disabled, .btn-twitter[disabled], fieldset[disabled] .btn-twitter, .btn-twitter.disabled:hover, .btn-twitter[disabled]:hover, fieldset[disabled] .btn-twitter:hover, .btn-twitter.disabled:focus, .btn-twitter[disabled]:focus, fieldset[disabled] .btn-twitter:focus, .btn-twitter.disabled.focus, .btn-twitter[disabled].focus, fieldset[disabled] .btn-twitter.focus, .btn-twitter.disabled:active, .btn-twitter[disabled]:active, fieldset[disabled] .btn-twitter:active, .btn-twitter.disabled.active, .btn-twitter[disabled].active, fieldset[disabled] .btn-twitter.active { background-color: #33ccff; border-color: #33ccff; } .btn-twitter .badge { color: #33ccff; background-color: #ffffff; } .btn-twitter.btn-outline { background-color: transparent; background-image: none; border-color: #33ccff; color: #33ccff; } .btn-twitter.btn-outline:hover, .btn-twitter.btn-outline:focus, .btn-twitter.btn-outline:active, .btn-twitter.btn-outline.active { background-color: #33ccff; color: #ffffff; } .btn-vimeo { color: #ffffff; background-color: #44bbff; border-color: #44bbff; } .btn-vimeo:visited { color: #ffffff; } .btn-vimeo:hover, .btn-vimeo:focus, .btn-vimeo.focus, .btn-vimeo:active, .btn-vimeo.active, .open > .dropdown-toggle.btn-vimeo { color: #ffffff; background-color: #44bbff; border-color: #11a8ff; } .btn-vimeo::before { content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #11a8ff; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0 * 100); filter: alpha(opacity=0 * 100); -webkit-transform: scale3d(0.7, 1, 1); -moz-transform: scale3d(0.7, 1, 1); -o-transform: scale3d(0.7, 1, 1); -ms-transform: scale3d(0.7, 1, 1); transform: scale3d(0.7, 1, 1); -webkit-transition: transform 0.4s, opacity 0.4s; -moz-transition: transform 0.4s, opacity 0.4s; -o-transition: transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .btn-vimeo, .btn-vimeo::before { -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .btn-vimeo:hover::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .btn-vimeo:active, .btn-vimeo.active, .open > .dropdown-toggle.btn-vimeo { background-image: none; border-color: #07a5ff; } .btn-vimeo:active::before, .btn-vimeo.active::before, .open > .dropdown-toggle.btn-vimeo::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background-color: #11a8ff; } .btn-vimeo:active:hover, .btn-vimeo.active:hover, .open > .dropdown-toggle.btn-vimeo:hover, .btn-vimeo:active:focus, .btn-vimeo.active:focus, .open > .dropdown-toggle.btn-vimeo:focus, .btn-vimeo:active.focus, .btn-vimeo.active.focus, .open > .dropdown-toggle.btn-vimeo.focus { color: #ffffff; background-color: #2ab2ff; border-color: #2ab2ff; } .btn-vimeo.disabled::before, .btn-vimeo[disabled]::before { z-index: 1; } .btn-vimeo.disabled, .btn-vimeo[disabled], fieldset[disabled] .btn-vimeo, .btn-vimeo.disabled:hover, .btn-vimeo[disabled]:hover, fieldset[disabled] .btn-vimeo:hover, .btn-vimeo.disabled:focus, .btn-vimeo[disabled]:focus, fieldset[disabled] .btn-vimeo:focus, .btn-vimeo.disabled.focus, .btn-vimeo[disabled].focus, fieldset[disabled] .btn-vimeo.focus, .btn-vimeo.disabled:active, .btn-vimeo[disabled]:active, fieldset[disabled] .btn-vimeo:active, .btn-vimeo.disabled.active, .btn-vimeo[disabled].active, fieldset[disabled] .btn-vimeo.active { background-color: #44bbff; border-color: #44bbff; } .btn-vimeo .badge { color: #44bbff; background-color: #ffffff; } .btn-vimeo.btn-outline { background-color: transparent; background-image: none; border-color: #44bbff; color: #44bbff; } .btn-vimeo.btn-outline:hover, .btn-vimeo.btn-outline:focus, .btn-vimeo.btn-outline:active, .btn-vimeo.btn-outline.active { background-color: #44bbff; color: #ffffff; } .btn-vk { color: #ffffff; background-color: #587ea3; border-color: #587ea3; } .btn-vk:visited { color: #ffffff; } .btn-vk:hover, .btn-vk:focus, .btn-vk.focus, .btn-vk:active, .btn-vk.active, .open > .dropdown-toggle.btn-vk { color: #ffffff; background-color: #587ea3; border-color: #466482; } .btn-vk::before { content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #466482; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0 * 100); filter: alpha(opacity=0 * 100); -webkit-transform: scale3d(0.7, 1, 1); -moz-transform: scale3d(0.7, 1, 1); -o-transform: scale3d(0.7, 1, 1); -ms-transform: scale3d(0.7, 1, 1); transform: scale3d(0.7, 1, 1); -webkit-transition: transform 0.4s, opacity 0.4s; -moz-transition: transform 0.4s, opacity 0.4s; -o-transition: transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .btn-vk, .btn-vk::before { -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .btn-vk:hover::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .btn-vk:active, .btn-vk.active, .open > .dropdown-toggle.btn-vk { background-image: none; border-color: #435f7b; } .btn-vk:active::before, .btn-vk.active::before, .open > .dropdown-toggle.btn-vk::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background-color: #466482; } .btn-vk:active:hover, .btn-vk.active:hover, .open > .dropdown-toggle.btn-vk:hover, .btn-vk:active:focus, .btn-vk.active:focus, .open > .dropdown-toggle.btn-vk:focus, .btn-vk:active.focus, .btn-vk.active.focus, .open > .dropdown-toggle.btn-vk.focus { color: #ffffff; background-color: #4f7192; border-color: #4f7192; } .btn-vk.disabled::before, .btn-vk[disabled]::before { z-index: 1; } .btn-vk.disabled, .btn-vk[disabled], fieldset[disabled] .btn-vk, .btn-vk.disabled:hover, .btn-vk[disabled]:hover, fieldset[disabled] .btn-vk:hover, .btn-vk.disabled:focus, .btn-vk[disabled]:focus, fieldset[disabled] .btn-vk:focus, .btn-vk.disabled.focus, .btn-vk[disabled].focus, fieldset[disabled] .btn-vk.focus, .btn-vk.disabled:active, .btn-vk[disabled]:active, fieldset[disabled] .btn-vk:active, .btn-vk.disabled.active, .btn-vk[disabled].active, fieldset[disabled] .btn-vk.active { background-color: #587ea3; border-color: #587ea3; } .btn-vk .badge { color: #587ea3; background-color: #ffffff; } .btn-vk.btn-outline { background-color: transparent; background-image: none; border-color: #587ea3; color: #587ea3; } .btn-vk.btn-outline:hover, .btn-vk.btn-outline:focus, .btn-vk.btn-outline:active, .btn-vk.btn-outline.active { background-color: #587ea3; color: #ffffff; } .btn-yahoo { color: #ffffff; background-color: #430197; border-color: #430197; } .btn-yahoo:visited { color: #ffffff; } .btn-yahoo:hover, .btn-yahoo:focus, .btn-yahoo.focus, .btn-yahoo:active, .btn-yahoo.active, .open > .dropdown-toggle.btn-yahoo { color: #ffffff; background-color: #430197; border-color: #2d0164; } .btn-yahoo::before { content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #2d0164; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0 * 100); filter: alpha(opacity=0 * 100); -webkit-transform: scale3d(0.7, 1, 1); -moz-transform: scale3d(0.7, 1, 1); -o-transform: scale3d(0.7, 1, 1); -ms-transform: scale3d(0.7, 1, 1); transform: scale3d(0.7, 1, 1); -webkit-transition: transform 0.4s, opacity 0.4s; -moz-transition: transform 0.4s, opacity 0.4s; -o-transition: transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .btn-yahoo, .btn-yahoo::before { -webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -moz-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); -o-animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); animation-timing-function: cubic-bezier(0.2, 1, 0.3, 1); } .btn-yahoo:hover::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .btn-yahoo:active, .btn-yahoo.active, .open > .dropdown-toggle.btn-yahoo { background-image: none; border-color: #28015a; } .btn-yahoo:active::before, .btn-yahoo.active::before, .open > .dropdown-toggle.btn-yahoo::before { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); background-color: #2d0164; } .btn-yahoo:active:hover, .btn-yahoo.active:hover, .open > .dropdown-toggle.btn-yahoo:hover, .btn-yahoo:active:focus, .btn-yahoo.active:focus, .open > .dropdown-toggle.btn-yahoo:focus, .btn-yahoo:active.focus, .btn-yahoo.active.focus, .open > .dropdown-toggle.btn-yahoo.focus { color: #ffffff; background-color: #38017e; border-color: #38017e; } .btn-yahoo.disabled::before, .btn-yahoo[disabled]::before { z-index: 1; } .btn-yahoo.disabled, .btn-yahoo[disabled], fieldset[disabled] .btn-yahoo, .btn-yahoo.disabled:hover, .btn-yahoo[disabled]:hover, fieldset[disabled] .btn-yahoo:hover, .btn-yahoo.disabled:focus, .btn-yahoo[disabled]:focus, fieldset[disabled] .btn-yahoo:focus, .btn-yahoo.disabled.focus, .btn-yahoo[disabled].focus, fieldset[disabled] .btn-yahoo.focus, .btn-yahoo.disabled:active, .btn-yahoo[disabled]:active, fieldset[disabled] .btn-yahoo:active, .btn-yahoo.disabled.active, .btn-yahoo[disabled].active, fieldset[disabled] .btn-yahoo.active { background-color: #430197; border-color: #430197; } .btn-yahoo .badge { color: #430197; background-color: #ffffff; } .btn-yahoo.btn-outline { background-color: transparent; background-image: none; border-color: #430197; color: #430197; } .btn-yahoo.btn-outline:hover, .btn-yahoo.btn-outline:focus, .btn-yahoo.btn-outline:active, .btn-yahoo.btn-outline.active { background-color: #430197; color: #ffffff; } /* $sortable ------------------------------------------*/ .sortable-list { padding: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .sortable-list li { position: relative; display: block; margin-bottom: -1px; padding: 15px; border: 1px solid #e4e4e4; background-color: #fff; cursor: move; } .sortable-list li:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } .sortable-list li:last-child { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .sortable-list li.ui-state-highlight { min-height: 50px; width: 100%; background: rgba(0, 0, 0, 0.01); list-style: none; } /* $summernote ------------------------------------------*/ .note-editor { border-color: #e4e4e4; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; overflow: visible; } .note-editor .note-toolbar { margin-left: 0; padding: 0; } .note-editor .note-toolbar .btn-group { margin: 0; } .note-editor .btn-group .btn { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; height: 40px; line-height: 40px; min-width: 40px; padding: 0 10px; background-color: #f5f5f5; border-top: 0; border-bottom-color: #e4e4e4; border-left: 0; border-right-color: #e4e4e4; color: #616161; } .note-editor .btn-group .btn.active, .note-editor .btn-group .btn:hover { background-color: #ececec; } .note-editor .btn-group .btn.active::before, .note-editor .btn-group .btn:hover::before { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .note-editor .btn-group .btn + .btn, .note-editor .btn-group .btn + .btn-group, .note-editor .btn-group .btn-group + .btn, .note-editor .btn-group .btn-group + .btn-group { margin-left: 0; } .note-editor .note-toolbar { border-color: #e4e4e4; border-bottom: 0; padding: 0; } .note-editor .dropdown-menu { margin: 0; border-top-right-radius: 0; border-top-left-radius: 0; } .note-editor .note-editable { background-color: white; min-height: 150px; } /* $sweet-alert ------------------------------------------*/ .sweet-alert { font-family: inherit; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; /*Fix animation api conflict*/ visibility: visible !important; } .sweet-alert h2 { color: #545454; } .sweet-alert p { color: #616161; font-weight: inherit; font-size: 13px; } .sweet-alert button { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-size: inherit; } .sweet-alert .icon.error { border-color: #d96557; } .sweet-alert .icon.error .line { background-color: #d96557; } .sweet-alert .icon.warning { border-color: #ffc65d; } .sweet-alert .icon.warning .body { background-color: #ffc65d; } .sweet-alert .icon.warning .dot { background-color: #ffc65d; } .sweet-alert .icon.info { border-color: #4cc3d9; } .sweet-alert .icon.info::before { background-color: #4cc3d9; } .sweet-alert .icon.info::after { background-color: #4cc3d9; } .sweet-alert .icon.success { border-color: #2ecc71; } .sweet-alert .icon.success .placeholder { border-color: rgba(46, 204, 113, 0.2); } .sweet-alert .icon.success .line { background-color: #2ecc71; } .showSweetAlert, .hideSweetAlert { -webkit-animation-duration: 800ms; -moz-animation-duration: 800ms; -o-animation-duration: 800ms; animation-duration: 800ms; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; } .showSweetAlert { -webkit-animation-name: animation-open; -moz-animation-name: animation-open; -o-animation-name: animation-open; animation-name: animation-open; } .hideSweetAlert { -webkit-animation-name: animation-close; -moz-animation-name: animation-close; -o-animation-name: animation-close; animation-name: animation-close; -webkit-animation-duration: 300ms; -moz-animation-duration: 300ms; -o-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } .animation-target { -webkit-animation: animation 800ms linear both; animation: animation 800ms linear both; } /* Generated with Bounce.js. Edit at http://bouncejs.com#%7Bs%3A%5B%7BT%3A%22c%22%2Ce%3A%22b%22%2Cd%3A1000%2CD%3A0%2Cf%3A%7Bx%3A1%2Cy%3A1%7D%2Ct%3A%7Bx%3A2%2Cy%3A1%7D%2Cs%3A1%2Cb%3A4%7D%2C%7BT%3A%22c%22%2Ce%3A%22b%22%2Cd%3A1000%2CD%3A0%2Cf%3A%7Bx%3A1%2Cy%3A1%7D%2Ct%3A%7Bx%3A1%2Cy%3A2%7D%2Cs%3A1%2Cb%3A6%7D%2C%7BT%3A%22c%22%2Ce%3A%22b%22%2Cd%3A1000%2CD%3A0%2Cf%3A%7Bx%3A0%2Cy%3A0%7D%2Ct%3A%7Bx%3A1%2Cy%3A1%7D%2Cs%3A1%2Cb%3A4%7D%5D%7D */ @-webkit-keyframes animation-open { 0% { -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0 * 100); filter: alpha(opacity=0 * 100); -webkit-transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 2.083333% { -webkit-transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 4.166667% { -webkit-transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 6.25% { -webkit-transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 8.333333% { -webkit-transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 10.416667% { -webkit-transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 12.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 14.583333% { -webkit-transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 16.666667% { -webkit-transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 18.75% { -webkit-transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 20.833333% { -webkit-transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 22.916667% { -webkit-transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 25% { -webkit-transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 27.083333% { -webkit-transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 29.166667% { -webkit-transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 31.25% { -webkit-transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 33.333333% { -webkit-transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 35.416667% { -webkit-transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 37.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 39.583333% { -webkit-transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 41.666667% { -webkit-transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 43.75% { -webkit-transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 45.833333% { -webkit-transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 47.916667% { -webkit-transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 50% { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 52.083333% { -webkit-transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 54.166667% { -webkit-transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 56.25% { -webkit-transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 58.333333% { -webkit-transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 60.416667% { -webkit-transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 62.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 64.583333% { -webkit-transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 66.666667% { -webkit-transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 68.75% { -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 70.833333% { -webkit-transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 72.916667% { -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 75% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 77.083333% { -webkit-transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 79.166667% { -webkit-transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 81.25% { -webkit-transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 83.333333% { -webkit-transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 85.416667% { -webkit-transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 87.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 89.583333% { -webkit-transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 91.666667% { -webkit-transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 93.75% { -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 95.833333% { -webkit-transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 97.916667% { -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 100% { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } } @keyframes animation-open { 0% { -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0 * 100); filter: alpha(opacity=0 * 100); -webkit-transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.7, 0, 0, 0, 0, 0.7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 2.083333% { -webkit-transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.75266, 0, 0, 0, 0, 0.76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 4.166667% { -webkit-transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.81071, 0, 0, 0, 0, 0.84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 6.25% { -webkit-transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.86808, 0, 0, 0, 0, 0.9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 8.333333% { -webkit-transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 10.416667% { -webkit-transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 12.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 14.583333% { -webkit-transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 16.666667% { -webkit-transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 18.75% { -webkit-transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 20.833333% { -webkit-transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 22.916667% { -webkit-transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 25% { -webkit-transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 27.083333% { -webkit-transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.03699, 0, 0, 0, 0, 0.98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 29.166667% { -webkit-transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.02831, 0, 0, 0, 0, 0.97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 31.25% { -webkit-transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01973, 0, 0, 0, 0, 0.97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 33.333333% { -webkit-transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.01191, 0, 0, 0, 0, 0.97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 35.416667% { -webkit-transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00526, 0, 0, 0, 0, 0.98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 37.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 39.583333% { -webkit-transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99617, 0, 0, 0, 0, 0.99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 41.666667% { -webkit-transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 43.75% { -webkit-transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 45.833333% { -webkit-transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 47.916667% { -webkit-transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 50% { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 52.083333% { -webkit-transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 54.166667% { -webkit-transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 56.25% { -webkit-transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 58.333333% { -webkit-transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 60.416667% { -webkit-transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99921, 0, 0, 0, 0, 0.99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 62.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 64.583333% { -webkit-transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00057, 0, 0, 0, 0, 0.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 66.666667% { -webkit-transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00095, 0, 0, 0, 0, 0.99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 68.75% { -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 70.833333% { -webkit-transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00119, 0, 0, 0, 0, 0.99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 72.916667% { -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00114, 0, 0, 0, 0, 0.99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 75% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 77.083333% { -webkit-transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 79.166667% { -webkit-transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 81.25% { -webkit-transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 83.333333% { -webkit-transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 85.416667% { -webkit-transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 87.5% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 89.583333% { -webkit-transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 91.666667% { -webkit-transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 93.75% { -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 95.833333% { -webkit-transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99982, 0, 0, 0, 0, 0.99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 97.916667% { -webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99983, 0, 0, 0, 0, 0.99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 100% { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } } @-webkit-keyframes animation-close { 0% { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); } 100% { -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0 * 100); filter: alpha(opacity=0 * 100); -webkit-transform: scale3d(0.8, 0.8, 1); -moz-transform: scale3d(0.8, 0.8, 1); -o-transform: scale3d(0.8, 0.8, 1); -ms-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1); } } @keyframes animation-close { 0% { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); } 100% { -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0 * 100); filter: alpha(opacity=0 * 100); -webkit-transform: scale3d(0.8, 0.8, 1); -moz-transform: scale3d(0.8, 0.8, 1); -o-transform: scale3d(0.8, 0.8, 1); -ms-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1); } } /* $touch-spin ------------------------------------------*/ .bootstrap-touchspin input { text-align: center; } .btn.bootstrap-touchspin-down, .btn.bootstrap-touchspin-up { font-size: initial !important; } /* $Utilities Classes */ .inline { display: inline-block; } /* Margins */ .no-margin { margin: 0 !important; } .mn { margin-right: -15px; margin-left: -15px; } .mrn { margin-right: -15px; } .mln { margin-left: -15px; } .mtn { margin-top: -15px; } .mbn { margin-bottom: -15px; } .mbn { margin-bottom: -15px; } .ml0 { margin-left: 0; } .mr0 { margin-right: 0; } .mt0 { margin-top: 0; } .mb0 { margin-bottom: 0; } .m30 { margin: 30px; } .mr30 { margin-right: 30px; } .ml30 { margin-left: 30px; } .mt30 { margin-top: 30px; } .mb30 { margin-bottom: 30px; } .m25 { margin: 25px; } .mr25 { margin-right: 25px; } .ml25 { margin-left: 25px; } .mt25 { margin-top: 25px; } .mb25 { margin-bottom: 25px; } .m20 { margin: 20px; } .mr20 { margin-right: 20px; } .ml20 { margin-left: 20px; } .mt20 { margin-top: 20px; } .mb20 { margin-bottom: 20px; } .m15 { margin: 15px; } .mr15 { margin-right: 15px; } .ml15 { margin-left: 15px; } .mt15 { margin-top: 15px; } .mb15 { margin-bottom: 15px; } .m10 { margin: 10px; } .mr10 { margin-right: 10px; } .ml10 { margin-left: 10px; } .mt10 { margin-top: 10px; } .mb10 { margin-bottom: 10px; } .m5 { margin: 5px; } .mr5 { margin-right: 5px; } .ml5 { margin-left: 5px; } .mt5 { margin-top: 5px; } .mb5 { margin-bottom: 5px; } .m2 { margin: 2px; } .mr2 { margin-right: 2px; } .ml2 { margin-left: 2px; } .mt2 { margin-top: 2px; } .mb2 { margin-bottom: 2px; } /* Padding */ .no-padding:not(.main-content) { padding: 0 !important; } .pl0 { padding-left: 0; } .pr0 { padding-right: 0; } .pt0 { padding-top: 0 !important; } .pb0 { padding-bottom: 0; } .p30 { padding: 30px; } .pr30 { padding-right: 30px; } .pl30 { padding-left: 30px; } .pt30 { padding-top: 30px; } .pb30 { padding-bottom: 30px; } .p25 { padding: 25px; } .pr25 { padding-right: 25px; } .pl25 { padding-left: 25px; } .pt25 { padding-top: 25px; } .pb25 { padding-bottom: 25px; } .p20 { padding: 20px; } .pr20 { padding-right: 20px; } .pl20 { padding-left: 20px; } .pt20 { padding-top: 20px; } .pb20 { padding-bottom: 20px; } .p15 { padding: 15px; } .pr15 { padding-right: 15px; } .pl15 { padding-left: 15px; } .pt15 { padding-top: 15px; } .pb15 { padding-bottom: 15px; } .p10 { padding: 10px; } .pr10 { padding-right: 10px; } .pl10 { padding-left: 10px; } .pt10 { padding-top: 10px; } .pb10 { padding-bottom: 10px; } .p5 { padding: 5px; } .pr5 { padding-right: 5px; } .pl5 { padding-left: 5px; } .pt5 { padding-top: 5px; } .pb5 { padding-bottom: 5px; } .p2 { padding: 2px; } .pr2 { padding-right: 2px; } .pl2 { padding-left: 2px; } .pt2 { padding-top: 2px; } .pb2 { padding-bottom: 2px; } /* no background color*/ .no-bg { background-color: transparent !important; } .shadow { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } .no-shadow { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .text-shadow { text-shadow: 0 1px 1px rgba(255, 255, 255, 0.9); } .align-middle td, td.align-middle { vertical-align: middle !important; } /* Position */ .relative { position: relative; } .absolute { position: absolute; } .corner-to-corner { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .lt { left: 0; } .rt { right: 0; } .bt { bottom: 0; } .tp { top: 0; } /* Radius */ .no-radius { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .round { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .brtl { border-top-left-radius: 2px; } .brtr { border-top-right-radius: 2px; } .brbl { border-bottom-left-radius: 2px; } .brbr { border-bottom-right-radius: 2px; } /* Overflow */ .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-auto { overflow: auto; } .block { display: block; } .open .hover-inactive:hover, .hover-inactive:hover, .open .hover-inactive:focus, .hover-inactive:focus { background-color: transparent !important; } /* Widths */ .w100 { width: 100px; } .w150 { width: 150px; } .w200 { width: 200px; } .w250 { width: 250px; } .w300 { width: 300px; } .w350 { width: 350px; } .w400 { width: 400px; } .w450 { width: 400px; } .w500 { width: 500px; } /* Toggle */ .toggle-active { cursor: pointer; } .toggle-active.active { color: #ffc65d; } /* Borders */ .no-border { border: 0; } .bordered { border: 1px solid #e4e4e4; } .bb { border-bottom: 1px solid #e4e4e4; } .bt { border-top: 1px solid #e4e4e4; } .bl { border-left: 1px solid #e4e4e4; } .br { border-right: 1px solid #e4e4e4; } .bt0 { border-top: 0; } .br0 { border-right: 0; } .bb0 { border-bottom: 0; } .bl0 { border-left: 0; } .avatar.bordered { border: 3px solid rgba(255, 255, 255, 0.5); } /* $border color */ .border-primary { border-color: #0099cc; } .border-default { border-color: #e2e2e2; } .border-warning { border-color: #ffc65d; } .border-success { border-color: #2ecc71; } .border-info { border-color: #4cc3d9; } .border-white { border-color: white; } .border-danger { border-color: yellow; /*Editado #d96557;*/ } .full-height { height: 100%; } [data-animation] { visibility: hidden; } .animated { visibility: visible !important; } .visible { visibility: visible; } .scrollable { overflow: hidden; position: relative; } /* * Demo specific styles. * These can be removed */ #focusedInput { border-color: #0ac2ff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .climacon-list .climacon { display: inline-block; font: normal normal normal 14px/1 Climacons-Font; font-size: 16px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (min-width: 768px) { .form-horizontal .control-label-left { padding-top: 7px; margin-bottom: 0; text-align: left; } } .demo .slider.slider-vertical { height: 175px; } .bs-demo .btn { margin-bottom: 5px; } .tool-button .btn { margin-right: 5px; margin-bottom: 5px; } .demo-button .btn { min-width: 115px; margin-bottom: 5px; margin-right: 5px; } .demo > .dropdown { float: left; } .demo > .dropdown > .dropdown-menu { position: static; display: block; margin-bottom: 5px; visibility: visible; -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); } .demo-button2 button { margin: 0 5px 10px 0; } .demo-button3 .btn { margin-bottom: 10px; } .fontawesome-list a, .climacon-list a, .feather-list a { display: block; padding-left: 40px; height: 32px; color: #616161; line-height: 32px; background: #fff; margin-bottom: 5px; } .fontawesome-list .fa, .climacon-list .climacon, .feather-list [class^="icon-"] { position: absolute; top: 8px; left: 20px; -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -o-transition: all 150ms linear; transition: all 150ms linear; min-width: 30px; text-align: center; } .fontawesome-list a:hover .fa, .climacon-list a:hover .climacon, .feather-list a:hover [class^="icon-"] { top: 5px; color: #0099cc; font-size: 1.5em; } .bordered-group .form-group { border-bottom: 1px solid rgba(0, 0, 0, 0.06); padding-bottom: 15px; } .bordered-group .form-group:last-child { border-bottom: 1px solid transparent; padding: 0; } .switcha > div { float: left; } .fontawesome-icon-list { margin-bottom: 35px; } .option { display: table; width: 100%; } .option > div { display: table-cell; vertical-align: middle; } .option > div:first-child { width: 200px; } .demo-skin { display: table; width: 100%; margin-bottom: 30px; } .demo-skin span { display: table-cell; height: 25px; border-top: 1px solid rgba(0, 0, 0, 0.07); border-bottom: 1px solid rgba(0, 0, 0, 0.07); } .demo-skin span:first-child { border-left: 1px solid rgba(0, 0, 0, 0.07); } .demo-skin span:last-child { border-right: 1px solid rgba(0, 0, 0, 0.07); } .sidebar-skins > div .fa, .header-skins > div .fa { display: none; visibility: hidden; } .sidebar-skins > div:hover, .header-skins > div:hover { cursor: pointer; } .sidebar-skins > div:hover .fa, .header-skins > div:hover .fa { display: inline-block; visibility: visible; } .sidebar-skins > div.active .fa, .header-skins > div.active .fa { display: inline-block; visibility: visible; color: #2ecc71; } .dashboard-rickshaw { border-bottom-left-radius: 1px; border-bottom-right-radius: 1px; } .configuration { width: 240px; background: #fff; position: fixed; right: 0; top: 250px; margin-left: 0; z-index: 99999; -webkit-box-shadow: 0 0 10px rgba(107, 107, 107, 0.2); -moz-box-shadow: 0 0 10px rgba(107, 107, 107, 0.2); box-shadow: 0 0 10px rgba(107, 107, 107, 0.2); -webkit-transition: -webkit-transform 300ms cubic-bezier(0.7, 0, 0.3, 1); -moz-transition: -moz-transform 300ms cubic-bezier(0.7, 0, 0.3, 1); -o-transition: -o-transform 300ms cubic-bezier(0.7, 0, 0.3, 1); transition: transform 300ms cubic-bezier(0.7, 0, 0.3, 1); -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -o-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .configuration.active { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .configuration-cog { width: 40px; height: 40px; position: absolute; left: -40px; line-height: 40px; font-size: 20px; text-align: center; background: #fff; -webkit-box-shadow: 0 0 10px rgba(107, 107, 107, 0.2); -moz-box-shadow: 0 0 10px rgba(107, 107, 107, 0.2); box-shadow: 0 0 10px rgba(107, 107, 107, 0.2); z-index: 8; border-top-left-radius: 2px; border-bottom-left-radius: 2px; cursor: pointer; } .configuration-options { position: relative; z-index: 9; } .configuration .title { background: #fff; padding: 10px 15px; text-transform: uppercase; } .configuration .option { padding: 5px 15px; } .configuration .option.styles label { display: inline-block; padding: 0; margin: 0 5px 0 0; width: 30px; height: 30px; position: relative; } .configuration .option.styles input { -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0 * 100); filter: alpha(opacity=0 * 100); visibility: hidden; position: absolute; top: -100%; } .configuration .option.styles div { display: block; } .configuration .option.styles div:nth-child(3) { height: 9px; } .configuration .option.styles div:nth-child(4) { height: 1px; } .configuration .option.styles div:last-child { height: 20px; } .configuration .option.styles .fa { position: absolute; width: 100%; height: 100%; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0 * 100); filter: alpha(opacity=0 * 100); text-align: center; line-height: 32px; background: rgba(255, 255, 255, 0.3); } .configuration .option.styles input[type=radio]:checked + .fa { -moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1 * 100); filter: alpha(opacity=1 * 100); } .swatches { border-radius: 2px; overflow: hidden; margin-bottom: 25px; } .swatches > div { display: table; table-layout: fixed; width: 100%; min-height: 40px; padding: 0 15px; } .swatches > div:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } .swatches > div:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .swatches > div > span { display: table-cell; vertical-align: middle; } .location-selector { position: relative; list-style: none; padding: 0; border: 1px solid #e4e4e4; } .location-selector::before, .location-selector::after { content: " "; display: table; } .location-selector::after { clear: both; } .location-selector li { width: 33.33333333%; float: left; position: relative; } .location-selector li > div { width: 100%; height: 100px; background-color: #e2e2e2; cursor: pointer; text-align: center; position: relative; border: 1px solid rgba(0, 0, 0, 0.05); border-top: 0; border-left: 0; } .location-selector li > div span { position: absolute; top: 50%; width: 100%; display: block; margin-top: -9.5px; } .location-selector li.active > div { -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.05), 0px 0px 1px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.05), 0px 0px 1px 0px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.05), 0px 0px 1px 0px rgba(0, 0, 0, 0.1); background-color: #efefef; } .location-selector li:hover div { background-color: #efefef; } .location-selector [data-position=topLeft] div { cursor: nw-resize; } .location-selector [data-position=top] div { cursor: n-resize; } .location-selector [data-position=topRight] div { cursor: ne-resize; } .location-selector [data-position=bottomLeft] div { cursor: sw-resize; } .location-selector [data-position=bottom] div { cursor: s-resize; } .location-selector [data-position=bottomRight] div { cursor: se-resize; } .logo-mila { background: #24307e; } #imglogo { margin-top: -18px; height: 50px; /* Sample sidebar skins */ .sidebar-skin-dark .sidebar-panel { background-color: #50516e; } .sidebar-skin-dark .sidebar-panel > .brand { background-color: #525371; } .sidebar-skin-dark .sidebar-panel > .brand a { color: #9fa0b5; } .sidebar-skin-dark .sidebar-panel > .brand a:active, .sidebar-skin-dark .sidebar-panel > .brand a:focus, .sidebar-skin-dark .sidebar-panel > .brand a:hover { color: #adaec0; } .sidebar-skin-dark .sidebar-panel > .brand .hamburger-icon span { background-color: #9fa0b5; } .sidebar-skin-dark .sidebar-panel > .brand .hamburger-icon:hover span { background-color: white; } .sidebar-skin-dark .sidebar-panel > nav > ul > li > ul { background-color: #4a4a65; } .sidebar-skin-dark .sidebar-panel > nav > ul > li > a:hover, .sidebar-skin-dark .sidebar-panel > nav > ul > li.open > a, .sidebar-skin-dark .sidebar-panel > nav > ul > li.open > a:hover, .sidebar-skin-dark .sidebar-panel > nav > ul > li.open > a:focus { background-color: #45465f; } .sidebar-skin-dark .sidebar-panel > nav li.open > a, .sidebar-skin-dark .sidebar-panel > nav li.active > a { color: white; } .sidebar-skin-dark .sidebar-panel > nav .open > a, .sidebar-skin-dark .sidebar-panel > nav .open > a:hover, .sidebar-skin-dark .sidebar-panel > nav .open > a:focus { background-color: transparent; } .sidebar-skin-dark .sidebar-panel > nav a { color: #9fa0b5; } .sidebar-skin-dark .sidebar-panel > nav a:active, .sidebar-skin-dark .sidebar-panel > nav a:focus, .sidebar-skin-dark .sidebar-panel > nav a:hover { color: white; } .sidebar-skin-dark .quick-launch-panel { background: #50516e; } .sidebar-skin-dark .quick-launch-panel .close { background: #3b3b50; color: #9fa0b5; } .sidebar-skin-dark .quick-launch-panel a { color: #9fa0b5; } .sidebar-skin-dark .quick-launch-panel a:hover { color: white; } @media screen and (min-width: 768px) { .sidebar-skin-dark .small-menu .sidebar-panel > nav li.open { background-color: #4c4d68; } .sidebar-skin-dark .small-menu .sidebar-panel nav > ul > li > .sub-menu { background-color: #4c4d68; } } .sidebar-skin-eastbay .sidebar-panel { background-color: #53586f; } .sidebar-skin-eastbay .sidebar-panel > .brand { background-color: #555a72; } .sidebar-skin-eastbay .sidebar-panel > .brand a { color: #a1a3bd; } .sidebar-skin-eastbay .sidebar-panel > .brand a:active, .sidebar-skin-eastbay .sidebar-panel > .brand a:focus, .sidebar-skin-eastbay .sidebar-panel > .brand a:hover { color: #b0b2c8; } .sidebar-skin-eastbay .sidebar-panel > .brand .hamburger-icon span { background-color: #a1a3bd; } .sidebar-skin-eastbay .sidebar-panel > .brand .hamburger-icon:hover span { background-color: white; } .sidebar-skin-eastbay .sidebar-panel > nav > ul > li > ul { background-color: #4c5166; } .sidebar-skin-eastbay .sidebar-panel > nav > ul > li > a:hover, .sidebar-skin-eastbay .sidebar-panel > nav > ul > li.open > a, .sidebar-skin-eastbay .sidebar-panel > nav > ul > li.open > a:hover, .sidebar-skin-eastbay .sidebar-panel > nav > ul > li.open > a:focus { background-color: #484c60; } .sidebar-skin-eastbay .sidebar-panel > nav li.open > a, .sidebar-skin-eastbay .sidebar-panel > nav li.active > a { color: white; } .sidebar-skin-eastbay .sidebar-panel > nav .open > a, .sidebar-skin-eastbay .sidebar-panel > nav .open > a:hover, .sidebar-skin-eastbay .sidebar-panel > nav .open > a:focus { background-color: transparent; } .sidebar-skin-eastbay .sidebar-panel > nav a { color: #a1a3bd; } .sidebar-skin-eastbay .sidebar-panel > nav a:active, .sidebar-skin-eastbay .sidebar-panel > nav a:focus, .sidebar-skin-eastbay .sidebar-panel > nav a:hover { color: white; } .sidebar-skin-eastbay .quick-launch-panel { background: #53586f; } .sidebar-skin-eastbay .quick-launch-panel .close { background: #3d4152; color: #a1a3bd; } .sidebar-skin-eastbay .quick-launch-panel a { color: #a1a3bd; } .sidebar-skin-eastbay .quick-launch-panel a:hover { color: white; } @media screen and (min-width: 768px) { .sidebar-skin-eastbay .small-menu .sidebar-panel > nav li.open { background-color: #4f5369; } .sidebar-skin-eastbay .small-menu .sidebar-panel nav > ul > li > .sub-menu { background-color: #4f5369; } } .sidebar-skin-nevada .sidebar-panel { background-color: #656d78; } .sidebar-skin-nevada .sidebar-panel > .brand { background-color: #656d78; } .sidebar-skin-nevada .sidebar-panel > .brand a { color: #cbcdcf; } .sidebar-skin-nevada .sidebar-panel > .brand a:active, .sidebar-skin-nevada .sidebar-panel > .brand a:focus, .sidebar-skin-nevada .sidebar-panel > .brand a:hover { color: #d8dadb; } .sidebar-skin-nevada .sidebar-panel > .brand .hamburger-icon span { background-color: #cbcdcf; } .sidebar-skin-nevada .sidebar-panel > .brand .hamburger-icon:hover span { background-color: white; } .sidebar-skin-nevada .sidebar-panel > nav > ul > li > ul { background-color: #5e6570; } .sidebar-skin-nevada .sidebar-panel > nav > ul > li > a:hover, .sidebar-skin-nevada .sidebar-panel > nav > ul > li.open > a, .sidebar-skin-nevada .sidebar-panel > nav > ul > li.open > a:hover, .sidebar-skin-nevada .sidebar-panel > nav > ul > li.open > a:focus { background-color: #59606a; } .sidebar-skin-nevada .sidebar-panel > nav li.open > a, .sidebar-skin-nevada .sidebar-panel > nav li.active > a { color: white; } .sidebar-skin-nevada .sidebar-panel > nav .open > a, .sidebar-skin-nevada .sidebar-panel > nav .open > a:hover, .sidebar-skin-nevada .sidebar-panel > nav .open > a:focus { background-color: transparent; } .sidebar-skin-nevada .sidebar-panel > nav a { color: #cbcdcf; } .sidebar-skin-nevada .sidebar-panel > nav a:active, .sidebar-skin-nevada .sidebar-panel > nav a:focus, .sidebar-skin-nevada .sidebar-panel > nav a:hover { color: white; } .sidebar-skin-nevada .quick-launch-panel { background: #656d78; } .sidebar-skin-nevada .quick-launch-panel .close { background: #4e545c; color: #cbcdcf; } .sidebar-skin-nevada .quick-launch-panel a { color: #cbcdcf; } .sidebar-skin-nevada .quick-launch-panel a:hover { color: white; } @media screen and (min-width: 768px) { .sidebar-skin-nevada .small-menu .sidebar-panel > nav li.open { background-color: #606872; } .sidebar-skin-nevada .small-menu .sidebar-panel nav > ul > li > .sub-menu { background-color: #606872; } } .sidebar-skin-hoki .sidebar-panel { background-color: #607d8b; } .sidebar-skin-hoki .sidebar-panel > .brand { background-color: #2ecc71; } .sidebar-skin-hoki .sidebar-panel > .brand a { color: #f5f5f5; } .sidebar-skin-hoki .sidebar-panel > .brand a:active, .sidebar-skin-hoki .sidebar-panel > .brand a:focus, .sidebar-skin-hoki .sidebar-panel > .brand a:hover { color: #ffffff; } .sidebar-skin-hoki .sidebar-panel > .brand .hamburger-icon span { background-color: #f5f5f5; } .sidebar-skin-hoki .sidebar-panel > .brand .hamburger-icon:hover span { background-color: white; } .sidebar-skin-hoki .sidebar-panel > nav > ul > li > ul { background-color: #5a7582; } .sidebar-skin-hoki .sidebar-panel > nav > ul > li > a:hover, .sidebar-skin-hoki .sidebar-panel > nav > ul > li.open > a, .sidebar-skin-hoki .sidebar-panel > nav > ul > li.open > a:hover, .sidebar-skin-hoki .sidebar-panel > nav > ul > li.open > a:focus { background-color: #566f7c; } .sidebar-skin-hoki .sidebar-panel > nav li.open > a, .sidebar-skin-hoki .sidebar-panel > nav li.active > a { color: white; } .sidebar-skin-hoki .sidebar-panel > nav .open > a, .sidebar-skin-hoki .sidebar-panel > nav .open > a:hover, .sidebar-skin-hoki .sidebar-panel > nav .open > a:focus { background-color: transparent; } .sidebar-skin-hoki .sidebar-panel > nav a { color: rgba(255, 255, 255, 0.7); } .sidebar-skin-hoki .sidebar-panel > nav a:active, .sidebar-skin-hoki .sidebar-panel > nav a:focus, .sidebar-skin-hoki .sidebar-panel > nav a:hover { color: white; } .sidebar-skin-hoki .quick-launch-panel { background: #607d8b; } .sidebar-skin-hoki .quick-launch-panel .close { background: #4b626d; color: rgba(255, 255, 255, 0.7); } .sidebar-skin-hoki .quick-launch-panel a { color: rgba(255, 255, 255, 0.7); } .sidebar-skin-hoki .quick-launch-panel a:hover { color: white; } @media screen and (min-width: 768px) { .sidebar-skin-hoki .small-menu .sidebar-panel > nav li.open { background-color: #5c7885; } .sidebar-skin-hoki .small-menu .sidebar-panel nav > ul > li > .sub-menu { background-color: #5c7885; } } .sidebar-skin-smart-blue .sidebar-panel { background-color: #597d8c; } .sidebar-skin-smart-blue .sidebar-panel > .brand { background-color: #dd7676; } .sidebar-skin-smart-blue .sidebar-panel > .brand a { color: rgba(255, 255, 255, 0.9); } .sidebar-skin-smart-blue .sidebar-panel > .brand a:active, .sidebar-skin-smart-blue .sidebar-panel > .brand a:focus, .sidebar-skin-smart-blue .sidebar-panel > .brand a:hover { color: rgba(255, 255, 255, 0.9); } .sidebar-skin-smart-blue .sidebar-panel > .brand .hamburger-icon span { background-color: rgba(255, 255, 255, 0.9); } .sidebar-skin-smart-blue .sidebar-panel > .brand .hamburger-icon:hover span { background-color: white; } .sidebar-skin-smart-blue .sidebar-panel > nav > ul > li > ul { background-color: #537583; } .sidebar-skin-smart-blue .sidebar-panel > nav > ul > li > a:hover, .sidebar-skin-smart-blue .sidebar-panel > nav > ul > li.open > a, .sidebar-skin-smart-blue .sidebar-panel > nav > ul > li.open > a:hover, .sidebar-skin-smart-blue .sidebar-panel > nav > ul > li.open > a:focus { background-color: #4f6f7c; } .sidebar-skin-smart-blue .sidebar-panel > nav li.open > a, .sidebar-skin-smart-blue .sidebar-panel > nav li.active > a { color: white; } .sidebar-skin-smart-blue .sidebar-panel > nav .open > a, .sidebar-skin-smart-blue .sidebar-panel > nav .open > a:hover, .sidebar-skin-smart-blue .sidebar-panel > nav .open > a:focus { background-color: transparent; } .sidebar-skin-smart-blue .sidebar-panel > nav a { color: #cbdded; } .sidebar-skin-smart-blue .sidebar-panel > nav a:active, .sidebar-skin-smart-blue .sidebar-panel > nav a:focus, .sidebar-skin-smart-blue .sidebar-panel > nav a:hover { color: white; } .sidebar-skin-smart-blue .quick-launch-panel { background: #597d8c; } .sidebar-skin-smart-blue .quick-launch-panel .close { background: #45616d; color: #cbdded; } .sidebar-skin-smart-blue .quick-launch-panel a { color: #cbdded; } .sidebar-skin-smart-blue .quick-launch-panel a:hover { color: white; } @media screen and (min-width: 768px) { .sidebar-skin-smart-blue .small-menu .sidebar-panel > nav li.open { background-color: #557786; } .sidebar-skin-smart-blue .small-menu .sidebar-panel nav > ul > li > .sub-menu { background-color: #557786; } } /* Sample header skins */ .header-skin-dark .main-panel > .header { background-color: #525371; } .header-skin-dark .main-panel > .header .navbar-text { color: #9fa0b5; } .header-skin-dark .main-panel > .header .nav > li > a { color: #9fa0b5; } .header-skin-dark .main-panel > .header .nav > li > a:hover, .header-skin-dark .main-panel > .header .nav > li > a:focus { background-color: #4e4f6b; color: white; } .header-skin-dark .main-panel > .header .nav .open > a, .header-skin-dark .main-panel > .header .nav .open > a:hover, .header-skin-dark .main-panel > .header .nav .open > a:focus { background-color: #4e4f6b; color: white; } .header-skin-dark .main-panel > .header .hamburger-icon span { background: #9fa0b5; } .header-skin-dark .main-panel > .header .hamburger-icon:hover span { background: white; } .header-skin-eastbay .main-panel > .header { background-color: #555a72; } .header-skin-eastbay .main-panel > .header .navbar-text { color: #c1c1cf; } .header-skin-eastbay .main-panel > .header .nav > li > a { color: #c1c1cf; } .header-skin-eastbay .main-panel > .header .nav > li > a:hover, .header-skin-eastbay .main-panel > .header .nav > li > a:focus { background-color: #51556c; color: white; } .header-skin-eastbay .main-panel > .header .nav .open > a, .header-skin-eastbay .main-panel > .header .nav .open > a:hover, .header-skin-eastbay .main-panel > .header .nav .open > a:focus { background-color: #51556c; color: white; } .header-skin-eastbay .main-panel > .header .hamburger-icon span { background: #c1c1cf; } .header-skin-eastbay .main-panel > .header .hamburger-icon:hover span { background: white; } .header-skin-purple .main-panel > .header { background-color: #8750c2; } .header-skin-purple .main-panel > .header .navbar-text { color: #cbafe2; } .header-skin-purple .main-panel > .header .nav > li > a { color: #cbafe2; } .header-skin-purple .main-panel > .header .nav > li > a:hover, .header-skin-purple .main-panel > .header .nav > li > a:focus { background-color: #8248bf; color: white; } .header-skin-purple .main-panel > .header .nav .open > a, .header-skin-purple .main-panel > .header .nav .open > a:hover, .header-skin-purple .main-panel > .header .nav .open > a:focus { background-color: #8248bf; color: white; } .header-skin-purple .main-panel > .header .hamburger-icon span { background: #cbafe2; } .header-skin-purple .main-panel > .header .hamburger-icon:hover span { background: white; }