/* Minification failed. Returning unminified contents. (488,1): run-time error CSS1019: Unexpected token, found '@charset' (488,10): run-time error CSS1019: Unexpected token, found '"UTF-8"' (488,17): run-time error CSS1019: Unexpected token, found ';' (526,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (527,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (554,1): run-time error CSS1019: Unexpected token, found '@keyframes' (555,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (589,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (590,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (599,1): run-time error CSS1019: Unexpected token, found '@keyframes' (600,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (616,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (617,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (633,1): run-time error CSS1019: Unexpected token, found '@keyframes' (634,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (655,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (656,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (692,1): run-time error CSS1019: Unexpected token, found '@keyframes' (693,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (734,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (735,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (751,1): run-time error CSS1019: Unexpected token, found '@keyframes' (752,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (773,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (774,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (800,1): run-time error CSS1019: Unexpected token, found '@keyframes' (801,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (834,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (835,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (861,1): run-time error CSS1019: Unexpected token, found '@keyframes' (862,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (895,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (896,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (932,1): run-time error CSS1019: Unexpected token, found '@keyframes' (933,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (974,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (975,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '11.1%' (1014,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1015,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '11.1%' (1065,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1066,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1105,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1106,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1150,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1151,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1184,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1185,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1223,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1224,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1257,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1258,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1296,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1297,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1330,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1331,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1369,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1370,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1403,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1404,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1442,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1443,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (1461,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1462,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (1485,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1486,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (1504,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1505,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (1528,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1529,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (1542,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1543,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (1561,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1562,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (1575,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1576,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (1594,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1595,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (1613,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1614,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (1637,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1638,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1647,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1648,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1662,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1663,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1676,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1677,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1695,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1696,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1709,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1710,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1728,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1729,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1742,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1743,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1761,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1762,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1775,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1776,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1794,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1795,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1808,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1809,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1827,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1828,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1841,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1842,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1860,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1861,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1874,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1875,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1893,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1894,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1907,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1908,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1926,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1927,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1936,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1937,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1951,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1952,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1963,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1964,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1980,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1981,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1992,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1993,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2009,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2010,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2021,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2022,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2038,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2039,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2050,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2051,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2067,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2068,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2079,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2080,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2096,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2097,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2108,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2109,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2125,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2126,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2137,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2138,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2154,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2155,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2166,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2167,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2183,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2184,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2220,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2221,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2264,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2265,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2297,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2298,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2337,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2338,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2370,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2371,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2410,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2411,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2429,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2430,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2455,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2456,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2474,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2475,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2500,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2501,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2526,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2527,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2559,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2560,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2571,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2572,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2590,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2591,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2608,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2609,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2631,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2632,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2649,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2650,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2672,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2673,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2690,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2691,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2713,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2714,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2731,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2732,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2754,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2755,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2772,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2773,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2795,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2796,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2811,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2812,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2832,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2833,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2848,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2849,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2869,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2870,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2885,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2886,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2906,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2907,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2922,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2923,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2943,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2944,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2959,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2960,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2980,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2981,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3014,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3015,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3055,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3056,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3069,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3070,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3090,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3091,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3102,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3103,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3119,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3120,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3132,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3133,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3149,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3150,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3167,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3168,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3190,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3191,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3208,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3209,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3231,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3232,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3249,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3250,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3272,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3273,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3290,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3291,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3313,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3314,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3329,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3330,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3350,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3351,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (3370,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3371,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (3395,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3396,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (3411,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3412,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (3432,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3433,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (3448,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3449,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (3469,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3470,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (3489,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3490,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (3514,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3515,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3527,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3528,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3545,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3546,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3558,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3559,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3576,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3577,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3589,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3590,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3607,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3608,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3620,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3621,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3638,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3639,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3651,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3652,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3669,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3670,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3682,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3683,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3700,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3701,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3713,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3714,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3731,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3732,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3744,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3745,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10385,1): run-time error CSS1019: Unexpected token, found '@keyframes' (10386,10): run-time error CSS1035: Expected colon, found '{' (13434,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (13435,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '10%' (13486,1): run-time error CSS1019: Unexpected token, found '@keyframes' (13487,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '10%' (13689,1): run-time error CSS1019: Unexpected token, found '@keyframes' (13690,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18799,43): run-time error CSS1031: Expected selector, found ';' (18799,43): run-time error CSS1025: Expected comma or open brace, found ';' */ body header, body footer { width: 100%; min-width: 1200px; } table a { color: #666666; text-decoration: underline; } #equityView { font-size: 16px; } #equityView input.search-input { height: 30px; border-radius: 0; font-size: 14px; } /* fix ie */ #equityView input.search-input::-ms-clear { display: none; width: 0; height: 0; } #equityView .natixis-color { color: #470368; } #equityView .natixis-coltwo { color: #581d74; font-size: 16px; } #equityView .natixis-green { color: #8DBE48; } #equityView .natixis-red { color: #FB0606; } #equityView input.search-input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #aaaaaa; } #equityView input.search-input:-moz-placeholder, textarea:-moz-placeholder { color: #aaaaaa; } #equityView button.btn-amc { background-color: transparent; color: #581d74; border: 0px solid transparent; border-radius: 0px; } #equityView button.btn-amc:hover { color: #470368; } #equityView .amc-tab { margin-top: 10px; margin-bottom: 10px; } #equityView table tr td { padding: 0px 10px; line-height: 24px; } #equityView label { font-weight: normal; } #equityView .actions-picto a { color: #581d74; } #equityView .actions-picto a:hover { color: #E81B73; } #equityView .download span { color: #581d74; font-size: 22px; } #equityView .download span:hover { color: #E81B73; } .modal-dialog { width: 24%; display: table; } /* AUTOCOMPLETE */ .autocomplete { width: 100%; position: relative; } .autocomplete input { width: 100%; padding: 0.4em; } #equityView ul { z-index: 1101; } .autocompletemodal { display: block; } .autocompletemodal .autocomplete { width: 80%; display: inline-block; } .autocomplete ul { position: absolute; left: 0; width: 100%; z-index: 3; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(162, 93, 218, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(162, 93, 218, 0.6); border: 1px solid #470368; border-top: 0px; } .autocomplete li { text-align: left; list-style: none; width: 100%; padding: 0.4em; background-color: #fff; font-size: 12px; cursor: pointer; } .autocomplete li.active { width: 100%; background-color: #470368; color: #fff; } .autocomplete .highlight { font-weight: bold; } .autocomplete li.active .highlight { } /* taken from bootstrap */ .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .autocomplete ul { -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 0px; -moz-padding-start: 0px; -khtml-padding-start: 0px; -o-padding-start: 0px; padding-start: 0px; padding: 0px; } .reset-link { padding-top: 15px; text-transform: uppercase; } .document-link { cursor: pointer; } .document-link a { color: #666; text-decoration: underline; } .document-link a:hover { /*color:#7D4CA2;*/ } .dashboard-part { margin-top: 10px; padding-top: 20px; } .dashboard-part .title { margin: 20px; text-align: center; color: #581D74; font-size: 25px; font-weight: 500; } /*body#v2017 [ng-app=amcApp] #navigation_list_holder #navigation_list li a { font-size: 34px !important; }*/ .tabset .nav-tabs { border: none; margin-bottom: 20px; } .tabset .nav-tabs li a { font-size: 30px; font-weight: lighter; color: #999; padding-bottom: 15px; border: none; border-bottom: 1px solid transparent; } .tabset .nav-tabs li a:hover { background-color: transparent; border: none; border-bottom: 2px solid #999; } .tabset .nav-tabs li.active a { color: #581d74; border: none; border-bottom: 2px solid #581d74; } .certificate-label { font-size: 30px; font-weight: lighter; color: #581d74; } .fileUploadzone { border: 2px dashed #bbb; border-radius: 5px; padding: 10px; text-align: center; color: #bbb; width: 300px; margin: auto; transition: all 0.2s ease-in-out; } .dragging .fileUploadzone { border: 2px dashed #000; color: #000; width: 300px; margin: auto; } .rebalancingSentStyle { color: #581D74; } .rebalancingAcceptedStyle { color: blue; } .rebalancingRejectedStyle { color: red; cursor:pointer; } .rebalancingDoneStyle { color: green; } /*glyphicon size*/ .gi-2x { font-size: 2em; } .gi-3x { font-size: 3em; } .gi-4x { font-size: 4em; } .gi-5x { font-size: 5em; } body#v2017 .left-menu ul > li a i.fa-2x { padding: 0; text-align: center; padding-top: 10px; } .handsontableContainer { width: 75%; } .tableImportExcel { min-height: 310px !important; } .handsontable .wtHolder { width: 100% !important; overflow-x: hidden !important; min-height: 310px !important; } .handsontable .htDimmed { background: #fcfafa; } .handsontable .alnright { text-align: right; } .handsontable td[data-title]:hover:after { opacity: 1; transition: all 0.1s ease 0.5s; visibility: visible; } .handsontable td[data-title]:after { content: attr(data-title); background-color: #EEE; color: red; font-size: 12pt; position: absolute; margin-top:15px; padding: 5px; white-space: nowrap; box-shadow: 1px 1px 3px #222222; opacity: 0; border-radius: 3px; z-index: 99999; visibility: hidden; } .csstooltipRejectRebalacing { } .csstooltipRejectRebalacing > .tooltip-inner { /*background-color: #581D74;*/ background-color: #575959; border-radius: 5px; padding-left: 10px; padding-right: 10px; font-size: 16px; color: #fff; white-space: pre-wrap !important; max-width: 550px; width: 550px; text-align: left; } .tooltip.in { opacity: 1 !important; } .csstooltipRejectRebalacing > .tooltip-arrow { border-right-color: #575959 !important; } /*.background-icon-reject-rebalacing { color: #581D74; } .fa-info-circle:before { content: "\f05a"; background-color: white; border-radius: 50%; width: 25px; height: 25px; display: inline-block; line-height: 25px; }*/ .REJECTED { color: #E91B0C; } .slider { width: 60px; height: 20px; display: inline-block; position: relative; } .slider-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; cursor: pointer; } .slider-content:before { position: absolute; content: "" !important; height: 15px; width: 15px; left: 4px; bottom: 3px; background-color: white; -webkit-transition: .4s; transition: .4s; } input[type=checkbox]:checked + .slider-content { background-color: #581D74; } input[type=checkbox]:focus + .slider-content { box-shadow: 0 0 1px #581D74; } input[type=checkbox]:checked + .slider-content:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(36px); } .slider-content.round { border-radius: 34px; padding: 7px } .slider-content.round:before { border-radius: 50%; } @media (max-width: 767.98px) { .tabset .nav-tabs li { width: 100%; } .certificate-caracteristics { margin-top: 600px; } .tabset .row { margin-left: 0; margin-right: 0; } } @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-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-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-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-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-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-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-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-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-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-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-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-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 jello { 11.1% { -webkit-transform: none; transform: none } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg) } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg) } 100% { -webkit-transform: none; transform: none } } @keyframes jello { 11.1% { -webkit-transform: none; transform: none } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg) } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg) } 100% { -webkit-transform: none; transform: none } } .jello{ -webkit-animation-name:jello; animation-name:jello; -webkit-transform-origin: center; transform-origin: center } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-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-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-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-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-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-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-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-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-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-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-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-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-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-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-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-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-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-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-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-animation-timing-function: ease-in; animation-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-animation-timing-function: ease-in; animation-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-animation-timing-function: ease-in; animation-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-animation-timing-function: ease-in; animation-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-animation-timing-function: ease-in; animation-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-animation-timing-function: ease-in; animation-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-animation-timing-function: ease-in; animation-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-animation-timing-function: ease-in; animation-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; } div.contactWrapper div.contact-block { background: url('../Images/Contact/contact_180x180.jpg') no-repeat top center; padding-top: 175px; border: 3px solid #007e94; color: White; } div.contactWrapper div.contact-block div.contact_title { text-transform:uppercase; text-align: center; padding: 5px 0px 5px 0px; background-color: #209eb4; } div.contactWrapper div.contact-block div.contact_info { text-align: center; background-color: #007e94; padding: 5px 0px 5px 0px; } div.contactWrapper div.contact-block .contact { margin-top:4px; } .contact div.phone { font-size: 11px; } .contact a.email { font-size: 11px; font-weight: normal; text-decoration: underline; } div.contactWrapper { position: relative; left: -35px; padding: 50px 0px 200px 0px; background: url('../Images/Contact/background.png') no-repeat top center; float: right; } div.contact-block div.contact_info a { color: White; } div.contact-block div.contact_info a:hover { text-decoration: underline; } div.contactWrapper-slider { position:absolute; right:0px; margin-top: 5px; } div.contactWrapper-slider .envelope { background-image: url("../Images/Contact/contact-envelope.jpg"); width:50px; height: 40px; cursor:pointer; float:left; margin-top: 5px; } div.contactWrapper-slider .contacts-infos { display:none; float:left; background-color: #1E5B87; color: white; padding: 3px; padding: 7px 10px 7px 10px; border: 4px solid #1E5B87; position: relative; top: -9px; } div.contactWrapper-slider .contact-block { } div.contactWrapper-slider .contacts-infos .contact { display:inline-block; margin: 0 5px 0 5px; } div.contactWrapper-slider .contacts-infos .contact a { color:white; } div.contactWrapper-grey { width: 165px; } div.contactWrapper-grey .contact-block { padding-bottom: 25px; background-image: url('../Images/Contact/contact_bkg_slim.jpg'); background-repeat: no-repeat; background-color: #A9B8C8; } div.contactWrapper-grey .contact-title { color: white; font-size: 18px; text-align: center; padding: 15px 0px 0px 0px; text-transform:uppercase; } div.contactWrapper-grey img { margin: 20px 0px 10px 0px; } div.contactWrapper-grey div.contact, div.contactWrapper-grey div.contact a { text-align: center; color: White; display: block; font-size: 15px; } div.contactWrapper-grey div.contact { margin-top: 5px; } div.contactWrapper-grey div.contact a { display: block; text-decoration: underline; } div.contactWrapper-grey .disclaimer-block { background-image: url('../Images/eMaps/disclaimer_btn_slim.jpg'); height: 50px; margin-top: 10px; } div.contactWrapper-grey .disclaimer-block a { color: white; font-size: 17px; text-align: center; display: block; font-weight: normal; line-height: 50px; } .convert-filters .search { float: left; line-height: 25px; /*border: 2px solid #31556D;*/ padding: 0 5px 0 5px; font-color:White; /*width: 139px;*/ height: 30px; } .convert-filters { margin: 18px 0 10px 0; clear: both; background-color: #DDE0E9; padding: 13px 10px 5px 10px; } .convert-filters .clear-filters { float: left; height: 28px; line-height: 29px; padding: 0 20px 0 20px; color: white; font-weight: bold; cursor: pointer; font-family: 'Helvetica', Arial, sans-serif; font-size: 11px; } .convert-filters > div { /*width: 760px;*/ margin: auto; } .convert-filters > div > * { margin: 0 13px 5px 0; } .dataTables_filter { display: none; } .pricing-ajax-loading { float: right;height: 39px;margin: 16px 5px 0 0; display:none; } ul.menuCountries { list-style-type:none; padding:0px; background-color: #2292a5; line-height: 19px; margin: 25px 0 0 0; display: inline-block; } ul.menuCountries li { display:inline; padding: 0px 7px 0px 7px; cursor:pointer; } ul.menuCountries li.selected, ul.menuCountries li:hover { color:white; } #calculatorDialog > img, #calculatorDialog > div, .dialog-convert > img, .dialog-convert > div { display: inline-block; vertical-align: top; } #calculatorDialog > img.header-left, .dialog-convert > img.header-left { position: relative; left: 4px; } #calculatorDialog > img.header-right, .dialog-convert > img.header-right { position: relative; left: -4px; } #divCalculator, #divDividends, #divCoupons { background-color: #6AB3C0; padding: 0; width: 100%; min-height: 230px; margin:auto; } #divCalculator .header, #divDividends .header, #divCoupons .header { background-color: #1E5B87; height: 35px; line-height: 34px; margin-bottom: 7px; color: white; text-transform: uppercase; font-size: 1.4em; font-weight: bold; text-align: center; } #divCalculator .header .close, #divDividends .header .close, #divCoupons .header .close { float: right; margin-right: 10px; cursor: pointer; } #divCalculator div.calc-column { width:50%; float:left; } #divCalculator .calculate { padding: 10px; margin: 7px 26px 16px 0; float: right; color: White; font-size: 13px; } #divCalculator .calculate img, .convertible-header div.calculate img { display: none; padding-left:5px; position: relative; top: 1px; } #divCalculator .calculate.disable img, .convertible-header div.calculate.disable img { display:inline; } #calculator-neutral { display:none; } .toggle-calculator-neutral { width: 95px; margin:auto; text-align: center; cursor: pointer; clear:both; height: 22px; background-color:#007E94; color:White; background-position : center bottom; background-image: url("../Images/down_xsmall.png"); background-repeat: no-repeat; display: none; } .toggle-calculator-neutral.up { background-image: url("../Images/up_xsmall.png"); } #calculator-neutral input { float:right; } #calculator-neutral .button-delta { float: left; padding: 5px 7px; margin: 3px 0 0 7px; } #calculator-neutral .button-delta:hover, #calculator-neutral .button-delta.selected { color:#6E3E95; } #calculator-neutral .title { color: white; font-size: 1.4em; margin: 0 0 0 6px; } #divDividends .content, #divCoupons .content { overflow-y: auto; height: 235px; padding: 10px; } #divDividends .header, #divCoupons .header { margin:0px; } .dialog-convert table tr td, .dialog-convert table thead th { padding: 5px; } #divDividends table, #divCoupons table { width:100%; text-align:center; } #divDividends table input { width:50px; } #divCalculator .header img { height: 32px; vertical-align: top; margin-right: 10px; } #divCalculator .editor-field, #divCalculator .editor-label { float:left; line-height:31px; height:31px; } #divCalculator .editor-label { clear:left; line-height: 35px; width: 75px; } #divCalculator .editor-field { text-align:right; width:95px; } #divCalculator form { padding: 0 5px 0 5px; } #divCalculator input[type="text"] { width:95px; text-align: right; } #divCalculator input[type="button"]{ background: none; border: none; } .button-green { background-color: #007E94; color: white; border: none; cursor: pointer; } .button-green:hover { background-color: #077182; } .nobackground-dialog { background:none; } .calculator-convertible-name { font-size: 1.4em; margin: auto; width: 250px; text-align: center; color: white; font-weight: bold; } .closedPrices { margin-bottom: 15px; } .closedPrices .dk_container a { background-color: #1E5B88; color: white; text-shadow: none; } .closedPrices .dk_container .dk_options a { background-color: #D2E0E9; color: #31556D; } .closedPrices .table-wrapper { margin-top: 2px; padding-right: 1px; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .closedPrices .table-wrapper > #tableClosedPrices { display:none; } .convert-container h1 { color: #1E5B87; font-size: 2.2em; text-transform: uppercase; /*background-image: url("../Images/Convert/convert-title.jpg");*/ background-repeat: no-repeat; /*padding-left: 179px; height: 53px; line-height: 53px;*/ } .convert-container div.contactWrapper-slider { top: 185px; } .convert-container table thead, .convert-container table thead tr th { background-color: #1E5B87; } .convert-container table.dataTable tr td, .convert-container table.dataTable tr td a { border:none; color:#7B7D7F; } .closedPrices table.dataTable tr.odd td.sorting_1, .closedPrices table.dataTable tr.even td.sorting_1 { background:none; } .convert-synthetic-container table.dataTable tr.odd, .convertible-publications table.dataTable tr.odd { background-color: white; } .closedPrices table.dataTable tr td.pdf { border-right:1px solid black; border-left:1px solid black; } .closedPrices table.dataTable tr td.calc { width:25px; } .closedPrices table.dataTable td { padding: 3px 6px; text-align: center; } .closedPrices table.dataTable tr td.cbName { text-align:left; } .convert-container table.dataTable tr td.cbName, .closedPrices table.dataTable tr.even td.cbName, .closedPrices table.dataTable tr.even td.calldate, .closedPrices table.dataTable tr.even td.maturity { background-color:#D0DEE7; } .convert-container table.dataTable tr.odd td.cbName, .closedPrices table.dataTable tr.odd td.cbName, .closedPrices table.dataTable tr.odd td.calldate, .closedPrices table.dataTable tr.odd td.maturity { background-color:#CADBE3; } .convert-container table.dataTable tbody tr.hover, .convert-container table.dataTable tbody tr.hover, .convert-container table.dataTable tbody tr.hover td.cbName, .convert-container table.dataTable tbody tr.hover td.calldate, .convert-container table.dataTable tbody tr.hover td.maturity { background-color:#DCEAF2; } .convert-synthetic-container table.dataTable tr.even td.cbName { background-color:#CADBE3; } .convert-synthetic-container table.dataTable tr.odd { background-color:White; } .closedPrices .calculator { cursor:pointer; height: 23px; } .cp-publications { text-align:center; margin:auto; } .cp-publications > div { text-align:left; width: 49%; display: inline-block; } .nobackground-dialog .ui-dialog-titlebar { display:none; } #tableConvertSynthetic { width:700px; margin:0px; } #tableConvertSynthetic tr { height:26px; } #tableConvertSynthetic thead th { padding-top:9px; } #tableConvertSynthetic td { text-align:center; } #tableConvertSynthetic td.cbName { border-right: 3px solid #1E5B87; } .convertSynthetic { margin-top: 30px; float:left; } .img-convert-synthetic{ float: right; margin-top:40px; } .convert-container .dataTables_empty, .convertible-details .dataTables_empty { display:none; } /* table.dataTable thead th.sorting_asc { background: url('../images/sort_asc.png') no-repeat; background-position : center right; } table.dataTable thead th.sorting_desc { background: url('../images/sort_desc.png') no-repeat center right; background-position : center right; } */ /******************************************************************* //****************** PAGE DETAILS ************************* //******************************************************************/ .convertible-header div.block, .convertible-header div.value { display:inline-block; line-height: 55px; height: 55px; text-align: center; } .convertible-details { width: 900px; margin-bottom: 18px; } .convertible-header { float:left; width: 879px; } .convertible-header div.isin { color: #6d3e93; font-weight:bold; margin: 0 0 6px 0; font-size: 14px; } .convertible-header h2 { color: #1E5B87; } .convertible-header div.block { width: 55px; background-color: #007E94; color:White; font-size: 1.9em; } .convertible-header div.value { font-size: 1.9em; margin-right: 40px; } .convertible-header div.calculate { float:right; cursor:pointer; text-transform:uppercase; padding: 7px; margin-top: 16px; } .convertible-header div.calculate input { border: none; background: none; color:White; font-size: 1.7em; cursor:pointer; } .half { width: 49%; vertical-align: top; display: inline-block; } .data-block { width: 280px; float:left; margin: 15px 20px 10px 0; height: 266px; position: relative; } .data-block.publi .content { position:relative; padding: 0; } .data-block.big { width: 580px; } .data-block .editor-field, .data-block .editor-label { line-height: 25px; height: 25px; } .data-block .editor-field { float:right; margin-right: 5px; } .data-block input { font-weight:bold; } .data-block .editor-field input { width: 65px; text-align: right; font-size:11px; border: 1px solid #007E94; height: 18px; color: #2D2D2D; padding: 0 7px 0 7px; } .data-block .editor-field input[readonly] { background-color:#CCC; } .data-block .editor-label { float:left; clear:left; line-height: 27px; width: 100px; padding-left: 5px; color: #1E5B87; font-weight: bold; } .data-block .header { background-color: #1E5B87; height: 18px; line-height: 17px; color: white; font-size: 1.1em; padding-left: 8px; background: #1E5B87; } .data-block .content { border: 3px solid #DDE0E9; border-top:none; height: 245px; padding: 4px 5px 0 5px; } .data-block .header.equity { margin-top:10px; } .data-block .publications { overflow-y: auto; height: 109px; } .data-block .publications table td { padding: 3px 4px; } .data-block .publications table td.date { font-size:10px; padding:0; } .data-block .theorical-price { width: 160px; line-height: 25px; height: 25px; position: absolute; bottom: -18px; padding-right: 5px; right: 23px; padding: 3px 10px; color: white; font-weight: bold; } .data-block .theorical-price input { width:75px; float: right; text-align: right; font-size: 11px; } .show-dividends, .show-coupons { width: 100px; line-height: 18px; height: 18px; position: relative; top: 7px; padding: 5px 10px; color: white; font-weight: bold; cursor: pointer; clear: both; margin: 5px auto; text-align: center; } .show-coupons { width:124px; } .currency-convert { cursor:pointer; margin: 0; } .currency-convert.selected { background-color: #007E94; color: white; padding: 2px; } .rounded-corners10px { -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; behavior: url("/PIE.htc"); } .rounded-corners5px { -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; behavior: url("/PIE.htc"); } .rounded-top-corners4px { -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -khtml-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; behavior: url("/PIE.htc"); } .show-equityPublications { position: relative; clear: both; position: absolute; bottom: 0; left: 0; background-color: #2672A8; width: 269px; height: 15px; line-height: 15px; color:White; cursor:pointer; padding: 0 0 0 5px; } .show-equityPublications a { color:White; font-weight:normal; } #divTermSheet { float: right; position: relative; top: 60px; margin-right: 50px; } #divTermSheet a { color: #5d3076; cursor: pointer; padding-top:5px; padding-bottom:5px; background-image:url(/Images/pdf16.gif); background-repeat:no-repeat; background-position:left; padding-left:22px; margin-left:5px; font-weight:normal; font-style:italic; text-decoration: underline; } .convertible-publications .news { width: 530px; float: left; } .convertible-publications .news.asia { float: right; } .convertible-publications .news .glassTable { overflow-y: auto; height: 207px; margin: 0 0 30px 0; } .convertible-publications .report { margin-top: 25px; } .convertible-publications .report .glassTable { overflow-y: auto; height: 350px; } .convertible-publications h2 { margin:0; color: #007E94; } .convertible-publications .glassTable { overflow-x: hidden; } .convertible-publications a.see-all { color: #5D3076; margin-top:15px; text-decoration:none; display: block; } .convertible-publications a.see-all:hover { text-decoration:underline; } /******************************************************************* //****************** PAGE ADMIN ************************* //******************************************************************/ .convert-admin { margin-top:35px; height: 665px; overflow-x: auto; margin-bottom: 28px; } .convert-admin tbody tr:hover { background-color: #99CBD4; } form.convert-admin .editor-label { margin-top:10px; } .dialog-delete { display:none; } /******************************************************************* //****************** PAGE HOME ************************ //******************************************************************/ .convert-home-container img.header { margin: 0 0 17px 0; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .convert-home-container div.closingprices-container { width: 26%; margin-right: 1%; border:none; } .convert-home-container div.research-container { width: 26%; margin-right: 1%; border:none; } .convert-home-container div.synthetic-container { width: 26%; border:none; } .convert-home-container div.contact-container { width: 18%; } .convert-home-container div.contact-container .contactWrapper-grey { float:right; } .convert-home-container div.closingprices-container, .convert-home-container div.research-container, .convert-home-container div.synthetic-container, .convert-home-container div.contact-container { display:inline-block; vertical-align:top; height: 350px; } .convert-home-container div.contact-container { float:right; } .convert-home-container div.closingprices-container img, .convert-home-container div.research-container img, .convert-home-container div.synthetic-container img { width: 100%; height: 130px; margin-bottom:5px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .tooltipster-default .tooltipster-content { font-size: 13px; line-height: 2px; } body header, body footer { width: 100%; } .welcome-banner { background: url('Images/eMaps/HP/img/VISUEL-home-1.png'); background-position: right top; background-repeat: no-repeat; min-height: 490px; /*height: 490px;*/ } .eTransac-banner { background-position: right bottom; height: 304px; padding: 75px 35px 35px 35px; background: url('Images/eMaps/HP/img/VISUEL-home-3.png'); background-size: cover; border-bottom: 7px solid #E81B73; } .glyphicon-chevron-up, .glyphicon-chevron-down { color: #581D74; } .carousel-inner { /*box-shadow: 0px 0px 51px 0px rgba(0,0,0,0.05);*/ } #eMapsView a, #eMapsView a:active, #eMapsView a:focus { color: #581D74; } #eMapsView .ui-select-eMaps .ui-select-choices-row > a { color: #333; } #eMapsView .ui-select-eMaps .ui-select-choices-row.active > a { color: #FFF; } #eMapsView .dropdown-menu > li > a { color: #333; } body#v2017 #eMapsView .home-link { background: url('Images/eMaps/PICTO-menu_side-1-581d74.png'); min-height: 50px; height: 50px; min-width: 50px; width: 50px; background-repeat: no-repeat; background-position: 10px 10px; padding: 0; } body#v2017 #eMapsView li a.current .home-link { background-color: #581D74; background: url('Images/eMaps/PICTO-menu_side-1-ffffff.png'); background-repeat: no-repeat; background-position: 10px 10px; } body#v2017 #eMapsView .pricer-link { background: url('Images/eMaps/PICTO-menu_side-2-581d74.png'); min-height: 50px; height: 50px; background-repeat: no-repeat; background-position: 15px 10px; padding: 0; } body#v2017 #eMapsView li a.current .pricer-link { background: url('Images/eMaps/PICTO-menu_side-2-ffffff.png'); background-repeat: no-repeat; background-position: 15px 10px; } #eMapsView .history-link { background: url('Images/eMaps/PICTO-menu_side-3-581d74.png'); min-height: 50px; height: 50px; background-repeat: no-repeat; background-position: 5px 5px; } #eMapsView li a.current .history-link { background: url('Images/eMaps/PICTO-menu_side-3-ffffff.png'); background-repeat: no-repeat; background-position: 5px 5px; } #eMapsView .autopricer-link { background: url('Images/eMaps/PICTO-menu_side-3-581d74.png'); min-height: 50px; height: 50px; background-repeat: no-repeat; background-position: 5px 5px; } #eMapsView li a.current .autopricer-link { background: url('Images/eMaps/PICTO-menu_side-3-ffffff.png'); background-repeat: no-repeat; background-position: 5px 5px; } #eMapsView .investment-idea-link { background: url('Images/eMaps/PICTO-menu_side-4-581d74.png'); min-height: 50px; height: 50px; background-repeat: no-repeat; background-position: 5px 5px; } #eMapsView li a.current .investment-idea-link { background: url('Images/eMaps/PICTO-menu_side-4-ffffff.png'); background-repeat: no-repeat; background-position: 5px 5px; } #eMapsView .eTransac-link { background: url('Images/eMaps/PICTO-menu_side-5-581d74.png'); min-height: 50px; height: 50px; background-repeat: no-repeat; background-position: 5px 5px; } #eMapsView li a.current .eTransac-link { background: url('Images/eMaps/PICTO-menu_side-5-ffffff.png'); background-repeat: no-repeat; background-position: 5px 5px; } #emaps_products { width: 230px; margin-right: 10px; margin-top: 10px; vertical-align: top; height: 270px; } #emaps_products ul { list-style-type: none; padding: 0px 8px 0px 8px; margin-top: 0px; } #emaps_products ul li { padding: 8px 10px 8px 10px; border-bottom: 1px solid white; } #emaps_products .last_element { border-bottom: 1px solid white; } #emaps_products ul li a { color: White; font-size: 12px; font-weight: normal; } #emaps_products ul li:hover { background-color: #299ABA; cursor: pointer; } #current_product li { display: inline-block; vertical-align: top; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; width: 100%; } #emaps_products_main ul { list-style-type: none; padding: 0px 12px 0px 12px; margin-top: 0px; } #emaps_products_main ul li { padding: 10px 10px 0px 10px; height: 29px; } #emaps_products_main ul li hr { border-bottom: 1px solid white; width: 170px; margin-top: 10px; margin-left: -10px; } #emaps_products_main ul li a { color: White; font-size: 14px; } #eMapsView .slide.ng-enter { -webkit-transition: 0.5s ease-in-out all; -moz-transition: 0.5s ease-in-out all; -o-transition: 0.5s ease-in-out all; transition: 0.5s ease-in-out all; } #eMapsView .slide.ng-enter { opacity: 0; } #eMapsView .slide.ng-enter.ng-enter-active { opacity: 1; } /** * -------------------------------------------------------- FIN - LEFT MENU PRODUCTS **/ #emaps_templates { width: 220px; margin-right: 10px; vertical-align: top; height: 300px; } #emaps_main_container { display: inline-block; margin-top: 20px; vertical-align: top; width: 950px; } .emaps_block_header { background-color: #007E94; height: 25px; } .emaps_block_header span { color: White; font-weight: bold; font-size: 11px; padding-top: 5px; display: block; text-align: center; } .emaps_block { margin-bottom: 20px; } .emaps_block .title { color: #581D74; font-size: 14px; font-weight: bold; } .emaps_block .title span { background-color: #581D74; } .emaps_block .description { color: white; padding: 0px 10px 10px 10px; } /** * -------------------------------------------------------- DEBUT - FORM **/ #eMapsView .input-validation-error { border: 1px solid #FF3300; } #eMapsView .input-validation-valid { border: 1px solid #e2e2e2; } #eMapsView .field-validation-error { color: red; font-weight: bold; } #eMapsView .field-validation-valid { display: none; } .emaps_form fieldset { border: none; margin: 0; padding: 0; height: auto; } .emaps_form fieldset legend { display: none; } .emaps_form fieldset ol { padding: 0; list-style: none; } .emaps_form fieldset ol li { padding-bottom: 2px; } .emaps_form fieldset label { display: inline-block; font-size: 16px; width: 225px; font-weight: normal; line-height: 30px; color: #000000; } .emaps_form fieldset label.checkbox { display: inline; } .emaps_form fieldset input[type="text"], fieldset input[type="password"] { display: inline-block; border: 1px solid #e2e2e2; color: #333333; font-size: 14px; margin: 0px 0 1px 0; padding: 5px; width: 178px; border-radius: 0px; height: 33px !important; } .emaps_form fieldset input[type="text"]:focus, fieldset input[type="password"]:focus { border: 1px solid #7ac0da; } .emaps_form fieldset input[type="submit"] { background-color: #d3dce0; border: 1px solid #787878; cursor: pointer; font-size: 1.2em; font-weight: normal; padding: 7px; } .emaps_form fieldset select { border: 1px solid #E2E2E2; color: #333; font-size: 11px; margin: 0px 0 1px 0; padding: 5px; width: 204px; } .emaps_form_separator { margin-bottom: 10px; margin-top: 10px; width: 100%; border-bottom: 1px dotted #4B6487; } .emaps_form_scheduling_header { vertical-align: text-top; text-align: center; color: #581d74; background-color: transparent; font-weight: normal; } .emaps_form_scheduling_date { width: 80px !important; padding-left: 2px !important; padding-right: 2px !important; /*font-size:8px !important; */ } .emaps_form_scheduling_strike_date { width: 87px !important; /*font-size:8px !important; */ } .emaps_form_scheduling_number { width: 60px !important; /*font-size:8px !important; */ } .emaps_form_scheduling_bool { width: 35px !important; /*font-size:8px !important; */ } /** * -------------------------------------------------------- FIN - FORM **/ #eMapsView .tab_loading { float: none; display: inline-block; margin-left: 3px; visibility: hidden; } #eMapsView .blocks_container { float: left; width: 530px; margin-top: 20px; margin-left: 20px; } #eMapsView .emaps_block.products { background-color: #4E6AB3; height: 300px; width: 530px; } #blocks_container { clear: both; min-height: 680px; } #eMapsView .emaps_products { height: 400px; width: 418px; margin-top: 20px; float: left; } #eMapsView .emaps_products_main_list { width: 201px; float: left; background-color: #1F5B87; margin-top: 10px; height: 344px; opacity: 0.9; } #eMapsView .emaps_products_main_description { width: 210px; float: left; background-color: #DCE2EA; height: 344px; margin-top: 9px; border: 1px solid white; } #eMapsView .emaps_products_main_text { padding: 0px 5px 5px 27px; color: #636466; font-size: 12px; line-height: 15px; width: 160px; height: 170px; } #eMapsView .emaps_map { padding: 20px 20px 5px 27px; width: 160px; } #eMapsView .emaps_products_main_buttons { margin-left: 32px; } #eMapsView .emaps_products_main_buttons img { height: 28px; display: inline-block; vertical-align: top; } #eMapsView .emaps_products_main_download { background-image: url('../Images/eMaps/btn_dowload_bis.png'); height: 28px; width: 130px; display: inline-block; vertical-align: top; } #eMapsView .emaps_products_main_download a { color: white; font-size: 13px; text-align: center; line-height: 28px; display: block; font-weight: normal; } #eMapsView .emaps_products_main_description h3 { padding: 5px 5px 5px 20px; color: #636466; } #eMapsView .emaps_products_main_description span { padding: 5px 5px 5px 5px; } #eMapsView .emaps_contact { float: left; margin-top: 78px; margin-left: 50px; border-left: 2px solid #1F5B87; border-left-style: dotted; height: 345px; } #eMapsView .contact_details { background-image: url('../Images/Contact/contact_bkg_slim.jpg'); height: 260px; width: 165px; margin-left: 50px; } #eMapsView .contact_details .title { color: white; font-size: 16px; text-align: center; padding: 12px 0px 0px 0px; } #eMapsView .contact_details span { text-align: center; color: White; display: block; margin-bottom: -10px; font-size: 15px; } #eMapsView .contact_details img { margin: 14px 5px 10px 17px; } #eMapsView .contact_details a { text-align: center; color: White; display: block; font-size: 15px; text-decoration: underline; } #eMapsView .emaps_disclaimer { background-image: url('../Images/eMaps/disclaimer_btn_slim.jpg'); width: 165px; height: 32px; margin-top: 10px; margin-left: 50px; } #eMapsView .emaps_disclaimer a { color: white; font-size: 14px; text-align: center; line-height: 32px; display: block; font-weight: normal; } #eMapsView .booking_details_content { background-color: LightGray; border: 1px solid black; padding: 0px 20px; } #eMapsView .book_header { padding: 0px; } #eMapsView .booking_details li { display: block; } #eMapsView .booking_details li label { display: inline-block; width: 270px; } #eMapsView .pincode-emaps label { display: inline-block; width: 100px; } #eMapsView .pincode-emaps input[type="password"] { display: inline-block; width: 200px; } #eMapsView .book_result { background-color: LightGray; padding: 0px; } #eMapsView .book_result p { background-color: White; padding: 10px; margin: 10px; font-size: 10pt; } #eMapsView .termsheet div { background-color: White; padding: 10px; margin: 10px; font-size: 10pt; } #eMapsView .shadow { box-shadow: 10px 10px 5px #656565; -moz-box-shadow: 10px 10px 5px #656565; -webkit-box-shadow: 10px 10px 5px #656565; } #eMapsView .book_btn { background-color: #D3DCE0; border: 1px solid #787878; cursor: pointer; font-size: 1.2em; font-weight: 600; padding: 7px; } #eMapsView .no_borders tr { height: 30px; } #eMapsView .no_borders th { background-color: White; color: Black; width: 80px; text-align: left; font-weight: normal; font-size: 11px; } #eMapsView .no_borders tr td { font-size: 11px; } #eMapsView .no_borders span { font-size: 11px; } #eMapsView .table-wrapper { position: relative; width: 423px; margin-bottom: 5px; } #eMapsView .table-scroll { max-height: 326px; overflow: auto; margin-top: 5px; } #eMapsView .with_borders { border: 1px solid #e2e2e2; } #eMapsView .with_borders thead tr { height: 25px; } #eMapsView .with_borders tbody tr { height: 25px; } #eMapsView .with_borders th { background-color: #3498B7; color: #FFF; font-weight: normal; font-size: 12px; text-align: left; padding: 5px 5px; opacity: 0.9; } #eMapsView .with_borders td { width: 135px; text-align: left; border: 1px solid #e2e2e2; color: black; font-weight: normal; font-size: 12px; padding-left: 5px; } #eMapsView .custom_td_with_borders { width: 75px !important; } #eMapsView .emaps_form fieldset input[type="text"].selected_variable { background-color: #815C93; font-weight: bold; color: white; font-size: 11px; } #eMapsView .SelectedUnderlyings { list-style-type: square; /*margin: 10px 0px 10px 0px;*/ } #eMapsView .SelectedUnderlyings li { padding: 2px; } #eMapsView .SelectedUnderlyings .underlying_name { font-size: 11px; width: 342px; display: inline-block; } #eMapsView .SelectedUnderlyings .remove_underlying { background-image: url('../Images/eMaps/round_remove.png'); background-repeat: no-repeat; width: 16px; height: 16px; display: inline-block; cursor: pointer; } #eMapsView .pin_status { display: none; } #eMapsView .termsheet_login { background-image: url('../Images/Home/login.png'); background-repeat: no-repeat; width: 382px; height: 36px; float: left; padding-top: 7px; } input[type="submit"].termsheet_login { background-image: url('../Images/Home/login_button.png'); background-repeat: no-repeat; width: 85px; height: 22px; color: white; border: none; font-size: 11px; font-weight: bold; text-align: center; padding: 5px; margin: 3px 15px 0px 0px; } #eMapsView .exemption-option { margin-bottom: 5px; } #eMapsView .exemption-option input[type="checkbox"], .exemption-option label { cursor: pointer; } #eMapsView .price_wording { color: red; margin-top: 10px; } #eMapsView .form-control { font-size: 12px; padding: 0 5px; height: 25px; } #eMapsView .input-group-btn .btn, #eMapsView .input-group-addon { font-size: 12px; padding: 2px 4px; /*height: 15px;*/ } #eMapsView .input-group-addon, .input-group-btn { width: 0%; } #eMapsView .btn-sm, .btn-group-sm > .btn { font-size: 11px; } #eMapsView .btn-lg, .btn-group-lg > .btn { padding: 0px; } /*#eMapsView .btn { font-size: 12px; height: 32px; }*/ #eMapsView .disabled { color: #b3b3b3; } #eMapsView .tooltip { opacity: 1; display: inline-block; width: 250px; } #eMapsView .tooltip.top { padding: 5px 0; margin-top: -32px; } #eMapsView .tooltip.top .tooltip-arrow { border-top-color: #FF3232; /*border-top-color: transparent; border-bottom: 10px solid #111;*/ } #eMapsView .tooltip-inner { background-color: #FF3232; /*text-align: center; color: #fff; background-color: #111;*/ max-width: 250px !important; } #eMapsView .dropdown-menu { font-size: 14px; } #first_product { float: left; } #current_product { /*float:right;*/ padding-left: 0px; } .v-separator { content: ""; display: inline-block; width: 0px; height: 100px; border-right: 1px solid #fafafa; border-left: 1px solid #b4b4b4; padding: 0; } /* Slider */ .scrollbar .handle { cursor: pointer; } ::selection { background: #4d4d4d; color: #fff; text-shadow: -1px -1px 0 #222; } .scrollbar { margin: 0 0 1em 0; height: 1px; background: #428bca; line-height: 0; opacity: .65; } .scrollbar .handle .mousearea { position: absolute; top: -6px; left: 0; width: 84px; height: 12px; background: #428bca; } .pages { list-style: none; margin: 20px 0; padding: 0; text-align: center; } .pages li.active { background: #428bca; } .pages li { display: inline-block; width: 14px; height: 14px; margin: 0 4px; text-indent: -999px; border-radius: 9px; cursor: pointer; overflow: hidden; background: #fff; box-shadow: inset 0 0 0 1px rgba(0,0,0,.2); } #eMapsView .pages li:hover { background: #428bca; opacity: .50; } #eMapsView .busyIndicatorHolder { position: absolute; z-index: 1000; width: 100%; height: 100%; margin: 0; padding: 0; top: 0; left: 0; } #eMapsView .busyIndicatorHolder .back { position: absolute; z-index: 1001; width: 100%; height: 100%; margin: 0; padding: 0; top: 0; left: 0; background-color: Gray; opacity: 0.7; } #eMapsView .busyIndicatorHolder .ajaxLoader { position: absolute; z-index: 1002; /*left: 50%;*/ top: 50%; /*margin-top: -32px;*/ /*margin-left: -100px;*/ display: block; background-color: #FFF; border-radius: 10px; padding: 15px; font-size: 16px; font-weight: bold; opacity: 1; margin-left: 350px; } #eMapsView .busyIndicatorHolder .ajaxLoader img { vertical-align: middle; padding-right: 10px; } #eMapsView .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #eMapsView .price_validity_label { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; color: darkgreen; vertical-align: top; } #eMapsView .price_validity_count { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; color: darkgreen; vertical-align: top; } #eMapsView .price_wording { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; vertical-align: top; margin-top: 5px; width: 415px; } /*#eMapsView .btn-default { color: Gray; border-radius: 0px; }*/ /** * -------------------------------------------------------- DEBUT - LOADER **/ #loading-bar, #loading-bar-spinner-top, #loading-bar-spinner { pointer-events: none; -webkit-pointer-events: none; -webkit-transition: 500ms linear all; -ms-transition: 500ms linear all; -moz-transition: 500ms linear all; -o-transition: 500ms linear all; transition: 500ms linear all; } #loading-bar.ng-enter, #loading-bar.ng-leave.ng-leave-active, #loading-bar-spinner.ng-enter, #loading-bar-spinner.ng-leave.ng-leave-active { opacity: 0; } #loading-bar.ng-enter.ng-enter-active, #loading-bar.ng-leave, #loading-bar-spinner.ng-enter.ng-enter-active, #loading-bar-spinner.ng-leave { opacity: 1; } #loading-bar .bar { -webkit-transition: width 500ms; -moz-transition: width 500ms; -ms-transition: width 500ms; -o-transition: width 500ms; transition: width 500ms; background: #29d; position: fixed; z-index: 10002; top: 0; left: 0; width: 100%; height: 2px; border-bottom-right-radius: 1px; border-top-right-radius: 1px; } #loading-bar .peg { position: absolute; width: 70px; right: 0; top: 0; height: 2px; opacity: .45; -moz-box-shadow: #29d 1px 0 6px 1px; -ms-box-shadow: #29d 1px 0 6px 1px; -webkit-box-shadow: #29d 1px 0 6px 1px; box-shadow: #29d 1px 0 6px 1px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; } #loading-bar-spinner { display: inline-block; z-index: 10002; top: 18px; left: 10px; } #loading-bar-spinner-top { display: block; z-index: 10002; top: 18px; left: 10px; } .alert .spinner-icon { border-top-color: #b25500 !important; border-left-color: #b25500 !important; float: left !important; } .pricing-loading { display: block !important; margin-top: 7px !important; } .is-pricing { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 14px; color: #357ebd; display: inline; } /** * -------------------------------------------------------- FIN - LOADER **/ /** * -------------------------------------------------------- DEBUT - ADMIN EMAPS **/ #eMapsAdminView { font-size: 12px; } #eMapsAdminView.pagination, .carousel, .panel-title a { cursor: pointer; } #eMapsAdminView h2 { border-left: 10px solid #6a2d82; text-transform: uppercase; padding-left: 15px; font-size: 18px; color: #6a2d82; } #eMapsAdminView a.link { text-decoration: none; padding: 0 15px; } #eMapsAdminView a.link:hover { border-bottom: 5px solid #6a2d82; } #eMapsAdminView .text-right { text-align: right; } #eMapsAdminView .text-left { text-align: left; } #eMapsAdminView .text-center { text-align: center; } #eMapsAdminView .padding15 { padding: 15px; } #eMapsAdminView .padding3 { padding: 3px; } #eMapsAdminView .pointer { cursor: pointer; } #eMapsAdminView .slide { margin-bottom: 25px; } #eMapsAdminView .slide.ng-enter { -webkit-transition: 0.5s ease-in-out all; -ms-transition: 0.5s ease-in-out all; -moz-transition: 0.5s ease-in-out all; -o-transition: 0.5s ease-in-out all; transition: 0.5s ease-in-out all; } #eMapsAdminView .slide.ng-enter { opacity: 0; } #eMapsAdminView .slide.ng-enter.ng-enter-active { opacity: 1; } #eMapsAdminView .has-error .tooltip { opacity: 1; filter: alpha(opacity=100); top: -43px; height: 46px; width: 200px; margin-left: -40px; position: absolute; font-size: 11px; } #eMapsAdminView .has-error .tooltip .tooltip-inner { width: 200px; height: 36px; vertical-align: middle; display: table-cell; } #eMapsAdminView .has-error .tooltip.right { margin-top: 20px; margin-left: 105px !important; margin-right: -80px; } #eMapsAdminView .has-error .tooltip.right .tooltip-arrow { margin-top: -10px; } #eMapsAdminView .has-error .tooltip.bottom { margin-top: 70px; } #eMapsAdminView .busyIndicatorHolder, #eTransacRFQ .busyIndicatorHolder { position: absolute; z-index: 1000; width: 100%; height: 100%; margin: 0; padding: 0; top: 0; left: 0; } #eMapsAdminView .busyIndicatorHolder .back, #eTransacRFQ .busyIndicatorHolder .back { position: absolute; z-index: 1001; width: 100%; height: 100%; margin: 0; padding: 0; top: 0; left: 0; background-color: Gray; opacity: 0.7; } #eMapsAdminView .busyIndicatorHolder .ajaxLoader, #eTransacRFQ .busyIndicatorHolder .ajaxLoader { position: absolute; z-index: 1002; left: 50%; top: 50%; margin-top: -32px; margin-left: -100px; display: block; background-color: #FFF; border-radius: 10px; padding: 15px; font-size: 16px; font-weight: bold; opacity: 1; } #eMapsAdminView .busyIndicatorHolder .ajaxLoader img, #eTransacRFQ .busyIndicatorHolder .ajaxLoader { vertical-align: middle; padding-right: 10px; } #eMapsAdminView button.action { width: 45%; font-size: 10px; text-transform: uppercase; margin: 5px; } #eMapsAdminView .goToTop { position: fixed; /*bottom:5px;*/ top: 50%; right: 5px; color: #AFAEAF; cursor: pointer; display: none; } #eMapsAdminView a.sortIndicator { color: #D6EAF1; } #eMapsAdminView a.sortIndicator:hover, #eMapsAdminView a.sortIndicator span.active { color: #FFF; } #eMapsAdminView h2 { margin-top: 35px; } #eMapsAdminView table { border-spacing: 0; border-collapse: collapse; padding: 0; table-layout: fixed; overflow: hidden; white-space: nowrap; width: 100%; } #eMapsAdminView table.fix { position: fixed; top: 5px; display: none; opacity: 0.8; filter: alpha(opacity=80); width: 1200px; } #eMapsAdminView table.fix th.align { padding-left: 23px; } #eMapsAdminView table th { background-color: #3498B7; color: #FFF; font-weight: normal; font-size: 16px; text-align: left; padding: 10px 5px; } #eMapsAdminView table th .glyphicon { font-size: 12px; } #eMapsAdminView table tbody tr:nth-child(odd) { background-color: #EFF1F1; } #eMapsAdminView table tbody tr:nth-child(even) { background-color: #FFF; } #eMapsAdminView table.grid tbody td div.limitLabel { width: 270px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #eMapsAdminView table.grid tbody td div.limitIsin { width: 170px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #eMapsAdminView div.gridInfo { clear: both; font-size: 10px; font-style: italic; } #eMapsAdminView .noData { text-align: center; text-transform: capitalize; letter-spacing: 2px; font-size: 14px; font-style: italic; } #eMapsAdminView .filterBorder { width: 100%; border: 2px solid #581d74; padding: 10px 10px; background-color: #f7f5f8; margin-left: 10px; margin-bottom: 10px; } #eMapsAdminView .filterBorder input { width: 100%; } #eMapsAdminView .form-control { font-size: 12px; padding: 0 5px; height: 25px; line-height: normal; font-size: 12px; } #eMapsAdminView .filterLabelStyle { margin-top: 5px; } #eMapsAdminView .glyphicon-ok { color: #5cb85c; } #eMapsAdminView .btn .btn-primary { width: 250px; } #eMapsConfigView ul li { display: block; font-size: 12px; font-weight: normal; } #eMapsAdminView .disable-btn-opacity { opacity: 0.5; } #eMapsAdminView .enable-btn-opacity { opacity: 1; } /** * -------------------------------------------------------- FIN - ADMIN EMAPS **/ /** * -------------------------------------------------------- DEBUT - MADAL VIEW **/ #modalDiv h3 { font-weight: bold; } #modalDiv.infoStyle h3 { color: #000; } #modalDiv.warnStyle h3 { background-color: Orange; color: #000; } #modalDiv.warnStyle .modal-body i { color: Orange; } #modalDiv.errorStyle h3 { background-color: Red; color: #000; } #modalDiv.errorStyle .modal-body i { color: Red; } #modalDiv.successStyle h3 { background-color: Green; color: #FFF; } #modalDiv.successStyle h3 a { color: #FFF; } #modalDiv.successStyle .modal-body i { color: Green; } #modalDiv.confirmStyle h3 { background-color: #007E94; color: #FFF; } #modalDiv.confirmStyle h3 a { color: #FFF; } #modalDiv.confirmStyle .modal-body i { color: #007E94; } /** * -------------------------------------------------------- FIN - MADAL VIEW **/ /** * -------------------------------------------------------- DEBUT - DIRECTIVES **/ .nat-select-input { height: 27px; width: 178px; padding-left: 5px; border: 1px solid #e2e2e2; font-size: 14px; background-color: white; height: 33px; color: #999999; } .nat-select-button { height: 33px !important; width: 30px !important; float: right !important; background-color: rgb(235, 229, 229); } .nat-select-span { margin-left: -4px !important; margin-top: -4px !important; } .nat-select-ul { border-radius: 0px; } .nat-select-li-span { marging-left: 5px; } .dropdown-menu th { background-color: transparent; color: #000; font-weight: normal; } .dropdown-menu table th { color: #000; font-weight: normal; /*font-size: 12px;*/ text-align: center; padding: 0; } .dropdown-menu .btn.disabled, .dropdown-menu .btn[disabled], .dropdown-menu fieldset[disabled] .btn { opacity: 0.3; filter: alpha(opacity=30); } @font-face { font-family: "alwyn"; src: url('/site/Content/Font/Alwyn.TTF'); } /** * -------------------------------------------------------- FIN - DIRECTIVES **/ /*--------------------------------------------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------- Global CSS ----------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------------------------------------------*/ .eMpas.Pricer h2 { color: #581d74; width: 97%; border-bottom: 1px solid #581d74; margin-bottom: 10px; line-height: 0.7em; } .eMpas.Pricer h2.Alwyn { /*font-family: "alwyn", verdana, Arial, sans-serif;*/ font-size: 18px; text-transform: uppercase; } .eMpas.Pricer h2 span { background: #fff; padding: 0 5px 1px 0; } .separator [class*='col-']:not(:last-child):after { background: #fff; width: 1px; content: ""; display: block; position: absolute; top: 0; bottom: 0; right: 0; min-height: 70px; } .hachure { z-index: 1; background-image: url(/site/Content/Images/eMaps/Motif/BG_bandes.jpg); /*background: repeating-linear-gradient( -45deg, #fff, #fff 2px, #E2E0E0 4px, #E2E0E0 2px);*/ } .BlockCustomBoxShadow { -moz-box-shadow: 7px 7px 2px rgba(51, 51, 51, 0.2); -webkit-box-shadow: 7px 7px 2px rgba(51, 51, 51, 0.2); -o-box-shadow: 7px 7px 2px rgba(51, 51, 51, 0.2); box-shadow: 7px 7px 2px rgba(51, 51, 51, 0.2); filter: progid:DXImageTransform.Microsoft.Shadow(color='rgba(51, 51, 51, 0.2)', Direction=135, Strength=2); } .disclaimer { float: left; font-style: italic; font-size: 11px; font-family: Verdana; padding-bottom: 10px; padding-top: 10px; padding-left: 40px; display: block; } /* --- Custom
--- */ .eMpas.Pricer hr { margin-top: 0px; } .eMpas.Pricer .HrProductResult { width: 305px; float: right; border-color: #581d74; display: inline; margin-right: 780px; } .eMpas.Pricer .HrProductResultBlock { width: 90%; vertical-align: middle; line-height: 3px; margin-top: 10px; margin-bottom: 10px; border-top-color: #ccc; } .eMpas.Pricer .HrCompareLastResult { width: 170px; float: right; border-color: #581d74; display: inline-block; margin-right: 780px; } .eMpas.Pricer .HrLastPricedProduct { width: 90%; vertical-align: middle; line-height: 3px; margin-top: 10px; margin-bottom: 10px; border-top-color: #ccc; } .eMpas.Pricer .HrSeperateActiveAndDisabledProduct { width: 100%; vertical-align: middle; line-height: 3px; border-width: 2px; margin-bottom: 0px; padding-bottom: 0px; border-color: #ccc; } .eMpas.Pricer .marginBottom { margin-bottom: 20px !important; } /* Header CReate Template + Product Result*/ .eMpas.Pricer .TemplateHeader { padding-top: 0px; padding-bottom: 2px; } .eMpas.Pricer .TitleClass { height: 32px; max-height: 32px; } .eMpas.Pricer .CreatedTemplateTitle { padding-right: 0px; padding-left: 0px; } .eMpas.Pricer .CreatedTemplateHr { margin-top: 20px; padding-left: 0px; padding-right: 15px; } .eMpas.Pricer .ProductResultHeader { padding-right: 0px; padding-left: 0px; height: 32px; max-height: 32px; margin-bottom: 13px; } .TemplateUrl { width: 100%; font-size: 11px; font-style: italic; color: blue; } /* Header Template Saved*/ .eMpas.Pricer .HrTemplateSaved { border-color: #581d74; } /*Result Button*/ .eMpas.Pricer .buttonSeparator { margin-left: 2px !important; } .eMpas.Pricer .buttonSeparatorEn { margin-left: 11px !important; } .eMpas.Pricer .buttonSeparatorFr { margin-left: 6px !important; } .eMpas.Pricer .DisbButtonAlign { float: right; margin-right: 3px !important; } .eMpas.Pricer .capitalize { text-transform: capitalize; } /*Tabs*/ .nav.nav-tabs.nav-justified li.active a { z-index: 1; /*background-image: url(/site/Content/Images/eMaps/Motif/BG_bandes.jpg);*/ color: #581d74; font-family: verdana; font-weight: bold; font-size: 14px; text-transform: uppercase; } .nav.nav-tabs.nav-justified li:not(.active) a { color: #615f62; font-family: verdana; font-weight: normal; font-size: 14px; text-transform: uppercase; } /*----------------------------------- --------- Bootstrap Modal ---------- ------------------------------------*/ /*.modal { border-radius:0; transform: translate(0, 30%) !important; -ms-transform: translate(0, 30%) !important; -webkit-transform: translate(0, 30%) !important; }*/ /*Header*/ .modal .modal-content .modal-header .modal-title { vertical-align: middle; font-family: Verdana; font-size: 18px; /*1.25em*/ font-weight: bold; text-transform: uppercase; color: #581d74; } /*BUttons*/ .modal .modal-content .modal-footer .btn-default { Background-color: #ffffff !important; padding-left: 8px; padding-right: 10px; height: 30px !important; font-family: verdana; font-size: 11px; color: #581d74 !important; border: 1px solid #581d74; } .modal .modal-content .modal-footer .btn-default:Hover { Background-color: #f6eefa !important; border: 1px solid #581d74; } .modal .modal-content .modal-footer button.btn-primary { padding-left: 8px; padding-right: 10px; height: 30px !important; Background-color: #581d74 !important; margin-left: 7px; font-family: verdana; font-size: 11px; color: #fff !important; border: 1px, solid, #581d74; } .modal .modal-content .modal-footer button.btn-primary:Hover { Background-color: #470368 !important; } .modal .modal-content .notification { text-align: center; font-weight: bold; } .modal .modal-content .notification.info { color: #333; } .modal .modal-content .notification.error { color: red; } /*----------------------------------- --------- Set Glyphicon position ---------- ------------------------------------*/ /* enable absolute positioning */ .inner-addon { position: relative; } /* style icon */ .inner-addon .glyphicon { position: absolute; padding: 10px; pointer-events: none; } /* align icon */ .left-addon .glyphicon { left: 0px; } .right-addon .glyphicon { right: 0px; } /* add padding */ .left-addon input { padding-left: 30px; } .right-addon input { padding-right: 30px; } .glyphicon.customGlyphiconButton { font-size: 15px; padding-left: 10px; padding-right: 10px; } /*----------------------------------- --------- Center a bootstrap modal ---------- ------------------------------------*/ .modal.fade .modal-dialog { transform: translate(-50%, -80%); } .modal.in .modal-dialog { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); margin-top: 0px; } /* ---- Turn Off Number Input Spinners ------ */ input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------- Home Page ----------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* ---- Custom Picture Home----*/ .eMpas.Home .header { /*padding-top: 30px;*/ } .eMpas.Home .realTimePicture { padding-top: 0; } .eMpas.Home .brochure { margin-top: 30px; } .eMpas.Home .brochure:hover { cursor: pointer; } .eMpas.Home .hp-height { height: 180px; } .eMpas.Home .inside-picture-title { width: 400px; position: relative; left: 685px; top: -70px; font-style: italic; font-family: Verdana; font-size: 25px; color: #2E76C7; } .eMpas.Home .inside-picture-em { width: 400px; position: relative; left: 685px; top: -70px; font-style: italic; font-family: Verdana; font-size: 25px; color: #2E76C7; } .eMpas.Home .inside-picture-subtitle { width: 400px; position: relative; left: 685px; top: -70px; font-style: italic; font-family: Verdana; font-size: 25px; color: #2E76C7; } .eMpas.Home div#SecondaryMarket { background-color: #eee8f1; border: 1px solid #581d74; text-align: center; vertical-align: middle; padding: 20px 0; margin: 20px 2px; } .eMpas.Home div#SecondaryMarket a { font-family: verdana; font-weight: bold; font-size: 18px; color: #581d74; text-transform: uppercase; background-color: #eee8f1; } .eMpas.Home sup { position: relative; bottom: 0.5px; font-size: .8em; line-height: .1em; /*vertical-align:super;*/ text-decoration: none; } /*---------------------------- /*------ Zoom Product------- ------------------------------*/ .eMpas.Home h2 { width: 100%; border-bottom: 1px solid #581d74; margin-top: 20px; line-height: 0.7em; } .eMpas.Home h2.Alwyn { font-family: "alwyn", verdana, Arial, sans-serif; font-size: 18px; color: #581d74; } .eMpas.Home h2 span { /*background:#fff; */ padding: 0 5px 1px 0; } .eMpas.Home .main-home-content { padding-left: 24px; } .eMpas.Home .zoom-product { border: 1px solid #dce2ea; background-color: #ffffff; display: block; margin-top: 15px; } .eMpas.Home .zoom-product .product-picture { position: absolute; padding: 0; margin: 0; float: left; cursor: pointer; width: 431px; max-height: 455px; } .eMpas.Home .zoom-product .list-invest .group-invest .img-pdf { padding: 25px 15px 25px 15px; cursor: pointer; } .eMpas.Home .zoom-product .content-invest { position: absolute; float: left; display: inline; } .eMpas.Home .zoom-product .list-invest { height: 100%; width: 451px; display: inline-block; } .eMpas.Home .zoom-product .list-invest .group-invest { height: 33%; border-top: 1px solid #dce2ea; border-left: 0px; cursor: pointer; } .eMpas.Home .zoom-product .list-invest .group-invest.hachure { cursor: default; } .eMpas.Home .zoom-product .list-invest div:first-child { border-top: none; height: 34%; } .eMpas.Home .zoom-product .list-invest .title { margin-top: 10px; height: 10px; font-family: verdana; font-weight: bold; font-size: 13px; } .eMpas.Home .zoom-product .list-invest .description { margin-top: 10px; font-family: verdana; font-weight: normal; font-size: 12px; height: 50px; width: 391px; } .eMpas.Home .zoom-product .product-picture { display: none; } .eMpas.Home .zoom-product .product-picture.selected { display: inline; } .eMpas.Home .zoom-product .list-invest .group-invest .flecheright { display: none; } .eMpas.Home .zoom-product .list-invest .group-invest.hachure .flecheright { position: relative; left: 387px; top: 1px; z-index: 1005; display: inline; } .eMpas.Home .zoom-product .list-invest .group-invest.hachure .content-invest { margin-left: 0px; } .eMpas.Home .zoom-product .list-invest .investTitle { min-height: 20px; } /*---------------------------- /*--------- PayOffs ---------- ------------------------------*/ .eMpas.Home .pricing-access { } .eMpas.Home .pricing-access .pa-header { margin: auto; position: relative; width: 431px; float: left; margin-right: 21px; height: 400px; } .eMpas.Home .pricing-access .WrapperTab { padding-bottom: 20px; } .eMpas.Home .pricing-access div.pa-header { margin-left: 10px !important; } .eMpas.Home .pricing-access div + div { margin-right: 0 !important; } .eMpas.Home .pricing-access .line { border: 2px solid; margin-top: 0; border-color: #d1d7de; } .eMpas.Home .pricing-access .fleche { width: 0; font-weight: normal; border: 16px solid transparent; border-top-color: #f8877c; margin: auto; margin-top: 7px; margin-left: 97px; float: left; margin-bottom: 10px; } .eMpas.Home .pricing-access div + div .fleche { border-top-color: #ef8156; } .eMpas.Home .pricing-access .paddingtopFamily { margin-top: 40px; } .eMpas.Home .pricing-access .categ-img-label { font-family: "alwyn", verdana, Arial, sans-serif; font-size: 32px; position: absolute; top: 14px; width: 430px; text-align: center; height: 74px; color: #FFFFFF; text-transform: uppercase; } .eMpas.Home .pricing-access .families { background-color: white; border: 1px solid #581d74; font-family: verdana; font-size: 15px; color: #581d74; width: 210px; text-transform: uppercase; text-align: center; margin: 0 0px 10px 0; padding: 10px 4px 10px 4px; } .eMpas.Home .pricing-access .families:hover { background-color: #f6e4e3; cursor: pointer; } .eMpas.Home .pricing-access div + div .families:hover { background-color: #fdf2ed; } .eMpas.Home .pricing-access .families.selected { background-color: #f8877c; border: 1px solid #f8877c; color: #fff; cursor: default; } .eMpas.Home .pricing-access div + div .families.selected { background-color: #ef8156; border: 1px solid #ef8156; color: #fff; } .eMpas.Home .pricing-access .families .pa-payoffs { padding: 10px 0 10px 6px; position: relative; width: 205px; top: -52px; left: 224px; display: none; border: 1px solid #f8877c; background-color: #ffffff; } .eMpas.Home .pricing-access div + div .families .pa-payoffs { border: 1px solid #ef8156; } .eMpas.Home .pricing-access .families.selected .flecheright { position: relative; width: 0; font-weight: normal; border: 10px solid transparent; border-left-color: #f8877c; /*margin: auto;margin-top: 7px;margin-left: 97px;float: left;*/ top: -18px; left: 210px; } .eMpas.Home .pricing-access .families.familycontent1 { max-height: 45px; } .eMpas.Home .pricing-access .families.familycontent2 { max-height: 60px; } .eMpas.Home .pricing-access .families.selected .flecheright2 { position: relative; width: 0; font-weight: normal; border: 10px solid transparent; border-left-color: #f8877c; /*margin: auto;margin-top: 7px;margin-left: 97px;float: left;*/ top: -32px; left: 210px; } .eMpas.Home .pricing-access .families .pa-payoffs.selected { display: block !important; } .eMpas.Home .pricing-access .families .pa-payoffs.selected .tooltip { width: 500px !important; max-width: 500px !important; color: #000; text-transform: none !important; } .eMpas.Home .pricing-access .families #PayOffs.selected .tooltip.home-tooltip .tooltip-inner { max-width: 500px !important; color: #000; text-transform: none !important; text-align: left; background-color: #FFF !important; border: 1px solid #f8877c; border-radius: 0; } .eMpas.Home .pricing-access .families #PayOffs.selected .tooltip.home-tooltip .tooltip-arrow { border-bottom-color: #f8877c; } .eMpas.Home .pricing-access div + div .families #PayOffs.selected .tooltip { left: -290px !important; } .eMpas.Home .pricing-access div + div .families #PayOffs.selected .tooltip .tooltip-arrow { left: 78% !important; border-bottom-color: #ef8156; } .eMpas.Home .pricing-access div + div .families #PayOffs.selected .tooltip.home-tooltip .tooltip-inner { border: 1px solid #ef8156; } .eMpas.Home .pricing-access div + div .families #PayOffs.selected .tooltip.home-tooltip .Typologies { border-top: 1px solid #ef8156; margin-top: 10px; padding-top: 10px; margin-bottom: 2px; padding-bottom: 2px; } .eMpas.Home .pricing-access div + div .families #PayOffs.selected .tooltip.home-tooltip .wrapperAccess { margin-left: 10px; margin-right: 10px; font-weight: bold; } .eMpas.Home .pricing-access .families .pa-payoffs .link { text-transform: capitalize; color: #333333; width: auto; text-align: left; display: block; padding: 4px 0; font-size: 14px; font-weight: normal; } .eMpas.Home .pricing-access .families .pa-payoffs .link:hover { color: #f8877c; cursor: pointer; font-weight: 600; font-size: 13px; } .eMpas.Home .pricing-access div + div .families .pa-payoffs .link:hover { color: #ef8156; font-size: 13px; } .eMpas.Home .pricing-access .families .pa-payoffs2 { padding: 10px 0 10px 5px; position: relative; width: 205px; top: -72px; left: 224px; display: none; border: 1px solid #f8877c; background-color: #ffffff; } .eMpas.Home .pricing-access div + div .families .pa-payoffs2 { border: 1px solid #ef8156; } .eMpas.Home .pricing-access .families .pa-payoffs2.selected { display: block !important; } .eMpas.Home .pricing-access .families .pa-payoffs2.selected .tooltip { width: 500px !important; max-width: 500px !important; color: #000; text-transform: none !important; } .eMpas.Home .pricing-access .families .pa-payoffs2 .link { text-transform: capitalize; color: #333333; width: auto; text-align: left; display: block; padding: 4px 0; font-size: 14px; font-weight: normal; } .eMpas.Home .pricing-access .families .pa-payoffs2 .link:hover { color: #f8877c; cursor: pointer; font-weight: 600; font-size: 13px; } .eMpas.Home .pricing-access div + div .families .pa-payoffs2 .link:hover { color: #ef8156; font-size: 13px; } /*---------------------------- /*------ News ------- ------------------------------*/ .eMpas.Home .carousel { height: 650px; } .eMpas.Home .carousel-caption { position: relative; left: 0; right: 0; border-left: 1px solid #dce2ea; top: 30px; height: 180px; text-shadow: none; } .eMpas.Home .carousel-caption .ReadMore { bottom: 10px; margin-left: 15px; margin-bottom: 55px; } .eMpas.Home .carousel-caption h4 { margin-top: -20px; font-family: verdana; font-size: 12px; color: #333333; font-weight: bold; text-align: left; padding-left: 15px; } .eMpas.Home .carousel-caption p { font-family: verdana; font-size: 12px; color: #333333; text-align: left; padding-left: 15px; overflow: hidden; -o-text-overflow: ellipsis; /* pour Opera 9 */ text-overflow: ellipsis; /*height: 85px;*/ display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; } .eMpas.Home .carousel-caption span.date { top: 40px; position: relative; z-index: 1002; color: #581d74; font-family: verdana; font-size: 10px; right: -40px; font-style: italic; } /*.eMpas.Home .carousel-indicators {bottom: 197px;}*/ /*.eMpas.Home .carousel-indicators li {background-color: #d1d7de;} .eMpas.Home .carousel-indicators .active {width: 12px;height: 12px;margin: 0;background-color: #b38fb1;} .eMpas.Home .carousel-control {width: 0; background-image: none;z-index: 1000; cursor: pointer; } .eMpas.Home .carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev {width: 10px; font-weight: 0; border: 6px solid transparent; border-right-color: #b38fb1;margin: auto;height: 10px;top: 47%;} .eMpas.Home .carousel-control .glyphicon-chevron-left:before { content: "";} .eMpas.Home .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {width: 10px; font-weight: 0; border: 6px solid transparent; border-left-color: #b38fb1; margin: auto;height: 10px;top: 47%;} .eMpas.Home .carousel-control .glyphicon-chevron-right:before { content: "";width: 0;height: 0;}*/ .eMpas.Home .paddingtop { padding-top: 15px; } .eMpas.Home .ReadMore { float: left; margin-top: 20px; margin-bottom: 20px; Background-color: #ffffff; font-family: verdana; font-size: 12px; color: #581d74; border: 1px solid #581d74; text-align: center; padding-left: 15px; } .eMpas.Home .ReadMore:hover { Background-color: #f6eefa; } .eMpas.Home .ActivatedButton { float: right; padding-left: 7px; padding-right: 7px; /*height: 30px !important;*/ Background-color: #581d74 !important; /*font-family: verdana;*/ font-size: 16px; color: #fff !important; border: 1px solid #581d74; -webkit-box-shadow: 3px 3px 5px rgba(88, 29, 116, 0,75); -ms-box-shadow: 2px 2px 5px rgba(88, 29, 116, 0,75); -moz-box-shadow: 2px 2px 5px rgba(88, 29, 116, 0,75); box-shadow: 3px 3px 5px rgba(88, 29, 116, 0,75); } /*.eMpas.Home .ActivatedButton {float: right;padding-right: 20px;height: 28px !important;padding-left: 8px;padding-right: 8px;padding-bottom: 5px !important;Background-color: #ffffff !important;font-family: verdana;font-size: 11px;color: #581d74 !important;border: 1px solid #581d74;}*/ .eMpas.Home .TemplatesSaved .ViewTemplateSaved { padding-right: 15px; } .eMpas.Home .carousel { cursor: default; } /*---------------------------- /*------ Useful Link ------- ------------------------------*/ .eMpas.Home .useful-link { background-color: #581d74; height: 37px !important; width: 37px; margin-left: 23px; margin-right: 23px; margin-top: 15px; margin-bottom: 15px; } .eMpas.Home .useful-linkm-right { margin-left: 2px; margin-right: 21px; } .eMpas.Home .useful-linkm-right:hover { margin-left: 0 !important; margin-right: 20px !important; } .eMpas.Home .useful-linkm-left { margin-left: 21px; margin-right: 2px; } .eMpas.Home .useful-linkm-left:hover { margin-left: 20px !important; margin-right: 0 !important; } .eMpas.Home .useful-contact { background-image: url(/site/Content/Images/eMaps/HP/pictos/useful_links_id.png) !important; background-repeat: no-repeat; background-position: center center; } .eMpas.Home .useful-lock { background-image: url(/site/Content/Images/eMaps/HP/pictos/useful_links_clock.png) !important; background-repeat: no-repeat; background-position: center center; } .eMpas.Home .useful-share { background-image: url(/site/Content/Images/eMaps/HP/pictos/useful_links_research.png) !important; background-repeat: no-repeat; background-position: center center; } .eMpas.Home .useful-information { background-image: url(/site/Content/Images/eMaps/HP/pictos/useful_links_info.png) !important; background-repeat: no-repeat; background-position: center center; } .eMpas.Home .useful-content { width: inherit; } .eMpas.Home .useful-link:hover { background-color: #581d74; height: 40px !important; width: 40px; margin-left: 21px; margin-right: 22px; margin-top: 14px; margin-bottom: 13px; } .eMpas .contact-details { margin: auto; /*border: 1px solid #581d74;*/ position: relative; /*background-color: #eee8f1;*/ color: #581d74; box-sizing: border-box; color: rgb(51, 51, 51); display: block; /*font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px;*/ height: 100%; line-height: 17px; /*width: 170px;*/ width: 100%; } .eMpas .contact-details .title { font-weight: bold; font-size: 18px; text-align: center; padding: 12px 0px 0px 0px; color: #581d74; } /*.eMpas .contact-details img { margin: 14px 5px 10px 17px; }*/ /*.eMpas .contact-details span { text-align: center; color: #581d74; display: block; margin-bottom: -10px; font-size: 13.5px; }*/ .eMpas .contact-details a { /*text-align: center;*/ color: #581d74; display: block; font-size: 15px; text-decoration: underline; } /*---------------------------- /*------ Template Saved------- ------------------------------*/ .eMpas.Home .TemplateSavedHeader { padding-top: 30px; padding-left: 5px; } .eMpas.Home .TemplateSavedTitle { padding-right: 0px; } .eMpas.Home .TemplateSavedHr { margin-top: 20px; padding-left: 5px; } .eMpas.Home .TemplateSavedHrFR { margin-top: 20px; padding-left: 0px; } .eMpas.Home .TemplatesSaved { min-height: 300px; margin-bottom: 20px; border: 1px solid #dce2ea; font-family: verdana; font-size: 12px; color: #333; } .eMpas.Home .TsPadding { padding-left: 20px; } .eMpas.Home .TsOldTemplateTitle { margin-left: 20px; width: 90%; border-bottom: 1px solid #bfc4cb; margin-top: 20px; line-height: 0.7em; } .eMpas.Home .TsOldTemplateTitle span { background: #fff; color: #bfc4cb; padding: 0 5px 1px 0; font-family: verdana; font-weight: bold; font-size: 10px; } .eMpas.Home .HrTsNewTemplates { width: 70px; float: right; border-color: #dce2ea; display: inline; margin-top: 10px; margin-right: 1050px; margin-bottom: 10px; } .eMpas.Home .TemplateDetails { margin-top: 0px !important; padding-left: 10px; padding-right: 10px; padding-top: 12px; } .eMpas.Home li { list-style-type: none !important; } .eMpas.Home li table { width: 100%; vertical-align: middle; } .eMpas.Home .TempName { overflow: hidden; text-overflow: ellipsis; max-width: 64px; min-width: 58px; white-space: nowrap; float: left; height: 30px; line-height: 30px; vertical-align: middle; } .eMpas.Home .TempNameAlone { overflow: hidden; text-overflow: ellipsis; max-width: 119px; min-width: 58px; white-space: nowrap; float: left; height: 30px; line-height: 30px; vertical-align: middle; } .eMpas.Home .ProductName { overflow: hidden; text-overflow: ellipsis; max-width: 64px; min-width: 58px; white-space: nowrap; float: left; height: 30px; line-height: 30px; vertical-align: middle; } .eMpas.Home .ProductNameAlone { display: none; } .eMpas.Home .TemplatesSaved .LoadMore { margin-right: 10px; bottom: 20px; } /* Directive */ /*.TempCreationDate { width: 80px; padding-right: 10px; height: 30px; }*/ /*.ProductName { width: 180px; padding-right: 10px; height: 30px; } .TempName { width: 200px; padding-right: 10px; height: 30px; }*/ .ViewTemplateSaved { float: right; padding-right: 20px; height: 28px !important; padding-left: 8px; padding-right: 8px; padding-bottom: 5px !important; Background-color: #ffffff !important; font-family: verdana; font-size: 11px; color: #581d74 !important; border: 1px solid #581d74; } .ViewTemplateSaved:Hover { Background-color: #f6eefa !important; border: 1px solid #581d74; } /* Animation*/ .templateAnimation.ng-enter, .templateAnimation.ng-leave { -webkit-transition-duration: 1s; transition-duration: 1s; } .templateAnimation.ng-enter { -webkit-opacity: 0; opacity: 0; -webkit-transform: translate3d(20px,0,0); transform: translate3d(20px,0,0); } .templateAnimation.ng-enter.ng-enter-active { -webkit-opacity: 1; opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .templateAnimation.ng-leave.ng-leave-active { -webkit-opacity: 0; opacity: 0; -webkit-transform: translate3d(-20px,0,0); transform: translate3d(-20px,0,0); } /* un peu de délai */ .templateAnimation.ng-enter-stagger { transition-delay: 0.2s; transition-duration: 0s; } /*Load more Button */ .LoadMoreTemplate { float: right; margin-top: 20px; margin-bottom: 20px; margin-right: 15px; } .LoadingImg { float: right; margin-right: 20px; margin-top: 20px; margin-bottom: 20px; display: inline-block; } .LoadingImgaddNewInvest { float: right; margin-right: 20px; margin-left: 20px; margin-top: 10px; display: inline-block; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------- Pricer Page ----------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*---------------------------- -------- Navigation ----------- ------------------------------*/ .eMpas.Pricer #navigation .panel-group { margin-bottom: 0px; } .eMpas.Pricer #navigation .FamilyList { width: 105%; font-weight: normal !important; display: block; padding: 9px 4px 9px 4px; text-transform: uppercase; text-align: center; background-color: white; border: 1px solid #581d74; font-family: verdana; font-size: 11pt; color: #581d74; } .eMpas.Pricer #navigation .FamilyList:hover { background-color: #f6e4e3; cursor: pointer; } .eMpas.Pricer #navigation .FamilyList:active { background-color: #f8877c; border: 1px solid #f8877c; color: #ffffff; } .eMpas.Pricer #navigation .selectedFamily { background-color: #f8877c; border: 1px solid #f8877c; color: #ffffff; } .eMpas.Pricer #navigation .PayOffList { width: 185px; list-style: none; margin: 0; padding: 0; } .eMpas.Pricer #navigation .PayOffList img { display: block; height: 74px; background-color: rgba(51, 51, 51, 0.6); } .eMpas.Pricer #navigation .PayOffList li a { display: block; font-weight: normal; font-family: Verdana; font-size: 12px; /*0.75em*/ color: #333; text-transform: uppercase; line-height: 20px; text-align: center; text-decoration: none; padding: 4px 0; background-color: #fff; } .eMpas.Pricer #navigation .PayOffList li:first-child { padding-top: 10px; } .eMpas.Pricer #navigation .PayOffList li a:hover { color: #581d74; } .eMpas.Pricer #navigation .PayOffList li a:active { font-size: 14px; /*0.875em*/ font-weight: bold; color: #581d74; border: 1px solid #dce2ea; } .eMpas.Pricer #navigation .selectedPayOff { font-family: Verdana; font-size: 11pt !important; font-weight: bold !important; color: #f8877c !important; text-transform: capitalize !important; } .eMpas.Pricer #navigation .noSelectedPayOff { font-family: Verdana; font-size: 11pt !important; color: #333 !important; text-transform: capitalize !important; } .eMpas.Pricer #navigation .panel { border: none !important; } .eMpas.Pricer #navigation .panel-heading { background-color: #fff !important; padding: 0px !important; border: none !important; } .eMpas.Pricer #navigation .panel-heading .panel-title { max-height: 75px; } .eMpas.Pricer #navigation .panel-body { padding: 0px !important; } .eMpas.Pricer #navigation .panel-default { background-color: #fff !important; padding: 0px !important; border: none !important; } .eMpas.Pricer #navigation .Disabled { filter: grayscale(70%); -webkit-filter: grayscale(70%); -moz-filter: grayscale(70%); -ms-filter: grayscale(70%); opacity: 0.5; } .eMpas.Pricer div#SecondaryMarket { background-color: #eee8f1; border: 2px solid #581d74; width: 185px; text-align: center; height: 95px; vertical-align: middle; padding-top: 20px; margin-top: 20px; margin-bottom: 20px; padding-right: 5px; padding-left: 5px; } .eMpas.Pricer div#SecondaryMarket a { font-family: verdana; font-weight: bold; font-size: 18px; color: #581d74; text-transform: uppercase; background-color: #eee8f1; } .eMpas.Pricer .YieldFamilyClass { display: block; position: relative; top: -55px; left: 5px; text-align: center; font-family: "alwyn", verdana, Arial, sans-serif; z-index: 1; font-size: 19px; text-transform: uppercase; color: white; font-weight: 500; } .eMpas.Pricer .PartFamilyClass { display: block; position: relative; top: -45px; left: 5px; text-align: center; font-family: "alwyn", verdana, Arial, sans-serif; z-index: 1; font-size: 19px; text-transform: uppercase; color: white; font-weight: 500; } .eMpas.Pricer #navigation .CategBlock .panel-title:first-child { margin-bottom: 5px; } .eMpas.Pricer #navigation .FamilyBloc .panel-title:first-child { margin-bottom: 0px; } .eMpas.Pricer #navigation .panel-group .panel-heading + .panel-collapse > .panel-body { border: 0px solid #000; } /* TabSet*/ #eMapsView .pricerTabSet { padding-top: 10px; padding-bottom: 20px; /*font-size: 22px;*/ } /*----------------------------- -------- Product Card --------- ------------------------------*/ .eMpas.Pricer li { list-style-type: none !important; } .eMpas.Pricer .pricerTitle { padding-left: 25px; padding-top: 15px; margin-bottom: 10px; height: 50px; color: #666666; /*font-family: verdana;*/ font-weight: bold; font-size: 18px; /*text-transform: uppercase;*/ } .eMpas.Pricer .CategLabel { display: inline-block; float: left; width: auto; max-width: 320px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .eMpas.Pricer .productCardFieldSet { left: 20px; /*border: 1px solid #dce2ea;*/ background-color: #ffffff; vertical-align: top; } .eMpas.Pricer #emaps_product_container { /*width: 490px;*/ position: relative; /*left: 20px; border: 1px solid #dce2ea;*/ background-color: #ffffff; vertical-align: top; /*box-shadow: 5px 15px 50px -10px #A7A7A7;*/ } .eMpas.Pricer .productFields { margin-left: 25px; margin-right: 20px; } .eMpas.Pricer .ComputePriceClass { display: block !important; } .eMpas.Pricer .ComputePricePadding { float: right; margin-right: 20px; margin-top: 50px; margin-bottom: 20px; } .eMpas.Pricer .alignErrorMessageClass { margin-top: 50px; } .eMpas.Pricer .alignSuccessMessageClass { margin-top: 50px; } /*--------------------------------------------- -------- Product Card -> Directives ----------- ---------------------------------------------*/ .eMpas.Pricer .CreateTempClass { width: 98%; } .eMpas.Pricer .productCard { float: right; margin-right: 10px; margin-top: -5px; } /* --- NatTextBoxLabel Directive ---*/ .eMpas.Pricer .natTextBoxLabelClass { display: inline; color: inherit; margin-left: 5px; color: #333333; } .eMpas.Pricer .natTextBoxAlignClass { display: inline-block; margin-left: -4px; } .eMpas.Pricer .currencyCurve { display: inline-block; margin-left: -4px; margin-bottom: 2px; } /* --- NatLastProductPriced Directive ---*/ .eMpas.Pricer .LastProductPriced { padding-left: 10px; padding-top: 10px; float: left; width: 220px; font-weight: bold; background-color: #dce2ea; height: 40px; color: #581d74; font-family: verdana; font-size: 15px; text-transform: uppercase; } /* --- NatSingleSelect Directive ---*/ .eMpas.Pricer .singleSelectClass { height: 27px !important; width: 178px; max-width: 178px !important; margin-left: -3px; font-size: 12px; background-color: white; padding-right: 2px; } .eMpas.Pricer .ui-select-eMaps > .ui-select-choices { width: 350px; height: auto; max-height: 280px; overflow-x: hidden; margin-top: -1px; top: auto !important; } .eMpas.Pricer .singleSelectChoiceClass { margin: 0px; border-radius: 0px; margin-left: -135px; } .eMpas.Pricer .singleSelectClass .btn-default:hover { background-color: #fff; } .eMpas.Pricer .singleSelectClass .ui-select-match-text { padding-top: 5px; color: #333; } .eMpas.Pricer .emaps_form fieldset .singleSelectClass input[type="text"] { width: 202px; margin-left: -3px; font-size: 12px; background-color: white; padding-right: 2px; } .eMpas.Pricer .singleSelectClass .ui-select-match-text span { max-width: 175px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left; } .eMpas.Pricer .emaps_form fieldset .singleSelectClass button { position: absolute; left: 176px; height: 27px !important; top: -2px; width: 22px !important; padding-right: -2px; } .eMpas.Pricer .ui-select-eMaps .ui-select-choices-row.active > a { background-color: #815C93; } /* --- NatMultiSelect Directive ---*/ .eMpas.Pricer .multiSelectClass { height: auto !important; width: 178px; max-width: 178px !important; margin-left: -3px; font-size: 12px; background-color: white; padding-right: 2px; } .eMpas.Pricer .multiSelectClass .ui-select-search { height: 25px; width: 177px !important; max-width: 177px !important; margin-left: -3px; font-size: 12px; background-color: white; margin-left: -5px !important; margin-bottom: -2px; } .eMpas.Pricer ul.multiSelectChoiceClass.ui-select-choices { margin: 0px; border-radius: 0px; margin-left: -135px; z-index: 9999 !important; } .eMpas.Pricer .multiSelectClass .btn-default:hover { background-color: #fff; } .eMpas.Pricer .multiSelectClass .ui-select-match:first-child .ui-select-match-item { margin: 0px !important; margin-top: 3px !important; margin-bottom: 3px !important; } .eMpas.Pricer .multiSelectClass .ui-select-match-item { padding-top: 3px; color: #333 !important; width: 166px !important; } .eMpas.Pricer .multiSelectClass .ui-select-match-item span:last-child { text-align: left; margin-top: -1.5px; max-width: 138px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left; } .eMpas.Pricer .multiSelectClass .ui-select-match-item .ui-select-match-close { margin-left: -8px; } .eMpas.Pricer .emaps_form fieldset .multiSelectClass input[type="text"] { width: 202px; margin-left: -3px; font-size: 12px; background-color: white; padding-right: 2px; } .eMpas.Pricer .emaps_form fieldset .multiSelectClass button { position: absolute; left: 176px; height: 27px !important; top: -2px; width: 22px !important; padding-right: -2px; } /* --- NatMultiSelect with Basket Directive ---*/ .eMpas.Pricer .multiSelectClassWithBasket { height: auto !important; width: 210px; max-width: 210px !important; margin-left: -3px; font-size: 12px; background-color: white; padding-right: 2px; } .eMpas.Pricer .multiSelectClassWithBasket .ui-select-search { height: 25px; width: 209px !important; max-width: 209px !important; margin-left: -3px; font-size: 12px; background-color: white; margin-left: -5px !important; margin-bottom: -2px; } .eMpas.Pricer .multiSelectClassWithBasket .btn-default:hover { background-color: #fff; } .eMpas.Pricer .multiSelectClassWithBasket .ui-select-match:first-child .ui-select-match-item { margin: 0px !important; margin-top: 3px !important; margin-bottom: 3px !important; } .eMpas.Pricer .multiSelectClassWithBasket .ui-select-match-item { padding-top: 3px; color: #333 !important; width: 140px !important; } .eMpas.Pricer .multiSelectClassWithBasket .ui-select-match-item span:last-child { text-align: left; margin-top: -1.5px; max-width: 98px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left; color: #333333; } .eMpas.Pricer .multiSelectClassWithBasket .ui-select-match-item .ui-select-match-close { margin-left: -8px; } .eMpas.Pricer .emaps_form fieldset .multiSelectClassWithBasket button { position: absolute; left: 176px; height: 27px !important; top: -2px; width: 22px !important; padding-right: -2px; } /*Poid*/ .eMpas.Pricer .multiSelectClassWithBasket .ui-select-match .weight { width: 37px; max-width: 37px !important; text-align: center; padding: 0px !important; margin-left: 3px !important; height: 20px; color: #000; } .eMpas.Pricer .multiSelectClassWithBasket .ui-select-match input[class="weight"]:disabled { color: #ccc; } /*RFQ Underlying*/ .eMpas.Pricer .RFQUnderlyingClass { color: blue; font-style: italic; font-weight: bold; } /* --- NatDatePicker Directive ---*/ .customDatePickerClass { display: block; width: 100%; height: 26px; 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; } .customDatePickerClass[disabled], .customDatePickerClass[readonly], fieldset[disabled] .customDatePickerClass { cursor: not-allowed; background-color: #eee; opacity: 1; color: #808080 !important; } .eMpas.Pricer button.calendarButtonClass { height: 33px !important; width: 30px; } [datepicker] td .btn, [datepicker] th .btn { border: none; } /* --- NatRadioBox Directive ---*/ .eMpas.Pricer .radioClass { margin-right: 15px; /*font-family: Verdana;*/ font-size: 14px !important; color: #333333 !important; } .eMpas.Pricer .radioBoxMargin { margin-bottom: 5px; margin-top: 5px; } /* --- NatTextBoxCheckBox Directive ---*/ .eMpas.Pricer .textBoxCheckBoxinputClass { width: 30px; height: 33px; border-radius: 0px 0px 0px 0px; /*margin-top: -4px;*/ background-color: rgb(235, 229, 229); } .eMpas.Pricer .textBoxCheckBoxMarginClass { margin-left: 5px; margin-left: -6px; height: 17px; margin-top: -3px; } .eMpas.Pricer .Grisss { color: #eee !important; } .eMpas.Pricer .Violet { color: #815C93 !important; } /* --- NatSelect Directive ---*/ #eMapsView .eMpas.Pricer .nat-select-li-a { display: block; line-height: 1.828571; width: 100%; min-width: 150px; color: #333; } #eMapsView .eMpas.Pricer .nat-select-li-a a:hover { background-color: #815C93; color: #fff; width: 100%; min-width: 150px; display: block; cursor: pointer; } /* --- Errors --- */ .eMpas.Pricer .has-warning { color: #e5970c; font-weight: bold; display: block; font-family: Verdana; font-size: 10px; } .eMpas.Pricer .has-error { color: red; font-weight: bold; display: block; font-family: Verdana; font-size: 10px; } .eMpas.Pricer .errorClass { border: 1px solid #f00 !important; } /*---------------------------- /*------ Template Saved------- ------------------------------*/ .eMpas.Pricer .TemplateSavedHeader { padding-left: 5px; } .eMpas.Pricer .TemplateSavedTitle { padding-right: 0px; } .eMpas.Pricer .TemplateSavedHr { margin-top: 20px; padding-left: 5px; } .eMpas.Pricer .TemplateSavedHrFR { margin-top: 20px; padding-left: 0px; } .eMpas.Pricer .TemplatesSaved { min-height: 300px; margin-right: 17px; /*border: 1px solid #dce2ea;*/ /*font-family: verdana;*/ font-size: 14px; color: #000000; } .eMpas.Pricer .TsPadding { padding-left: 20px; } .eMpas.Pricer .TsNewTemplateTitle { color: #bfc4cb; padding-left: 20px; padding-top: 20px; font-family: verdana; font-weight: bold; font-size: 10px; } .eMpas.Pricer .TsOldTemplateTitle { color: #bfc4cb; padding-left: 20px; font-family: verdana; font-weight: bold; font-size: 14px; } .eMpas.Pricer .HrTsNewTemplates { width: 310px; float: right; border-color: #dce2ea; display: inline; margin-top: 10px; margin-right: 20px; margin-bottom: 10px; } .eMpas.Pricer .TemplateDetails { margin-top: 0px !important; padding-left: 20px; padding-right: 2px; padding-top: 12px; } .eMpas.Pricer .removeTemplate { display: inline-block; padding-left: 10px; padding-right: 8px; color: #581d74; } .eMpas.Pricer .removeTemplate:hover { cursor: pointer; } /* Directive */ .eMpas.Pricer .TempCreationDate { width: 95px; /*padding-right: 10px; height: 30px;*/ color: #999999; } /*.eMpas.Pricer .ProductName { width: 180px; padding-right: 10px; height: 30px; }*/ /*.eMpas.Pricer .TempName {*/ /*width: 200px;*/ /*padding-right: 10px;*/ /*height: 30px;*/ /*}*/ .eMpas.Pricer .ViewTemplateSaved { float: right; padding-right: 20px; height: 28px !important; padding-left: 8px; padding-right: 8px; padding-bottom: 5px !important; Background-color: #ffffff !important; font-family: verdana; font-size: 11px; color: #581d74 !important; border: 1px solid #581d74; } .eMpas.Pricer .ViewTemplateSaved:Hover { Background-color: #f6eefa !important; border: 1px solid #581d74; } /* Animation*/ .eMpas.Pricer .templateAnimation.ng-enter { -webkit-transition-duration: 1s; transition-duration: 1s; } .eMpas.Pricer .templateAnimation.ng-leave { -webkit-transition-duration: 1s; transition-duration: 1s; } .eMpas.Pricer .templateAnimation.ng-enter { -webkit-opacity: 0; opacity: 0; -webkit-transform: translate3d(20px,0,0); transform: translate3d(20px,0,0); } .eMpas.Pricer .templateAnimation.ng-enter.ng-enter-active { -webkit-opacity: 1; opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .eMpas.Pricer .templateAnimation.ng-leave.ng-leave-active { -webkit-opacity: 0; opacity: 0; -webkit-transform: translate3d(-20px,0,0); transform: translate3d(-20px,0,0); } /* un peu de délai */ .eMpas.Pricer .templateAnimation.ng-enter-stagger { transition-delay: 0.2s; transition-duration: 0s; } .eMpas.Pricer .templateAnimation.ng-leave-stagger { transition-delay: 0.2s; transition-duration: 0s; } /*Load more Button */ .eMpas.Pricer .LoadMoreTemplate { float: right; margin-top: 20px; margin-bottom: 20px; } .eMpas.Pricer .LoadingImg { float: right; margin-right: 20px; margin-top: 20px; margin-bottom: 20px; display: inline-block; } .eMpas.Pricer .TemplateTitleClass { margin-left: 15px; width: 94%; margin-bottom: 15px; } /*----------------------------- ------- Carousel -------- ------------------------------*/ .eMpas.Pricer .carousel { height: 390px; } .eMpas.Pricer .carousel-caption { position: relative; left: 0; right: 0; border: 1px solid #dce2ea; border-top-width: 0px; height: 230px; text-shadow: none; } .eMpas.Pricer .carousel-caption h4 { padding-top: 28px; font-family: verdana; font-size: 12px; color: #333333; font-weight: bold; text-align: left; padding-left: 15px; } .eMpas.Pricer .carousel-caption p { font-family: verdana; font-size: 12px; color: #333333; text-align: left; padding-left: 15px; overflow: hidden; -o-text-overflow: ellipsis; /* pour Opera 9 */ text-overflow: ellipsis; height: 100px; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; } .eMpas.Pricer .carousel-caption span.date { top: 40px; position: relative; z-index: 1002; color: #581d74; font-family: verdana; font-size: 10px; right: -40px; font-style: italic; } .eMpas.Pricer .carousel-indicators { bottom: -45px; } .eMpas.Pricer .carousel-indicators li { background-color: #d1d7de; width: 8px; height: 8px; margin: 0; } .eMpas.Pricer .carousel-indicators .active { width: 8px; height: 8px; margin: 0; background-color: #b38fb1; } .eMpas.Pricer .carousel-control { width: 0; background-image: none; z-index: 1000; cursor: pointer; } .eMpas.Pricer .carousel-control .glyphicon-chevron-left { width: 10px; border: 6px solid transparent; border-right-color: #b38fb1; margin: auto; height: 10px; top: 50%; } .eMpas.Pricer .carousel-control .icon-prev { width: 10px; border: 6px solid transparent; border-right-color: #b38fb1; margin: auto; height: 10px; top: 35%; } .eMpas.Pricer .glyphicon-chevron-left:before { content: ""; } .eMpas.Pricer .carousel-control .glyphicon-chevron-right { width: 10px; border: 6px solid transparent; border-left-color: #b38fb1; margin: auto; height: 10px; top: 50%; } .eMpas.Pricer .carousel-control .icon-next { width: 10px; border: 6px solid transparent; border-left-color: #b38fb1; margin: auto; height: 10px; top: 35%; } .eMpas.Pricer .glyphicon-chevron-right:before { content: ""; width: 0; height: 0; } .eMpas.Pricer .carousel-caption button { font-family: verdana; font-size: 10pt; color: #0c69c4 !important; border: 1px solid #0a549c; background-color: #ffffff; } .eMpas.Pricer .carousel-caption button:hover { background-color: #eaedef; } .eMpas.Pricer .carousel-caption-button { margin-top: 30px; margin-bottom: 10px; font-family: verdana; font-size: 10pt; color: #0c69c4 !important; border: 1px solid #0a549c; background-color: #ffffff; } .eMpas.Pricer .carousel-caption-button:hover { background-color: #eaedef; } /*----------------------------- ------- Product Result -------- ------------------------------*/ .eMpas.Pricer .addLeftPadding { margin-left: 1px; } .eMpas.Pricer .ProductResultBlock { width: 501px; display: block; border: 1px solid #dce2ea; margin-bottom: 30px; } /*Block 1 */ .eMpas.Pricer .BlocResult1 { padding: 10px; } /*Label*/ .eMpas.Pricer .labelProductResultBlock { float: left; width: 250px; font-weight: 900; background-color: #dce2ea; height: 40px; color: #581d74; font-family: verdana; font-size: 15px; text-transform: uppercase; padding-left: 10px; padding-top: 10px; } .eMpas.Pricer .labelProductResult { display: inline-block; float: left; width: auto; max-width: 145px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .eMpas.Pricer .pen { display: inline-block; float: left; } .eMpas.Pricer .clock { display: inline-block; float: right; padding-top: 2px; padding-right: 2px; } .eMpas.Pricer .elapsedTime { display: inline-block; float: right; color: black; width: 50px; font-weight: bold; font-family: Verdana; font-size: 12px; padding-top: 3px; padding-right: 2px; } /*Pricing */ /*.eMpas.Pricer .Pricing { width: 250px; height: 150px; }*/ .eMpas.Pricer .CouponRate { display: block; color: #581D74; font-weight: bold; font-size: 40px; text-align: center; vertical-align: middle; padding-top: 45px; } .eMpas.Pricer .PeriodicCoupon { display: block; color: #581D74; font-weight: bold; font-size: 25px; text-align: center; vertical-align: middle; } .eMpas.Pricer .CouponBonus { display: block; color: #581D74; font-weight: bold; font-size: 25px; text-align: center; vertical-align: middle; } .eMpas.Pricer .SimulationModeLabel { display: block; width: 100%; font-size: 18px; color: #333; text-transform: uppercase; } .eMpas.Pricer .risk-disclaimer { display: block; text-align: center; color: red; } /*Buttons*/ .eMpas.Pricer .blocButton { margin: auto; width: 65%; } .eMpas.Pricer .leftAlign { float: right; margin-right: 10px; } .eMpas.Pricer .DisabledButton { /*padding-left: 10px; padding-right: 10px; height: 30px !important;*/ Background-color: #615f62 !important; /*margin-left: 2px;*/ font-size: 16px; color: #a6a3a3 !important; /*border: 1px, solid #581d74; -webkit-box-shadow: 3px 3px 5px rgba(166, 163, 163, 0,75); -ms-box-shadow: 2px 2px 5px rgba(166, 163, 163, 0,75); -moz-box-shadow: 2px 2px 5px rgba(166, 163, 163, 0,75); box-shadow: 3px 3px 5px rgba(166, 163, 163, 0,75);*/ } .eMpas.Pricer .ActivatedButton { /*padding-left: 7px; padding-right: 7px;*/ /*height: 30px !important;*/ Background-color: #581d74 !important; /*font-family: verdana;*/ font-size: 16px; color: #fff !important; /*border: 1px, solid #581d74;*/ /*-webkit-box-shadow: 3px 3px 5px rgba(88, 29, 116, 0,75); -ms-box-shadow: 2px 2px 5px rgba(88, 29, 116, 0,75); -moz-box-shadow: 2px 2px 5px rgba(88, 29, 116, 0,75); box-shadow: 3px 3px 5px rgba(88, 29, 116, 0,75);*/ } .eMpas.Pricer .ActivatedButton:Hover { Background-color: #470368 !important; } .eMpas.Pricer .TermSheetButtonButton { margin-left: 10px; padding-left: 10px; padding-right: 7px; height: 30px !important; Background-color: #581d74 !important; font-size: 14px; color: #fff !important; border: 1px solid #581d74; -webkit-box-shadow: 3px 3px 5px rgba(88, 29, 116, 0,75); -ms-box-shadow: 2px 2px 5px rgba(88, 29, 116, 0,75); -moz-box-shadow: 2px 2px 5px rgba(88, 29, 116, 0,75); box-shadow: 3px 3px 5px rgba(88, 29, 116, 0,75); } .eMpas.Pricer .TermSheetButtonButton:Hover { Background-color: #470368 !important; } .eMpas.Pricer .customActivatedButton { Background-color: #ffffff !important; padding: 2px; font-size: 14px; color: #581d74 !important; border: 0px; } /*.eMpas.Pricer .customActivatedButton:Hover { Background-color: #f6eefa !important; border: 1px solid #581d74; }*/ .eMpas.Pricer .ButtonSeparator { color: #581d74 !important; width: 2px !important; padding-left: 2px; padding-right: 2px; } /*Block 2 */ .eMpas.Pricer .BlocResult2Fr, .eMpas.Pricer .BlocResult2En { border-left: 1px solid #e6e6e6; color: gray; font-size: 14px; background-color: #f1f1f1; padding: 10px; } .eMpas.Pricer .DealID { /*color: #b38fb1;*/ font-weight: bold; font-size: 16px; color: #333; } .eMpas.Pricer .risk-scoring { font-weight: bold; font-size: 14px; } .eMpas.Pricer .risk-scoring.High { color: red; } .eMpas.Pricer .risk-scoring.Medium { color: orange; } .eMpas.Pricer .productResultBlock2Label { color: #333; font-weight: bold; } .eMpas.Pricer .productResultParamPricingLabel { font-weight: bold; color: #333; font-size: 14px; padding-top: 0px; text-align: center; } .eMpas.Pricer .productResultParamPricingValue { color: gray; font-size: 14px; text-align: center; } /*Alpha*/ .eMpas.Pricer .showAlphaGlyphicon { display: inline-block; color: #581d74; cursor: pointer; } .eMpas.Pricer .GreeksData { cursor: pointer; } /*----------------------------------- ------- Compare Last Product -------- ------------------------------------*/ .eMpas.Pricer .compareLastResult { width: 500px; display: block; box-shadow: 5px 15px 50px -10px #A7A7A7; } .eMpas.Pricer .NoResultContent { padding-left: 20px; padding-top: 15px; color: #333333; font-size: 16px; height: 350px; } .eMpas.Pricer .ulClass { padding-left: 0px; margin: 0px; margin: 0px; list-style-type: none; } /*----Last Product Priced Block----*/ .eMpas.Pricer .lastResultFr, .eMpas.Pricer .lastResultEn { float: left; width: 45%; margin: 10px; background-color: #ffffff; } .eMpas.Pricer .DisabledlastResult { float: left; width: 230px; margin: 10px; background-color: #ffffff; } .eMpas.Pricer .PricingDtls { height: 200px; padding: 10px 10px 0px 10px; color: gray; font-size: 14px !important; } .eMpas.Pricer .PricingDtls .pricing-label { color: #333; } .eMpas.Pricer .PricingDtls .pricing-label.emphasize { font-weight: bold; } .eMpas.Pricer .PricingDtls .pricing-value { color: #333333; } .eMpas.Pricer .PricingDtls .pricing-value.emphasize { color: #333333; font-weight:bold; } /*Title*/ .eMpas.Pricer .lastResult .TitleLastPdtSuccess { width: auto; font-weight: bold; background-color: #f5f5f5; height: 40px; color: #581d74; font-size: 16px; padding-left: 10px; padding-top: 10px; } .eMpas.Pricer .lastResult .TitleLastPdtInProgress { width: auto; font-weight: bold; background-color: #f5f5f5; height: 40px; color: #151313; font-size: 16px; padding-left: 10px; padding-top: 10px; } .eMpas.Pricer .lastResult .TitleLastPdtFailed { width: auto; font-weight: bold; background-color: #f5f5f5; height: 40px; color: red; font-size: 16px; padding-left: 10px; padding-top: 10px; } .eMpas.Pricer .lastResult .LastProductName { display: inline-block; width: 177px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .eMpas.Pricer .lastResult .closeClass { padding-right: 10px; opacity: 0.5; } .eMpas.Pricer .lastResult .closeClass:hover { cursor: pointer; } .eMpas.Pricer .DisabledlastResult .TitleLastPdtSuccess { width: 100%; font-weight: 900; background-color: #dce2ea; height: 30px; color: black; font-family: verdana; font-size: 13px; text-transform: uppercase; padding-left: 5px; padding-top: 5px; } .eMpas.Pricer .DisabledlastResult .TitleLastPdtFailed { width: 100%; font-weight: 900; background-color: #ef9c9c; height: 30px; color: red; font-family: verdana; font-size: 13px; text-transform: uppercase; padding-left: 5px; padding-top: 5px; } .eMpas.Pricer .DisabledlastResult .LastProductName { display: inline-block; width: 165px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .eMpas.Pricer .DisabledlastResult .closeClass { padding-right: 10px; opacity: 0.5; } .eMpas.Pricer .DisabledlastResult .closeClass:hover { cursor: pointer; } .eMpas.Pricer .DisabledlastResult .arrowUp { opacity: 0.5; } .eMpas.Pricer .DisabledlastResult .arrowUp:hover { cursor: pointer; } /*Pricing Details*/ .eMpas.Pricer .lastResult .LabelEn { color: gray; /*font-family: verdana;*/ font-size: 11px; width: 136px; padding-left: 15px; padding-right: 12px; padding-top: 1.5px; } .eMpas.Pricer .lastResult .LabelFr { color: gray; /*font-family: verdana;*/ font-size: 11px; width: 150px; padding-left: 5px; padding-right: 8px; padding-top: 1.5px; } .eMpas.Pricer .lastResult .LabelJa { color: gray; /*font-family: verdana;*/ font-size: 11px; width: 130px; padding-left: 5px; padding-right: 8px; padding-top: 1.5px; } .eMpas.Pricer .lastResult .DealID { /*color: #b38fb1;*/ font-weight: bold; padding-top: 2px; } .eMpas.Pricer .lastResult .generatedResultFr { /*color: #b38fb1; font-family: verdana;*/ font-weight: bold; font-size: 13px; padding-left: 5px; padding-right: 8px; padding-top: 10px; display: inline-block; float: left; width: 150px; max-width: 320px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .eMpas.Pricer .lastResult .generatedResultFrValue { /*color: #b38fb1; font-family: verdana;*/ font-weight: bold; font-size: 13px; padding-top: 8px; float: left; } .eMpas.Pricer .lastResult .generatedResultEn { color: #b38fb1; font-family: verdana; font-weight: bold; font-size: 13px; width: 136px; padding-left: 15px; padding-right: 12px; padding-top: 10px; } .eMpas.Pricer .lastResult .generatedResultEnValue { color: #b38fb1; font-family: verdana; font-weight: bold; font-size: 13px; padding-top: 15px; } .eMpas.Pricer .lastResult .lastResultParamPricingLabel { font-weight: 800; color: gray; font-family: verdana; font-size: 11px; padding-top: 8px; display: block; float: left; width: 70px; text-align: center; } .eMpas.Pricer .lastResult .lastResultParamPricingValue { color: gray; font-family: verdana; font-size: 11px; padding-top: 2px; display: block; float: left; width: 70px; text-align: center; padding-bottom: 8px; } .ClassCenterPopover { text-align: center; margin: auto; } .ClassHeaderCenterPopover { text-align: center; margin: auto; background-color: #815C93; } /*Button*/ .eMpas.Pricer .lastResult .buttonBloc .clockClass { padding-left: 5px; padding-bottom: 5px; } .eMpas.Pricer .lastResult .buttonBloc .elapsedTimeClass { font-weight: bold; font-size: 12px; padding-top: 4px; padding-right: 5px; } .eMpas.Pricer .lastResult .SaveDisableButton { padding-left: 7px; padding-right: 7px; height: 30px !important; Background-color: #333333 !important; font-family: verdana; font-size: 11px; color: #fff !important; border: 1px, solid #581d74; } /*Black Button - cloase all*/ .eMpas.Pricer .CloseAllPdt { font-size: 12px; font-weight: bold; text-transform: uppercase; color: #581d74; cursor: pointer; padding: 10px; } .eMpas.Pricer .CloseAllPdt:hover { color: #000; } .eMpas.Pricer .CloseAllPdtBloc { height: 50px; background-color: #fff; border-top: 0px; text-align: center; } /*Contact Button*/ .eMpas.Pricer .ContactButton { width: 185px; padding-right: 10px; padding-left: 10px; margin-top: 20px; height: 38px !important; padding-top: 0px; Background-color: #581d74 !important; font-family: verdana; font-size: 11px; color: #fff !important; border: 1px, solid, #581d74; } .eMpas.Pricer .ContactButton:Hover { Background-color: #470368 !important; } .eMpas.Pricer .contact-details { margin-top: 30px; } /*----------------------------------- --------- BootBox Dialog ---------- ------------------------------------*/ /*.bootBoxClass { transform: translate(0, 30%) !important; -ms-transform: translate(0, 30%) !important; -webkit-transform: translate(0, 30%) !important; }*/ /*Header*/ .bootBoxClass .modal-content .modal-header .modal-title { vertical-align: middle; font-family: Verdana; font-size: 18px; /*1.25em*/ font-weight: bold; text-transform: uppercase; color: #581d74; } /*BUttons*/ .bootBoxClass .modal-content .modal-footer .btn-default { Background-color: #ffffff !important; padding-left: 8px; padding-right: 10px; height: 30px !important; font-family: verdana; font-size: 11px; color: #581d74 !important; border: 1px solid #581d74; } .bootBoxClass .modal-content .modal-footer .btn-default:Hover { Background-color: #f6eefa !important; border: 1px solid #581d74; } .bootBoxClass .modal-content .modal-footer button.btn-primary { padding-left: 8px; padding-right: 10px; height: 30px !important; Background-color: #581d74 !important; margin-left: 7px; font-family: verdana; font-size: 11px; color: #fff !important; border: 1px, solid, #581d74; } .bootBoxClass .modal-content .modal-footer button.btn-primary:Hover { Background-color: #470368 !important; } /*------------------------------------------ --------- Angular Chosen Select ---------- -------------------------------------------*/ #eMapsView .eMpas.Pricer .chosen-single { font-weight: normal; height: 25px !important; width: 210px !important; max-width: 210px !important; font-size: 14px; border: 1px solid #e2e2e2; border-radius: 0px; color: #999999; padding: 0 5px; margin: 0px 0 1px 0; background: none !important; background-color: #fff !important; height: 33px !important; line-height: 30px; } .chosen-container { font-size: 14px; } .eMpas.Pricer .chosen-container-single .chosen-single div b { margin-top: 4px; } .eMpas.Pricer .active-result { display: block !important; } .eMpas.Pricer .chosen-drop { max-width: 200px !important; } .eMpas.Pricer .chosen-results li.highlighted { background-color: #581d74 !important; background-image: none; color: white; } .eMpas.Pricer .chosen-container-active .chosen-single { border: 1px solid #7ac0da; box-shadow: none; } /* Arrow */ .eMpas.Pricer .chosen-single div { background-color: rgb(235, 229, 229); padding-left: 9px; width: 30px; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------- Admin Page ----------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------------------------------------------*/ .emaps_block .ActivatedButton { border-radius: 5px !important; padding-left: 7px; padding-right: 7px; height: 30px !important; Background-color: #581d74 !important; font-family: verdana; font-size: 11px; color: #fff !important; border: 1px, solid #581d74; -webkit-box-shadow: 3px 3px 5px rgba(88, 29, 116, 0,75); -ms-box-shadow: 2px 2px 5px rgba(88, 29, 116, 0,75); -moz-box-shadow: 2px 2px 5px rgba(88, 29, 116, 0,75); box-shadow: 3px 3px 5px rgba(88, 29, 116, 0,75); } .emaps_block .ActivatedButton:Hover { border-radius: 5px !important; Background-color: #470368 !important; } .emaps_block .customActivatedButton { border-radius: 5px !important; Background-color: #ffffff !important; padding-left: 8px; padding-right: 10px; height: 29px !important; font-family: verdana; font-size: 11px; color: #581d74 !important; border: 1px solid #581d74; } .emaps_block .customActivatedButton:Hover { border-radius: 5px !important; Background-color: #f6eefa !important; border: 1px solid #581d74; } .emaps_block .removeButton { border-radius: 5px !important; Background-color: #ffffff !important; padding-left: 8px; padding-right: 10px; height: 29px !important; font-family: verdana; font-size: 11px; color: #a94442 !important; border: 1px solid #a94442; } .emaps_block .removeButton:Hover { border-radius: 5px !important; Background-color: #f6eefa !important; border: 1px solid #a94442; } .emaps_block .filterLabelStyle { font-size: 12px; font-family: Verdana; font-weight: bold; } /*----------------------------------- --------- New Payoff Dialog ---------- ------------------------------------*/ .newPayoff.dialog { width: 1000px; background-color: white !important; margin-left: -200px; } .newPayoff.dialog label { font-size: 12px; font-family: Verdana; font-weight: bold; } .newPayoff.dialog textarea, .newPayoff.dialog input { font-size: 10px; font-family: Verdana; } .newPayoff.dialog ul { list-style-type: none !important; } .newPayoff.dialog .FamiliesName { font-weight: normal !important; } .newPayoff.dialog .ActivatedButton { padding-left: 7px; padding-right: 7px; height: 30px !important; Background-color: #581d74 !important; font-family: verdana; font-size: 11px; color: #fff !important; border: 1px, solid #581d74; -webkit-box-shadow: 3px 3px 5px rgba(88, 29, 116, 0,75); -ms-box-shadow: 2px 2px 5px rgba(88, 29, 116, 0,75); -moz-box-shadow: 2px 2px 5px rgba(88, 29, 116, 0,75); box-shadow: 3px 3px 5px rgba(88, 29, 116, 0,75); } .newPayoff.dialog .ActivatedButton:Hover { Background-color: #470368 !important; } .newPayoff.dialog .errorMessage { color: #a94442; font-weight: 400; font-size: 11px; font-family: Verdana; } .newPayoff.dialog .pdfFile { visibility: hidden; } .newPayoff.dialog .alertMsg { font-family: Verdana; font-size: 12px; font-weight: 600; padding-left: 10px; } .newPayoff.dialog .pdf { padding-left: 7px; padding-right: 7px; height: 30px !important; Background-color: #581d74 !important; font-family: verdana; font-size: 11px; color: #fff !important; border: 1px, solid #581d74; -webkit-box-shadow: 3px 3px 5px rgba(88, 29, 116, 0,75); -ms-box-shadow: 2px 2px 5px rgba(88, 29, 116, 0,75); -moz-box-shadow: 2px 2px 5px rgba(88, 29, 116, 0,75); box-shadow: 3px 3px 5px rgba(88, 29, 116, 0,75); } .newPayoff.dialog .pdf:Hover { border-radius: 5px !important; Background-color: #470368 !important; } .newPayoff.dialog .btn-file { position: relative; overflow: hidden; } .newPayoff.dialog .btn-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0); opacity: 0; background: red; cursor: inherit; display: block; } .newPayoff.dialog input[readonly] { background-color: white !important; cursor: text !important; } .newPayoff.dialog .imgPdfIcon { height: 19.5px; } .newPayoff.dialog .addFamilyButton { margin-bottom: 10px; } /*----------------------------------- --------- Remove Payoff Dialog ---------- ------------------------------------*/ .removePayoff.dialog .ActivatedButton { padding-left: 7px; padding-right: 7px; height: 30px !important; Background-color: #581d74 !important; font-family: verdana; font-size: 11px; color: #fff !important; border: 1px, solid #581d74; -webkit-box-shadow: 3px 3px 5px rgba(88, 29, 116, 0,75); -ms-box-shadow: 2px 2px 5px rgba(88, 29, 116, 0,75); -moz-box-shadow: 2px 2px 5px rgba(88, 29, 116, 0,75); box-shadow: 3px 3px 5px rgba(88, 29, 116, 0,75); } .removePayoff.dialog .ActivatedButton:Hover { Background-color: #470368 !important; } .removePayoff.dialog .alertConfirmationMsg { display: inline-block; font-size: 12px; font-family: Verdana; font-weight: 600; color: #a94442; margin-left: 20px; } /*----------------------------------- --------- Preview Product Dialog ---------- ------------------------------------*/ .PreviewProduct .modal-content { width: 0px; } .dropdown-menu { z-index: 1050 !important; } .tooltip.customTooltipClass .tooltip-inner { background-color: white !important; color: #656565 !important; z-index: 9999 !important; border: 1px solid #bfc4cb; } .popover { min-width:310px; } .popover .popover-inner { color: #581d74 !important; min-width: 300px !important; z-index: 2 !important; font-size:14px; } input[type="number"]:disabled { background: #ccc; } #eMapsView .emaps_form fieldset input[type="text"]:disabled.selected_variable { color: #815C93 !important; } /*----------------------------------- --------- Progress Bar ---------- ------------------------------------*/ .progress { margin-left: 10px; margin-right: 10px; } .progress-bar { background-color: #581d74 !important; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------ Investment Idea Page ------------------------------------------------------------------ ----------------------------------------------------------------------------------------------------------------------------------------------------------*/ .eMpas.InvestIdea li { list-style-type: none !important; } .eMpas.InvestIdea h2.Alwyn { font-family: "alwyn", verdana, Arial, sans-serif; font-size: 18px; color: #581d74; width: 100%; border-bottom: 1px solid #581d74; margin-top: 20px; line-height: 0.7em; } .modal-dialog.modal-newInvestModalWidth { width: 1200px; } .eMpas.InvestIdea #InvestIdea { border-radius: 5px !important; } .eMpas.InvestIdea h2 { margin-top: 30px; margin-bottom: 20px; border-left: 10px solid #6a2d82; text-transform: uppercase; padding-left: 2px; font-size: 18px; color: #6a2d82; } .eMpas.InvestIdea h2 span { background: #fff; padding: 0 5px 1px 0; } .eMpas.InvestIdea .ActivatedButton { border-radius: 5px !important; padding-left: 7px; padding-right: 7px; height: 30px !important; Background-color: #581d74 !important; font-family: verdana; font-size: 11px; color: #fff !important; border: 1px, solid #581d74; -webkit-box-shadow: 3px 3px 5px rgba(88, 29, 116, 0,75); -ms-box-shadow: 2px 2px 5px rgba(88, 29, 116, 0,75); -moz-box-shadow: 2px 2px 5px rgba(88, 29, 116, 0,75); box-shadow: 3px 3px 5px rgba(88, 29, 116, 0,75); } .eMpas.InvestIdea .ActivatedButton:Hover { border-radius: 5px !important; Background-color: #470368 !important; } .eMpas.InvestIdea .removeButton { border-radius: 5px !important; Background-color: #ffffff !important; padding-left: 8px; padding-right: 10px; height: 29px !important; font-family: verdana; font-size: 11px; color: #a94442 !important; border: 1px solid #a94442; } .eMpas.InvestIdea .removeButton:Hover { border-radius: 5px !important; Background-color: #f6eefa !important; border: 1px solid #a94442; } .eMpas.InvestIdea .addButton { border-radius: 5px !important; Background-color: #ffffff !important; padding-left: 8px; padding-right: 10px; height: 29px !important; font-family: verdana; font-size: 11px; color: #166516 !important; border: 1px solid #4cae4c; } .eMpas.InvestIdea .addButton:Hover { border-radius: 5px !important; Background-color: #D3E8D3 !important; border: 1px solid #4cae4c; } .eMpas.InvestIdea .FormClass label { font-size: 12px; font-family: Verdana; font-weight: bold; } .eMpas.InvestIdea .FormClass textarea { height: 5em !important; } .eMpas.InvestIdea .FormClass textarea, .eMpas.InvestIdea .FormClass input { font-size: 10px; font-family: Verdana; color: #615f62; } .eMpas.InvestIdea .FormClass ul { list-style-type: none !important; } .eMpas.InvestIdea .FormClass .ActivatedButton { padding-left: 7px; padding-right: 7px; height: 30px !important; Background-color: #581d74 !important; font-family: verdana; font-size: 11px; color: #fff !important; border: 1px, solid #581d74; -webkit-box-shadow: 3px 3px 5px rgba(88, 29, 116, 0,75); -ms-box-shadow: 2px 2px 5px rgba(88, 29, 116, 0,75); -moz-box-shadow: 2px 2px 5px rgba(88, 29, 116, 0,75); box-shadow: 3px 3px 5px rgba(88, 29, 116, 0,75); } .eMpas.InvestIdea .FormClass .ActivatedButton:Hover { Background-color: #470368 !important; } .eMpas.InvestIdea .FormClass .customActivatedButton { border-radius: 5px !important; Background-color: #ffffff !important; padding-left: 8px; padding-right: 10px; height: 29px !important; font-family: verdana; font-size: 11px; color: #581d74 !important; border: 1px solid #581d74; } .eMpas.InvestIdea .FormClass .customActivatedButton:Hover { border-radius: 5px !important; Background-color: #f6eefa !important; border: 1px solid #581d74; } .eMpas.InvestIdea .FormClass .errorMessage { color: #a94442; font-weight: 400; font-size: 11px; font-family: Verdana; } .eMpas.InvestIdea .FormClass .pdfFile { visibility: hidden; } .eMpas.InvestIdea .FormClass .alertMsg { font-family: Verdana; font-size: 12px; font-weight: 600; padding-left: 10px; } .eMpas.InvestIdea .FormClass .glyphicon { top: 0px !important; } .eMpas.InvestIdea .FormClass .pdf { padding-left: 7px; padding-right: 7px; height: 30px !important; Background-color: #581d74 !important; font-family: verdana; font-size: 11px; color: #fff !important; border: 1px, solid #581d74; -webkit-box-shadow: 3px 3px 5px rgba(88, 29, 116, 0,75); -ms-box-shadow: 2px 2px 5px rgba(88, 29, 116, 0,75); -moz-box-shadow: 2px 2px 5px rgba(88, 29, 116, 0,75); box-shadow: 3px 3px 5px rgba(88, 29, 116, 0,75); } .eMpas.InvestIdea .FormClass .pdf:Hover { border-radius: 5px !important; Background-color: #470368 !important; } .eMpas.InvestIdea .FormClass .illustration { border-radius: 5px; width: 170px; } .eMpas.InvestIdea .FormClass .btn-file { position: relative; overflow: hidden; } .eMpas.InvestIdea .FormClass .btn-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0); opacity: 0; background: red; cursor: inherit; display: block; } .eMpas.InvestIdea .FormClass input[readonly] { background-color: white !important; cursor: text !important; } .eMpas.InvestIdea .InvestIdeaDdl ul.dropdown-menu { min-width: 630px; } /* Img Preview*/ .eMpas.InvestIdea .FormClass .ImgPreview { width: 60%; height: 60%; max-width: 300px; max-height: 300px; } .eMpas.InvestIdea .FormClass .imgPdfIcon { height: 19.5px; } .eMpas.InvestIdea .FormClass .imgPdfIcon.activePdfClick { cursor: pointer; } /*----------------------------------- --------- Remove Invest ---------- ------------------------------------*/ .removeInvest.dialog .ActivatedButton { padding-left: 7px; padding-right: 7px; height: 30px !important; Background-color: #581d74 !important; font-family: verdana; font-size: 11px; color: #fff !important; border: 1px, solid #581d74; -webkit-box-shadow: 3px 3px 5px rgba(88, 29, 116, 0,75); -ms-box-shadow: 2px 2px 5px rgba(88, 29, 116, 0,75); -moz-box-shadow: 2px 2px 5px rgba(88, 29, 116, 0,75); box-shadow: 3px 3px 5px rgba(88, 29, 116, 0,75); } .removeInvest.dialog .ActivatedButton:Hover { Background-color: #470368 !important; } .removeInvest.dialog .alertConfirmationMsg { display: inline-block; font-size: 12px; font-family: Verdana; font-weight: 600; color: #a94442; margin-left: 20px; } /*----------------------------------- --------- Invest Order ---------- ------------------------------------*/ .eMpas.InvestIdea .InvestOrder { margin-bottom: 70px; min-height: 600px; } /** * For the correct positioning of the placeholder element, the dnd-list and * it's children must have position: relative */ .eMpas.InvestIdea .InvestOrder ul[dnd-list], .eMpas.InvestIdea .InvestOrder ul[dnd-list] > li { position: relative; } /** * The dnd-list should always have a min-height, * otherwise you can't drop to it once it's empty */ .eMpas.InvestIdea .InvestOrder ul[dnd-list] { min-height: 100px; padding-left: 0px; } /** * The dndDraggingSource class will be applied to * the source element of a drag operation. It makes * sense to hide it to give the user the feeling * that he's actually moving it. */ .eMpas.InvestIdea .InvestOrder ul[dnd-list] .dndDraggingSource { display: none; } /** * An element with .dndPlaceholder class will be * added to the dnd-list while the user is dragging * over it. */ .eMpas.InvestIdea .InvestOrder ul[dnd-list] .dndPlaceholder { display: block; background-color: #EEE; min-height: 100px; } .eMpas.InvestIdea .InvestOrder ul[dnd-list] .dndPlaceholder:before { font-family: "Glyphicons Halflings"; content: "\e080"; color: #000; display: block; padding-top: 35px; font-size: 20px; } /** * The dnd-lists's child elements currently MUST have * position: relative. Otherwise we can not determine * whether the mouse pointer is in the upper or lower * half of the element we are dragging over. In other * browsers we can use event.offsetY for this. */ .eMpas.InvestIdea .InvestOrder ul[dnd-list] li { border-top-right-radius: 4px; border-top-left-radius: 4px; display: block; margin-bottom: -1px; } .eMpas.InvestIdea .InvestOrder ul[dnd-list] li.selected { color: #3c763d; opacity: 100 !important; } .eMpas.InvestIdea .InvestOrder:hover { cursor: move; } .eMpas.InvestIdea .InvestOrder li:hover { cursor: move; display: block; z-index: 100000; border: 1px dashed gray; } .eMpas.InvestIdea .InvestOrder li { border: 1px solid white; font-size: 12px; } .eMpas.InvestIdea .InvestOrder ul[dnd-list] li.dndDragging { opacity: 1 !important; color: #581d74; } .eMpas.InvestIdea .InvestOrder ul[dnd-list] .dndDragover { opacity: 1 !important; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------ Emaps Status Page ------------------------------------------------------------------ ----------------------------------------------------------------------------------------------------------------------------------------------------------*/ /* ============================================================ COMMON ============================================================ */ .eMpas.Status label, .eMpas.Status .FormClass label { font-size: 12px; font-family: Verdana; font-weight: bold; } .eMpas.Status .FormClass textarea { font-size: 10px; font-family: Verdana; color: #615f62; height: 5em !important; } .eMpas.Status .FormClass ul { list-style-type: none !important; } .eMpas.Status .FormClass .ActivatedButton { padding-left: 7px; padding-right: 7px; height: 30px !important; Background-color: #581d74 !important; font-family: verdana; font-size: 11px; color: #fff !important; border: 1px, solid #581d74; -webkit-box-shadow: 3px 3px 5px rgba(88, 29, 116, 0,75); -ms-box-shadow: 2px 2px 5px rgba(88, 29, 116, 0,75); -moz-box-shadow: 2px 2px 5px rgba(88, 29, 116, 0,75); box-shadow: 3px 3px 5px rgba(88, 29, 116, 0,75); } .eMpas.Status .FormClass .ActivatedButton:Hover { Background-color: #470368 !important; } .eMpas.Status .FormClass .errorMessage { color: #a94442; font-weight: 400; font-size: 11px; font-family: Verdana; } .eMpas.Status .cmn-toggle { position: absolute; margin-left: -9999px; visibility: hidden; } .eMpas.Status .cmn-toggle + label { display: block; position: relative; cursor: pointer; outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* ============================================================ SWITCH 1 - ROUND ============================================================ */ .eMpas.Status input.cmn-toggle-round + label { padding: 2px; width: 60px; height: 30px; background-color: #dddddd; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; } .eMpas.Status input.cmn-toggle-round + label:before, input.cmn-toggle-round + label:after { display: block; position: absolute; top: 1px; left: 1px; bottom: 1px; content: ""; } .eMpas.Status input.cmn-toggle-round + label:before { right: 1px; background-color: #f1f1f1; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; -webkit-transition: background 0.4s; -moz-transition: background 0.4s; -o-transition: background 0.4s; transition: background 0.4s; } .eMpas.Status input.cmn-toggle-round + label:after { width: 28px; background-color: #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); -webkit-transition: margin 0.4s; -moz-transition: margin 0.4s; -o-transition: margin 0.4s; transition: margin 0.4s; } .eMpas.Status input.cmn-toggle-round:checked + label:before { background-color: #8ce196; } .eMpas.Status input.cmn-toggle-round:checked + label:after { margin-left: 30px; } /* ============================================================ KID ============================================================ */ .btn-progress-validation-list > div { padding-left: 4px; opacity: 0.6; } .btn-progress-validation-list > div > div { display: table-cell; padding-left: 11px; vertical-align: middle; } .btn-progress-validation-list > div > div.btn-progress-validation-button { padding-left: 0px; width: 10px; height: 38px; background-color: #6a2d82; } .btn-progress-validation-list > div > div.btn-progress-validation-button > button { border-radius: 11px !important; width: 18px; height: 18px; margin-left: -4px; margin-top: -10px; padding: 0px; position: absolute; border: 1px solid #6a2d82; } .btn-progress-validation-list > div > div.btn-progress-validation-button > button > span { font-size: 18px; top: -1px; left: -1px; } .btn-progress-validation-list > div > div.btn-progress-validation-label { color: #6a2d82; } .btn-progress-validation-list > div:first-child > div.btn-progress-validation-button { border-top-left-radius: 5px; border-top-right-radius: 5px; } .btn-progress-validation-list > div:last-child > div.btn-progress-validation-button { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .btn-progress-validation-list > div.active { opacity: 1; } .btn-progress-validation-list > div.success > div.btn-progress-validation-button > button { border: 1px solid #6a2d82; background-color: #ffffff; color: #6a2d82; } .btn-progress-validation-list > div.success > div.btn-progress-validation-button > button > span { font-size: 14px; top: 1px; left: -1px; } .btn-progress-validation-list > div.success > div.btn-progress-validation-label { color: #6a2d82; } .btn-progress-validation-list > div.record > div.btn-progress-validation-button > button { border: 1px solid #6a2d82; background-color: #ffffff; color: #6a2d82; } .btn-progress-validation-list > div.record > div.btn-progress-validation-button > button > span { font-size: 19px; top: -1px; left: -1px; } .btn-progress-validation-list > div.record > div.btn-progress-validation-label { color: #6a2d82; } .btn-progress-validation-list > div.error > div.btn-progress-validation-button > button { border: 1px solid #c9302c; background-color: #ffffff; color: #c9302c; } .btn-progress-validation-list > div.error > div.btn-progress-validation-button > button > span { font-size: 14px; top: 1px; left: 0px; } .btn-progress-validation-list > div.error > div.btn-progress-validation-label { color: #c9302c; } .btn-progress-validation-list > div.warning > div.btn-progress-validation-button > button { border: 1px solid #f0ad4e; background-color: #ffffff; color: #f0ad4e; } .btn-progress-validation-list > div.warning > div.btn-progress-validation-button > button > span { font-size: 18px; top: -1px; left: -1px; } .btn-progress-validation-list > div.warning > div.btn-progress-validation-label { color: #f0ad4e; } .kid-modal-window .modal-dialog { width: 900px; } /* ============================================================ HISTO ============================================================ */ .filter-bloc { border: 2px solid #581D74; padding: 10px 10px; background-color: #EFEFEF; color: #581D74; } .btn-purple, .btn-purple:active, .btn-purple:focus { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background-color: #581d74; font-size: 12px; color: #ffffff; border: 1px solid #581d74; } .btn-purple:hover { background-color: #470368; color: #ffffff; } .btn-purple-active { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background-color: #B38FB1; font-size: 12px; color: #581D74; } .btn-purple-active:hover { background-color: #997A97; color: #581D74; } /* Custom checkbox */ /*input[type=checkbox] { display:none; }*/ input[type=checkbox] + span { font-size: 19.333px; position: relative; } input[type=checkbox] + span:before { font-family: FontAwesome; display: inline; content: "\f096"; cursor: pointer; letter-spacing: 10px; } input[type=checkbox]:checked + span:before { content: "\f046"; } .HistoH2 { border-left: 10px solid #6a2d82; text-transform: uppercase; padding-left: 15px; font-size: 18px; color: #6a2d82; } a.sortIndicator { color: rgba(88, 29, 116, 0.4); padding-right: 5px; } a.sortIndicator:hover, a.sortIndicator span.active { color: #581D74; } .searchLabel { color: #581D74; font-weight: normal; font-size: 12px; text-align: left; } @keyframes invalid { from { background-color: #997A97; } to { background-color: inherit; } } .blink { animation: invalid 1s infinite; /* IE 10+ */ } /*Nouvelle Charte Graphique R2*/ /*Home page*/ .panel { border: none; box-shadow: none; } .panel-body { padding: 0px; margin: 0px; border: none; } .panel-group { margin: 0px; border: none; } .panel-group .panel { border-radius: 0px; } .panel-default > .panel-heading { background-color: transparent; text-align: center; border: none; } .panel-group .panel-heading + .panel-collapse > .panel-body { border-top: none; } .wrapperTitle { text-transform: uppercase; height: 60px; line-height: 60px; color: #581d74; background-color: #eff0f1; font-weight: bold; text-align: center; font-size: 20px; } .payoffTitle { text-transform: uppercase; height: 40px; line-height: 40px; color: #999999; font-weight: normal; text-align: center; font-size: 16px; cursor: pointer; } .payoffTitle:hover { background-color: #e6e6e6; } .payoff_hover_separator { margin-bottom: 10px; margin-top: 10px; border-bottom-style: solid; border-bottom-width: 1px; color: #000000; } .banner_welcome { font-size: 44px; margin-top: 100px; text-align: center; } .banner_title { font-size: 44px; text-align: center; font-weight: 300; } .banner_carousel { color: #581d74; font-weight: bold; margin-top: 20px; margin-left: 20px; margin-right: 20px; } .subscribe-dotted { border-top-style: dotted; border-top-width: thin; border-bottom-width: thin; border-bottom-style: dotted; } .home-tooltip { opacity: 1 !important; } .home-tooltip .tooltip-inner { color: #999999; background-color: white; max-width: 500px; text-align: left; font-size: 16px; padding: 35px 40px 25px 40px; margin-left: 20px; border-radius: 0px; box-shadow: 0px 0px 51px 0px rgba(0,0,0,0.05); } .home-tooltip .tooltip-inner .Typologies { color: #000000; } .tooltip.right .tooltip-arrow { /*top:50%;*/ border-right-color: #FFFFFF; border-bottom-width: 30px; border-top-width: 30px; border-right-width: 15px; margin-left: 10px; margin-top: -30px; } /* Idées d'investissement */ .investment-idea-block { background-color: white; text-align: initial; } .investment-idea-block .header img { width: 100%; } .investment-idea-block .body { padding: 10px; } .investment-idea-block .body .title { font-size: 14px; font-weight: bold; } .investment-idea-block .body .description { font-size: 12px; color: #666666; margin: 0px; } .investment-idea-block .body .description .see-more { font-size: 10px; color: #581d74; text-transform: uppercase; cursor: pointer; } .investment-idea-block .body .description .see-more:hover { color: #000; } .investment-idea-block .footer { background-color: #581d74; color: white; text-transform: uppercase; padding: 10px 20px; cursor: pointer; } .investment-idea-block .footer:hover { background-color: #470368; } .investment-idea-block.home .content, .investment-idea-block.pricer .content { padding: 10px 0px; } .investment-idea-block.home .footer, .investment-idea-block.pricer .footer { background-color: white; color: #581d74; padding: 10px; } .investment-idea-block.home .footer:hover, .investment-idea-block.pricer .footer:hover { color: #000; } .investment-idea-block.pricer .header { float: left; width: 55%; } .investment-idea-block.pricer .content { float: right; width: 45%; } .eMpas.Home .carousel-control .glyphicon-chevron-left, .investment-carousel-pricer .carousel-control .glyphicon-chevron-left { font-size: 14px; color: #333; left: -15px; } .eMpas.Home .carousel-control .glyphicon-chevron-right, .investment-carousel-pricer .carousel-control .glyphicon-chevron-right { font-size: 14px; color: #333; right: -15px; } .eMpas.Home .carousel-indicators { /*display: none;*/ bottom: 0px; height: 20px; } .eMpas.Home .carousel-indicators li { border-color: black; } .eMpas.Home .carousel-indicators .active { background-color: black; } .eMpas.Home .carousel-control, .investment-carousel-pricer .carousel-control { width: 0; background-image: none; z-index: 1000; cursor: pointer; } .investment-carousel-pricer .carousel-indicators { bottom: -35px !important; } .investment-carousel-pricer .carousel-indicators li { border: 2px solid black; } .investment-carousel-pricer .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: black; } .right-band { margin: 30px 0px; } .right-band .content { padding-left: 0; } .left-band { /*margin: 30px 0px;*/ } .left-band .title { display: inline-block; min-width: 100px; width: 95%; text-align: right; padding: 10px; color: white; background-color: #581D74; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .left-band .title-caret { color: #581D74; } .left-band .content { padding-left: 5%; } .left-band .more { color: #581D74; cursor: pointer; } #eMapsView .pricerTabSet .nav-tabs { border: none; } #eMapsView .pricerTabSet .nav-tabs > li { width:auto; } #eMapsView .pricerTabSet .nav-tabs > li > a { border: none; color: #000000; font-size: 22px; } #eMapsView .pricerTabSet .nav-tabs > li > a:hover { background-color: transparent; border-bottom: 1px solid #CCC; } #eMapsView .pricerTabSet .nav-tabs > li.active > a { border-bottom: 1px solid; } article { padding: 10px; margin-bottom: 20px; } article .title { text-align: center; padding: 15px 0px; font-weight: bold; text-transform: uppercase; color: #581D74; } article .title img { vertical-align: baseline; } article .title span { padding-left: 10px; } article .content { } .AutoPricer table.grid tbody tr:hover { color:#333 !important; } @media (max-width: 991.98px) { .eMpas.Pricer .lastResultFr, .eMpas.Pricer .lastResultEn { width: 90%; } .eMpas.Pricer ul.multiSelectChoiceClass.ui-select-choices { margin-left: 0; /*width: 120%;*/ } .eMpas.Pricer .blocButton { margin: auto; width: auto; } } @media (max-width: 767.98px) { #eMapsView .tooltip { width: auto; } .pricer-right-side { width: auto; } .glyphicon.customGlyphiconButton { padding: 0; } .eMpas.Pricer ul.multiSelectChoiceClass.ui-select-choices { margin-left: 0; width: 130%; } .eMpas.Pricer .blocButton { margin: auto; width: auto; } .eTransac-banner { padding-top: 35px; } .left-band .title { min-width:40px; width: 90%; } } #index_body { background-image: none; font-family:'Roboto', } #error_holder { margin: 0 auto; max-width: 1024px; } .error_image { background-image: url('../Images/error.jpg'); width: 1024px; height: 501px; clear: both; margin-bottom:20px; font-family:'Roboto'; } .error_message { } .error_message_title { font-size: 40px; color: #666; font-weight: normal; padding: 10px 10px 10px 10px; } .error_message_text { font-size: 16px; color: #666; padding: 0px 10px 10px 15px; width: 430px; } .error_message_link { font-size: 16px; color: #666; font-weight: bold; padding: 10px 0px 0px 15px; text-decoration: none; } .error_message_link a { text-decoration: none; color: #666; } .content-wrapper { margin: 0 20px; } /* ============================================================ COMMON ============================================================ */ .datepicker{z-index:9999 !important} .red { color: Red; } .green { color: Green; } th, td { background: none; } h2 { border-left: 10px solid #6a2d82; text-transform: uppercase; padding-left: 15px; font-size: 18px; color: #6a2d82; } h3 { background-color: lightgray; color : #3498B7; font-size: 14px; text-transform: uppercase; padding: 10px 0 10px 20px; } textarea { width:100%; padding:1%; min-height : 70px; } label { width: 100px; display: inline; font-weight: normal; } .ui-select-bootstrap .ui-select-choices-row.active > a { background-color:#581D74; } .no-padding-side { padding-left: 0px; padding-right: 0px; } .no-padding-left { padding-left: 0px; } .no-padding-right { padding-right: 0px; } .no-border { border: none; } .pagination, .carousel, .panel-title a { cursor: pointer; } h2 { border-left: 10px solid #6a2d82; text-transform: uppercase; padding-left: 15px; font-size: 18px; color: #6a2d82; } a.link { text-decoration: none; padding: 0 15px; } a.link:hover { border-bottom: 5px solid #6a2d82; } .text-right { text-align: right; } .text-left { text-align: left; } .text-center { text-align: center; } .padding15 { padding : 15px; } .padding3 { padding : 3px; } .pointer { cursor:pointer; } .comment-has-error .tooltip { opacity:1; filter: alpha(opacity=100); top: -30px; height: 46px; width : 200px; margin-left: 150px; position : absolute; font-size : 11px; } .comment-has-error .tooltip .tooltip-inner { width: 200px; height: 36px; vertical-align: middle; display: table-cell; } .has-error.with-tooltip .tooltip { opacity:1; filter: alpha(opacity=100); top: -43px; height: 46px; width : 200px; margin-left: -40px; position : absolute; font-size : 11px; } .has-error.with-tooltip .tooltip .tooltip-inner { width: 200px; height: 36px; vertical-align: middle; display: table-cell; } .has-error.with-tooltip .tooltip.right { margin-top: 20px; margin-left: 105px !important; margin-right: -80px; } .has-error.with-tooltip .tooltip.right .tooltip-arrow { margin-top: -10px; } .has-error.with-tooltip .tooltip.bottom { margin-top: 70px; } .modal-dialog .infoStyle h2 { color: black; border-color: black; } .modal-dialog .infoStyle h2 a { color: black; } .modal-dialog .infoStyle .modal-body i { color: black; } .modal-dialog .warnStyle h2 { color: darkorange; border-color: darkorange; } .modal-dialog .warnStyle h2 a { color: darkorange; } .modal-dialog .warnStyle .modal-body i { color: darkorange; } .modal-dialog .errorStyle h2 { color: red; border-color: Red; } .modal-dialog .errorStyle h2 a { color: red; } .modal-dialog .errorStyle .modal-body i { color: Red; } .modal-dialog .successStyle h2 { color: green; border-color: Green; } .modal-dialog .successStyle h2 a { color: green; } .modal-dialog .successStyle .modal-body i { color: Green; } .modal-dialog .confirmStyle h2 { color: #007E94; border-color: #007E94; } .modal-dialog .confirmStyle h2 a { color: #007E94; } .modal-dialog .confirmStyle .modal-body i { color: #007E94; } .modal-dialog .confirmStyle .btn-confirm { background-color: #007E94; color: white; } .modal-dialog .acceptStyle h2 { color: #5cb85c; border-color: #5cb85c; } .modal-dialog .acceptStyle h2 a { color: #5cb85c; } .modal-dialog .acceptStyle .modal-body i { color: #5cb85c; } .modal-dialog .acceptStyle .btn-confirm { background-color: #5cb85c; color: white; } .modal-dialog .rejectStyle h2 { color: #c9302c; border-color: #c9302c; } .modal-dialog .rejectStyle h2 a { color: #c9302c; } .modal-dialog .rejectStyle .modal-body i { color: #c9302c; } .modal-dialog .rejectStyle .btn-confirm { background-color: #c9302c; color: white; } .modal-dialog .executeStyle h2 { color: #581d74; border-color: #581d74; } .modal-dialog .executeStyle h2 a { color: #581d74; } .modal-dialog .executeStyle .modal-body i { color: #581d74; } .modal-dialog .executeStyle .btn-confirm { background-color: #581d74; color: white; } .modal-dialog select{ width: 100%; } .modal-body .annex { font-size: 10px; } .modal-footer .btn { padding: 6px 12px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .btn-purple, .btn-purple:active, .btn-purple:focus { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background-color: #581d74; font-size: 12px; color: #ffffff; border: 1px solid #581d74; } .btn-purple:hover { background-color: #470368; color: #ffffff; } .btn-purple-active { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background-color: #B38FB1; font-size: 12px; color: #581D74; } .btn-purple-active:hover { background-color: #997A97; color: #581D74; } .btn-white { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background-color: #ffffff; font-size: 12px; color: #581d74; border: 1px solid #581d74; } .btn-white:hover { background-color: #F6EEFA; color: #581d74; } .btn-black { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background-color: #333333; font-size: 12px; color: #ffffff; border: 1px solid #ff8c00; } .btn-black:hover { color: #ffffff; } .btn-orange { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background-color: #ffffff; font-size: 12px; color: #ff8c00; border: 1px solid #8a4c00; } .btn-orange:hover, .btn-orange:focus { background-color: #F6EEFA; color: #ff8c00; border: 1px solid #8a4c00; } .btn-disabled { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background-color: #615F62; font-size: 12px; color: #A6A3A3; border: 1px solid #581d74; } .btn-disabled:hover { color: #A6A3A3; } .actionButtons span { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; display: inline-block; cursor: pointer; color: #ffffff; padding: 2px 6px; margin: 3px 1px; } .btn-green, .btn-green:active, .btn-green:focus { background-color: #5cb85c; border: 1px solid #4cae4c; } .btn-green:hover { background-color: #4cae4c; } .btn-red, .btn-red:active, .btn-red:focus { background-color: #c9302c; border: 1px solid #ac2925; } .btn-red:hover { background-color: #ac2925; } .purple { color: #581D74; } .btn-file { position: relative; overflow: hidden; } .btn-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0); opacity: 0; background: red; cursor: inherit; display: block; } #ETFView button.action { width: 95%; font-size: 10px; text-transform: uppercase; } .paginationBlotter .pagination-sm > li > a, .pagination-sm > li > span { color: #581D74; border:1px solid #DDDDDD; } .paginationBlotter .pagination-sm > li > a:hover, .paginationBlotter .pagination-sm > li > span { background-color:#997A97; color: #581D74; border:1px solid #DDDDDD; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #B38FB1; color: #581D74; border:1px solid #B38FB1; } .paginationBlotter .pagination-sm > .disabled > a, .paginationBlotter .pagination-sm > .disabled > span, .paginationBlotter .pagination-sm > .disabled > a:hover, .paginationBlotter .pagination-sm > .disabled > span:hover, .paginationBlotter .pagination-sm > .disabled > a:focus, .paginationBlotter .pagination-sm > .disabled > span:focus { background-color: #FFF; color: #581D74; border:1px solid #DDDDDD; } #ETFView, .ETFApp { font-size: 12px; } #ETFView a.sortIndicator, .ETFApp a.sortIndicator { color:rgba(88, 29, 116, 0.4); } #ETFView a.sortIndicator:hover, #ETFView a.sortIndicator span.active, .ETFApp a.sortIndicator:hover, .ETFApp a.sortIndicator span.active { color:#581D74; } #ETFView .grid-info, .ETFApp .grid-info { font-size: 10px; font-style: italic; } .dropdown-menu th { background-color: transparent; color: #000; font-weight: normal; } .dropdown-menu table th { color: #000; font-weight: normal; font-size: 12px; text-align: center; padding: 0; } .dropdown-menu .btn.disabled, .dropdown-menu .btn[disabled], .dropdown-menu fieldset[disabled] .btn { opacity:0.3; filter: alpha(opacity=30); } .dropdown-container > div.dropdown-display { float: left; width: 100%; background: white; height: 30px; cursor: pointer; border: solid 1px #dddddd; box-sizing: border-box; border-radius:4px; } .dropdown-container > div.dropdown-display > * { float: left; height: 100%; line-height: 30px !important; display: inline-block; vertical-align: middle; overflow: hidden; } .dropdown-container > div.dropdown-display > span { font-size: 14px; width: 77%; position: relative; box-sizing: border-box; padding-right: 34px; padding-left: 5px; } .dropdown-container > div.dropdown-display > span.right-select { width: 22%; } .dropdown-container > div.dropdown-display > span.withoutConditional { width: 95%; } .dropdown-container > div.dropdown-display > span.placeholder { color: #aaaaaa; } .dropdown-container > div.dropdown-display > i { position: relative; width: 14px; margin-left: -24px; font-size: 1.125em; font-weight: bold; padding-right: 10px; text-align: right; float: right; } .dropdown-container > div.dropdown-list { float: left; position: relative; width: 100%; transform: scale(1, 0); transition: transform ease 250ms; z-index:99; } .dropdown-container > div.dropdown-list > div { position: absolute; width: 100%; z-index: 2; cursor: pointer; background: white; } .dropdown-container > div.dropdown-list > div > div { float: left; width: 100%; padding: 0 5px; font-size: 14px; box-sizing: border-box; border: solid 1px #dddddd; border-top: none; } .dropdown-container > div.dropdown-list > div > div:hover { background: #F0F0F0; } .dropdown-container > div.dropdown-list > div > div.selected { background: #581D74; color: white; } .dropdown-container > div.dropdown-list > div > div > * { /*height: 20px;*/ line-height: 20px !important; display: inline-block; vertical-align: middle; } .dropdown-container > div.dropdown-list > div > div > span.right-select { width: 8%; } .dropdown-container > div.dropdown-list > div > div > span { float: left; width: 80%; position: relative; box-sizing: border-box; } .dropdown-container > div.dropdown-list > div > div > span.withoutConditional { width: 90%; } .dropdown-container > div.dropdown-list > div > div > i { float: right; width: 20px; margin-left: -20px; display: none; } .dropdown-container > div.dropdown-list > div > div.selected > i { display: inline-block; } .dropdown-container.show > div.dropdown-list { transform: scale(1, 1); } .dropdown-container > div.dropdown-display { border: solid 1px #ccc; } .dropdown-container > div.dropdown-list > div { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(162, 93, 218, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(162, 93, 218, 0.6); border: 1px solid #470368; border-top: 0; } .dropdown-container > div.dropdown-display.clicked { -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(162, 93, 218, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(162, 93, 218, 0.6); border: 1px solid #470368; border-bottom: 0; } table .noData { text-align: center; text-transform: capitalize; letter-spacing: 2px; font-size: 14px; font-style:italic; } #ETFView div.slide { margin-bottom:20px; } #ETFView table { border-spacing: 0; border-collapse: collapse; padding: 0; table-layout: fixed; white-space: nowrap; margin-bottom: 30px; } #ETFView table.fix { position:fixed; top:5px; display:none; opacity:0.8; filter: alpha(opacity=80); width:1200px; } #ETFView table.fix th.align { padding-left:23px; } #ETFView table.grid thead, .ETFApp table.grid thead { border:1px solid #DCE2EA; } #ETFView table.grid th, .ETFApp table.grid th { background:url('../images/ETF/bg_thead.jpg') repeat; color: #581D74; font-weight: normal; font-size: 14px; text-align: left; padding: 10px 5px; } #ETFView table.htCore th { background:url('../images/etransac/bg_thead.jpg') repeat; color: #581D74; font-weight: normal; font-size: 14px; text-align: left; } #ETFView table.grid th .glyphicon, .ETFApp table.grid th .glyphicon { font-size: 12px; } #ETFView table.grid tbody tr, .ETFApp table.grid tbody tr { height: 30px; } #ETFView table.grid tbody tr:nth-child(odd), .ETFApp table.grid tbody tr:nth-child(odd) { background-color: #EFF1F1; border-top: 1px solid #EFF1F1; } #ETFView table.grid tbody tr:nth-child(even), .ETFApp table.grid tbody tr:nth-child(even) { background-color: #FFF; border-top: 1px solid #FFF; } #ETFView table.grid.detail tbody tr:hover { border-top: 1px solid #A90769; border-bottom: 1px solid #A90769; color: #A90769; cursor: pointer; } #ETFView table.grid tbody td, .ETFApp, table.grid tbody td { padding: 0 2px; } #ETFView table.grid tbody td div.limitLabel, .ETFApp table.grid tbody td div.limitLabel { width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #ETFView table.grid thead th.limitThUser, .ETFApp table.grid thead th.limitThUser { width: 135px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #ETFView table.grid thead th.limitThIsin { width: 115px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #ETFView table.grid thead th.limitThTradeDate { width: 135px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #ETFView table.grid tbody td .detailButton { display: inline-block; margin: 0px 5px; cursor: pointer; } #ETFView table tr.pendingStatus td:nth-child(-n+4) { color: #ff8c00; } #ETFView table tr.rejectedStatus { color: #9a9a9a; font-style: italic; } #ETFView table tr.waitingNAVStatus td:nth-child(-n+4) { color: #7b0daf; } #ETFView table tr.executedStatus td:nth-child(-n+4) { font-weight: bold; font-style: italic; } #ETFView .filter-margin { margin: 10px 0px 10px 0px; } /* ============================================================ ETF CATALOG ============================================================ */ #CatalogDiv .filter-bloc { border: 2px solid #581D74; padding: 10px 10px; background-color:#EFEFEF; color:#581D74; } #CatalogDiv .form-control { font-size:12px; padding:0 5px; height:25px; } .disabled { opacity: 0.6; cursor: not-allowed; } #productList{ border: 1px; } #productList thead tr th { vertical-align: text-top; text-align: center; color: #581d74; background-color: transparent; font-weight: bolder; } .productDetailModal .modal-dialog { width: 1040px; top: 5px; } #productDetail .modal-header { border-bottom: none; } #productDetail .modal-header .cross-container { text-align: right; } #productDetail .modal-header .cross-container .cross { cursor: pointer; } #productDetail .modal-header .header-bar { padding: 5px 60px 0px 40px; /*margin-bottom: 25px;*/ /*margin-bottom: 15px;*/ } #productDetail .modal-header .modal-title { background-color: transparent; color: #581d74; font-weight: bold; padding: 10px 0px 10px 0px; font-size: 16px; text-transform: uppercase; } #productDetail .modal-header .modal-title .small { color: #581d74; font-size: 11px; } #productDetail .modal-header .modal-subTitle { font-size: 11px; padding: 10px; background-color: #F6EEFA; border-left: 3px solid #581d74; background: linear-gradient(to right, #F6EEFA, #FFF); } #productDetail .modal-header .modal-subTitle div { /*float: left; padding-left: 10px; padding-right: 10px; border-right: 2px solid black;*/ } #productDetail .modal-header .modal-subTitle div .value { font-weight: bolder; } #productDetail .modal-header .actions { text-align: right; } #productDetail .modal-header .actions > * { display: inline-block; } #productDetail .modal-body { padding: 0px 40px 40px; } /*============================================================ MANAGE ETF ============================================================ */ #ManageETFDiv .filter-bloc { border: 2px solid #581D74; padding: 10px 10px; background-color:#EFEFEF; color:#581D74; } #ManageETFDiv .form-control { font-size:12px; padding:0 5px; height:25px; } #CreateETF .dropdown-container > div.dropdown-display, #CreateSwitchDeal .dropdown-container > div.dropdown-display { height:25px; border-radius: 3px; } #CreateETF .dropdown-container > div.dropdown-display > *, #CreateSwitchDeal .dropdown-container > div.dropdown-display > * { line-height: 25px !important; } /*============================================================ ETF BLOTTER ============================================================ */ /* .search { width:20px; padding-left:5px; color:#AAA; cursor:pointer; } .search i { font-size:1.2em; transition: 0.4s ease-in-out; } .search i:hover { color:#3498B7; } .status { display: inline-block; padding: 2px 6px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; width:27px; margin-top:1px; }*/ .filter-bloc { border: 2px solid #581D74; padding: 10px 10px; background-color:#EFEFEF; color:#581D74; } .form-control { font-size:12px; padding:0 5px; height:25px; } .btn { padding: 3px 5px; font-size: 12px; } .btn.dealPerPage { padding: 5px 10px; font-size: 10px; } .filterLabelStyle { margin-top:5px; } button.validateFilter { width:45px; height:40px; margin-top:-25px; font-size: 12px; text-transform: uppercase; } .pagination { margin:0px; } .paginationBlotter { } .paginationBlotter .form-control { /*width:auto;*/ font-size:10px; height:26px; padding:0; } .paginationBlotter .pagination-sm > li > a, .pagination-sm > li > span { font-size:10px; font-weight:normal; } /* Custom checkbox */ input[type=checkbox] { display:none; } input[type=checkbox] + span { font-size:19.333px; position: relative} input[type=checkbox] + span:before { font-family: FontAwesome;display:inline; } input[type=checkbox] + span:before { content: "\f096"; cursor:pointer; letter-spacing:10px; } input[type=checkbox]:checked + span:before { content: "\f046"; } /* DropDown */ .min-size { min-width: 0px !important; } .dropdown-menu li > a { cursor:pointer; } .dropdown-menu.switch { padding:1px; background-color: #333; border: 2px solid #ff8c00; border-radius: 0; } /** * -------------------------------------------------------- FIN - BLOTTER **/ /*----------------------------------- --------- Bootstrap Modal ---------- ------------------------------------*/ /*============================================================ NAV MANAGEMENT -- DEBUT ============================================================ */ #ETFView #divImportWarning { margin-left:700px; margin-top: -120px; position: absolute; border: 1px solid #F00; } #ETFView #divImportWarning h3 { background-color:#F00; color: #000; font-weight:bold; margin: 0; padding: 3px 5px; } #ETFView #divImportWarning ul { margin-top:7px; } #ETFView #divImportWarning ul li { list-style-type:square; } /*============================================================ NAV MANAGEMENT -- FIN ============================================================ */ .modal-dialog table.NAVManagement td { padding: 2px 0px; } .modal-dialog table.NAVManagement tr > td:first-child { padding: 2px 0px; font-weight: bolder; }/* Spinner */ .modal-dialog .spinner input { /*text-align: right;*/ height: 27px; } /*============================================================ INPUT VERTICAL -- DEBUT ============================================================ */ .input-group-btn-vertical { position: relative; white-space: nowrap; width: 1%; vertical-align: middle; display: table-cell; } .input-group-btn-vertical > .btn { display: block; float: none; width: 100%; max-width: 100%; padding: 6px; margin-left: -1px; position: relative; border-radius: 0; } .input-group-btn-vertical > .btn:first-child { /*border-top-right-radius: 4px;*/ } .input-group-btn-vertical > .btn:last-child { margin-top: -1px; /*border-bottom-right-radius: 4px;*/ } .input-group-btn-vertical i{ position: absolute; top: 0; left: 2px; } .input-group-btn .btn, .input-group-addon { font-size:12px; /*padding: 2px 6px;*/ } /*============================================================ INPUT VERTICAL -- FIN ============================================================ */ /*============================================================ MODAL CREATE ETF -- DEBUT ============================================================ */ #CreateETF table td { padding: 2px 0px; } #CreateETF table tr > td:first-child { padding: 2px 0px; font-weight: bolder; } /*============================================================ MODAL CREATE ETF -- FIN ============================================================ */ .divider { padding: 10px 0; } .divider::before { content: ''; display: block; margin: auto; /*width: 55%;*/ width: 338px; height: 2px; border-radius: 100%; border: 1px solid; } .vertical-divider { /*padding: 0 10px;*/ } .vertical-divider::before { content: ''; display: block; margin: auto; width: 2px; height: 338px; border-radius: 100%; border: 1px solid; } .leg0 td.leg, .leg1 td.leg { position: relative; min-width: 16px; } .leg0 td.leg:before, .leg1 td.leg:before { content: ''; display: block; position: absolute; width: 16px; height: 24px; background-repeat: no-repeat; } .leg0 td.leg:before { top: 9px; background-image: url('../images/fleche-leg1.png'); } .leg1 td.leg:before { bottom: 9px; background-image: url('../images/fleche-leg2.png'); } body header, body footer { width: 100%; min-width: 1200px; } img.home { border: 5px solid #cbc3c3; } a.home { position: absolute; z-index: 999; padding: 20px; background-color: rgba(0, 0, 255, 0.5); width: 260px; margin-top: -70px; margin-left: 5px; } .red { color: Red; } .green { color: Green; } h3 { background-color: lightgray; color: #3498B7; font-size: 14px; text-transform: uppercase; padding: 10px 0 10px 20px; } textarea { width: 100%; padding: 1%; min-height: 70px; } #eTransacView label { width: 100px; display: inline; font-weight: normal; } /** * -------------------------------------------------------- DEBUT - COMMON ETRANSAC **/ #eTransacView { font-size: 16px; } .pagination, .carousel, .panel-title a { cursor: pointer; } h2 { border-left: 10px solid #6a2d82; text-transform: uppercase; padding-left: 15px; font-size: 18px; color: #6a2d82; } a.link { text-decoration: none; padding: 0 15px; } a.link:hover { border-bottom: 5px solid #6a2d82; } .text-right { text-align: right; } .text-left { text-align: left; } .text-center { text-align: center; } .padding15 { padding: 15px; } .padding3 { padding: 3px; } #eTransacView .pointer { cursor: pointer; } #eTransacView .slide { /*margin-bottom: 25px;*/ } #eTransacView .slide.ng-enter { -webkit-transition: 0.5s ease-in-out all; -moz-transition: 0.5s ease-in-out all; -o-transition: 0.5s ease-in-out all; transition: 0.5s ease-in-out all; } #eTransacView .slide.ng-enter { opacity: 0; } #eTransacView .slide.ng-enter.ng-enter-active { opacity: 1; } .comment-has-error .tooltip { opacity: 1; filter: alpha(opacity=100); top: -30px; height: 46px; width: 200px; margin-left: 150px; position: absolute; font-size: 11px; } .comment-has-error .tooltip .tooltip-inner { width: 200px; height: 36px; vertical-align: middle; display: table-cell; } .has-error .tooltip { opacity: 1; filter: alpha(opacity=100); top: -47px; height: 46px; width: 200px; margin-left: -40px; position: absolute; font-size: 11px; } .has-error .tooltip .tooltip-inner { width: 200px; height: 36px; vertical-align: middle; display: table-cell; } .has-error .tooltip.right { margin-top: 0px; margin-left: 105px !important; margin-right: -80px; } .has-error .tooltip.right .tooltip-arrow { margin-top: -10px; } .has-error .tooltip.bottom { margin-top: 70px; } .has-error .tooltip.top { margin-top: -30px; /*margin-left: -150px !important;*/ } #modalDiv h3 { font-size: 20px !important; font-weight: bold; text-align: center; } #modalDiv.infoStyle h3 { color: #000; } #modalDiv.warnStyle h3 { background-color: Orange; color: #000; } #modalDiv.warnStyle .modal-body i { color: Orange; } #modalDiv.errorStyle h3 { background-color: Red; color: #000; } #modalDiv.errorStyle .modal-body i { color: Red; } #modalDiv.successStyle h3 { background-color: Green; color: #FFF; } #modalDiv.successStyle h3 a { color: #FFF; } #modalDiv.successStyle .modal-body i { color: Green; } #modalDiv.confirmStyle h3 { background-color: #007E94; color: #FFF; } #modalDiv.confirmStyle h3 a { color: #FFF; } #modalDiv.confirmStyle .modal-body i { color: #007E94; } .modal.eTransac .modal-content { border-radius: 0px; /*font-size: 12px;*/ } .modal.eTransac .modal-content .fa-times { position: fixed; top: 13px; right: 13px; color: #CCC; } .modal.eTransac .modal-header { border-bottom: none; } .modal.eTransac .modal-body { padding: 15px 25px; } .modal.eTransac .modal-footer { border-top: none; /*margin-bottom: 25px;*/ } .modal.eTransac .modal-footer .btn { text-transform: uppercase; } .modal.eTransac .modal-header h3 { padding-top: 10px; } .modal.eTransac h3 { background-color: transparent; padding: 0px; color: #581D74; text-transform: uppercase; } #eTransacView .busyIndicatorHolder, #eTransacRFQ .busyIndicatorHolder { position: fixed; z-index: 1000; width: 100%; height: 100%; margin: 0; padding: 0; top: 0; left: 0; } #eTransacView .busyIndicatorHolder .back, #eTransacRFQ .busyIndicatorHolder .back { position: absolute; z-index: 1001; width: 100%; height: 100%; margin: 0; padding: 0; top: 0; left: 0; background-color: Gray; opacity: 0.7; } #eTransacView .busyIndicatorHolder .ajaxLoader, #eTransacRFQ .busyIndicatorHolder .ajaxLoader { position: absolute; z-index: 1002; left: 50%; top: 50%; margin-top: -32px; margin-left: -100px; display: block; background-color: #FFF; border-radius: 10px; padding: 15px; font-size: 16px; font-weight: bold; opacity: 1; } #eTransacView .busyIndicatorHolder .ajaxLoader img, #eTransacRFQ .busyIndicatorHolder .ajaxLoader { vertical-align: middle; padding-right: 10px; } #eTransacView .goToTop { position: fixed; /*bottom:5px;*/ top: 50%; right: 5px; color: #AFAEAF; cursor: pointer; display: none; } #eTransacView a.sortIndicator { color: rgba(88, 29, 116, 0.4); } #eTransacView a.sortIndicator:hover, #eTransacView a.sortIndicator span.active { color: #581D74; } #eTransacView .contact-container { float: right; } .nat-loader { text-align: center; color: #00487f; } .popover { font-size: 11px; } /** * -------------------------------------------------------- FIN - COMMON ETRANSAC **/ /** * -------------------------------------------------------- DEBUT - PORTFOLIO **/ #portfolioDiv h2 { margin-top: 0px; } #eTransacView table { border-spacing: 0; border-collapse: collapse; padding: 0; table-layout: fixed; white-space: nowrap; } #eTransacView table th .glyphicon { font-size: 12px; } #portfolioDiv table.grid tbody td .limitLabel { width: 350px; font-weight: bold; } #portfolioDiv table.grid tbody td div.limitIsin { width: 160px; } #eTransacView .filterBorder { width: 480px; border: 2px solid #581D74; padding: 10px 10px; background-color: #EFEFEF; color: #581D74; } #eTransacView .filterBorder input { width: 100%; } #portfolioDiv .form-control { font-size: 12px; padding: 0 5px; height: 25px; line-height: normal; font-size: 12px; } #portfolioDiv .filterLabelStyle { margin-top: 5px; } .productDetailModal .modal-dialog { width: 1200px; top: 5px; } #productDetail .modal-header { border-bottom: none; } #productDetail .modal-header .cross-container { text-align: right; } #productDetail .modal-header .cross-container .cross { cursor: pointer; } #productDetail .modal-header .header-bar { padding: 5px 60px 0px 40px; /*margin-bottom: 25px;*/ margin-bottom: 15px; } #productDetail .modal-header .modal-title { text-align: left; background-color: transparent; color: #581d74; font-weight: bold; padding: 10px 0px 10px 0px; font-size: 20px; text-transform: uppercase; } #productDetail .modal-header .modal-subTitle { font-size: 14px; } #productDetail .modal-header .modal-subTitle div { float: left; padding-left: 10px; padding-right: 10px; border-right: 2px solid black; } #productDetail .modal-header .modal-subTitle div .value { font-weight: bolder; } #productDetail .modal-header .modal-subTitle div:first-child { padding-left: 0px; } #productDetail .modal-header .modal-subTitle div:last-child { border-right: none; } #productDetail .modal-header .dealTypes { float: right; min-height: 28px; } #productDetail .modal-header .dealTypes button { width: 110px; text-transform: uppercase; } #productDetail .modal-header .contact { text-align: right; padding-right: 0px; padding-left: 15px; float: right; } #productDetail .modal-body { /*padding: 0px 60px 40px;*/ padding: 30px 40px 40px; background-color: #f8f8f8; } #productDetail .modal-body .sub-title { background-color: transparent; color: #222; font-weight: bold; /*padding: 10px 0px 10px 0px;*/ padding: 20px 0px 10px 0px; /*margin-top: 30px;*/ margin-top: 25px; margin-bottom: 0px; font-size: 18px; /*text-transform: uppercase;*/ } /*Remove top margin and padding on the first subtitle*/ #productDetail .modal-body product-detail > div > *:first-child h4.sub-title { margin-top: 0px; padding-top: 0px; } /*Remove top margin on subtitle succeeding the graph*/ #productDetail .modal-body product-detail > div > product-barriers h4.sub-title { margin-top: 0px; } #productDetail table { width: 100%; } #productDetail table th { background-color: transparent; color: #581d74; font-size: 16px; padding: 5px 0px 5px 0px; font-weight: normal; } #productDetail table tbody { background-color: transparent; color: #333333; font-size: 14px; border: 1px solid #DCDCDC; } #productDetail table tbody td { padding: 5px 5px 5px 10px; } #productDetail table.productClassicTable tbody td + td { border-left: 1px solid #CCC; } #productDetail table.productClassicTable tbody td:nth-child(odd) { background-color: #efefef; } #productDetail table#productDocuments tbody { border: none; } #productDetail table#productDocuments tbody td { cursor: pointer; padding-left: 0px; border: none; } #productDetail table#productDocuments tbody .download { color: #333333; } #productDetail table#productDocuments tbody .fileName { text-decoration: underline; /*margin-left: 10px;*/ font-size: 16px; font-weight: bold; color: #666666; } #productDetail tr.worst-of td { font-weight: bold; } /** * -------------------------------------------------------- FIN - PORTFOLIO **/ /** * -------------------------------------------------------- DEBUT - RFQ **/ #eTransacRFQ { padding: 0; /*font-size:12px;*/ } #eTransacRFQ .uppercase { text-transform: uppercase; color: #581D74; } #eTransacRFQ .well { background-color: #F2F0F1; margin-bottom: 0; } #eTransacRFQ .nav > li > a { padding: 10px; } #eTransacRFQ .nav-tabs { border-bottom: none; background-color: #CCC; } #eTransacRFQ .nav-tabs li { height: 92px; text-align: center; border: none; } #eTransacRFQ .nav-tabs li a { font-weight: normal; border-radius: 0; cursor: pointer; /*border:1px solid #DDD;*/ height: 100%; width: 130px; border: none; margin: 0; } #eTransacRFQ .nav-tabs li a:hover { font-weight: normal; /*border-radius:20px 20px 0 0;*/ cursor: pointer; /*border:1px solid #DDD;*/ /*background-color:#997A97;*/ border: none; } #eTransacRFQ .nav-tabs li a .timeoutTab { font-size: 10px; font-weight: bold; color: #C9302C; } #eTransacRFQ .nav-tabs li.active a { background-color: white; color: #581D74; } #eTransacRFQ .nav-tabs li.active a .timeoutTab { color: #000; } #eTransacRFQ .nav-tabs li a .fa-times { color: #CCC; position: absolute; top: 7px; right: 7px; } #eTransacRFQ .nav-tabs li a span { display: block; } #eTransacRFQ .nav-tabs li a span.side { font-size: 20px; font-weight: bold; } #eTransacRFQ .nav-tabs li a .fa-times { color: #CCC; position: absolute; top: 7px; right: 7px; } #eTransacRFQ .sideClass { padding: 10px; width: 120px; height: 120px; text-align: center; /*vertical-align: middle; display: table-cell;*/ padding-top: 30px; } #eTransacRFQ .sideClass .side { font-size: 20px; text-transform: capitalize; } #eTransacRFQ .sideClass .isin { font-size: 12px; } #eTransacRFQ .buy, #eTransacRFQ .increase { background-color: #449D44; border-radius: 4px; color: #FFF; } #eTransacRFQ .sell, #eTransacRFQ .decrease { background-color: #C9302C; border-radius: 4px; color: #FFF; } #eTransacRFQ .comment { /*padding-bottom:15px;*/ } #eTransacRFQ .comment .info { font-style: italic; font-size: 10px; } #eTransacRFQ .natixis-comment { padding-top: 15px; padding-bottom: 15px; } #eTransacRFQ .priceBlock { padding-top: 5px; padding-bottom: 15px; /*min-height: 140px; height: 140px;*/ } #eTransacRFQ .waitingPrice { /*font-weight: bold;*/ font-size: 20px; color: #BEA7CA; } #eTransacRFQ .waitingPrice .loader { opacity: 0.6; } #eTransacRFQ .price { font-size: 45px; font-weight: bold; text-align: center; padding-top: 15px; padding-bottom: 15px; } #eTransacRFQ .progress { width: 100%; height: 28px; float: left; border-radius: 0px; } #eTransacRFQ .progress-bar { background-color: #581D74; } #eTransacRFQ .form-control { font-size: 12px; padding: 1px 6px; /*height:23px;*/ } #eTransacRFQ .input-group-btn .btn, #eTransacRFQ .input-group-addon { font-size: 12px; padding: 2px 6px; } #eTransacRFQ th { background-color: transparent; color: #000; font-weight: normal; } #eTransacRFQ .btn.disabled, #eTransacRFQ .btn[disabled], #eTransacRFQ fieldset[disabled] .btn { opacity: 0.3; filter: alpha(opacity=30); } #eTransacRFQ .form { padding: 15px 0px 15px 15px; } #eTransacRFQ label, #eTransacRFQ .alignLabel { margin-top: 3px; } #eTransacRFQ .alignLabel { color: #999999; } #eTransacRFQ .btn-fixed-width, .modal .btn-fixed-width { width: 135px; } /* Spinner */ #eTransacRFQ .spinner input { /*text-align: right;*/ height: 27px; } #eTransacRFQ .input-group-btn-vertical { position: relative; white-space: nowrap; width: 1%; vertical-align: middle; display: table-cell; } #eTransacRFQ .input-group-btn-vertical > .btn { display: block; float: none; width: 100%; max-width: 100%; padding: 6px; margin-left: -1px; position: relative; border-radius: 0; height: 17px; } #eTransacRFQ .input-group-btn-vertical > .btn:first-child { /*border-top-right-radius: 4px;*/ } .input-group-btn-vertical > .btn:last-child { margin-top: -1px; /*border-bottom-right-radius: 4px;*/ } #eTransacRFQ .input-group-btn-vertical i { position: absolute; top: 0; left: 2px; } #eTransacRFQ .buttons .btn { text-transform: uppercase; } #eTransacRFQ .rfq-block { margin-bottom: 30px; } #eTransacRFQ .rfq-block label { font-weight: normal; } #eTransacRFQ .rfq-block h4 { font-size: 16px; font-weight: bold; text-transform: uppercase; color: #581D74; } #eTransacRFQ .thumbnail-white { color: #581D74; background-color: white; border: 1px solid #581D74; } #eTransacRFQ .thumbnail-purple { color: white; background-color: #581D74; border: 1px solid #581D74; } #eTransacRFQ .popupBody { padding: 45px 30px 5px 30px; } #eTransacRFQ a.cost-and-charge:hover { text-decoration: underline; color: #581d74; } /** * -------------------------------------------------------- FIN - RFQ **/ /** * -------------------------------------------------------- DEBUT - BLOTTER **/ #blotterDiv .search { width: 20px; /*padding-left:5px;*/ color: #AAA; cursor: pointer; } #blotterDiv .search i { font-size: 1.2em; transition: 0.4s ease-in-out; } #blotterDiv .search i:hover { color: #3498B7; } #blotterDiv .status { display: inline-block; padding: 2px 6px; margin-bottom: 0; font-size: 14px; font-weight: normal; /*line-height: 1.42857143;*/ text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; width: 27px; margin-top: 1px; } #blotterDiv .dealt { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } #blotterDiv .cancelled { color: #fff; background-color: #c9302c; border-color: #ac2925; } #blotterDiv .pending { color: #fff; background-color: #ff6a00; border-color: #ff6a00; } #blotterDiv .accepted { color: #fff; background-color: #00469c; border-color: #00469c; } #blotterDiv .form-control { font-size: 12px; padding: 0 5px; height: 33px; } #blotterDiv .btn { padding: 3px 5px; font-size: 12px; } #blotterDiv .btn.dealPerPage { padding: 5px 10px; font-size: 10px; } #blotterDiv table.grid tbody td div.limitLabel { width: 370px; font-weight: bold; } #blotterDiv table.grid tbody td div.limitIsin { width: 140px; } #blotterDiv table.grid thead th.limitThUser { width: 135px; } #blotterDiv table.grid thead th.limitThIsin { width: 115px; } #blotterDiv table.grid thead th.limitThTradeDate { width: 135px; } #blotterDiv .filterLabelStyle { margin-top: 5px; } #blotterDiv .pagination { margin: 0px; } .paginationBlotter { } #blotterDiv .paginationBlotter .form-control { /*width:auto;*/ font-size: 10px; height: 26px; padding: 0; } .paginationBlotter .pagination-sm > li > a, .pagination-sm > li > span { font-size: 10px; font-weight: normal; } /* Custom checkbox */ /*#blotterDiv input[type=checkbox] { display:none; } #blotterDiv input[type=checkbox] + span { font-size:19.333px; } #blotterDiv input[type=checkbox] + span:before { font-family: FontAwesome;display:inline; } #blotterDiv input[type=checkbox] + span:before { content: "\f096"; cursor:pointer; letter-spacing:10px; } #blotterDiv input[type=checkbox]:checked + span:before { content: "\f046"; }*/ /* DropDown */ #blotterDiv .min-size { min-width: 0px !important; } #blotterDiv .dropdown-menu li > a { cursor: pointer; } /** * -------------------------------------------------------- FIN - BLOTTER **/ /** * -------------------------------------------------------- DEBUT - MAIN **/ #eTransacHomeHeader { border: 5px solid #DCE2EA; margin-top: 0px; background-image: url('../Images/eTransac/bandeau.png'); background-repeat: no-repeat; width: 1200px; height: 177px; margin-left: 15px; } #eTransacHome h2 { margin: 20px 0; } #eTransacHome .titleBackground { background-color: white; width: 500px; height: 50px; font-size: 20px; opacity: 0.3; filter: alpha(opacity=30); padding: 5px 0; margin-top: 50px; margin-left: 50%; } #eTransacHome .titleText { width: 450px; padding: 5px 0; margin-top: -44px; margin-left: 52%; color: #FFF; font-size: 22px; opacity: 1; filter: alpha(opacity=100); text-transform: capitalize; } #eTransacHome .titleText i { margin-top: 5px; padding-left: 25px; } #eTransacHome .definition { background-image: url('../Images/eTransac/left.png'); background-repeat: no-repeat; border: 5px solid #e7eaef; width: 585px; height: 330px; } #eTransacHome .portfolioBlock { background-image: url('../Images/eTransac/portfolio.png'); background-repeat: no-repeat; border: 5px solid #e7eaef; width: 378px; height: 160px; } #eTransacHome .rfqBlock { background-image: url('../Images/eTransac/blotter.png'); background-repeat: no-repeat; margin-top: 10px; border: 5px solid #e7eaef; width: 378px; height: 160px; } #eTransacHome .caption { background-color: #4388B8; opacity: 0.7; filter: alpha(opacity=70); } #eTransacHome .text a { font-size: 14px; color: #FFF; font-weight: normal; } #eTransacHome .text a:hover { text-decoration: underline; } #eTransacHome .definition .caption { height: 120px; margin-top: 200px; } #eTransacHome .definition .text { color: #FFF; padding: 15px; font-size: 11px; position: absolute; z-index: 1001; width: 585px; } #eTransacHome .portfolioBlock .caption, #eTransacHome .rfqBlock .caption { height: 45px; margin-top: 105px; } #eTransacHome .portfolioBlock .text, #eTransacHome .rfqBlock .text { margin-left: 10%; position: absolute; z-index: 1001; padding-top: 12px; } #eTransacHome .contact-details { height: 280px; width: 160px; background-image: url('../Images/Contact/contact_bkg_slim.jpg'); } #eTransacHome .contact-details .title { color: white; font-size: 16px; text-align: center; padding: 12px 0px 0px 0px; } #eTransacHome .contact-details span { text-align: center; color: White; display: block; margin-bottom: -10px; font-size: 15px; } #eTransacHome .contact-details img { margin: 14px 5px 10px 17px; } #eTransacHome .contact-details a { text-align: center; color: White; display: block; font-size: 15px; text-decoration: underline; } #eTransacHome .separator { border-right: 2px dotted #1F5B87; } #eTransacHome .disclaimer { background-image: url('../Images/eMaps/disclaimer_btn_slim.jpg'); width: 160px; height: 32px; margin-top: 10px; } #eTransacHome .disclaimer a { color: white; font-size: 14px; text-align: center; line-height: 32px; display: block; font-weight: normal; } /** * -------------------------------------------------------- FIN - MAIN **/ /** * ------------------- RFQ Exec Report ----------------- **/ /*#rfqExecReportDiv { font-size: 12px; } #rfqExecReportDiv .modal-header { background-color: Black; color: White; min-height: 16.42857143px; padding: 10px; border-bottom: 1px solid #e5e5e5; font-size:14px; } #rfqExecReportDiv .modal-header .modal-title { margin: 0; line-height: 1.42857143; } #rfqExecReportDiv .modal-footer { padding: 5px; text-align: right; border-top: 1px solid #e5e5e5; margin-top:25px; } #rfqExecReportDiv .modal-footer .btn-default { color: #fff; background-color: Black; } #rfqExecReportDiv.errorStyle .modal-body { background-color : Red; }*/ #rfqExecReportDiv .modal-header h3 { text-align: left; } #rfqExecReportDiv .modal-body p { font-size: 30px; font-family: Roboto; font-weight: lighter; } #rfqExecReportDiv.errorStyle .modal-body .content { background-color: White; margin: 5px; padding: 10px; } #rfqExecReportDiv.errorStyle .modal-body i { color: #ff0033; border-color: #ff0033; } #rfqExecReportDiv.errorStyle .modal-body p { color: #ff0033; font-size: 30px; } #rfqExecReportDiv.successStyle h3 a { color: #FFF; } #rfqExecReportDiv.successStyle .modal-body i { color: #66cc33; border-color: #66cc33; } #rfqExecReportDiv.successStyle .modal-body p { color: #66cc33; font-size: 30px; } #rfqExecReportDiv.errorStyle .modal-body .error { margin-top: 10px; margin-bottom: 10px; color: #ff0033; } #rfqExecReportDiv.pendingStyle .modal-body p { color: #ff6a00; font-size: 30px; } #rfqExecReportDiv.acceptedStyle .modal-body p { color: #00469c; font-size: 30px; } /** * -------------------------------------------------------- FIN - RFQ Exec Report **/ /** * -------------------------------------------------------- DEBUT - Animations **/ /* Buzz Out */ @-webkit-keyframes shake { 10% { -webkit-transform: translateX(0px) rotate(40deg); transform: translateX(0px) rotate(40deg); } 20% { -webkit-transform: translateX(0px) rotate(-40deg); transform: translateX(0px) rotate(-40deg); } 30% { -webkit-transform: translateX(0px) rotate(40deg); transform: translateX(0px) rotate(40deg); } 40% { -webkit-transform: translateX(0px) rotate(-40deg); transform: translateX(0px) rotate(-40deg); } 50% { -webkit-transform: translateX(0px) rotate(20deg); transform: translateX(0px) rotate(20deg); } 60% { -webkit-transform: translateX(0px) rotate(-20deg); transform: translateX(0px) rotate(-20deg); } 70% { -webkit-transform: translateX(0px) rotate(20deg); transform: translateX(0px) rotate(20deg); } 80% { -webkit-transform: translateX(0px) rotate(-20deg); transform: translateX(0px) rotate(-20deg); } 90% { -webkit-transform: translateX(0px) rotate(0); transform: translateX(0px) rotate(0); } 100% { -webkit-transform: translateX(0px) rotate(0); transform: translateX(0px) rotate(0); } } @keyframes shake { 10% { -webkit-transform: translateX(0px) rotate(40deg); transform: translateX(0px) rotate(40deg); } 20% { -webkit-transform: translateX(0px) rotate(-40deg); transform: translateX(0px) rotate(-40deg); } 30% { -webkit-transform: translateX(0px) rotate(40deg); transform: translateX(0px) rotate(40deg); } 40% { -webkit-transform: translateX(0px) rotate(-40deg); transform: translateX(0px) rotate(-40deg); } 50% { -webkit-transform: translateX(0px) rotate(20deg); transform: translateX(0px) rotate(20deg); } 60% { -webkit-transform: translateX(0px) rotate(-20deg); transform: translateX(0px) rotate(-20deg); } 70% { -webkit-transform: translateX(0px) rotate(20deg); transform: translateX(0px) rotate(20deg); } 80% { -webkit-transform: translateX(0px) rotate(-20deg); transform: translateX(0px) rotate(-20deg); } 90% { -webkit-transform: translateX(0px) rotate(0); transform: translateX(0px) rotate(0); } 100% { -webkit-transform: translateX(0px) rotate(0); transform: translateX(0px) rotate(0); } } .shake { display: inline-block; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .shake:hover, .shake:focus, .shake:active { -webkit-animation-name: shake; animation-name: shake; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /** * -------------------------------------------------------- FIN - Animations **/ .btn-purple, .btn-purple:active, .btn-purple:focus { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background-color: #581d74; font-size: 12px; color: #ffffff; border: 1px solid #581d74; } .btn-purple:hover { background-color: #470368; color: #ffffff; } .btn-purple-active { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background-color: #B38FB1; font-size: 12px; color: #581D74; } .btn-purple-active:hover { background-color: #997A97; color: #581D74; } .btn-white { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background-color: #ffffff; font-size: 12px; color: #581d74; border: 1px solid #581d74; } .btn-white:hover { background-color: #F6EEFA; color: #581d74; } .btn-black { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background-color: #333333; font-size: 12px; color: #ffffff; border: 1px solid #581d74; } .btn-black:hover { color: #ffffff; } .btn-light-blue, .btn-light-blue:active, .btn-light-blue:focus { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background-color: #5594de; font-size: 16px; color: #ffffff; border: 1px solid #5594de; } .btn-light-blue:hover { background-color: #3776bf; color: #ffffff; } .btn-disabled { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background-color: #615F62; font-size: 12px; color: #A6A3A3; border: 1px solid #581d74; } .btn-disabled:hover { color: #A6A3A3; } .purple { color: #581D74; } .paginationBlotter .pagination-sm > li > a, .pagination-sm > li > span { color: #581D74; border: 1px solid #DDDDDD; } .paginationBlotter .pagination-sm > li > a:hover, .paginationBlotter .pagination-sm > li > span { background-color: #997A97; color: #581D74; border: 1px solid #DDDDDD; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #B38FB1; color: #581D74; border: 1px solid #B38FB1; } .paginationBlotter .pagination-sm > .disabled > a, .paginationBlotter .pagination-sm > .disabled > span, .paginationBlotter .pagination-sm > .disabled > a:hover, .paginationBlotter .pagination-sm > .disabled > span:hover, .paginationBlotter .pagination-sm > .disabled > a:focus, .paginationBlotter .pagination-sm > .disabled > span:focus { background-color: #FFF; color: #581D74; border: 1px solid #DDDDDD; } @keyframes loader-animation { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .loader.animate { animation-name: loader-animation; animation-delay: 0s; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: linear; /*animation-timing-function: cubic-bezier()*/ } @media (max-width: 767.98px) { .filter-bloc { margin-bottom: 40px; } #portfolioDiv table.grid tbody td .limitLabel { width: 200px; /*overflow: hidden; text-overflow: ellipsis; white-space: nowrap;*/ font-weight: bold; } #productDetail .modal-header .header-bar { padding-right: 40px; } #productDetail .modal-header .modal-title { text-align: center; } #productDetail .modal-header .modal-subTitle { text-align: center; } #productDetail .modal-header .modal-subTitle div { float: none; padding: 0px; text-align: center; } #productDetail .modal-header .modal-subTitle.inline div { display: inline-block; padding: 0 10px; text-align: center; } #productDetail .modal-header .dealTypes { float: none; text-align: center; margin: 10px 0px; } #productDetail .modal-header .contact { float: none; padding: 0px; } #productDetail .modal-body .sub-title { text-align: center; padding: 10px 0px; } #productDetail .data-block table.productClassicTable tr:nth-child(odd) { background-color: #efefef; } #productDetail .data-block table.productClassicTable th { padding-left: 5px; } #productDetail table.productClassicTable td { padding: 5px; } #productDetail .noData { padding: 5px 0px !important; } #eTransacRFQ .popupBody { padding: 0px; margin-top: 20px; margin-left: 0; margin-right: 0; } #eTransacRFQ .sideClass { margin: auto; } #eTransacRFQ .rfq-block { text-align: center; } #blotterDiv table.grid tbody td div.limitLabel { width: 190px; } #eTransacView label { width: auto; } } #eTransacRFQ .radioClass { margin-right: 15px; font-family: Verdana; font-size: 14px !important; color: #333333 !important; } #eTransacRFQ .radioBoxMargin { margin-bottom: 5px; margin-top: 5px; } #eTransacRFQ .has-error input[type=radio] + span +span { color: #e03b41; } #eTransacRFQ input[type="radio"][disabled] + span { background-color: #CCC; border: 1px solid #CCC; cursor: default; } #eTransacRFQ input[type="radio"][disabled] + span + span { cursor: default; color: #999999 } table.blotter-table .short-width-135{ width: 135px; } table.blotter-table .short-width-110 { width: 110px; } table.blotter-table .short-width-100 { width: 100px; } table.blotter-table .short-width-90 { width: 90px; } table.blotter-table .short-width-60 { width: 60px; } table.blotter-table .middle-width { width: 140px; } table.blotter-table .large-width { width: 370px; } @media (min-width: 1200px) { #wrapper .container { width: 1370px !important; } } .flow_filters_holder { width: auto; margin-top: 20px; height: 100px; clear:both; } .flow_filters { color: White; float: left; height: 90px; background-color: #6AB3C0; width: 515px; } .filter_title { font-weight: bold; padding: 5px 5px 0px 5px; } .flow_filter_column { float: left; padding: 5px 5px 5px 5px; } .flow_slider { width: 200px; margin-top: -5px; } .flow_filter_column label { clear: both; display: block; } #slider_skew { } .flow_timestamps { float: left; height: 90px; width: 275px; margin-left: 5px; } .flow_contact { float: right; height: 90px; background-color: #6AB3C0; width: 300px; } .flow_contact img { height: 80px; margin: 5px 0px 0px 5px; float: left; } .flow_contact_details { color: White; margin-left: 5px; font-size: 12px; margin-top: 20px; } .flow_contact_details a { color: White; display: block; margin: 3px 0px 3px 117px; } .flow_contact_details span { margin-left: 5px; margin-top: 5px; } .flow_contact_details span { } #tableVolatilities td { text-align: center; } .timestamp_label { float: left; height: 44px; background-color: #6AB3C0; width: 138px; color: White; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .timestamp_label span { padding: 14px 5px 5px 4px; display: block; } .timestamp_date { float: right; height: 44px; width: 135px; background-color: #E2E4FF; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .timestamp_date span { padding: 14px 5px 5px 4px; display: block; } .flow_publications { width: 650px; margin-bottom: 20px; } .DTTT_button { background: none; background-image: none; } .DTTT_button.excel_button { background-image: url('../Images/excel32.gif'); background-repeat: no-repeat; background-position: 0 0; width: 24px; height: 24px; border: none; -webkit-border-radius: none; -moz-border-radius: none; -ms-border-radius: none; -o-border-radius: none; border-radius: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; filter: none; } .DTTT_button.excel_button:hover { background-image: url('../Images/excel32.gif'); background-repeat: no-repeat; background-position: 0 0; width: 24px; height: 24px; border: none; -webkit-border-radius: none; -moz-border-radius: none; -ms-border-radius: none; -o-border-radius: none; border-radius: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; filter: none; } .button_container { float: left; height: 40px; } #tableVolatilities_wrapper thead { background-image: none; background: none; background-color: #007E94; } table.dataTable tr td.separator_column { border-right: 3px solid #007E94; } table.dataTable tr td.separator_column_left { border-left: 3px solid #007E94; } .glassTable table tr.darkRow, .glassTable table tr.odd { background-image: none; } #tableVolatilities_wrapper table.dataTable tr.odd { background-image: none; background-color: White; } #tableVolatilities_wrapper table.dataTable tr.odd:hover { background-image: url("../Images/lightblue_1x30.png"); background-position: left center; background-repeat: repeat-x; background-size: 0 100%; } .rv_column { background-color: #C2E0E5; } #index_body { background-image: url('../Images/Home/home_backgroung.jpg'); height: 698px; } #index_body #navigation_list_holder { margin: 0 0 13px 25px; } #animation { margin: 0 auto; max-width: 1062px; } .placer { width: 1024px; height: 460px; z-index: 1; } .bloc { cursor: pointer; border: 5px solid #e7eaef; } .main { cursor: default; } /**********************Our expertise********************************/ #expertise .main { width: 504px; height: 450px; } #expertise .main.conseil { background-image: url('../Images/Home/WhatWeDo/swedo_large.jpg'); background-position: 0 0; } #expertise .main.trading { background-image: url('../Images/Home/WhatWeDo/swedo_large.jpg'); background-position: -554px 0; } #expertise .main.financial { background-image: url('../Images/Home/WhatWeDo/swedo_large.jpg'); background-position: -1108px 0; } #expertise .main.research { background-image: url('../Images/Home/WhatWeDo/swedo_large.jpg'); background-position: -1662px 0; } #expertise .main .caption { height: 200px; background-color: #3C5075; margin-top: 250px; opacity: 0.9; filter: alpha(opacity=90); } #expertise .main .caption a { color: #6699CC; } #expertise .main .caption a:hover { text-decoration: underline; } #expertise .main .caption .title { padding-top: 20px; } #expertise .main .caption .title.vertical { visibility: hidden; } #expertise .main .caption .title.normal { padding-top: 20px; } #expertise .main .caption .title h2 { font-size: 20px; font-weight: bold; color: white; padding-left: 20px; margin-top: 0px; } #expertise .main .caption .header { visibility: hidden; } #expertise .main .caption .readmore { visibility: hidden; } #expertise .main .caption .text { color: White; padding: 20px 20px 20px 20px; margin-top: -90px; font-size: 11px; } #expertise .main .caption .text.upper { color: White; padding: 20px 20px 20px 20px; margin-top: -25px; font-size: 11px; } #expertise .secondary { width: 160px; height: 450px; } #expertise .secondary.conseil { background-image: url('../Images/Home/WhatWeDo/swedo_small.jpg'); background-position: 0 0; } #expertise .secondary.trading { background-image: url('../Images/Home/WhatWeDo/swedo_small.jpg'); background-position: -210px 0; } #expertise .secondary.financial { background-image: url('../Images/Home/WhatWeDo/swedo_small.jpg'); background-position: -420px 0; } #expertise .secondary.research { background-image: url('../Images/Home/WhatWeDo/swedo_small.jpg'); background-position: -630px 0; } #expertise .secondary .caption { height: 200px; background-color: #3C5075; margin-top: 250px; opacity: 0.9; filter: alpha(opacity=90); } #expertise .secondary .caption .title { padding-top: 5px; } #expertise .secondary .caption .title.normal { padding-top: 20px; padding-left: 10px; } #expertise .secondary .caption .title.vertical { margin-top: -15px; } #expertise .secondary .caption .title.horizontal { visibility: hidden; } #expertise .secondary .caption .title h2 { font-size: 12px; font-weight: bold; color: white; padding-left: 5px; margin-top: 0px; } #expertise .secondary .caption .text { visibility: hidden; } #expertise .secondary .caption .readmore { visibility: hidden; } #expertise .secondary .caption .readmore a { background-color: White; float: right; margin-bottom: 5px; padding: 2px 2px 2px 2px; font-size: 12px; font-weight: bold; color: #007E94; } /********************we are************************/ #we_are .main { width: 504px; height: 450px; } #we_are .main.prof { background-image: url('../Images/Home/WeAre/weare_large.jpg'); background-position: -554px 0; } #we_are .main.presence { background-image: url('../Images/Home/WeAre/weare_large.jpg'); background-position: 0 0; } #we_are .main.contact { background-image: url('../Images/Home/WeAre/weare_large.jpg'); background-position: -1108px 0; } #we_are .main.rankings { background-image: url('../Images/Home/WeAre/weare_large.jpg'); background-position: -1662px 0; } #we_are .main .caption { height: 200px; background-color: #3C5075; margin-top: 250px; opacity: 0.9; filter: alpha(opacity=90); } #we_are .main .caption a { color: #6699CC; } #we_are .main .caption a:hover { text-decoration: underline; } #we_are .main .caption .title { padding-top: 20px; } #we_are .main .caption .title h2 { font-size: 20px; font-weight: bold; color: white; padding-left: 20px; margin-top: 0px; } #we_are .main .caption .readmore { visibility: hidden; } #we_are .main .caption .text { color: White; padding: 10px 20px 20px 20px; margin-top: -15px; font-size: 11px; } #we_are .secondary { width: 160px; height: 450px; } #we_are .secondary.prof { background-image: url('../Images/Home/WeAre/weare_small.jpg'); background-position: -210px 0; } #we_are .secondary.presence { background-image: url('../Images/Home/WeAre/weare_small.jpg'); background-position: 0 0; } #we_are .secondary.contact { background-image: url('../Images/Home/WeAre/weare_small.jpg'); background-position: -420px 0; } #we_are .secondary.rankings { background-image: url('../Images/Home/WeAre/weare_small.jpg'); background-position: -630px 0; } #we_are .secondary .caption { height: 200px; background-color: #3C5075; margin-top: 250px; /* float: right;*/ opacity: 0.9; filter: alpha(opacity=90); width: auto; } #we_are .secondary .caption .title { padding-top: 20px; padding-left: 10px; } #we_are .secondary .caption .title h2 { font-size: 12px; font-weight: bold; color: white; margin-top: 0px; } #we_are .secondary .caption .text { visibility: hidden; } #we_are .secondary .caption .readmore { /* background: url('../Images/Home/read_more.gif') no-repeat; width: 24px; height: 24px; opacity: 0.7;*/ } #we_are .secondary .caption .readmore a { background-color: White; float: right; margin-bottom: 5px; padding: 2px 2px 2px 2px; font-size: 12px; font-weight: bold; color: #007E94; } /********************we do************************/ #we_do { /*fix because of the even number of pixels in the columns*/ border-left: 1px solid #E7EAEF; } #we_do .main { width: 1013px; height: 225px; } #we_do .main.caat { background-image: url('../Images/Home/Products/sproducts_large.jpg'); background-position: 0 0; } #we_do .main.ppa { background-image: url('../Images/Home/Products/sproducts_large.jpg'); background-position: -1063px 0; } #we_do .main.emaps { background-image: url('../Images/Home/Products/sproducts_large.jpg'); background-position: 0 -275px; } #we_do .main.squall { background-image: url('../Images/Home/Products/sproducts_large.jpg'); background-position: -1063px -275px; } #we_do .secondary { width: 331px; height: 215px; } #we_do .secondary.caat { background-image: url('../Images/Home/Products/sproducts_small.jpg'); background-position: 0 0; } #we_do .secondary.ppa { background-image: url('../Images/Home/Products/sproducts_small.jpg'); background-position: -381px 0; } #we_do .secondary.emaps { background-image: url('../Images/Home/Products/sproducts_small.jpg'); background-position: -762px 0; } #we_do .secondary.squall { background-image: url('../Images/Home/Products/sproducts_small.jpg'); background-position: -1143px 0; } #we_do .main .caption a { color: white; font-weight: normal; } /********************products and what we do************************/ #products .main { width: 1014px; height: 225px; } #products .main.financement { background-image: url('../Images/Home/Expertise/sexpertise_large.jpg'); background-position: -1064px 0; } #products .main.investissement { background-image: url('../Images/Home/Expertise/sexpertise_large.jpg'); background-position: 0 -275px; } #products .main.couverture { background-image: url('../Images/Home/Expertise/sexpertise_large.jpg'); background-position: 0 0; } #products .main .caption, #we_do .main .caption { height: 120px; margin-top: 105px; background-color: #3C5075; opacity: 0.9; filter: alpha(opacity=90); } #products .main .caption a { color: #6699CC; } #products .main .caption a:hover { text-decoration: underline; } #products .secondary { width: 502px; height: 215px; } #products .secondary.financement { background-image: url('../Images/Home/Expertise/sexpertise_small.jpg'); background-position: -552px 0; } #products .secondary.investissement { background-image: url('../Images/Home/Expertise/sexpertise_small.jpg'); background-position: -1104px 0; } #products .secondary.couverture { background-image: url('../Images/Home/Expertise/sexpertise_small.jpg'); background-position: 0 0; } #products .main .caption .title, #we_do .main .caption .title { padding-top: 10px; } #products .main .caption .title h2, #we_do .main .caption .title h2 { font-size: 20px; font-weight: bold; color: white; padding-left: 20px; margin-top: 0px; } #products .main .caption .readmore, #we_do .main .caption .readmore { visibility: hidden; } #products .main .caption .text, #we_do .main .caption .text { color: White; padding: 10px 20px 20px 20px; margin-top: -30px; font-size: 11px; } #products .secondary .caption, #we_do .secondary .caption { height: 80px; background-color: #3C5075; opacity: 0.9; filter: alpha(opacity=90); margin-top: 135px; } #products .secondary .caption .title, #we_do .secondary .caption .title { padding-top: 20px; padding-left: 10px; } #products .secondary .caption .title h2, #we_do .secondary .caption .title h2 { font-size: 14px; font-weight: bold; color: white; margin-top: 0px; } #products .secondary .caption .text, #we_do .secondary .caption .text { visibility: hidden; } #products .secondary .caption .readmore, #we_do .secondary .caption .readmore { visibility: hidden; } #products .secondary .caption .readmore a, #we_do .secondary .caption .readmore a { background-color: White; float: right; margin-bottom: 5px; padding: 2px 2px 2px 2px; font-size: 12px; font-weight: bold; color: #007E94; } /************************news**********************************/ #news_holder .main { width: 510px; height: 450px; } #news_holder .main.recompense { background-image: url('../Images/Home/News/snews_large.jpg'); background-position: -560px 0; } #news_holder .main.nouvelleweb { /*background-image: url('../Images/Home/News/snews_large.jpg'); background-position: -1120px 0;*/ background-image: url('../Images/Home/News/news_interface_large.jpg'); } #news_holder .main.ipad_uk { /*background-image: url('../Images/Home/News/snews_large.jpg'); background-position: 0 0;*/ background-image: url('../Images/Home/News/news-equity_450x510_UK.png'); } #news_holder .main.ipad_fr { background-image: url('../Images/Home/News/news-equity_450x510_FR.png'); } #news_holder .secondary { width: 495px; height: 220px; } #news_holder .secondary.recompense { background-image: url('../Images/Home/News/snews_small.jpg'); background-position: -545px 0; } #news_holder .secondary.nouvelleweb { /* background-image: url('../Images/Home/News/snews_small.jpg'); background-position: -1090px 0;*/ background-image: url('../Images/Home/News/news_interface_small.jpg'); } #news_holder .secondary.ipad_uk { /*background-image: url('../Images/Home/News/snews_small.jpg'); background-position: 0 0;*/ background-image: url('../Images/Home/News/news-equity_500x220_UK.png'); } #news_holder .secondary.ipad_fr { background-image: url('../Images/Home/News/news-equity_500x220_FR.png'); } #news_holder .main .caption { height: 200px; background-color: #3C5075; margin-top: 250px; opacity: 0.9; filter: alpha(opacity=90); } #news_holder .main .caption a { color: #6699CC; } #news_holder .main .caption a:hover { text-decoration: underline; } #news_holder .main .caption .title { padding-top: 20px; } #news_holder .main .caption .title h2 { font-size: 20px; font-weight: bold; color: white; padding-left: 20px; padding-right: 20px; margin-top: 0px; } #news_holder .main .caption .readmore { visibility: hidden; } #news_holder .main .caption .text { color: White; padding: 20px 20px 20px 20px; margin-top: -5px; font-size: 11px; } #news_holder .secondary .caption { height: 80px; background-color: #3C5075; opacity: 0.9; filter: alpha(opacity=90); margin-top: 140px; } #news_holder .secondary .caption .title { padding-top: 20px; padding-left: 10px; } #news_holder .secondary .caption .title h2 { font-size: 14px; font-weight: bold; color: white; margin-top: 0px; } #news_holder .secondary .caption .text { visibility: hidden; } #news_holder .secondary .caption .readmore { visibility: hidden; } /*************************login*****************************/ .login_panel { /* float: left;*/ float :right; margin-right :20px; } /**************************seo******************************/ .seo_footer { font-weight: bold; color: #666; text-align: center; margin-left: 67px; } .seo_footer a { color: #666; } .seo_footer a:hover { text-decoration: underline; } #contacts { float: right; } .seo_footer h2 { color: #666; font-weight: normal; font-size: 10px; } /***********************arrows***************************/ #text-arrow-left { width: 185px; height: 30px; background-color: #C5C8D4; margin: 5px 30px; } #text-arrow-left span { color: White; font-size: 14px; float: right; padding: 2px; font-weight: bold; margin-top: 4px; } #text-arrow-right { width: 185px; height: 30px; background-color: #C5C8D4; position: relative; top: 5px; right: 195px; } #text-arrow-right span { color: White; font-size: 14px; float: left; padding: 2px; font-weight: bold; margin-top: 4px; } .ui-dialog { border: 5px solid #E7EAEF; } .foot_note { font-size: 10px; font-style: italic; } .pdf_docs a { background-image: url('../Images/Home/pdf16.gif'); background-repeat: no-repeat; background-position: left center; padding: 4px 0 5px 20px; vertical-align: middle; display: block; font-size: 11px; } .pdf_docs ul { padding-left: 10px; margin :0px; } .pdf_docs ul li { background: url('../Images/Home/barre_right.gif') no-repeat; background-position: left top; padding-left: 20px; list-style-type : none; } .catalogue_header { color: #007E94; font-weight: bold; } #dialogRights { min-height:0px; padding:20px; font-size:1.4em; } #contacts > #favoris { cursor: pointer; } @font-face{font-family:'Roboto';src:url('Font/Roboto-regular.ttf');font-weight:normal;font-style:normal;}@font-face{font-family:'Roboto';src:url('Font/Roboto-Bold.ttf');font-weight:bold;font-style:normal;}@font-face{font-family:'Roboto';src:url('Font/Roboto-BoldItalic.ttf');font-weight:bold;font-style:italic;}@font-face{font-family:'Roboto';src:url('Font/Roboto-Italic.ttf');font-weight:normal;font-style:italic;}@font-face{font-family:'Roboto';src:url('Font/Roboto-Black.ttf');font-weight:900;font-style:normal;}@font-face{font-family:'Roboto';src:url('Font/Roboto-Black.ttf');font-weight:900;font-style:italic;}@font-face{font-family:'Roboto';src:url('Font/Roboto-Light.ttf');font-weight:300;font-style:normal;}@font-face{font-family:'Roboto';src:url('Font/Roboto-LightItalic.ttf');font-weight:300;font-style:italic;}@font-face{font-family:'Roboto';src:url('Font/Roboto-Medium.ttf');font-weight:500;font-style:normal;}@font-face{font-family:'Roboto';src:url('Font/Roboto-MediumItalic.ttf');font-weight:500;font-style:italic;}@font-face{font-family:'Roboto';src:url('Font/Roboto-Thin.ttf');font-weight:100;font-style:normal;}@font-face{font-family:'Roboto';src:url('Font/Roboto-ThinItalic.ttf');font-weight:100;font-style:italic;}body#public-site{margin:0;padding:0;font-family:Roboto;}body#public-site div.container{width:710px;}body#public-site #wLoginPanel-header{background:#fff url(../Images/img_Brush.png) no-repeat right bottom;padding:50px 90px 50px 90px;text-align:left;}body#public-site .validation-summary-errors{color:#e03b41;font-weight:400;font-size:12px;}body#public-site .validation-summary-errors ul{margin-top:5px;margin-bottom:-10px;margin-left:-20px;}body#public-site .validation-summary-errors ul li{display:list-item;list-style-image:url(../Images/picto_error.png);}body#public-site h1{font-size:28px;font-weight:500;color:#581d74;margin-top:0;margin-bottom:0;}body#public-site h2{font-size:22px;font-weight:normal;color:#581d74;margin-top:0;margin-bottom:0;}body#public-site label{display:block;color:#581d74;font-size:12px;font-weight:400;margin-bottom:0;}body#public-site input[type="text"],body#public-site input[type="password"]{background-color:transparent;border:none;border-bottom:1px solid #581d74;width:230px;padding:4px 0 4px 0;color:#333;font-size:15px;outline:none;}body#public-site button{background-color:#581d74;border:none;border-radius:10px;padding:13px;color:#fff;cursor:pointer;font-size:15px;text-align:center;text-transform:uppercase;transition:all ease .3s;outline:none;}body#public-site button:hover{background-color:#9755b3;}body#public-site .space-keeper-15px{clear:both;display:block;height:15px;}body#public-site .space-keeper-30px{clear:both;display:block;height:30px;}body#public-site .space-keeper-50px{clear:both;display:block;height:50px;}body#public-site a{color:#581d74;text-decoration:underline;font-size:12px;outline:none;}body#public-site a:hover{color:#2690b7;}@media(max-width:710px){body#public-site div.container{width:auto;}body#public-site #wLoginPanel-header{padding:0;text-align:left;}}@media(max-width:560px){body#public-site #wLoginPanel-header{background:#fff;}} p{margin-top:10px;margin-bottom:10px;}.fa.check{font-size:19.333px;}.fa.check:before{color:#ccc;font-family:FontAwesome;font-weight:bold;display:inline;cursor:pointer;letter-spacing:10px;}.fa.check.fa-check-square:before{color:#581d74;}.purple{color:#581d74;}.span-btn{cursor:pointer;}.span-btn.disabled{cursor:default;opacity:.6;}.btn-file{position:relative;overflow:hidden;cursor:pointer;display:inline-table;}.btn-file input[type=file]{position:absolute;top:0;right:0;width:100%;height:100%;font-size:100px;text-align:right;opacity:0;cursor:pointer;display:block;}.btn-file input[type=file]::-webkit-file-upload-button{cursor:pointer;}tr.unsubscribed{font-style:italic;color:#ccc;}td.action-buttons{text-align:center;}td.action-buttons span{display:inline-block;cursor:pointer;padding:0 3px;}td.action-buttons span.preview{color:#00f;}td.action-buttons span.preview:hover{color:#8a2be2;}td.action-buttons span.resent{color:#ffa500;}td.action-buttons span.resent.fa-spin{color:#ff4500;}td.action-buttons span.resent:hover{color:#f00;}.articles-container{margin-top:35px;margin-bottom:20px;}.articles-container.detailed{margin-top:15px;}.articles-container.detailed .article .content{border-bottom:none;}.articles-container.detailed .article .content .article-value{white-space:normal;}.articles-container.detailed .article .content .article-value a{color:initial;}.articles-container.detailed .article .content .article-value a:hover{text-decoration:underline;}.articles-container.detailed .article .content .article-value a:hover,.articles-container.detailed .article .content .article-value a:focus,.articles-container.detailed .article .content .article-value a:visited{color:initial;}.articles-container .article .row{display:flex;align-items:center;}.articles-container .article[data-index="0"] .content{border-top:1px dashed #000;}.articles-container .article .content{padding-top:20px;padding-bottom:20px;border-bottom:1px dashed #000;}.articles-container .article .content .header{margin-bottom:10px;}.articles-container .article .content .header .fa{cursor:pointer;}.articles-container .article .content .theme{font-size:25px;padding-right:15px;vertical-align:text-bottom;}.articles-container .article .content .article-label{font-weight:bold;}.articles-container .article .content .article-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:justify;}.articles-container .article .content .edit-button{padding:0 10px;}.articles-container .article .content .edit-button:hover{color:#581d74;}.articles-container .article .content .remove-button{padding:0 10px;}.articles-container .article .content .remove-button:hover{color:#f00;}.articles-container .article .content .search-button{padding:0 10px;}.articles-container .article .content .search-button:hover{color:#6495ed;}.articles-container .article .content .image-button{padding:0 10px;}.articles-container .article .content .image-button:hover{color:#581d74;}.articles-container .article .move .disabled{opacity:.6;}.articles-container .article .move .disabled .fa{cursor:default;}.articles-container .article .move .fa{cursor:pointer;}.articles-container .article .move .arrow-up{padding-bottom:20px;}.articles-container .article .move .arrow-down{padding-top:20px;}.articles-container .no-article{font-size:22px;text-align:center;border:1px dashed #ccc;padding:20px 0;color:#ccc;font-style:italic;}.articles-container .no-article span.fa{vertical-align:middle;cursor:default;opacity:.4;}.articles-modal .modal-header{border-bottom:none;}.articles-modal .modal-title{text-align:center;font-size:28px;color:#581d74;}.articles-modal .modal-footer{border-top:none;text-align:center;}#modalDiv .modal-header h3.modal-title{font-size:20px !important;margin-top:0;margin-bottom:0;font-weight:bold;text-align:center;}.SENDING_ERROR{color:#f00;}.SENDING{color:#ffa500;}.SENT{color:#32cd32;} /* ------------------------------------------- */ /* Mixins /* ------------------------------------------- */ /* ------------------------------------------- */ /* Toggle Fade /* ------------------------------------------- */ /* line 64, ../sass/ng-animation.scss */ .toggle { -webkit-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94); /* easeOutQuad */ -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); /* easeOutQuad */ } /* line 66, ../sass/ng-animation.scss */ .toggle.ng-enter { opacity: 0; transition-duration: 250ms; -webkit-transition-duration: 250ms; } /* line 71, ../sass/ng-animation.scss */ .toggle.ng-enter-active { opacity: 1; } /* line 75, ../sass/ng-animation.scss */ .toggle.ng-leave { opacity: 1; transition-duration: 250ms; -webkit-transition-duration: 250ms; } /* line 80, ../sass/ng-animation.scss */ .toggle.ng-leave-active { opacity: 0; } /* line 85, ../sass/ng-animation.scss */ .toggle.ng-hide-add { transition-duration: 250ms; -webkit-transition-duration: 250ms; opacity: 1; } /* line 89, ../sass/ng-animation.scss */ .toggle.ng-hide-add.ng-hide-add-active { opacity: 0; } /* line 94, ../sass/ng-animation.scss */ .toggle.ng-hide-remove { transition-duration: 250ms; -webkit-transition-duration: 250ms; display: block !important; opacity: 0; } /* line 99, ../sass/ng-animation.scss */ .toggle.ng-hide-remove.ng-hide-remove-active { opacity: 1; } /* ------------------------------------------- */ /* Slide Top /* ------------------------------------------- */ /* line 109, ../sass/ng-animation.scss */ .slide-top { -webkit-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94); /* easeOutQuad */ -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); /* easeOutQuad */ } /* line 111, ../sass/ng-animation.scss */ .slide-top.ng-enter { transform: translateY(60px); -ms-transform: translateY(60px); -webkit-transform: translateY(60px); transition-duration: 250ms; -webkit-transition-duration: 250ms; opacity: 0; } /* line 117, ../sass/ng-animation.scss */ .slide-top.ng-enter-active { transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; } /* line 122, ../sass/ng-animation.scss */ .slide-top.ng-leave { transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transition-duration: 250ms; -webkit-transition-duration: 250ms; opacity: 1; } /* line 128, ../sass/ng-animation.scss */ .slide-top.ng-leave-active { transform: translateY(60px); -ms-transform: translateY(60px); -webkit-transform: translateY(60px); opacity: 0; } /* line 134, ../sass/ng-animation.scss */ .slide-top.ng-hide-add { transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transition-duration: 250ms; -webkit-transition-duration: 250ms; opacity: 1; } /* line 139, ../sass/ng-animation.scss */ .slide-top.ng-hide-add.ng-hide-add-active { transform: translateY(60px); -ms-transform: translateY(60px); -webkit-transform: translateY(60px); opacity: 0; } /* line 145, ../sass/ng-animation.scss */ .slide-top.ng-hide-remove { transform: translateY(60px); -ms-transform: translateY(60px); -webkit-transform: translateY(60px); transition-duration: 250ms; -webkit-transition-duration: 250ms; display: block !important; opacity: 0; } /* line 151, ../sass/ng-animation.scss */ .slide-top.ng-hide-remove.ng-hide-remove-active { transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; } /* ------------------------------------------- */ /* Slide Rigth /* ------------------------------------------- */ /* line 163, ../sass/ng-animation.scss */ .slide-right { -webkit-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94); /* easeOutQuad */ -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); /* easeOutQuad */ } /* line 165, ../sass/ng-animation.scss */ .slide-right.ng-enter { transform: translateX(60px); -ms-transform: translateX(60px); -webkit-transform: translateX(60px); transition-duration: 250ms; -webkit-transition-duration: 250ms; opacity: 0; } /* line 171, ../sass/ng-animation.scss */ .slide-right.ng-enter-active { transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; } /* line 176, ../sass/ng-animation.scss */ .slide-right.ng-leave { transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transition-duration: 250ms; -webkit-transition-duration: 250ms; opacity: 1; } /* line 182, ../sass/ng-animation.scss */ .slide-right.ng-leave-active { transform: translateX(60px); -ms-transform: translateX(60px); -webkit-transform: translateX(60px); opacity: 0; } /* line 188, ../sass/ng-animation.scss */ .slide-right.ng-hide-add { transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transition-duration: 250ms; -webkit-transition-duration: 250ms; opacity: 1; } /* line 193, ../sass/ng-animation.scss */ .slide-right.ng-hide-add.ng-hide-add-active { transform: translateX(60px); -ms-transform: translateX(60px); -webkit-transform: translateX(60px); opacity: 0; } /* line 199, ../sass/ng-animation.scss */ .slide-right.ng-hide-remove { transform: translateX(60px); -ms-transform: translateX(60px); -webkit-transform: translateX(60px); transition-duration: 250ms; -webkit-transition-duration: 250ms; display: block !important; opacity: 0; } /* line 205, ../sass/ng-animation.scss */ .slide-right.ng-hide-remove.ng-hide-remove-active { transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; } /* ------------------------------------------- */ /* Slide Left /* ------------------------------------------- */ /* line 217, ../sass/ng-animation.scss */ .slide-left { -webkit-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94); /* easeOutQuad */ -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); /* easeOutQuad */ } /* line 219, ../sass/ng-animation.scss */ .slide-left.ng-enter { transform: translateX(-60px); -ms-transform: translateX(-60px); -webkit-transform: translateX(-60px); transition-duration: 250ms; -webkit-transition-duration: 250ms; opacity: 0; } /* line 225, ../sass/ng-animation.scss */ .slide-left.ng-enter-active { transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; } /* line 230, ../sass/ng-animation.scss */ .slide-left.ng-leave { transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transition-duration: 250ms; -webkit-transition-duration: 250ms; opacity: 1; } /* line 236, ../sass/ng-animation.scss */ .slide-left.ng-leave-active { transform: translateX(-60px); -ms-transform: translateX(-60px); -webkit-transform: translateX(-60px); opacity: 0; } /* line 242, ../sass/ng-animation.scss */ .slide-left.ng-hide-add { transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transition-duration: 250ms; -webkit-transition-duration: 250ms; opacity: 1; } /* line 247, ../sass/ng-animation.scss */ .slide-left.ng-hide-add.ng-hide-add-active { transform: translateX(-60px); -ms-transform: translateX(-60px); -webkit-transform: translateX(-60px); opacity: 0; } /* line 253, ../sass/ng-animation.scss */ .slide-left.ng-hide-remove { transform: translateX(-60px); -ms-transform: translateX(-60px); -webkit-transform: translateX(-60px); transition-duration: 250ms; -webkit-transition-duration: 250ms; display: block !important; opacity: 0; } /* line 259, ../sass/ng-animation.scss */ .slide-left.ng-hide-remove.ng-hide-remove-active { transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; } /* ------------------------------------------- */ /* Slide Down /* ------------------------------------------- */ /* line 270, ../sass/ng-animation.scss */ .slide-down { -webkit-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94); /* easeOutQuad */ -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); /* easeOutQuad */ } /* line 273, ../sass/ng-animation.scss */ .slide-down.ng-enter { transform: translateY(-60px); -ms-transform: translateY(-60px); -webkit-transform: translateY(-60px); transition-duration: 250ms; -webkit-transition-duration: 250ms; opacity: 0; } /* line 279, ../sass/ng-animation.scss */ .slide-down.ng-enter-active { transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; } /* line 284, ../sass/ng-animation.scss */ .slide-down.ng-leave { transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transition-duration: 250ms; -webkit-transition-duration: 250ms; opacity: 1; } /* line 290, ../sass/ng-animation.scss */ .slide-down.ng-leave-active { transform: translateY(-60px); -ms-transform: translateY(-60px); -webkit-transform: translateY(-60px); opacity: 0; } /* line 296, ../sass/ng-animation.scss */ .slide-down.ng-hide-add { transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transition-duration: 250ms; -webkit-transition-duration: 250ms; opacity: 1; } /* line 301, ../sass/ng-animation.scss */ .slide-down.ng-hide-add.ng-hide-add-active { transform: translateY(-60px); -ms-transform: translateY(-60px); -webkit-transform: translateY(-60px); opacity: 0; } /* line 307, ../sass/ng-animation.scss */ .slide-down.ng-hide-remove { transform: translateY(-60px); -ms-transform: translateY(-60px); -webkit-transform: translateY(-60px); transition-duration: 250ms; -webkit-transition-duration: 250ms; display: block !important; opacity: 0; } /* line 313, ../sass/ng-animation.scss */ .slide-down.ng-hide-remove.ng-hide-remove-active { transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; } /* ------------------------------------------- */ /* Bouncy Slide Top /* ------------------------------------------- */ /* line 325, ../sass/ng-animation.scss */ .bouncy-slide-top { -webkit-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1); /* older webkit */ -webkit-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275); -ms-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275); /* easeOutBack */ -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1); /* older webkit */ -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595); transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595); /* custom */ } /* line 328, ../sass/ng-animation.scss */ .bouncy-slide-top.ng-enter { transform: translateY(240px); -ms-transform: translateY(240px); -webkit-transform: translateY(240px); transition-duration: 250ms; -webkit-transition-duration: 250ms; opacity: 0; } /* line 334, ../sass/ng-animation.scss */ .bouncy-slide-top.ng-enter-active { transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; } /* line 339, ../sass/ng-animation.scss */ .bouncy-slide-top.ng-leave { transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transition-duration: 250ms; -webkit-transition-duration: 250ms; opacity: 1; } /* line 345, ../sass/ng-animation.scss */ .bouncy-slide-top.ng-leave-active { transform: translateY(240px); -ms-transform: translateY(240px); -webkit-transform: translateY(240px); opacity: 0; } /* line 351, ../sass/ng-animation.scss */ .bouncy-slide-top.ng-hide-add { transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transition-duration: 250ms; -webkit-transition-duration: 250ms; opacity: 1; } /* line 356, ../sass/ng-animation.scss */ .bouncy-slide-top.ng-hide-add.ng-hide-add-active { transform: translateY(240px); -ms-transform: translateY(240px); -webkit-transform: translateY(240px); opacity: 0; } /* line 362, ../sass/ng-animation.scss */ .bouncy-slide-top.ng-hide-remove { transform: translateY(240px); -ms-transform: translateY(240px); -webkit-transform: translateY(240px); transition-duration: 250ms; -webkit-transition-duration: 250ms; display: block !important; opacity: 0; } /* line 368, ../sass/ng-animation.scss */ .bouncy-slide-top.ng-hide-remove.ng-hide-remove-active { transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; } /* ------------------------------------------- */ /* Bouncy Slide Rigth /* ------------------------------------------- */ /* line 379, ../sass/ng-animation.scss */ .bouncy-slide-right { -webkit-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1); /* older webkit */ -webkit-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275); -ms-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275); /* easeOutBack */ -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1); /* older webkit */ -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595); transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595); /* custom */ } /* line 382, ../sass/ng-animation.scss */ .bouncy-slide-right.ng-enter { transform: translateX(240px); -ms-transform: translateX(240px); -webkit-transform: translateX(240px); transition-duration: 250ms; -webkit-transition-duration: 250ms; opacity: 0; } /* line 388, ../sass/ng-animation.scss */ .bouncy-slide-right.ng-enter-active { transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; } /* line 393, ../sass/ng-animation.scss */ .bouncy-slide-right.ng-leave { transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transition-duration: 250ms; -webkit-transition-duration: 250ms; opacity: 1; } /* line 399, ../sass/ng-animation.scss */ .bouncy-slide-right.ng-leave-active { transform: translateX(240px); -ms-transform: translateX(240px); -webkit-transform: translateX(240px); opacity: 0; } /* line 405, ../sass/ng-animation.scss */ .bouncy-slide-right.ng-hide-add { transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transition-duration: 250ms; -webkit-transition-duration: 250ms; opacity: 1; } /* line 410, ../sass/ng-animation.scss */ .bouncy-slide-right.ng-hide-add.ng-hide-add-active { transform: translateX(240px); -ms-transform: translateX(240px); -webkit-transform: translateX(240px); opacity: 0; } /* line 416, ../sass/ng-animation.scss */ .bouncy-slide-right.ng-hide-remove { transform: translateX(240px); -ms-transform: translateX(240px); -webkit-transform: translateX(240px); transition-duration: 250ms; -webkit-transition-duration: 250ms; display: block !important; opacity: 0; } /* line 422, ../sass/ng-animation.scss */ .bouncy-slide-right.ng-hide-remove.ng-hide-remove-active { transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; } /* ------------------------------------------- */ /* Bouncy Slide Left /* ------------------------------------------- */ /* line 434, ../sass/ng-animation.scss */ .bouncy-slide-left { -webkit-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1); /* older webkit */ -webkit-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275); -ms-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275); /* easeOutBack */ -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1); /* older webkit */ -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595); transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595); /* custom */ } /* line 437, ../sass/ng-animation.scss */ .bouncy-slide-left.ng-enter { transform: translateX(-240px); -ms-transform: translateX(-240px); -webkit-transform: translateX(-240px); transition-duration: 250ms; -webkit-transition-duration: 250ms; opacity: 0; } /* line 443, ../sass/ng-animation.scss */ .bouncy-slide-left.ng-enter-active { transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; } /* line 448, ../sass/ng-animation.scss */ .bouncy-slide-left.ng-leave { transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transition-duration: 250ms; -webkit-transition-duration: 250ms; opacity: 1; } /* line 454, ../sass/ng-animation.scss */ .bouncy-slide-left.ng-leave-active { transform: translateX(-240px); -ms-transform: translateX(-240px); -webkit-transform: translateX(-240px); opacity: 0; } /* line 460, ../sass/ng-animation.scss */ .bouncy-slide-left.ng-hide-add { transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transition-duration: 250ms; -webkit-transition-duration: 250ms; opacity: 1; } /* line 465, ../sass/ng-animation.scss */ .bouncy-slide-left.ng-hide-add.ng-hide-add-active { transform: translateX(-240px); -ms-transform: translateX(-240px); -webkit-transform: translateX(-240px); opacity: 0; } /* line 471, ../sass/ng-animation.scss */ .bouncy-slide-left.ng-hide-remove { transform: translateX(-240px); -ms-transform: translateX(-240px); -webkit-transform: translateX(-240px); transition-duration: 250ms; -webkit-transition-duration: 250ms; display: block !important; opacity: 0; } /* line 477, ../sass/ng-animation.scss */ .bouncy-slide-left.ng-hide-remove.ng-hide-remove-active { transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; } /* ------------------------------------------- */ /* Bouncy Slide Down /* ------------------------------------------- */ /* line 488, ../sass/ng-animation.scss */ .bouncy-slide-down { -webkit-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1); /* older webkit */ -webkit-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275); -ms-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275); /* easeOutBack */ -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1); /* older webkit */ -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595); transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595); /* custom */ } /* line 491, ../sass/ng-animation.scss */ .bouncy-slide-down.ng-enter { transform: translateY(-240px); -ms-transform: translateY(-240px); -webkit-transform: translateY(-240px); transition-duration: 250ms; -webkit-transition-duration: 250ms; opacity: 0; } /* line 497, ../sass/ng-animation.scss */ .bouncy-slide-down.ng-enter-active { transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; } /* line 502, ../sass/ng-animation.scss */ .bouncy-slide-down.ng-leave { transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transition-duration: 250ms; -webkit-transition-duration: 250ms; opacity: 1; } /* line 508, ../sass/ng-animation.scss */ .bouncy-slide-down.ng-leave-active { transform: translateY(-240px); -ms-transform: translateY(-240px); -webkit-transform: translateY(-240px); opacity: 0; } /* line 514, ../sass/ng-animation.scss */ .bouncy-slide-down.ng-hide-add { transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transition-duration: 250ms; -webkit-transition-duration: 250ms; opacity: 1; } /* line 519, ../sass/ng-animation.scss */ .bouncy-slide-down.ng-hide-add.ng-hide-add-active { transform: translateY(-240px); -ms-transform: translateY(-240px); -webkit-transform: translateY(-240px); opacity: 0; } /* line 525, ../sass/ng-animation.scss */ .bouncy-slide-down.ng-hide-remove { transform: translateY(-240px); -ms-transform: translateY(-240px); -webkit-transform: translateY(-240px); transition-duration: 250ms; -webkit-transition-duration: 250ms; display: block !important; opacity: 0; } /* line 531, ../sass/ng-animation.scss */ .bouncy-slide-down.ng-hide-remove.ng-hide-remove-active { transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; } /* ------------------------------------------- */ /* Scale Fade /* ------------------------------------------- */ /* line 544, ../sass/ng-animation.scss */ .scale-fade { -webkit-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94); /* easeOutQuad */ -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); /* easeOutQuad */ } /* line 547, ../sass/ng-animation.scss */ .scale-fade.ng-enter { transform: scale(0.7); -ms-transform: scale(0.7); -webkit-transform: scale(0.7); transition-duration: 250ms; -webkit-transition-duration: 250ms; opacity: 0; } /* line 553, ../sass/ng-animation.scss */ .scale-fade.ng-enter-active { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); opacity: 1; } /* line 558, ../sass/ng-animation.scss */ .scale-fade.ng-leave { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transition-duration: 250ms; -webkit-transition-duration: 250ms; opacity: 1; } /* line 564, ../sass/ng-animation.scss */ .scale-fade.ng-leave-active { transform: scale(0.7); -ms-transform: scale(0.7); -webkit-transform: scale(0.7); opacity: 0; } /* line 570, ../sass/ng-animation.scss */ .scale-fade.ng-hide-add { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transition-duration: 250ms; -webkit-transition-duration: 250ms; opacity: 1; } /* line 575, ../sass/ng-animation.scss */ .scale-fade.ng-hide-add.ng-hide-add-active { transform: scale(0.7); -ms-transform: scale(0.7); -webkit-transform: scale(0.7); opacity: 0; } /* line 581, ../sass/ng-animation.scss */ .scale-fade.ng-hide-remove { transform: scale(0.7); -ms-transform: scale(0.7); -webkit-transform: scale(0.7); transition-duration: 250ms; -webkit-transition-duration: 250ms; display: block !important; opacity: 0; } /* line 587, ../sass/ng-animation.scss */ .scale-fade.ng-hide-remove.ng-hide-remove-active { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); opacity: 1; } /* ------------------------------------------- */ /* Spin Fade /* ------------------------------------------- */ /* line 598, ../sass/ng-animation.scss */ .spin-toggle { -webkit-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94); /* easeOutQuad */ -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); /* easeOutQuad */ } /* line 601, ../sass/ng-animation.scss */ .spin-toggle.ng-enter { transform: rotate(225deg); -ms-transform: rotate(225deg); -webkit-transform: rotate(225deg); transition-duration: 250ms; -webkit-transition-duration: 250ms; opacity: 0; } /* line 607, ../sass/ng-animation.scss */ .spin-toggle.ng-enter-active { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); opacity: 1; } /* line 612, ../sass/ng-animation.scss */ .spin-toggle.ng-leave { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transition-duration: 250ms; -webkit-transition-duration: 250ms; opacity: 1; } /* line 618, ../sass/ng-animation.scss */ .spin-toggle.ng-leave-active { transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); opacity: 0; } /* line 624, ../sass/ng-animation.scss */ .spin-toggle.ng-hide-add { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transition-duration: 250ms; -webkit-transition-duration: 250ms; opacity: 1; } /* line 629, ../sass/ng-animation.scss */ .spin-toggle.ng-hide-add.ng-hide-add-active { transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); opacity: 0; } /* line 635, ../sass/ng-animation.scss */ .spin-toggle.ng-hide-remove { transform: rotate(225deg); -ms-transform: rotate(225deg); -webkit-transform: rotate(225deg); transition-duration: 250ms; -webkit-transition-duration: 250ms; display: block !important; opacity: 0; } /* line 641, ../sass/ng-animation.scss */ .spin-toggle.ng-hide-remove.ng-hide-remove-active { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); opacity: 1; } /* ------------------------------------------- */ /* Scale in Fade /* ------------------------------------------- */ /* line 653, ../sass/ng-animation.scss */ .scale-fade-in { -webkit-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94); /* easeOutQuad */ -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); /* easeOutQuad */ } /* line 656, ../sass/ng-animation.scss */ .scale-fade-in.ng-enter { transform: scale(3); -ms-transform: scale(3); -webkit-transform: scale(3); transition-duration: 250ms; -webkit-transition-duration: 250ms; opacity: 0; } /* line 662, ../sass/ng-animation.scss */ .scale-fade-in.ng-enter-active { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); opacity: 1; } /* line 667, ../sass/ng-animation.scss */ .scale-fade-in.ng-leave { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transition-duration: 250ms; -webkit-transition-duration: 250ms; opacity: 1; } /* line 673, ../sass/ng-animation.scss */ .scale-fade-in.ng-leave-active { transform: scale(3); -ms-transform: scale(3); -webkit-transform: scale(3); opacity: 0; } /* line 679, ../sass/ng-animation.scss */ .scale-fade-in.ng-hide-add { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transition-duration: 250ms; -webkit-transition-duration: 250ms; opacity: 1; } /* line 684, ../sass/ng-animation.scss */ .scale-fade-in.ng-hide-add.ng-hide-add-active { transform: scale(3); -ms-transform: scale(3); -webkit-transform: scale(3); opacity: 0; } /* line 690, ../sass/ng-animation.scss */ .scale-fade-in.ng-hide-remove { transform: scale(3); -ms-transform: scale(3); -webkit-transform: scale(3); transition-duration: 250ms; -webkit-transition-duration: 250ms; display: block !important; opacity: 0; } /* line 696, ../sass/ng-animation.scss */ .scale-fade-in.ng-hide-remove.ng-hide-remove-active { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); opacity: 1; } /* ------------------------------------------- */ /* Bouncy Scale in Fade /* ------------------------------------------- */ /* line 708, ../sass/ng-animation.scss */ .bouncy-scale-in { -webkit-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1); /* older webkit */ -webkit-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275); -ms-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275); /* easeOutBack */ -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1); /* older webkit */ -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595); transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595); /* custom */ } /* line 711, ../sass/ng-animation.scss */ .bouncy-scale-in.ng-enter { transform: scale(3); -ms-transform: scale(3); -webkit-transform: scale(3); transition-duration: 450ms; -webkit-transition-duration: 450ms; opacity: 0; } /* line 717, ../sass/ng-animation.scss */ .bouncy-scale-in.ng-enter-active { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); opacity: 1; } /* line 722, ../sass/ng-animation.scss */ .bouncy-scale-in.ng-leave { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transition-duration: 450ms; -webkit-transition-duration: 450ms; opacity: 1; } /* line 728, ../sass/ng-animation.scss */ .bouncy-scale-in.ng-leave-active { transform: scale(3); -ms-transform: scale(3); -webkit-transform: scale(3); opacity: 0; } /* line 734, ../sass/ng-animation.scss */ .bouncy-scale-in.ng-hide-add { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transition-duration: 450ms; -webkit-transition-duration: 450ms; opacity: 1; } /* line 739, ../sass/ng-animation.scss */ .bouncy-scale-in.ng-hide-add.ng-hide-add-active { transform: scale(3); -ms-transform: scale(3); -webkit-transform: scale(3); opacity: 0; } /* line 745, ../sass/ng-animation.scss */ .bouncy-scale-in.ng-hide-remove { transform: scale(3); -ms-transform: scale(3); -webkit-transform: scale(3); transition-duration: 450ms; -webkit-transition-duration: 450ms; display: block !important; opacity: 0; } /* line 751, ../sass/ng-animation.scss */ .bouncy-scale-in.ng-hide-remove.ng-hide-remove-active { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); opacity: 1; } /* ------------------------------------------- */ /* Flip In /* ------------------------------------------- */ /* line 763, ../sass/ng-animation.scss */ .flip-in { -webkit-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94); /* easeOutQuad */ -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); /* easeOutQuad */ } /* line 766, ../sass/ng-animation.scss */ .flip-in.ng-enter { transform: perspective(300px) rotateX(90deg); -ms-transform: perspective(300px) rotateX(90deg); -webkit-transform: perspective(300px) rotateX(90deg); transition-duration: 550ms; -webkit-transition-duration: 550ms; opacity: 0.7; } /* line 772, ../sass/ng-animation.scss */ .flip-in.ng-enter-active { transform: perspective(300px) rotateX(0deg); -ms-transform: perspective(300px) rotateX(0deg); -webkit-transform: perspective(300px) rotateX(0deg); opacity: 1; } /* line 777, ../sass/ng-animation.scss */ .flip-in.ng-leave { transform: perspective(300px) rotateX(0deg); -ms-transform: perspective(300px) rotateX(0deg); -webkit-transform: perspective(300px) rotateX(0deg); transition-duration: 550ms; -webkit-transition-duration: 550ms; opacity: 1; } /* line 783, ../sass/ng-animation.scss */ .flip-in.ng-leave-active { transform: perspective(300px) rotateX(135deg); -ms-transform: perspective(300px) rotateX(135deg); -webkit-transform: perspective(300px) rotateX(135deg); opacity: 0.7; } /* line 789, ../sass/ng-animation.scss */ .flip-in.ng-hide-add { transform: perspective(300px) rotateX(0deg); -ms-transform: perspective(300px) rotateX(0deg); -webkit-transform: perspective(300px) rotateX(0deg); transition-duration: 550ms; -webkit-transition-duration: 550ms; opacity: 1; } /* line 794, ../sass/ng-animation.scss */ .flip-in.ng-hide-add.ng-hide-add-active { transform: perspective(300px) rotateX(135deg); -ms-transform: perspective(300px) rotateX(135deg); -webkit-transform: perspective(300px) rotateX(135deg); opacity: 0; } /* line 800, ../sass/ng-animation.scss */ .flip-in.ng-hide-remove { transform: perspective(300px) rotateX(90deg); -ms-transform: perspective(300px) rotateX(90deg); -webkit-transform: perspective(300px) rotateX(90deg); transition-duration: 550ms; -webkit-transition-duration: 550ms; display: block !important; opacity: 0; } /* line 806, ../sass/ng-animation.scss */ .flip-in.ng-hide-remove.ng-hide-remove-active { transform: perspective(300px) rotateX(0deg); -ms-transform: perspective(300px) rotateX(0deg); -webkit-transform: perspective(300px) rotateX(0deg); opacity: 1; } /* ------------------------------------------- */ /* Rotate In /* ------------------------------------------- */ /* line 817, ../sass/ng-animation.scss */ .rotate-in { -webkit-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1); /* older webkit */ -webkit-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275); -ms-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: all 0 cubic-bezier(0.175, 0.885, 0.32, 1.275); /* easeOutBack */ -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1); /* older webkit */ -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595); -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595); -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595); -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595); transition-timing-function: cubic-bezier(0.175, 0.885, 0.45, 1.595); /* custom */ } /* line 820, ../sass/ng-animation.scss */ .rotate-in.ng-enter { transform: perspective(300px) rotateY(40deg); -ms-transform: perspective(300px) rotateY(40deg); -webkit-transform: perspective(300px) rotateY(40deg); transition-duration: 550ms; -webkit-transition-duration: 550ms; opacity: 0.7; } /* line 826, ../sass/ng-animation.scss */ .rotate-in.ng-enter-active { transform: perspective(300px) rotateY(0deg); -ms-transform: perspective(300px) rotateY(0deg); -webkit-transform: perspective(300px) rotateY(0deg); opacity: 1; } /* line 831, ../sass/ng-animation.scss */ .rotate-in.ng-leave { transform: perspective(300px) rotateY(0deg); -ms-transform: perspective(300px) rotateY(0deg); -webkit-transform: perspective(300px) rotateY(0deg); transition-duration: 550ms; -webkit-transition-duration: 550ms; opacity: 1; } /* line 837, ../sass/ng-animation.scss */ .rotate-in.ng-leave-active { transform: perspective(300px) rotateY(-40deg); -ms-transform: perspective(300px) rotateY(-40deg); -webkit-transform: perspective(300px) rotateY(-40deg); opacity: 0.7; } /* line 843, ../sass/ng-animation.scss */ .rotate-in.ng-hide-add { transform: perspective(300px) rotateY(0deg); -ms-transform: perspective(300px) rotateY(0deg); -webkit-transform: perspective(300px) rotateY(0deg); transition-duration: 550ms; -webkit-transition-duration: 550ms; opacity: 1; } /* line 848, ../sass/ng-animation.scss */ .rotate-in.ng-hide-add.ng-hide-add-active { transform: perspective(300px) rotateY(-40deg); -ms-transform: perspective(300px) rotateY(-40deg); -webkit-transform: perspective(300px) rotateY(-40deg); opacity: 0; } /* line 854, ../sass/ng-animation.scss */ .rotate-in.ng-hide-remove { transform: perspective(300px) rotateY(40deg); -ms-transform: perspective(300px) rotateY(40deg); -webkit-transform: perspective(300px) rotateY(40deg); transition-duration: 550ms; -webkit-transition-duration: 550ms; display: block !important; opacity: 0; } /* line 860, ../sass/ng-animation.scss */ .rotate-in.ng-hide-remove.ng-hide-remove-active { transform: perspective(300px) rotateY(0deg); -ms-transform: perspective(300px) rotateY(0deg); -webkit-transform: perspective(300px) rotateY(0deg); opacity: 1; } #nxs-main-container { /*background-color: #dddddd;*/ } /*******************************************************/ /* Slider Automatic */ /*******************************************************/ #main-slider-wrapper { margin: 10px auto; overflow: hidden; } #main-slider { background-color: Black; height: 250px; width: 1100px; margin: 10px auto; } #nxs-main-container .coda-slider-wrapper { position: relative; padding: 0; } #main-slider .panel-container { height: 250px; } #main-slider .panel-container .panel { width: 1100px; height: 100%; } #main-slider .img-slider-auto { width: 1100px; max-height: 250px; } #main-slider-wrapper .coda-nav-right, #main-slider-wrapper .coda-nav-left { display: none; } ul#slider-link-menu { position: absolute; bottom: 30px; right: 40px; -webkit-padding-start: 0px; } #autoslider-text-line1 { text-shadow: 2px 2px #000000; position: absolute; top: 55px; left:80px; margin-left: 10px; font-size: 35px; font-weight: 100; color: White; text-transform: uppercase; } #autoslider-text-line2 { text-shadow: 2px 2px #000000; position: absolute; top: 110px; left:80px; margin-left: 10px; font-size: 35px; color: White; text-transform: uppercase; } .img-slider-auto img { width: 1100px; height: 250px; } .coda-slider-wrapper .coda-slider .panel .panel-wrapper { position: relative; } ul#slider-link-menu .slider-link { list-style-type: none; display: inline-block; width: 15px; height: 10px; } ul#slider-link-menu .slider-link a { background-image: url("../Images/Nxs/bullet_not_selected.png"); background-repeat: no-repeat; height: 10px; } ul#slider-link-menu .slider-link a.current { background-image: url("../Images/Nxs/bullet_selected.png"); background-repeat: no-repeat; border-bottom: none; } /*******************************************************/ /* Sous menus */ /*******************************************************/ #menu { width: 1100px; margin: 0 auto; } #menu ul { padding: 0px; margin-top: -10px; } #menu #sub_menu li { list-style-type: none; display: inline-block; margin: 10px 0px; cursor: pointer; text-transform: uppercase; } #menu #sub_menu li span { font-size: 10px; color: #666; padding-bottom: 7px; font-weight: bold; } #menu #sub_menu li span:hover, #menu #sub_menu li span.current { border-bottom: solid 5px #3C5075; border-bottom: 5px solid #666; } /*******************************************************/ /* Main Content */ /*******************************************************/ #main-content { width: 1100px; margin: 0px auto 15px auto; min-height: 400px; } /*******************************************************/ /* Left Content */ /*******************************************************/ #left_content { width: 915px; float: left; min-height: 350px;/* A SUPPRIMER */ } /*******************************************************/ /* Right Content */ /*******************************************************/ #right-content { width: 170px; padding-left: 10px; /*border-left: 2px dotted black;*/ float: left; min-height: 350px;/* A SUPPRIMER */ } /*******************************************************/ /* Home */ /*******************************************************/ .mini-slider-box { height: 120px; width: 891px; margin: 20px 0; } .mini-slider-category { float: left; height: 100%; width: 200px; } .mini-slider-category > div { padding-left: 10px; height: 100%; line-height:120px; font-size: 15px; font-weight: bold; color: White; } .bckgrnd_alpha { background-image: url("../Images/Nxs/bckgrnd_alpha.jpg"); } .bckgrnd_smart_beta { background-image: url("../Images/Nxs/bckgrnd_smart_beta.jpg"); } .bckgrnd_alternative { background-image: url("../Images/Nxs/bckgrnd_alternatif.jpg"); } .mini-slider-content { float: left; height: 114px; width: 684px; border: 3px solid #DCE3EB; } .jcarousel-skin-tango { width: 684px; height: 114px; background-color: #EDF1F4; } .jcarousel-skin-tango .jcarousel-container-horizontal { width: 624px; padding: 10px 30px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border: none; background-color: #EDF1F4; } .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 624px; height: 94px; left: 5px; } .jcarousel-skin-tango .jcarousel-item { width: 144px; height: 94px; } .jcarousel-skin-tango .jcarousel-item-horizontal { margin-left: 0; margin-right: 12px; } .jcarousel-skin-tango .jcarousel-prev-horizontal { background: url("../Images/Nxs/left_arrow.png"); background-repeat: no-repeat; height: 20px; width: 20px; position: absolute; top: 47px; left: 5px; } .jcarousel-skin-tango .jcarousel-prev-horizontal:active, .jcarousel-skin-tango .jcarousel-prev-horizontal:focus, .jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-position: 0; } .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal { background: none; } .jcarousel-skin-tango .jcarousel-next-horizontal { background: url("../Images/Nxs/right_arrow.png"); background-repeat: no-repeat; height: 20px; width: 20px; position: absolute; top: 47px; right: 5px; } .jcarousel-skin-tango .jcarousel-next-horizontal:active, .jcarousel-skin-tango .jcarousel-next-horizontal:focus, .jcarousel-skin-tango .jcarousel-next-horizontal:hover { background-position: 0; } .jcarousel-skin-tango .jcarousel-next-disabled-horizontal { background: none; } .mini-slider-img { height: 94px; width: 144px; } .mini-slider-zone { position: absolute; bottom: 8px; height: 40px; width: 144px; background-color: #3c5075; opacity: .8; filter: alpha(opacity=80); } .mini-slider-zone > h4 { text-align: center; color: White; margin-top: 7px; } /*******************************************************/ /* Our Indices */ /*******************************************************/ .glassTable table { width: 95%; } /*******************************************************/ /* News */ /*******************************************************/ #data-div-news { margin-top: 20px; } #news-left-pane { float: left; width: 250px; height: 350px; padding-right: 10px; margin: 0 35px 0 5px; border-right: 1px solid; padding-bottom: 25px; overflow: auto; } #news-right-pane { float: left; width: 590px; } .news-line { cursor: pointer; padding: 7px 0; border-bottom: 1px dotted grey; } .news-line:hover, .news-line.selected { background-color: #EEE; } .news-line-date { color: #007E94; font-weight: bold; } .news-line-title { font-weight: bold; color: #444; } .nxs_admin_news { padding-top: 20px; } .nxs_admin_news > a { color: #007E94; margin-right: 20px; font-size: 11px; } .nxs_admin_news > a:hover { text-decoration: underline; cursor: pointer; } .nxs_admin_news_panel { display: none; padding-top: 20px; } #news-right-pane form textarea#Text { height: 120px; resize: none; } .news-detail-container .titleBorder { margin-top: 0px; } /*******************************************************/ /* Bloc contact */ /*******************************************************/ #block-contact { margin-top: 20px; } #PPAAccordion html,#PPAAccordion body { height: 100%; font-size: 11px; font-family: Verdana , Arial, Helvetica, Verdana, sans-serif; margin: 0; padding: 0; width: 100%; height: 100%; position: relative; background: #fff; color: #333; } #PPAAccordionDiv form { clear: both; float: left; padding: 0px; margin: 0px; } #PPAAccordion .HiddenField { display: none; } #PPAAccordion .Lien, #MailToPopIn .Lien { cursor: pointer; } #HelpBox a { color: #333; } /* Styles for validation helpers -----------------------------------------------------------*/ #PPAAccordion .field-validation-error { color: #ff0000; } #PPAAccordion .field-validation-valid { display: none; } #PPAAccordion .input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; } #PPAAccordion .validation-summary-errors { font-weight: bold; color: #ff0000; } #PPAAccordion .validation-summary-valid { display: none; } /*################# Slider ########################*/ .easy-accordion dt, .easy-accordion dd { margin: 0; padding: 0; -webkit-backface-visibility: hidden; } #PPAAccordion .easy-accordion { display: block; position: relative; overflow: hidden; padding: 0; margin: 0; width: 100%; height: 100%; } #PPAAccordion .easy-accordion dt, .easy-accordion dd { position: absolute; } #PPAAccordion .easy-accordion dt { margin-bottom: 0; margin-left: 0; z-index: 5; transform:rotate(-90deg); -ms-transform:rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform:rotate(-90deg); -moz-transform: rotate(-90deg); -moz-transform-origin: 20px 0px; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); cursor: pointer; } #PPAAccordion .easy-accordion dd { z-index: 1; opacity: 0; overflow: hidden; background: #dcdcdc url(../Images/PPA/SliderBG.png) center right no-repeat; } #PPAAccordion .easy-accordion dd.active { opacity: 1; } #PPAAccordion .easy-accordion dd.no-more-active { z-index: 2; opacity: 1; } #PPAAccordion .easy-accordion dd.active { z-index: 3; } #PPAAccordion .easy-accordion dd.plus { z-index: 4; } #PPAAccordion .easy-accordion .slide-number { position: absolute; bottom: 0; left: 10px; font-weight: normal; font-size: 1.1em; transform:rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform: rotate(90deg); -o-transform:rotate(90deg); -moz-transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-backface-visibility: hidden; } #PPAAccordion dd p { line-height: 120%; } #PPAAccordion { width: 920px; height: 632px; padding: 5px; border: 1px solid #b5c9e8; text-align: left; margin: 20px 20px 20px 20px; background: #fff; background: -webkit-linear-gradient( top left, #fff, #999); background: -moz-linear-gradient( top left, #fff, #999); background: -ms-linear-gradient( top left, #fff, #999); background: -o-linear-gradient( top left, #fff, #999); background: linear-gradient( top left, #fff, #999); } #PPAAccordion h2 { color: #007d94; font-size: 16px; } #PPAAccordion dt { height: 40px; line-height: 44px; text-align: right; padding: 0 50px 0 0; font-size: 15px; font-weight: 700; font-family: sans-serif,​Geneva,​Tahoma; text-transform: uppercase; letter-spacing: 1px; background: #dcdcdc; color: #26526c; border-top: 1px solid #c6d1d3; border-left: 1px solid #c6d1d3; border-right: 1px solid #c6d1d3; } #PPAAccordion dt.active { cursor: pointer; color: #fff; background: #007d94; /*border-bottom: 1px solid #c6d1d3;*/ } #PPAAccordion dt.step1 { background: #dcdcdc url(../Images/Numbers/step1-24x24.png) center right no-repeat; } #PPAAccordion dt.step2 { background: #dcdcdc url(../Images/Numbers/step2-24x24.png) center right no-repeat; } #PPAAccordion dt.step3 { background: #dcdcdc url(../Images/Numbers/step3-24x24.png) center right no-repeat; } /* attention version simplifiée, le step 4 est devenu step 3*/ #PPAAccordion dt.step4 { background: #dcdcdc url(../Images/Numbers/step3-24x24.png) center right no-repeat; } #PPAAccordion dt.active.step1 { background: #007d94 url(../Images/Numbers/step1selected-24x24.png) center right no-repeat; } #PPAAccordion dt.active.step2 { background: #007d94 url(../Images/Numbers/step2selected-24x24.png) center right no-repeat; } #PPAAccordion dt.active.step3 { background: #007d94 url(../Images/Numbers/step3selected-24x24.png) center right no-repeat; } /* attention version simplifiée, le step 4 est devenu step 3*/ #PPAAccordion dt.active.step4 { background: #007d94 url(../Images/Numbers/step3selected-24x24.png) center right no-repeat; } #PPAAccordion dt.hover { color: #68889b; } #PPAAccordion dt.active.hover { color: #fff; } #PPAAccordion dd { padding: 25px; border: 1px solid #c6d1d3; border-left: 0; /*background: #fff url(../Images/PPA/slide.jpg) repeat-x scroll left bottom;*/ } #PPAAccordion .slide-number { display: none; } #PPAAccordion .active .slide-number { display: none; } #PPAAccordion dt.before { background-color: #92d0db; } #PPAAccordion dt.before.hover { background-color: #92d0db; } #PPAAccordion dt.after { background-color: #DDDDDD; } #PPAAccordion dt.after.hover { background-color: #DDDDDD; } /*###########################################*/ /*################ slide design #############*/ /*###########################################*/ #PPAAccordion .SubTitleOnSlide { color: #a768a3; font-size: small; font-weight: bold; } #PPAAccordion .BoxTitle { color: #6d809e; font-weight: bold; padding-left: 10px; } #PPAAccordion #SliderHome { background: #fff url(../Images/PPA/homeBG.png) no-repeat; } /*################ Home slider #############*/ #InitialeDiv { position: absolute; width: 233px; height: 115px; background: #592c7f; left: 30px; top: 50px; color: #fff; font-size: 70px; padding: 35px 0 0 75px; } #BigArchiDiv { position: absolute; width: 273px; height: 150px; background: #007D94 url(../Images/PPA/BigArchi.png) no-repeat; left: 348px; top: 50px; } #SmallArchiDiv { position: absolute; width: 94px; height: 150px; background: #186ee3 url(../Images/PPA/SmallArchi.png) no-repeat; left: 631px; top: 50px; } #VectorSchemaDiv { position: absolute; width: 280px; height: 200px; background: #fff url(../Images/PPA/VectorProjection.png) center center no-repeat; left: 30px; top: 210px; } #HomeTitleDiv { position: absolute; width: 355px; height: 180px; background: #007D94; left: 320px; top: 210px; color: #fff; font-size: 47px; padding: 20px 0 0 50px; } #HomeDescriptionDiv { position: absolute; width: 645px; height: 130px; background: #186ee3; left: 30px; top: 420px; color: #fff; padding: 20px 0 0 50px; font-size: 12px; } /*################ Upload slider #############*/ #DataProvideDiv { margin-top: 100px; } #UploadExcelBox { width: 271px; height: 124px; background: transparent url(../Images/PPA/pave_upload.png) center center no-repeat; margin: auto; text-align: center; padding: 30px 0 0 30px; -webkit-border-radius: 1.2em; -moz-border-radius: 1.2em; border-radius: 1.2em; } #UploadTitleDiv { margin: auto; text-align: center; margin-bottom: 30px; } #PlayButton { position: absolute; left: 230px; top: 190px; } #HelpBox { position: absolute; width: 100%; height: 25px; background: #b0b0b0; left: 0px; top: 592px; padding-top: 15px; padding-left: 20px; font-size: 12px; } #HelpBox a { font-weight: normal; } #UploadProgressDiv { position: relative; width: 500px; height: 100px; border: 1px solid #007D94; margin: auto; background-color: #fff; text-align: center; padding-top: 20px; font-size: 16px; font-weight: bold; color: #007D94; display: none; } #progressbar { position: relative; width: 400px; height: 20px; border: 0 none; padding: 1px; border-radius: 3px; background-color: #fff; margin: auto; margin-top: 20px; } #UploadProgressDiv .ui-widget-header { background: #007D94; border: 1px solid #007D94; color: #222222; font-weight: bold; } /*################ Constraint slider #############*/ #constraintsBox { width: 700px; min-height: 200px; background: #fff; border: 1px solid #007d94; margin: auto; text-align: center; max-height: 500px; overflow: auto; } #constraintsBox div { padding-top: 10px; width: 250px; margin: auto; text-align: justify; } #constraintsBox li { list-style: none; padding-left: 20px; margin-top: 20px; color: #007d94; background: #fff url(../Images/PPA/greenArrow.png) center left no-repeat; } #constraintsBox .ConstraintDiv { width: 600px; color: #007d94; } #constraintsBox .ConstraintDiv input { width: 35px; text-align: center; } #constraintsBox .ConstraintDiv .ConstraintValuesDiv { display: inline; float: right; margin: 0; padding: 0; width: auto; text-align: left; } #constraintsBox .ConstraintSlider { width: 600px; height: 10px; padding: 0px; margin-top: 20px; } #PPAAccordion .PushALittleUp { height: 30px; } /*############################ range Slider ############################*/ #constraintsBox .ui-state-default, #ValidationBox .ui-state-default { background: #592c7f; border: 1px solid #592C7F; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #constraintsBox .ui-slider-range, #ValidationBox .ui-slider-range { background: #815397; height: 10px; padding-top: 0px; } #constraintsBox .ui-slider-handle { top: -0.25em; } #ValidationBox .ui-slider-handle { top: -0.3em; } #ValidationBox .ui-slider-horizontal { width: 450px; height: 10px; padding: 0px; margin-top: 20px; } /*################ Parameter slider #############*/ #parametersBox { width: 700px; height: 450px; background: #fff; border: 1px solid #007d94; margin: auto; text-align: center; overflow: auto; font-size: 12px; } #parametersBox div { padding-top: 25px; width: 250px; margin: auto; text-align: justify; } #parametersBox .parameterDiv { width: 600px; color: #007d94; } #parametersBox .parameterDiv input { width: 175px; text-align: center; } #parametersBox .parameterDiv .parameterValuesDiv { display: inline; float: right; margin: 0; padding: 0; width: auto; text-align: left; } #parametersBox .parameterSlider { width: 600px; height: 10px; padding: 0px; margin-top: 20px; } /*################ Validation slider #############*/ #ExportButtons { float: right; left: 590px; position: absolute; top: 4px; } #ExportButtons input { margin-right:10px; } #mailButton { width: 46px; height: 30px; } #pdfButton { width: 31px; height: 40px; } #excelButton { background: url(../Images/PPA/Excel.png) no-repeat top left; text-indent: -9999px; /* hides the link text */ width: 40px; height: 40px; display:block; } #pdfButton { background: url(../Images/PPA/pdf.png) no-repeat top left; text-indent: -9999px; /* hides the link text */ width: 40px; height: 40px; display:block; } #NewCalculButtonTable { margin:auto; } #RestartButton { width: 131px; height: 32px; -webkit-border-radius: 1.3em; -moz-border-radius: 1.3em; border-radius: 1.3em; background: transparent url(../Images/PPA/recalculer_transparent.PNG) center center no-repeat; color: #fff; font-size: 14px; text-align: center; padding-top: 12px; margin: 20px 5px 5px; } #ChageParametersButton { width: 131px; height: 44px; -webkit-border-radius: 1.3em; -moz-border-radius: 1.3em; border-radius: 1.3em; background: transparent url(../Images/PPA/parametres_transparent.PNG) center center no-repeat; color: #fff; font-size: 14px; text-align: center; margin: 20px 5px 5px; } #ChageParametersButton a { color: #fff; font-size: 14px; text-align: center; font-weight:normal; padding:0 2px 0 2px; } #GraphResult { width: 600px; height: 330px; } #BasketTableDiv { width: 600px; height: 330px; } #SucessResultBox .ResultsTitle { color: #592C7F; } #SucessResultBox { position:absolute; top:0; left:0; background: transparent; width: 725px; height: 540px; margin:70px 10px 0 10px; overflow: auto; font-size: 12px; display: none; color: #592c7f; font-size: large; border : 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #SucessResultBox .ui-tabs-panel { border-bottom: 1px solid #AAAAAA; border-left: 1px solid #AAAAAA; border-right: 1px solid #AAAAAA; margin-left: 3px; margin-right: 0px; height:380px; background:#fff; } #SucessResultBox .ui-widget-header { border: 0; border-bottom: 1px solid #aaa; background: transparent; -webkit-border-radius:0; -moz-border-radius: 0; border-radius: 0; } #LoadingResultBox { width: 700px; height: 400px; background: #fff; border: 1px solid #007d94; margin: auto; margin-top: 30px; padding-top: 50px; overflow: auto; font-size: 12px; display: none; text-align: center; color: #592c7f; font-size: large; } #InputUserMail { width: 220px; color: #333; text-align:center; } #eMailInput { width: 300px; height: 120px; background: transparent url(../Images/PPA/pave_email.png) center center no-repeat; margin: auto; margin-top: 30px; padding-top: 30px; -webkit-border-radius: 1.3em; -moz-border-radius: 1.3em; border-radius: 1.3em; color: #fff; font-size: small; text-align: center; } #AjaxLoader { margin-top: 30px; } #ValidationBox { width: 600px; height: 230px; background: #fff; border: 1px solid #007d94; margin: auto; padding-top: 10px; overflow: auto; font-size: 12px; } #LearningPeriodTitle { margin-left: 10px; color : #007d94; font-size:16px; } #ValidationBox div { padding-top: 25px; } #ValidationBox #resultButtonDiv { background: transparent url(../Images/PPA/pave_validation.png) center center no-repeat; -webkit-border-radius: 1.3em; -moz-border-radius: 1.3em; border-radius: 1.3em; height: 20px; width: 166px; color: #fff; font-size: 16px; text-align: center; padding-bottom: 20px; padding-top: 20px; margin-top: 20px; } #LoadingResultBox .ui-widget-header { background: #592c7f; border: 1px solid #592c7f; color: #222222; font-weight: bold; } #SendAnEmailButton { width: 89px; height: 23px; margin:10px auto auto auto; text-align:center; padding-top:3px; font-size:16px; color:#fff; background:transparent url(../Images/PPA/pave_boutonemail.png) center center no-repeat; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em; } #EmailWillBeSent { width:200px; margin:10px auto auto auto; text-align:center; font-size:12px; color:#fff; display:none; } #GraphResult, #GraphImage { cursor: default; } #ValidationBox div { padding-top: 20px; margin: auto; } #ValidationBox .ConstraintDiv { width: 600px; color: #007d94; } #ValidationBox .ConstraintDiv input { width: 35px; text-align: center; } #ValidationBox .ConstraintDiv .ConstraintValuesDiv { display: inline; float: right; margin: 0; padding: 0; width: auto; text-align: left; } #PeriodInDayMonthYearDiv { font-size:16px; color:#592c7f; width:450px; text-align:center; } #PeriodinTextBoxDiv { font-size:16px; color:#007d94; width:450px; text-align:center; } #PeriodinTextBoxDiv > input { font-size:16px; color:#007d94; width:100px; text-align:center; border:1px solid #007d94; font-weight:bold; } .limitSlider { color:#592c7f; font-size:10px; padding : 20px 10px 0 10px; } #PeriodSliderTable { margin:auto; } #WCFProgressbar { border: 0 none; margin: 20px auto auto; width: 600px; } /*################ Error Notifications #############*/ #PleaseuploadInfo { margin:auto; color : #BF2806; display:none; } #PleaseCheckConstraintsInfo { margin:auto; color : #BF2806; display:none; margin-bottom:10px; } #noEmailAdress{ color: #BF2806; display: none; margin:auto; width:600px; } #UnexpectedErrorFinalDiv { width: 700px; height: 150px; background: #fff; border: 1px solid #007d94; margin: auto; text-align: center; margin-top: 152px; display: none; } #UnexpectedErrorFinalText { background: #fff url(../Images/PPA/bgd-picto-information.png) center left no-repeat; color: #007d94; font-size: large; padding-left: 65px; height: 40px; width: 450px; margin: auto; margin-top: 30px; padding-top: 20px; } #UnexpectedErrorDiv { width: 700px; height: 150px; background: #fff; border: 1px solid #007d94; margin: auto; text-align: center; margin-top: 152px; display: none; } #UnexpectedErrorText { background: #fff url(../Images/PPA/bgd-picto-information.png) center left no-repeat; color: #007d94; font-size: large; padding-left: 65px; height: 40px; width: 450px; margin: auto; margin-top: 30px; padding-top: 20px; } .GoToTool { background: #fff url(../Images/PPA/greenArrow.png) left top no-repeat; padding-left: 20px; color: #007d94; } /*################ PopIn : Mail to #############*/ #MailToPopIn { position:relative; display:none; } #MailToPopIn a { color:#007d94; font-weight:lighter; } #MailToTitle { background: #fff url(../Images/PPA/mail.png) center left no-repeat; padding:6px; padding-left:56px; font-size:16px; height:30px; } #MailToDiv { border-top:1px solid #aaa; margin:auto; margin-top:20px; width:600px; padding-top:20px } #MailToSubTitle { font-size:18px; } .MailObject { margin: 10px 0 10px 0; font-size:14px; } .MailInfo { font-size:10px; } .MailAdress { width:450px; float:right; color: #999; font-size:12px; } #MailToPopIn input { font-size:12px; } #EnvoyerButton { width: 131px; height: 32px; -webkit-border-radius: 1.3em; -moz-border-radius: 1.3em; border-radius: 1.3em; background: transparent url(../Images/PPA/parametres_transparent.PNG) center center no-repeat; color: #fff; font-size: 14px; text-align: center; padding-top: 12px; margin:10px auto 10px auto; } #CloseButton { position:absolute; right:0px; top:0px; height:14px; width:14px; color:#fff; font-size:14px; background : #007d94; padding-bottom: 4px; padding-left: 4px; } @font-face{font-family:'Roboto';src:url('Font/Roboto-regular.ttf');font-weight:normal;font-style:normal;}@font-face{font-family:'Roboto';src:url('Font/Roboto-Bold.ttf');font-weight:bold;font-style:normal;}@font-face{font-family:'Roboto';src:url('Font/Roboto-BoldItalic.ttf');font-weight:bold;font-style:italic;}@font-face{font-family:'Roboto';src:url('Font/Roboto-Italic.ttf');font-weight:normal;font-style:italic;}@font-face{font-family:'Roboto';src:url('Font/Roboto-Black.ttf');font-weight:900;font-style:normal;}@font-face{font-family:'Roboto';src:url('Font/Roboto-Black.ttf');font-weight:900;font-style:italic;}@font-face{font-family:'Roboto';src:url('Font/Roboto-Light.ttf');font-weight:300;font-style:normal;}@font-face{font-family:'Roboto';src:url('Font/Roboto-LightItalic.ttf');font-weight:300;font-style:italic;}@font-face{font-family:'Roboto';src:url('Font/Roboto-Medium.ttf');font-weight:500;font-style:normal;}@font-face{font-family:'Roboto';src:url('Font/Roboto-MediumItalic.ttf');font-weight:500;font-style:italic;}@font-face{font-family:'Roboto';src:url('Font/Roboto-Thin.ttf');font-weight:100;font-style:normal;}@font-face{font-family:'Roboto';src:url('Font/Roboto-ThinItalic.ttf');font-weight:100;font-style:italic;}#v2017 header{width:100%;min-width:0;}#v2017 header .nat-header{background-color:#fff;border-bottom:solid 1px #e6e6e6;}#v2017 header .nat-header .nat-header-container .nat-header-row{padding:0;}#v2017 header .nat-header .nat-header-container .nat-header-row .navbar{margin-bottom:0;background-color:transparent;border:none;height:inherit;min-height:0;}#v2017 header .nat-header .nat-header-container .nat-header-row .navbar .navbar-header{display:flex;}#v2017 header .nat-header .nat-header-container .nat-header-row .navbar .navbar-header .navbar-toggle{font-size:15px;border:none;color:#581d74;margin-left:10px;}#v2017 header .nat-header .nat-header-container .nat-header-row .navbar .navbar-header .navbar-toggle:hover{background-color:transparent;}#v2017 header .nat-header .nat-header-container .nat-header-row .navbar .navbar-header .navbar-toggle:focus{background-color:transparent;}#v2017 header .nat-header .nat-header-container .nat-header-row .navbar .navbar-collapse{border-top-width:0;overflow:hidden;}#v2017 header .nat-header .nat-header-container ul{margin:0;padding:0;font-size:0;}#v2017 header .nat-header .nat-header-container li{display:block;list-style:none;}#v2017 header .nat-header .nat-header-container li span{padding-top:0;}#v2017 header .nat-header .nat-header-logo{float:left;}#v2017 header .nat-header .nat-header-right{margin-top:27px;float:right;font-family:Roboto;}#v2017 header .nat-header .nat-header-right .custom-a{display:block;font-size:15px;color:#333;padding:6px 15px;}#v2017 header .nat-header .nat-header-right>ul{display:block;}#v2017 header .nat-header .nat-header-right>ul>li{float:left;}#v2017 header .nat-header .nat-header-right>ul li{margin:0 5px;}#v2017 header .nat-header .nat-header-right>ul li.nat-contact a{display:block;font-size:15px;color:#333;padding:6px 15px;border:1px solid #ccc;}#v2017 header .nat-header .nat-header-right>ul li.nat-contact a:hover{background-color:#f6f6f6;}#v2017 header .nat-header .nat-header-right>ul li.nat-lang a{display:block;font-size:15px;color:#333;padding:6px 15px;font-weight:bold;border:none;box-shadow:none;}#v2017 header .nat-header .nat-header-right>ul li.nat-lang a .caret{padding:0;}#v2017 header .nat-header .nat-header-right>ul li.nat-lang .dropdown-toggle::after{content:none;}#v2017 header .nat-header .nat-header-right>ul li.nat-account a{display:block;font-size:15px;color:#333;padding:6px 15px;font-family:Roboto;font-size:13px;color:#5594de;box-shadow:none;}#v2017 header .nat-header .nat-header-right>ul li.nat-account a .account-user-picto{margin-right:5px;}#v2017 header .nat-header .nat-header-right>ul li.nat-account .dropdown-menu a{font-size:13px;}#v2017 header .nat-header .nat-header-right>ul li.nat-account .dropdown-toggle::after{content:none;}#v2017 header .nat-header .nat-header-right>ul li .dropdown-menu{box-shadow:2px 2px 5px rgba(204,204,204,.3);border:1px solid #ccc;border-radius:0;min-width:100px;text-align:center;}#v2017 header .nat-header .nat-header-right>ul li .dropdown-menu a{display:block;font-size:15px;color:#333;padding:6px 15px;font-family:Roboto;font-weight:normal;}#v2017 header .nat-header .nat-header-right>ul li .dropdown-menu a:hover{color:#581d74;background-color:transparent;}#v2017 header .nat-header .nat-header-divider{clear:both;border-bottom:solid 2px #e6e6e6;}#v2017 header .nat-header .nat-header-menu{font-family:Roboto;font-weight:bold;}#v2017 header .nat-header .nat-header-menu ul#menu{width:100%;min-width:0;}#v2017 header .nat-header .nat-header-menu ul#menu li{border-top:2px solid #e6e6e6;text-align:center;position:relative;top:-2px;}#v2017 header .nat-header .nat-header-menu ul#menu li::before{content:'';display:inline-block;width:0;height:0;border-top:6px solid;border-left:5px solid transparent;border-right:5px solid transparent;visibility:hidden;}#v2017 header .nat-header .nat-header-menu ul#menu li:hover{border-top-color:#5f6367;}#v2017 header .nat-header .nat-header-menu ul#menu li:hover::before{border-top-color:#5f6367;visibility:visible;}#v2017 header .nat-header .nat-header-menu ul#menu li:hover a{color:#5f6367;}#v2017 header .nat-header .nat-header-menu ul#menu li.selected{border-top-color:#e81b73;}#v2017 header .nat-header .nat-header-menu ul#menu li.selected::before{border-top-color:#e81b73;visibility:visible;}#v2017 header .nat-header .nat-header-menu ul#menu li.selected a{color:#e81b73;}#v2017 header .nat-header .nat-header-menu ul#menu li a{display:block;font-size:15px;font-weight:bold;color:#581d74;padding:4px 10px 10px 10px;}#v2017 footer{width:100%;min-width:0;}#v2017 footer ul{margin:0;list-style-type:none;}#v2017 footer li{display:inline-block;list-style:none;}#v2017 footer .nat-footer{padding:14px;margin:0 0 5px 0;background-color:#fff;border-top:solid 1px #e6e6e6;border-bottom:solid 1px #e6e6e6;}#v2017 footer .nat-footer-logo{margin-top:8px;}#v2017 footer .nat-socials{float:right;}#v2017 footer .nat-socials ul li{font-size:16px;margin:0 5px;}#v2017 footer .nat-socials ul li a{display:block;border-radius:100%;width:33px;height:33px;text-align:center;line-height:30px;color:#333;}#v2017 footer .nat-socials ul li a img{border:none;}#v2017 footer .nat-socials ul li.nat-tw{background-image:url(Images/Picto_X.png);}#v2017 footer .nat-socials ul li.nat-tw:hover{background-image:url(Images/Picto_X_Hover.png);}#v2017 footer .nat-socials ul li.nat-lk{background-image:url(Images/Picto_LinkedIn.png);}#v2017 footer .nat-socials ul li.nat-lk:hover{background-image:url(Images/Picto_LinkedIn_Hover.png);}#v2017 footer .nat-socials ul li.nat-yt{background-image:url(Images/Picto_Youtube.png);}#v2017 footer .nat-socials ul li.nat-yt:hover{background-image:url(Images/Picto_Youtube_Hover.png);}#v2017 footer .nat-footer-mentions{margin-top:8px;float:right;}#v2017 footer .nat-footer-mentions li{font-family:Roboto;font-weight:bold;font-size:13px;margin:0 10px;color:#581d74;}#v2017 footer .nat-footer-mentions li a{color:#581d74;}#v2017 footer .nat-footer-mentions li a:hover{color:#e81b73;}#v2017 #navigation_list_holder{margin:20px 0;}#v2017 #navigation_list_holder #navigation_list{display:block;padding:0;}#v2017 #navigation_list_holder #navigation_list::after{content:'';display:block;clear:both;}#v2017 #navigation_list_holder #navigation_list .selected-navigation{border:1px solid #5594de;color:#5594de;}#v2017 #navigation_list_holder #navigation_list li{float:left;list-style:none;margin-right:5px;font-family:Roboto;font-weight:bold;min-width:105px;text-align:center;background-color:transparent;}#v2017 #navigation_list_holder #navigation_list li a{display:block;padding:3px 10px;font-size:15px;border:1px solid #581d74;color:#581d74;text-transform:none;}#v2017 #navigation_list_holder #navigation_list li a:hover{border:1px solid #5f6367;color:#5f6367;}#v2017 #navigation_list_holder #navigation_list li a.current{border:1px solid #5594de;color:#5594de;}#v2017 #navigation_list_holder #navigation_list li .current a{border:1px solid #5594de;color:#5594de;}#v2017 body{color:#000;}#v2017 body h1{margin:0 0 10px;}#v2017 #index_body{font-family:Verdana;font-size:10px;line-height:initial !important;}#v2017 #index_body .submitButtons{box-sizing:border-box;font-family:Arial;}#v2017 #index_body .button_signupOld{box-sizing:border-box;font-family:Arial;}#v2017 #index_body #login_block{line-height:normal;}#v2017 #index_body #login_block .button_loginOld{box-sizing:border-box;font-family:Arial;}#v2017 #index_body p{margin:11px 0 !important;}#v2017 #index_body .panel{margin:0 !important;border:none !important;}#v2017 #index_body div{box-sizing:content-box !important;}@media(max-width:0){#v2017 footer .text-right{text-align:left;}#v2017 footer .text-left{text-align:left;}}@media(max-width:768px){#v2017 header .nat-header .nat-header-container .nat-header-logo{min-height:60px;vertical-align:middle;}#v2017 header .nat-header .nat-header-container li.nat-contact{display:none;}#v2017 header .nat-header .nat-header-menu{margin-top:2px;}#v2017 footer .text-right{text-align:left;}#v2017 footer .nat-socials{width:100%;margin-top:14px;}#v2017 footer .nat-socials ul{margin:0;padding:0;}#v2017 footer .nat-footer-mentions ul{margin:0;padding:0;}#v2017 footer .nat-footer-mentions ul li{width:100%;}}@media(max-width:992px){#v2017 header .nat-header .nat-header-container li.nat-contact{display:none;}#v2017 header .nat-header .nat-header-right{text-align:right;position:absolute;top:-17px;right:10px;left:10px;}#v2017 header .nat-header .nat-header-right ul{margin:0;padding:0;}#v2017 header .nat-header .nat-header-right ul li{width:100%;padding:0;margin:0;}#v2017 footer .nat-socials{width:100%;margin-top:14px;}#v2017 footer .nat-socials ul{margin:0;padding:0;}#v2017 footer .nat-footer-mentions ul{margin:0;padding:0;}}@media(max-width:1240px){#v2017 footer .nat-socials{width:100%;margin-top:14px;}#v2017 footer .nat-socials ul{margin:0;padding:0;}#v2017 footer .nat-footer-mentions ul{margin:0;padding:0;}} .ui-widget-overlay { opacity: 0.75; filter: alpha(opacity=75); position: fixed !important; } .gradient-green { background: #209EB4; background-position: left center; background-repeat: repeat-x; background-size: 0 100%; background: -moz-linear-gradient(top, rgba(54, 172, 193, 1) 0%, rgba(16, 145, 168, 1) 25%, rgba(3, 127, 149, 1) 50%, rgba(16, 145, 168, 1) 75%, rgba(54, 172, 193, 1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(54, 172, 193, 1)), color-stop(25%,rgba(16, 145, 168, 1)), color-stop(50%,rgba(3, 127, 149, 1)), color-stop(75%,rgba(16, 145, 168, 1)), color-stop(100%,rgba(54, 172, 193, 1))); background: -webkit-linear-gradient(top, rgba(54, 172, 193, 1) 0%,rgba(16, 145, 168, 1) 25%,rgba(3, 127, 149, 1) 50%,rgba(16, 145, 168, 1) 75%,rgba(54, 172, 193, 1) 100%); background: -o-linear-gradient(top, rgba(54, 172, 193, 1) 0%,rgba(16, 145, 168, 1) 25%,rgba(3, 127, 149, 1) 50%,rgba(16, 145, 168, 1) 75%,rgba(54, 172, 193, 1) 100%); background: -ms-linear-gradient(top, rgba(54, 172, 193, 1) 0%,rgba(16, 145, 168, 1) 25%,rgba(3, 127, 149, 1) 50%,rgba(16, 145, 168, 1) 75%,rgba(54, 172, 193, 1) 100%); background: linear-gradient(top, rgba(54, 172, 193, 1) 0%,rgba(16, 145, 168, 1) 25%,rgba(3, 127, 149, 1) 50%,rgba(16, 145, 168, 1) 75%,rgba(54, 172, 193, 1) 100%); } .titleSquare { background-image: url("../Images/background_hachure.gif"); background-repeat: no-repeat; background-position: left center; padding: 0 0 0 35px; font-weight: bold; font-size: 12px; color: #007E94; margin: 15px 0 15px 0; } .titleBorder { border-left: 14px solid; padding: 5px 0 5px 10px; font-size: 13px; font-weight: bold; margin: 15px 0 15px 0; } .titleBorder.purple { color: #581D74; border-color: #581d74; } .titleBorder.blue { color: #187194; border-color:#187194; } .glassTable table .headerRow td, .glassTable table .headerRow th, .glassTable table .fixedHeader td, .glassTable .HeaderTRgrilleDeCompte, .glassTable .HeaderTR, .glassTable thead, .dataTable thead, .fixedHeader thead { background: #209EB4; /* Old browsers */ background-image: url("../Images/header_gradient.png"); background-position: left center; background-repeat: repeat-x; background-size: 0 100%; background: -moz-linear-gradient(top, rgba(54,172,193,1) 0%, rgba(16,145,168,1) 25%, rgba(3,127,149,1) 50%, rgba(16,145,168,1) 75%, rgba(54,172,193,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(54,172,193,1)), color-stop(25%,rgba(16,145,168,1)), color-stop(50%,rgba(3,127,149,1)), color-stop(75%,rgba(16,145,168,1)), color-stop(100%,rgba(54,172,193,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(54,172,193,1) 0%,rgba(16,145,168,1) 25%,rgba(3,127,149,1) 50%,rgba(16,145,168,1) 75%,rgba(54,172,193,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(54,172,193,1) 0%,rgba(16,145,168,1) 25%,rgba(3,127,149,1) 50%,rgba(16,145,168,1) 75%,rgba(54,172,193,1) 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(54,172,193,1) 0%,rgba(16,145,168,1) 25%,rgba(3,127,149,1) 50%,rgba(16,145,168,1) 75%,rgba(54,172,193,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(54,172,193,1) 0%,rgba(16,145,168,1) 25%,rgba(3,127,149,1) 50%,rgba(16,145,168,1) 75%,rgba(54,172,193,1) 100%); /* W3C */ /* filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#037F95', endColorstr='#36ACC1');*/ /*IE8*/ text-align: center; z-index: 100; color: white; /*padding:5px; */ } .dataTable thead th { background-color: transparent; } .glassTable table#tableSynthesis .headerRow td { padding: 2px; } .glassTable table tr hi { background-color: transparent; border: 1px solid #C2DFE3; } .glassTable table tr.darkRow, .glassTable table tr.odd { background-image: url("../Images/lightblue_1x30.png"); background-position: left center; background-repeat: repeat-x; background-size: 0 100%; } .glassTable table tr.darkRow:hover, .glassTable table tr.lightRow:hover, .glassTable table tr.odd:hover, .glassTable table tr.even:hover { background-image: url("../Images/lightgrey_1x30.png"); background-position: left center; background-repeat: repeat-x; background-size: 0 100%; } .glassTableBlue { margin-top: 20px; } .glassTableBlue table thead { border-bottom: 1px solid black; } .glassTableBlue table thead tr th { background: #1E5B87; padding: 7px 10px; } .glassTableBlue table tbody tr td { padding: 7px 10px; color: #7B7D7F; } .glassTableBlue table tr td:first-child { background-color: #CADBE3; border-right: 2px solid #1E5B87; } .glassTableBlue table tbody tr.hover, .glassTableBlue table tr.hover td:first-child { background-color: #DCEAF2; } table.dataTable thead th { padding: 2px 0px 10px 0px; } table.dataTable tr.even { background-color: White; } table.dataTable tr.odd { background-color: #DEE4E5; } table.dataTable tr.even td.sorting_1 { } table.dataTable tr.odd td.sorting_1 { } table.dataTable tr td { border: 1px solid #C2E0E5; } /* Styles for colored tables */ table, td, tr, th { border-collapse: collapse; } .fixedHeader td, .fixedHeader th { /*osition: relative; */ } th, .fixedHeader td, .headerRow td, .HeaderTRgrilleDeCompte td, .HeaderTR td { padding: 2px; background-color: #007e94; color: #ffffff; font-weight: bold; } table.alternateTable tr td { border-collapse: collapse; border: 1px solid white; } table tr.lightRow td, tr.LightTRgrilleDeCompte td { padding: 2px 2px 2px 2px; background-color: #ebf3f5; } table tr.darkRow td, tr.DarkTRgrilleDeCompte td { padding: 2px 2px 2px 2px; background-color: #deebee; } table tr.selectedRow td { background-color: #72AFC5; font-weight: bold; } table tr.selectedRow td { color: White; } table tr.headerRow { z-index: 100; } .headerRow a { color: #ffffff; } html, body { font-family: Verdana; font-size: 10px; min-height: 100%; width: auto; height: 100%; margin: 0 auto; top: 0px; left: 0px; background-color: White; } a { font-weight: bold; text-decoration: none !important; } a img { border-style: none; } table a { text-decoration: none; color: #004080; } a, a:active, a:focus { outline: none; } header, footer, hgroup, nav, section { display: block; } mark { background-color: #a6dbed; padding-left: 5px; padding-right: 5px; } .float-left { float: left; } .float-right { float: right; } .clear-fix:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } h1, h2, h3, h4, h5, h6 { color: #000; margin-bottom: 0; padding-bottom: 0; } h1 { font-size: 2em; } h2 { font-size: 1.75em; } h3 { font-size: 1.2em; } h4 { font-size: 1.1em; } h5, h6 { font-size: 1em; } /* main layout ----------------------------------------------------------*/ .content-wrapper { margin: 0 auto; width: auto; min-height: 695px; height: auto !important; } header, footer { /*width: 1280px;*/ width: 100%; margin: 0 auto; } header #menu ul { height: 38px; line-height: 38px; margin: 0px; } header ul { list-style-type: none; display: inline; /*float: left;*/ margin: 0 0px 0 10px; padding: 0; font-size: 0px; } header ul li { /*float: left;*/ display: inline; } header li a, header li span { font-size: 10px; padding-top: 14px; } header ul li a.selected { font-weight: bold; } header li a, header li span.selectedLang { color: White; font-weight: normal; text-decoration: none; } #header_purple, #header_green, #header_mobile { height: 38px; width: 100%; color: white; font-size: 11px; } #header_purple { background: url('../Images/Layout/PurpleN.png') center; } #header_mobile { background-image: url('../Images/Layout/BandeauMobile.png'); background-repeat: repeat-x; } #header_mobile a { float: left; } #header_mobile img { margin: 0; padding: 0; margin-left: 10px; } #header_green { background-color: #007E94; clear: both; line-height: 37px; text-transform: uppercase; } #header_green li a.selected { border-bottom: solid 5px #6AB3C0; } #header_green li a { padding: 14px 3px 8px 2px; } #header_green li a:hover { border-bottom: solid 5px #6AB3C0; } #header_purple ul { display: block; margin: 0 41px 0 10px; } #header_purple li a { display: block; padding: 14px 3px 7px 3px; height: 12px; } #header_purple li span { display: block; padding: 14px 0px 7px 0px; } #header_purple ul li { float: right; } #header_purple li a:hover { padding-bottom: 7px; border-bottom: solid 5px #A87BCC; } #header_grey { margin: 0; padding: 0; height: 74px; background-image: url('../Images/Layout/BandeauDegrade.png'); background-repeat: repeat-x; display: block; } #header_grey a { float: left; } #header_grey img { margin: 0; padding: 0; margin-left: 10px; } footer { border-right: solid 0px #36003E; bottom: 0; } footer div.menu-horizontal { height: 25px; background-color: #581d74; } footer ul.menu { list-style: none; margin: 0px; padding-top: 5px; padding-left: 10px; padding-right: 40px; } footer ul.menu li { display: block; float: left; color: white; padding-left: 20px; } footer ul.menu li a { color: white; text-decoration: none; } #logo_bpce { clear: both; padding-left: 10px; } /* login ----------------------------------------------------------*/ #login { display: block; font-size: .85em; margin: 20px 0 12px; text-align: right; } #login a { background-color: #d3dce0; margin-left: 10px; margin-right: 3px; padding: 2px 3px; text-decoration: none; } #login a.username { background: none; margin-left: 0px; text-decoration: underline; } #login ul { margin: 0; } #login li { display: inline; list-style: none; } /* main menu ----------------------------------------------------------*/ #menu_navigation { float: left; color: #666; margin-top: 20px; display: block; width: 574px; margin-left: 25px; margin-bottom: 25px; } #menu_navigation h1 { font-size: 40px; color: #666; font-weight: normal; margin-top: 0px; } #navigation_list_holder { color: #666; margin-bottom: 10px; } #navigation_list_holder ul { display: block; padding: 0px; } #navigation_list_holder ul li { float: left; margin-right: 5px; list-style-type: none; } #navigation_list_holder ul li a, #menu_navigation ul li span { color: #666; font-weight: bold; padding: 0px 2px 7px 2px; font-size: 10px; cursor: pointer; text-transform: uppercase; } #navigation_list_holder li a:hover, #navigation_list_holder li a.current { border-bottom: solid 5px #3C5075; } /* page elements ----------------------------------------------------------*/ /* page titles */ hgroup.title { margin-bottom: 10px; } hgroup.title h1, hgroup.title h2 { display: inline; } hgroup.title h2 { font-weight: normal; margin-left: 3px; } /* login page */ #loginForm { border-right: solid 2px #c8c8c8; float: left; width: 45%; } #loginForm .validation-error { display: block; margin-left: 15px; } #socialLoginForm { margin-left: 40px; float: left; width: 50%; } /* contact */ .contact h3 { font-size: 1.2em; } .contact p { margin: 5px 0 0 10px; } .contact iframe { border: 1px solid #333; margin: 5px 0 0 10px; } /* forms */ fieldset { border: none; margin: 0; padding: 0; } fieldset legend { display: none; } fieldset ol { padding: 0; list-style: none; } fieldset ol li { padding-bottom: 5px; } fieldset label { display: block; font-size: 1.2em; font-weight: 600; } fieldset label.checkbox { display: inline; } fieldset input[type="text"], fieldset input[type="password"], fieldset textarea { border: 1px solid #e2e2e2; color: #333; font-size: 1.2em; margin: 5px 0 6px 0; padding: 5px; width: 300px; } fieldset input[type="text"]:focus, fieldset input[type="password"]:focus { border: 1px solid #7ac0da; } fieldset input[type="submit"] { background-color: #d3dce0; border: 1px solid #787878; cursor: pointer; font-size: 1.2em; font-weight: 600; padding: 7px; } fieldset select { border: 1px solid #E2E2E2; color: #333; font-size: 1.2em; margin: 5px 0 6px 0; padding: 5px; width: 313px; } /* ajax login/registration dialog */ .ui-dialog, .ui-dialog.ui-widget { font-family: inherit; font-size: 1.0em; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border: 0 none; z-index: 1002; } .ui-dialog input { font-family: inherit; font-size: 1.25em; } .ui-dialog-titlebar { color: inherit; font-weight: inherit; border: 0 none; background: none; float: right; } .ui-dialog-titlebar-close { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } /* When using jquery ui 2.1.4 with bootstrap 3.3.4, the .ui-dialog-titlebar-close button content is not genrated Then, the button appears whitout the cross 'x'. There is probably a conflict between both. The following css is a workaround. ---------------------------------- */ button.ui-dialog-titlebar-close { background-color: transparent; border: none; background-image: url("Themes/base/images/ui-icons_222222_256x240.png"); background-position: -96px -128px; } button.ui-dialog-titlebar-close:hover { background-color: #DADADA; border: solid 1px #999999; } button.ui-dialog-titlebar-close:focus { outline-color: transparent; } /* ---------------------------------- */ .ui-widget-header, .ui-dialog-titlebar.ui-widget-header { border: 0 none; background: none; } .modal-popup { } .modal-popup input[type="text"], .modal-popup input[type="password"] { width: 90%; } /* info and errors */ .message-info { border: 1px solid; clear: both; padding: 10px 20px; } .message-error { clear: both; color: #e80c4d; font-size: 1.1em; font-weight: bold; margin: 20px 0 10px 0; } .message-success { color: #7ac0da; font-size: 1.3em; font-weight: bold; margin: 20px 0 10px 0; } .error { color: #e80c4d; } /* styles for validation helpers */ .field-validation-error { color: #e80c4d; font-weight: bold; } .field-validation-valid { display: none; } input[type="text"].input-validation-error, input[type="password"].input-validation-error, select.input-validation-error { border: 1px solid #e80c4d; } .validation-summary-errors { color: #e80c4d; font-weight: bold; font-size: 1.1em; } .validation-summary-valid { display: none; } /* home page ----------------------------------------------------------*/ .news_container { width: 1024px; height: 460px; z-index: 1; } .rotate_90 { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -moz-transform-origin: 20px 0px; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } .visibility_hidden { visibility: hidden; } #docsBasket { margin: 0 0 0 5px; font-weight: bold; float: right; width: 90px; display: inline-block; } #documents_basket_count img { float: right; margin: 6px; } #documents_basket_count a { font-style: italic; font-weight: bold; font-size: 11px; } .addDocToBasket { padding: 0; } .addDocToBasket div { background-image: url('../Images/Layout/addDocToBasket.gif'); cursor: pointer; width: 17px; height: 17px; border: none; margin: auto; } .addDocToBasket.added div { background-image: url('../Images/Layout/removeDocFromBasket.gif'); } #header_green #documents_basket_count a:hover { border-bottom: none; } #login_block { background-image: url('../Images/Home/login.png'); background-repeat: no-repeat; width: 382px; height: 36px; float: left; padding-top: 7px; } input[type="submit"].button_signup, input[type="button"].button_connectez, input[type="button"].button_login, input[type="submit"].button_login { background-repeat: no-repeat; height: 47px; color: white; font-weight: bold; border: none; } input[type="submit"].button_signup { background-image: url('../Images/Home/signup.png'); width: 74px; float: left; font-size: 11px; padding: 0px; } input[type="button"].button_connectez { background-image: url('../Images/Home/connectez.png'); width: 114px; font-size: 11px; padding: 0px; } input[type="button"].button_login, input[type="submit"].button_login { background-image: url('../Images/Home/buttonLockSprite.png'); background-position: left top; width: 176px; margin: 15px; font-size: 14px; font-family: Verdana; padding-left: 30px; } input[type="button"].button_login:hover, input[type="submit"].button_login:hover { background-image: url('../Images/Home/buttonLockSprite.png'); background-position: left bottom; } input[type="submit"].button_signup:hover, input[type="button"].button_connectez:hover, input[type="button"].button_login:hover, input[type="submit"].button_login:hover { cursor: pointer; } /* TO DELETE */ input[type="button"].button_loginOld { background-image: url('../Images/Home/button_login.png'); width: 74px; } input[type="submit"].button_loginOld { background-image: url('../Images/Home/login_button.png'); background-repeat: no-repeat; width: 85px; height: 22px; color: white; border: none; font-size: 11px; font-weight: bold; } input[type="submit"].button_loginOld:hover; input[type="button"].button_signupOld:hover { cursor: pointer; } input[type="button"].button_signupOld { background-repeat: no-repeat; background-image: url('../Images/Home/signup.png'); padding: 0; width: 78px; height: 45px; float: left; color: white; font-weight: bold; font-size: 11px; border: none; } /****/ .logout_button { background-color: #007E94; color: white; padding: 2px; border: solid 1px #007E94; border-style: solid; font-weight: normal !important; } #user_connection { float: right; color: #007E94; font-weight: bold; margin-top: 50px; padding-right: 10px; } #user_connection span { padding: 4px; } .popup_header h3 { background-color: lightgray; padding: 10px 0 10px 20px; margin: 8px 0 8px 0; font-size: 14px; font-weight: bold; color: #007E94; } .disclaimer_block { padding-top: 10px; } .disclaimer_block_header { color: #444; font-weight: bold; } .siteMap li { margin-bottom: 5px; } .siteMap li a { color: Black; } #legal_link { text-decoration: underline; } #divLogin { /*background: url('../Images/PPA/SliderBG.png');*/ width: 100%; height: 650px; text-align: center; } #divLogin .titleLogin { font-family: Arial; font-size: 18px; color: #646567; } #divLogin .divBorder10 { border: 10px solid #eee5ea; background: #fff; display: block; padding-top: 20px; padding-bottom: 10px; width: 323px; } #divLogin h1 { font-size: 40px; color: #666; font-weight: normal; margin-top: 10px; margin-left: 0px; margin-bottom: 20px; text-align: left; } #divLogin #conformite { font-size: 9px; text-align: justify; width: 98%; margin-left: 10px; float: left; } h1.grey { font-size: 40px; color: #666; font-weight: normal; margin: 25px; width: 574px; } h2.grey { font-size: 30px; color: #666; font-weight: normal; margin: 15px 25px; width: 574px; } .border3pxgrey { border: 3px #DDDEE2 solid; } .border5pxgrey { border: 5px #DDDEE2 solid; } .border7pxgrey { border: 4px #DDDEE2 solid; } .table-container table thead, .table-container table thead tr th { background-color: #1E5B87; } .table-container table.dataTable tr td { border: none; color: #7B7D7F; } .table-container table.dataTable tr.odd { background-color: #EFF3F6; } .table-container table.dataTable tr:hover { background-color: #DCEAF2; } /* Useful Usual css */ .hidden { display: none; } .floatLeft { float: left; } .floatRight { float: right; } .textAlignCenter { text-align: center; } .textAlignLeft { text-align: left; } .textAlignRight { text-align: right; } .multiple-values-select ul { list-style-type: square; } .multiple-values-select li { height: 17px; } .multiple-values-select li .company { display: inline-block; } .multiple-values-select li .remove { background-image: url('../Images/eMaps/round_remove.png'); background-repeat: no-repeat; width: 16px; height: 16px; display: inline-block; cursor: pointer; float: right; } .bc-darkgreen-hover, .bc-darkgreen, fieldset input[type="submit"].bc-darkgreen-hover, fieldset input[type="submit"].bc-darkgreen { background-color: #1E5B87; color: White; } .bc-darkgreen-hover:hover, fieldset input[type="submit"].bc-darkgreen-hover:hover { background-color: #2672A8; } .bc-purple-hover, .bc-purple, fieldset input[type="submit"].bc-purple-hover, fieldset input[type="submit"].bc-purple { background-color: #581D74; color: White; } .bc-purple-hover:hover, fieldset input[type="submit"].bc-purple-hover:hover { background-color: #7A3F96; } .bc-yellow-hover, .bc-yellow, fieldset input[type="submit"].bc-yellow-hover, fieldset input[type="submit"].bc-yellow { background-color: #EF9C2E; color: White; } .bc-yellow-hover:hover, fieldset input[type="submit"].bc-yellow-hover:hover { background-color: #EDB061; } .opacity_40 { opacity: .4; filter: alpha(opacity=40); } .ui-datepicker-trigger { vertical-align: top; } .noty_text a { font-weight: normal; color: inherit; } .noty_text a:hover { text-decoration:underline; } /*****************************************/ /************ PIN CODE ****************/ /*****************************************/ .pincode { width: 100%; height: 230px; } .pincode .pincode-value, .pincode .reset, .pincode .validate { cursor: pointer; background-color: #f5f5f5; background-image: -moz-linear-gradient(top,#1F7EA3,#185F7B); background-image: -webkit-gradient(linear,0 0,0 100%,from(#1F7EA3),to(#185F7B)); background-image: -webkit-linear-gradient(top,#1F7EA3,#185F7B); background-image: -o-linear-gradient(top,#1F7EA3,#185F7B); background-image: linear-gradient(to bottom,#1F7EA3,#185F7B); background-repeat: repeat-x; border: 1px solid #165872; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); border-bottom-color: #165872; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1F7EA3',endColorstr='#185F7B',GradientType=0); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); font-weight: normal; border-color: #165872; margin: 0px; line-height: 45px; text-align: center; cursor: pointer; font-size: 14px; color: white; } .pincode .pincode-value { width: 60px; height: 35px; float: left; margin: 0px; line-height: 35px; } .pincode .pincode-value:hover { color: white; text-decoration: none; background-image: -moz-linear-gradient(top,#185F7B,#185F7B); background-image: -webkit-gradient(linear,0 0,0 100%,from(#185F7B),to(#185F7B)); background-image: -webkit-linear-gradient(top,#185F7B,#185F7B); background-image: -o-linear-gradient(top,#185F7B,#185F7B); background-image: linear-gradient(to bottom,#185F7B,#185F7B); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#185F7B',endColorstr='#185F7B',GradientType=0); } .pincode .reset, .pincode .validate { width: 47%; margin-top: 5px; } .pincode .reset { background: #37628B; border-color: #1C5179; color: white; font-size: 14px; line-height: 35px; width: 90px; display: inline-block; background-image: -moz-linear-gradient(top,#C8DEE5,#C7DDE4); background-image: -webkit-gradient(linear,0 0,0 100%,from(#C8DEE5),to(#C7DDE4)); background-image: -webkit-linear-gradient(top,#C8DEE5,#C7DDE4); background-image: -o-linear-gradient(top,#C8DEE5,#C7DDE4); background-image: linear-gradient(to bottom,#C8DEE5,#C7DDE4); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C8DEE5',endColorstr='#C7DDE4',GradientType=0); color: Black; border-color: #C8DEE5; } .pincode .validate { background: #37628B; border-color: #1C5179; color: white; font-size: 14px; line-height: 35px; width: 90px; display: inline-block; background-image: -moz-linear-gradient(top,#186789,#1B749B); background-image: -webkit-gradient(linear,0 0,0 100%,from(#186789),to(#1B749B)); background-image: -webkit-linear-gradient(top,#186789,#1B749B); background-image: -o-linear-gradient(top,#186789,#1B749B); background-image: linear-gradient(to bottom,#186789,#1B749B); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#186789',endColorstr='#1B749B',GradientType=0); border-color: #1B749B; } .pincode-dialog { display: none; } .pincode .fake-input { width: 182px; font-size: 14px; margin-bottom: 5px; } .pincode-dialog.ui-widget-content { background: none; background-color: #82BCD0; overflow: hidden; } .pincode-title { color: White; margin-bottom: 5px; font-size: 12px; } .pincode-overlay { background-color: #82BCD0; background-image: none; } /* Useful Usual css */ .hidden { display: none; } .floatLeft { float: left; } .floatRight { float: right; } .textAlignCenter { text-align: center; } .textAlignLeft { text-align: left; } .textAlignRight { text-align: right; } .opacity_40 { opacity: .4; filter: alpha(opacity=40); } div.FGDR { border: 1px solid #e6e7e8; width: 599px; margin: 50px auto 0px auto; position: relative; padding: 100px 40px 40px 40px; } div.FGDR > img { position: absolute; background-color: #ffffff; top: -45px; left: -45px; padding-right: 30px; padding-bottom: 10px; } div.FGDR > div { display: inline-block; vertical-align: middle; } div.FGDR > .Content { width: 165px; text-align: justify; } div.FGDR > .Links { width: 340px; text-align: center; } div.FGDR > .Links a { background-position: 10px center; background-repeat: no-repeat; display: inline-block; min-width: 100px; height: 42px; padding-left: 52px; padding-right: 15px; line-height: 42px; color: #ffffff; font-weight: bold; } div.FGDR > .Links a.FGDR { background-image: url('../Images/Home/FGDR-FGDR.png'); background-color: #fa9447; margin-bottom: 10px; } div.FGDR > .Links a.Download { background-image: url('../Images/Home/FGDR-Download.png'); background-color: #aaaaaa; } #squallView .full { width: 100%; } #equityView .marginBottom { margin-bottom: 4px; } #equityView label { font-weight: normal; } table td.download a, table td.download a:hover, table td.download a:active { color: #666666; text-decoration: underline; } body#v2017 #equityView .limitContent { width: 250px; } td.ca-description { width: 180px; font-weight: bold; word-break: break-word; white-space: Pre-wrap; line-height: 16px; text-overflow: ellipsis; } /*#equityView table { border-spacing: 0; border-collapse: collapse; padding: 0; table-layout: fixed; white-space: nowrap; } #equityView table thead { border: 1px solid #DCE2EA; } #equityView table th { background: url('../images/Squall/bg_thead.jpg') repeat; color: #581D74; font-weight: normal; font-size: 12px; text-align: left; padding: 10px 5px; white-space: normal; } #equityView table th .glyphicon { font-size: 12px; } #equityView table tbody tr:nth-child(odd) { background-color: #EFF1F1; } #equityView table tbody tr:nth-child(even) { background-color: #FFF; } #equityView table tr { height: 30px; } #equityView table tr td.grey { color: #A8A8A8; } #equityView table tr th.left { text-align: left; } #equityView table tr th.right { text-align: right; } #equityView table tr th.center { text-align: center; } #equityView table tr td.left { text-align: left; } #equityView table tr td.right { text-align: right; } #equityView table tr td.center { text-align: center; } #equityView table tr td { padding: 0px 0px; line-height: 24px; }*/ #equityView table tr td div.greenSpread { border-left: solid 10px #78A439; padding-left: 0px; overflow: hidden; border-collapse: separate; height: 24px; width: 7px; display: inline; float: left; left: 18px; position: relative; } #equityView table tr td div.redSpread { border-left: solid 10px #C2142A; padding-left: 0px; overflow: hidden; border-collapse: separate; height: 24px; width: 7px; display: inline; float: left; left: 18px; position: relative; } #equityView table tr td.bold { font-weight: bold; } /*#equityView table tr td.col-squall-1 { width:7.3333333333333333% }*/ #corporateactionsDiv h2 { margin-top: 0px; margin-bottom: 25px; } /*#equityView div.gridInfo { font-size: 10px; font-style: italic; }*/ #equityView a.sortIndicator { color: rgba(88, 29, 116, 0.4); } .col-xs-1-squall { width: 6.33333333%; } #equityView a.sortIndicator:hover, #equityView a.sortIndicator span.active { color: #581D74; } /*#equityView .filter-bloc { border: 2px solid #581D74; padding: 10px 10px; background-color: #EFEFEF; color: #581D74; }*/ #equityView .filter-bloc .filterLabelStyle { margin-top: 5px; } #equityView .filter-bloc .row { margin-bottom: 4px; } #equityView .input-group-btn button { height: 30px; border-radius: 0; padding: 5px 7px; } #equityView .input-group input { height: 30px; border-radius: 0; } #equityView .input-group .input-group-btn .btn .glyphicon-calendar { color: #581D74; } #equityView .input-group input.ng-valid-date { cursor: default; } #equityView .input-group select { height: 30px; border-radius: 0; } /*#equityView .dropdown-container { float: left; display: block; width: 100%; } #equityView .dropdown-container > div.dropdown-display { float: left; width: 100%; background: white; height: 30px; cursor: pointer; border: solid 1px #dddddd; box-sizing: border-box; } #equityView .dropdown-container > div.dropdown-display > * { float: left; height: 100%; height: 20px; line-height: 30px !important; display: inline-block; vertical-align: middle; } #equityView .dropdown-container > div.dropdown-display > span { font-size: 14px; width: 77%; position: relative; box-sizing: border-box; padding-right: 34px; padding-left: 5px; } #equityView .dropdown-container > div.dropdown-display > span.right-select { width: 22%; } #equityView .dropdown-container > div.dropdown-display > span.withoutConditional { width: 95%; } #equityView .dropdown-container > div.dropdown-display > span.placeholder { color: #aaaaaa; } #equityView .dropdown-container > div.dropdown-display > i { position: relative; width: 14px; margin-left: -24px; font-size: 1.125em; font-weight: bold; padding-right: 10px; text-align: right; float: right; } #equityView .dropdown-container > div.dropdown-list { float: left; position: relative; width: 100%; transform: scale(1, 0); transition: transform ease 250ms; } #equityView .dropdown-container > div.dropdown-list > div { position: absolute; width: 100%; z-index: 2; cursor: pointer; background: white; } #equityView .dropdown-container > div.dropdown-list > div > div { float: left; width: 100%; padding: 0 5px; font-size: 14px; box-sizing: border-box; border: solid 1px #dddddd; border-top: none; } #equityView .dropdown-container > div.dropdown-list > div > div:hover { background: #F0F0F0; } #equityView .dropdown-container > div.dropdown-list > div > div.selected { background: #581D74; color: white; } #equityView .dropdown-container > div.dropdown-list > div > div > * { height: 20px; line-height: 20px !important; display: inline-block; vertical-align: middle; } #equityView .dropdown-container > div.dropdown-list > div > div > span.right-select { width: 8%; } #equityView .dropdown-container > div.dropdown-list > div > div > span { float: left; width: 80%; position: relative; box-sizing: border-box; } #equityView .dropdown-container > div.dropdown-list > div > div > span.withoutConditional { width: 90%; } #equityView .dropdown-container > div.dropdown-list > div > div > i { float: right; width: 20px; margin-left: -20px; display: none; } #equityView .dropdown-container > div.dropdown-list > div > div.selected > i { display: inline-block; } #equityView .dropdown-container.show > div.dropdown-list { transform: scale(1, 1); }*/ #equityView .red { color: #C2142A; } #equityView .download a { cursor: pointer; } #equityView .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-radius: 0; } #equityView .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #581d74; } /*#equityView .dropdown-container > div.dropdown-list > div > div > span .glyphicon-ban-circle { background-color: red; } .dropdown-menu li div table thead tr th button { border-radius: 0px; } .dropdown-menu li div table tbody tr td button { border-radius: 0px; } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { background-color: #6a2d82; border-color: #581d74; }*/ .btn-info { background-color: #6a2d82; border-color: #581d74; } .btn-purple.validateFilter { float: right; margin-right: 10px; } /************************************** Slider ******************************************/ #modalDiv h3 { font-weight: bold; } #modalDiv.infoStyle h3 { color: #000; } #modalDiv.warnStyle h3 { background-color: Orange; color: #000; } #modalDiv.warnStyle .modal-body i { color: Orange; } #modalDiv.errorStyle h3 { background-color: Red; color: #000; } #modalDiv.errorStyle .modal-body i { color: Red; } #modalDiv.successStyle h3 { background-color: Green; color: #FFF; } #modalDiv.successStyle h3 a { color: #FFF; } #modalDiv.successStyle .modal-body i { color: Green; } #modalDiv.confirmStyle h3 { background-color: #007E94; color: #FFF; } #modalDiv.confirmStyle h3 a { color: #FFF; } #modalDiv.confirmStyle .modal-body i { color: #007E94; } /******************************* Modal *********************************/ /*.modal-dialog .modal-content { border-radius: 0;} .dropdown-menu { border-radius: 0; z-index: 1051; } ul.dropdown-menu[id^=typeahead] { border-radius: 0; padding: 0; margin: 0; width: 92.7%; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background-color: #581d74; } .modal-dialog .modal-content .modal-body .form-group ul.dropdown-menu { width: 95%;} .form-control:focus { border-color: #470368; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(162, 93, 218, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(162, 93, 218, 0.6); } .modal-label { color: #581D74; }*/ /* Manage funds */ #manageFundsDiv .fa { font-size: 15px; } div#manageFundsDiv div.filter-bloc { padding: 10px; } #manageFundsDiv .filter-bloc label.button { position: relative; margin-bottom: 13px; } #manageFundsDiv .filter-bloc label[for]{ padding-top: 5px; } #manageFundsDiv .right-pannel { position: absolute; top: 0; bottom: 0; left: 50%; } #manageFundsDiv .right-pannel .sticky { position: sticky; top: 10px; /*border: solid 1px green;*/ min-height: 100px; } #selectedUsers, #funds { border: 1px solid #DCE2EA; } @media (max-width: 767.98px) { .row { margin-left: 0; margin-right: 0; } body#v2017 #equityView .limitLabel { width: 200px; } td.ca-description { width: auto; font-weight: bold; word-break: break-word; white-space: Pre-wrap; line-height: 16px; text-overflow: ellipsis; } #equityView table tr td div.greenSpread { border-left: solid 10px #78A439; padding-left: 0px; overflow: hidden; border-collapse: collapse; height: 24px; width: 7px; display: inline; clear: both; left: 40%; position: relative; } #equityView table tr td div.redSpread { border-left: solid 10px #C2142A; padding-left: 0px; overflow: hidden; border-collapse: collapse; height: 24px; width: 7px; display: inline; clear: both; left: 40%; position: relative; } .mobile-adjust { margin-left: -10px; } }