/* Minification failed. Returning unminified contents. (495,1): run-time error CSS1019: Unexpected token, found '@import' (495,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap")' (496,1): run-time error CSS1019: Unexpected token, found '@import' (496,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap")' (15425,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (15426,6): run-time error CSS1035: Expected colon, found '{' (16937,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (16938,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (16944,1): run-time error CSS1019: Unexpected token, found '@keyframes' (16945,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (16951,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (16952,8): run-time error CSS1035: Expected colon, found '{' (16957,1): run-time error CSS1019: Unexpected token, found '@keyframes' (16958,8): run-time error CSS1035: Expected colon, found '{' (16963,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (16964,8): run-time error CSS1035: Expected colon, found '{' (16973,1): run-time error CSS1019: Unexpected token, found '@keyframes' (16974,8): run-time error CSS1035: Expected colon, found '{' (16983,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (16984,8): run-time error CSS1035: Expected colon, found '{' (16993,1): run-time error CSS1019: Unexpected token, found '@keyframes' (16994,8): run-time error CSS1035: Expected colon, found '{' (17003,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (17004,8): run-time error CSS1035: Expected colon, found '{' (17013,1): run-time error CSS1019: Unexpected token, found '@keyframes' (17014,8): run-time error CSS1035: Expected colon, found '{' (17023,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (17024,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17031,1): run-time error CSS1019: Unexpected token, found '@keyframes' (17032,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20421,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20422,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20430,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20431,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '25%' (20441,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20442,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (21301,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21302,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21315,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21316,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21324,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21325,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21334,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21335,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21356,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21357,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21378,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21379,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21396,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21397,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21418,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21419,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21436,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21437,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21455,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21456,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21466,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21467,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (21486,1): run-time error CSS1019: Unexpected token, found '@keyframes' (21487,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23906,3): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (23907,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (23918,3): run-time error CSS1019: Unexpected token, found '@keyframes' (23919,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (24884,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (24885,8): run-time error CSS1035: Expected colon, found '{' (24912,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24913,8): run-time error CSS1035: Expected colon, found '{' (24944,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (24945,8): run-time error CSS1035: Expected colon, found '{' (24956,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24957,8): run-time error CSS1035: Expected colon, found '{' (24971,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (24972,8): run-time error CSS1035: Expected colon, found '{' (24979,1): run-time error CSS1019: Unexpected token, found '@keyframes' (24980,8): run-time error CSS1035: Expected colon, found '{' (24990,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (24991,8): run-time error CSS1035: Expected colon, found '{' (25006,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25007,8): run-time error CSS1035: Expected colon, found '{' (25025,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25026,8): run-time error CSS1035: Expected colon, found '{' (25049,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25050,8): run-time error CSS1035: Expected colon, found '{' (25076,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25077,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25090,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25091,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (25108,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25109,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (25120,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25121,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (25136,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25137,8): run-time error CSS1035: Expected colon, found '{' (25160,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25161,8): run-time error CSS1035: Expected colon, found '{' (25187,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25188,8): run-time error CSS1035: Expected colon, found '{' (25203,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25204,8): run-time error CSS1035: Expected colon, found '{' (25222,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25223,8): run-time error CSS1035: Expected colon, found '{' (25244,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25245,8): run-time error CSS1035: Expected colon, found '{' (25270,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25271,8): run-time error CSS1035: Expected colon, found '{' (25294,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25295,8): run-time error CSS1035: Expected colon, found '{' (25321,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25322,8): run-time error CSS1035: Expected colon, found '{' (25341,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25342,8): run-time error CSS1035: Expected colon, found '{' (25364,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25365,8): run-time error CSS1035: Expected colon, found '{' (25384,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25385,8): run-time error CSS1035: Expected colon, found '{' (25407,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25408,8): run-time error CSS1035: Expected colon, found '{' (25426,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25427,8): run-time error CSS1035: Expected colon, found '{' (25448,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25449,8): run-time error CSS1035: Expected colon, found '{' (25467,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25468,8): run-time error CSS1035: Expected colon, found '{' (25489,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25490,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (25502,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25503,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (25518,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25519,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (25531,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25532,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (25547,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25548,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (25555,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25556,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (25566,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25567,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (25574,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25575,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (25585,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25586,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (25598,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25599,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (25614,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25615,8): run-time error CSS1035: Expected colon, found '{' (25620,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25621,8): run-time error CSS1035: Expected colon, found '{' (25629,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25630,8): run-time error CSS1035: Expected colon, found '{' (25637,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25638,8): run-time error CSS1035: Expected colon, found '{' (25648,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25649,8): run-time error CSS1035: Expected colon, found '{' (25656,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25657,8): run-time error CSS1035: Expected colon, found '{' (25667,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25668,8): run-time error CSS1035: Expected colon, found '{' (25675,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25676,8): run-time error CSS1035: Expected colon, found '{' (25686,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25687,8): run-time error CSS1035: Expected colon, found '{' (25694,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25695,8): run-time error CSS1035: Expected colon, found '{' (25705,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25706,8): run-time error CSS1035: Expected colon, found '{' (25713,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25714,8): run-time error CSS1035: Expected colon, found '{' (25724,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25725,8): run-time error CSS1035: Expected colon, found '{' (25732,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25733,8): run-time error CSS1035: Expected colon, found '{' (25743,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25744,8): run-time error CSS1035: Expected colon, found '{' (25751,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25752,8): run-time error CSS1035: Expected colon, found '{' (25762,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25763,8): run-time error CSS1035: Expected colon, found '{' (25770,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25771,8): run-time error CSS1035: Expected colon, found '{' (25781,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25782,8): run-time error CSS1035: Expected colon, found '{' (25787,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25788,8): run-time error CSS1035: Expected colon, found '{' (25796,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25797,8): run-time error CSS1035: Expected colon, found '{' (25803,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25804,8): run-time error CSS1035: Expected colon, found '{' (25813,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25814,8): run-time error CSS1035: Expected colon, found '{' (25820,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25821,8): run-time error CSS1035: Expected colon, found '{' (25830,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25831,8): run-time error CSS1035: Expected colon, found '{' (25837,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25838,8): run-time error CSS1035: Expected colon, found '{' (25847,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25848,8): run-time error CSS1035: Expected colon, found '{' (25854,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25855,8): run-time error CSS1035: Expected colon, found '{' (25864,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25865,8): run-time error CSS1035: Expected colon, found '{' (25871,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25872,8): run-time error CSS1035: Expected colon, found '{' (25881,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25882,8): run-time error CSS1035: Expected colon, found '{' (25888,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25889,8): run-time error CSS1035: Expected colon, found '{' (25898,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25899,8): run-time error CSS1035: Expected colon, found '{' (25905,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25906,8): run-time error CSS1035: Expected colon, found '{' (25915,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25916,8): run-time error CSS1035: Expected colon, found '{' (25922,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25923,8): run-time error CSS1035: Expected colon, found '{' (25932,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25933,8): run-time error CSS1035: Expected colon, found '{' (25949,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25950,8): run-time error CSS1035: Expected colon, found '{' (25966,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (25967,8): run-time error CSS1035: Expected colon, found '{' (25982,1): run-time error CSS1019: Unexpected token, found '@keyframes' (25983,8): run-time error CSS1035: Expected colon, found '{' (26002,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (26003,8): run-time error CSS1035: Expected colon, found '{' (26018,1): run-time error CSS1019: Unexpected token, found '@keyframes' (26019,8): run-time error CSS1035: Expected colon, found '{' (26038,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (26039,8): run-time error CSS1035: Expected colon, found '{' (26048,1): run-time error CSS1019: Unexpected token, found '@keyframes' (26049,8): run-time error CSS1035: Expected colon, found '{' (26062,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (26063,8): run-time error CSS1035: Expected colon, found '{' (26072,1): run-time error CSS1019: Unexpected token, found '@keyframes' (26073,8): run-time error CSS1035: Expected colon, found '{' (26086,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (26087,8): run-time error CSS1035: Expected colon, found '{' (26100,1): run-time error CSS1019: Unexpected token, found '@keyframes' (26101,8): run-time error CSS1035: Expected colon, found '{' (26118,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (26119,8): run-time error CSS1035: Expected colon, found '{' (26125,1): run-time error CSS1019: Unexpected token, found '@keyframes' (26126,8): run-time error CSS1035: Expected colon, found '{' (26136,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (26137,8): run-time error CSS1035: Expected colon, found '{' (26146,1): run-time error CSS1019: Unexpected token, found '@keyframes' (26147,8): run-time error CSS1035: Expected colon, found '{' (26159,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (26160,8): run-time error CSS1035: Expected colon, found '{' (26169,1): run-time error CSS1019: Unexpected token, found '@keyframes' (26170,8): run-time error CSS1035: Expected colon, found '{' (26182,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (26183,8): run-time error CSS1035: Expected colon, found '{' (26192,1): run-time error CSS1019: Unexpected token, found '@keyframes' (26193,8): run-time error CSS1035: Expected colon, found '{' (26205,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (26206,8): run-time error CSS1035: Expected colon, found '{' (26215,1): run-time error CSS1019: Unexpected token, found '@keyframes' (26216,8): run-time error CSS1035: Expected colon, found '{' (26228,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (26229,8): run-time error CSS1035: Expected colon, found '{' (26238,1): run-time error CSS1019: Unexpected token, found '@keyframes' (26239,8): run-time error CSS1035: Expected colon, found '{' (26251,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (26252,8): run-time error CSS1035: Expected colon, found '{' (26260,1): run-time error CSS1019: Unexpected token, found '@keyframes' (26261,8): run-time error CSS1035: Expected colon, found '{' (26272,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (26273,8): run-time error CSS1035: Expected colon, found '{' (26281,1): run-time error CSS1019: Unexpected token, found '@keyframes' (26282,8): run-time error CSS1035: Expected colon, found '{' (26293,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (26294,8): run-time error CSS1035: Expected colon, found '{' (26302,1): run-time error CSS1019: Unexpected token, found '@keyframes' (26303,8): run-time error CSS1035: Expected colon, found '{' (26314,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (26315,8): run-time error CSS1035: Expected colon, found '{' (26323,1): run-time error CSS1019: Unexpected token, found '@keyframes' (26324,8): run-time error CSS1035: Expected colon, found '{' (26335,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (26336,8): run-time error CSS1035: Expected colon, found '{' (26344,1): run-time error CSS1019: Unexpected token, found '@keyframes' (26345,8): run-time error CSS1035: Expected colon, found '{' (26356,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (26357,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (26382,1): run-time error CSS1019: Unexpected token, found '@keyframes' (26383,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (26411,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (26412,8): run-time error CSS1035: Expected colon, found '{' (26419,1): run-time error CSS1019: Unexpected token, found '@keyframes' (26420,8): run-time error CSS1035: Expected colon, found '{' (26430,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (26431,8): run-time error CSS1035: Expected colon, found '{' (26437,1): run-time error CSS1019: Unexpected token, found '@keyframes' (26438,8): run-time error CSS1035: Expected colon, found '{' (26447,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (26448,8): run-time error CSS1035: Expected colon, found '{' (26454,1): run-time error CSS1019: Unexpected token, found '@keyframes' (26455,8): run-time error CSS1035: Expected colon, found '{' (26464,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (26465,8): run-time error CSS1035: Expected colon, found '{' (26474,1): run-time error CSS1019: Unexpected token, found '@keyframes' (26475,8): run-time error CSS1035: Expected colon, found '{' (26487,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (26488,8): run-time error CSS1035: Expected colon, found '{' (26497,1): run-time error CSS1019: Unexpected token, found '@keyframes' (26498,8): run-time error CSS1035: Expected colon, found '{' (26510,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (26511,8): run-time error CSS1035: Expected colon, found '{' (26520,1): run-time error CSS1019: Unexpected token, found '@keyframes' (26521,8): run-time error CSS1035: Expected colon, found '{' (26533,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (26534,8): run-time error CSS1035: Expected colon, found '{' (26543,1): run-time error CSS1019: Unexpected token, found '@keyframes' (26544,8): run-time error CSS1035: Expected colon, found '{' (26556,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (26557,8): run-time error CSS1035: Expected colon, found '{' (26565,1): run-time error CSS1019: Unexpected token, found '@keyframes' (26566,8): run-time error CSS1035: Expected colon, found '{' (26577,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (26578,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (26588,1): run-time error CSS1019: Unexpected token, found '@keyframes' (26589,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (26602,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (26603,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (26611,1): run-time error CSS1019: Unexpected token, found '@keyframes' (26612,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (26623,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (26624,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (26632,1): run-time error CSS1019: Unexpected token, found '@keyframes' (26633,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (26644,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (26645,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (26655,1): run-time error CSS1019: Unexpected token, found '@keyframes' (26656,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (26669,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (26670,8): run-time error CSS1035: Expected colon, found '{' (26676,1): run-time error CSS1019: Unexpected token, found '@keyframes' (26677,8): run-time error CSS1035: Expected colon, found '{' (26686,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (26687,8): run-time error CSS1035: Expected colon, found '{' (26693,1): run-time error CSS1019: Unexpected token, found '@keyframes' (26694,8): run-time error CSS1035: Expected colon, found '{' (26703,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (26704,8): run-time error CSS1035: Expected colon, found '{' (26710,1): run-time error CSS1019: Unexpected token, found '@keyframes' (26711,8): run-time error CSS1035: Expected colon, found '{' (26720,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (26721,8): run-time error CSS1035: Expected colon, found '{' (26727,1): run-time error CSS1019: Unexpected token, found '@keyframes' (26728,8): run-time error CSS1035: Expected colon, found '{' (26737,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (26738,8): run-time error CSS1035: Expected colon, found '{' (26744,1): run-time error CSS1019: Unexpected token, found '@keyframes' (26745,8): run-time error CSS1035: Expected colon, found '{' (26754,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (26755,8): run-time error CSS1035: Expected colon, found '{' (26761,1): run-time error CSS1019: Unexpected token, found '@keyframes' (26762,8): run-time error CSS1035: Expected colon, found '{' (26771,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (26772,8): run-time error CSS1035: Expected colon, found '{' (26778,1): run-time error CSS1019: Unexpected token, found '@keyframes' (26779,8): run-time error CSS1035: Expected colon, found '{' (26788,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (26789,8): run-time error CSS1035: Expected colon, found '{' (26795,1): run-time error CSS1019: Unexpected token, found '@keyframes' (26796,8): run-time error CSS1035: Expected colon, found '{' */ /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ /** * 1. Change the default font family in all browsers (opinionated). * 2. Correct the line height in all browsers. * 3. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ /* Document ========================================================================== */ html { font-family: sans-serif; /* 1 */ line-height: 1.15; /* 2 */ -ms-text-size-adjust: 100%; /* 3 */ -webkit-text-size-adjust: 100%; /* 3 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ html, body, div, form, h1, h2, h3, h4, h5, h6, ol, p, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, map, object, a, br, i, img, span, iframe, label, caption { margin: 0; padding: 0; border: 0; outline:0; } body { margin: 0; } /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ /* h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size:100%; } */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ figcaption, figure, main { /* 1 */ display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * Remove the outline on focused links when they are also active or hovered * in all browsers (opinionated). */ a:active, a:hover { outline-width: 0; } /** * 1. Remove the bottom border in Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], /* 1 */ [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Change the border, margin, and padding in all browsers (opinionated). */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* Interactive ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ details, /* 1 */ menu { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"); .zone, .wrapper, div, img, table caption, #map, .mapFrame, .groove { -webkit-box-sizing: border-box; box-sizing: border-box; } a { -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } table { -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } ul.inline, ul.inline li, ol.inline, ol.inline li { list-style: none; } .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } @font-face { font-family: "Clear Sans"; font-style: normal; font-weight: 100; src: local("ClearSans-Thin"), local("Clear Sans Thin"), url("../fonts/IntelClearSans/EOT/ClearSans-Thin.eot"), url("../fonts/IntelClearSans/EOT/ClearSans-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/IntelClearSans/WOFF/ClearSans-Thin.woff") format("woff"), url("../fonts/IntelClearSans/TTF/ClearSans-Thin.ttf") format("truetype"), url("../fonts/IntelClearSans/SVG/ClearSans-Thin.svg") format("svg"); } @font-face { font-family: "Clear Sans"; font-style: normal; font-weight: 300; src: local("ClearSans-Light"), local("Clear Sans Light"), url("../fonts/IntelClearSans/EOT/ClearSans-Light.eot"), url("../fonts/IntelClearSans/EOT/ClearSans-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/IntelClearSans/WOFF/ClearSans-Light.woff") format("woff"), url("../fonts/IntelClearSans/TTF/ClearSans-Light.ttf") format("truetype"), url("../fonts/IntelClearSans/SVG/ClearSans-Light.svg") format("svg"); } @font-face { font-family: "Clear Sans"; font-style: normal; font-weight: 400; src: local("ClearSans"), local("Clear Sans"), url("../fonts/IntelClearSans/EOT/ClearSans-Regular.eot"), url("../fonts/IntelClearSans/EOT/ClearSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/IntelClearSans/WOFF/ClearSans-Regular.woff") format("woff"), url("../fonts/IntelClearSans/TTF/ClearSans-Regular.ttf") format("truetype"), url("../fonts/IntelClearSans/SVG/ClearSans-Regular.svg") format("svg"); } @font-face { font-family: "Clear Sans"; font-style: italic; font-weight: 400; src: local("ClearSans-Italic"), local("Clear Sans Italic"), url("../fonts/IntelClearSans/EOT/ClearSans-Italic.eot"), url("../fonts/IntelClearSans/EOT/ClearSans-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/IntelClearSans/WOFF/ClearSans-Italic.woff") format("woff"), url("../fonts/IntelClearSans/TTF/ClearSans-Italic.ttf") format("truetype"), url("../fonts/IntelClearSans/SVG/ClearSans-Italic.svg") format("svg"); } @font-face { font-family: "Clear Sans"; font-style: normal; font-weight: 500; src: local("ClearSans-Medium"), local("Clear Sans Medium"), url("../fonts/IntelClearSans/EOT/ClearSans-Medium.eot"), url("../fonts/IntelClearSans/EOT/ClearSans-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/IntelClearSans/WOFF/ClearSans-Medium.woff") format("woff"), url("../fonts/IntelClearSans/TTF/ClearSans-Medium.ttf") format("truetype"), url("../fonts/IntelClearSans/SVG/ClearSans-Medium.svg") format("svg"); } @font-face { font-family: "Clear Sans"; font-style: italic; font-weight: 500; src: local("ClearSans-MediumItalic"), local("Clear Sans Medium Italic"), url("../fonts/IntelClearSans/EOT/ClearSans-MediumItalic.eot"), url("../fonts/IntelClearSans/EOT/ClearSans-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/IntelClearSans/WOFF/ClearSans-MediumItalic.woff") format("woff"), url("../fonts/IntelClearSans/TTF/ClearSans-MediumItalic.ttf") format("truetype"), url("../fonts/IntelClearSans/SVG/ClearSans-MediumItalic.svg") format("svg"); } @font-face { font-family: "Clear Sans"; font-style: normal; font-weight: 700; src: local("ClearSans-Bold"), local("Clear Sans Bold"), url("../fonts/IntelClearSans/EOT/ClearSans-Bold.eot"), url("../fonts/IntelClearSans/EOT/ClearSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/IntelClearSans/WOFF/ClearSans-Bold.woff") format("woff"), url("../fonts/IntelClearSans/TTF/ClearSans-Bold.ttf") format("truetype"), url("../fonts/IntelClearSans/SVG/ClearSans-Bold.svg") format("svg"); } @font-face { font-family: "Clear Sans"; font-style: italic; font-weight: 700; src: local("ClearSans-BoldItalic"), local("Clear Sans Bold Italic"), url("../fonts/IntelClearSans/EOT/ClearSans-BoldItalic.eot"), url("../fonts/IntelClearSans/EOT/ClearSans-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/IntelClearSans/WOFF/ClearSans-BoldItalic.woff") format("woff"), url("../fonts/IntelClearSans/TTF/ClearSans-BoldItalic.ttf") format("truetype"), url("../fonts/IntelClearSans/SVG/ClearSans-BoldItalic.svg") format("svg"); } \::-moz-selection { background-color: #000000; color: #FFFFFF; } \::selection { background-color: #000000; color: #FFFFFF; } html, body, caption, th, input, textarea, select, option { font-family: "Clear Sans", Verdana, "Century Gothic", "PingFang", Helvetica, Arial, "PingFang TC", "LiHei Pro Medium", "Heiti TC", "Microsoft JhengHei", "DFKai-SB", sans-serif; } h1, h2, h3, h4, h5 { text-rendering: optimizelegibility; letter-spacing: -0.025em; font-weight: 400; color: #222222; } html { width: 100%; font-size: 62.5%; min-height: 100%; letter-spacing: 0px; text-align: left !important; color: #3e3e3e; } body { width: 100%; height: 100%; min-height: 100%; background-color: #FFFFFF; font-size: 16px; font-size: 1.6rem; line-height: 1.5; color: #555555; overflow-x: hidden; } @media only screen and (max-width: 800px) { body { -webkit-overflow-scrolling: touch; } } body.body-lightBox .groove { white-space: normal; } body.body-lightBox ul.forms { margin: 20px 25px; } body.lightboxContent [zonelayout="h-c1-s1000"] { display: none !important; } body.lightboxContent [zonelayout="h-c1-s1002"] { display: none !important; } body.lightboxContent [zonelayout="h-c1-s1001"] { display: none !important; } .zone { width: 100%; margin: auto; background-position: center top !important; background-repeat: no-repeat !important; background-size: cover !important; } .zone-base { width: 1180px; } @media only screen and (max-width: 1179px) { .zone-base { width: 90%; } } @media only screen and (max-width: 800px) { .zone-base { width: 90%; } } .zone-wide { width: 1600px; } @media only screen and (max-width: 1024px) { .zone-wide { width: 90%; } } @media only screen and (max-width: 800px) { .zone-wide { width: 90%; } } .zone-list { width: 820px; } @media only screen and (max-width: 1024px) { .zone-list { width: 90%; } } .zone-full { width: 100%; } [zonelayout="h-c1-s1000"] ~ .zone { padding-top: 82px; } @media only screen and (max-width: 800px) { [zonelayout="h-c1-s1000"] ~ .zone { padding-top: 100px; } } @media only screen and (max-width: 420px) { [zonelayout="h-c1-s1000"] ~ .zone { padding-top: 75px; } } [zonelayout="h-c1-s1000"] ~ .zone [mT='main'] { margin-top: 0; } [zonelayout="h-c1-s1000"] ~ .zone [mB='main'] { margin-bottom: 0; } [zonelayout="h-c1-s1000"] ~ .zone ~ .zone { padding-top: 0; } [zonelayout="h-c1-s1000"] ~ .zone ~ .zone [mT='main'] { margin-top: 2rem; } @media only screen and (max-width: 420px) { [zonelayout="h-c1-s1000"] ~ .zone ~ .zone [mT='main'] { margin-top: 0; } } [zonelayout="h-c1-s1000"] ~ .zone ~ .zone [mB='main'] { margin-bottom: 2rem; } @media only screen and (max-width: 420px) { [zonelayout="h-c1-s1000"] ~ .zone ~ .zone [mB='main'] { margin-bottom: 0; } } .wrapper { width: 100%; margin: auto; -ms-flex-direction: column; -moz-flex-direction: column; } @media only screen and (max-width: 420px) { .wrapper { display: block !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } a { cursor: default; word-break: break-all; } a:link { color: #9e9e9e; } a:visited { color: #9e9e9e; } a:focus, a:active, a:hover { color: #000000; } a[href] { cursor: pointer; } a.underline { text-decoration: none; border-bottom-width: 1px; border-style: solid; border-color: #9e9e9e; } a.underline:hover { border-color: #000000; } p ~ p { margin-top: 17px; } div::after { display: block; clear: both; content: ""; height: 0; } img { max-width: 100%; height: auto; vertical-align: middle; outline: none; } ul, ol { margin-left: 25px; } ul.inline, ol.inline { margin-left: 0; } ul.inline li, ol.inline li { display: inline-block; } table, thead, tfoot, th, td { white-space: normal; word-wrap: break-word; word-break: normal; border-collapse: collapse; border: none; } table { position: relative; background-color: #ffffff; width: 100%; margin: 0 auto; color: #323232; text-align: center; } table.custom-catagory tbody td.sort { width: 40px; } table.custom-catagory tbody td.icon { width: 60px; } table.custom-catagory tbody td.content { text-align: left; } table th { max-width: 200px; color: #9A9A9A; padding: 10px 8px; text-align: center; font-weight: normal; font-size: 13px; font-size: 1.3rem; background-color: #f7f7f7; } table td { max-width: 200px; vertical-align: middle; border-bottom: 1px solid #dedede; padding: 5px 8px; position: relative; } table tr { background-color: transparent; } table tr:hover { background-color: #f7f7f7; } table thead th { border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; } table tbody tr { background-color: #FFFFFF; } table tbody tr.highlight { background-color: #FFEBEE; } table tbody td.icon { max-width: 60px; } table tbody td.date, table tbody td.sort { font-size: 13px; font-size: 1.3rem; line-height: 1.2; } table tbody td.date .input-field, table tbody td.sort .input-field { margin: 0 auto; width: 40px; } table tbody td.date .input-field > input, table tbody td.sort .input-field > input { margin-bottom: 0; text-align: center; } table tfoot td { text-align: center; } table caption { padding: 7px 0px 5px 8px; font-size: 18px; font-size: 1.8rem; text-align: left; color: #303030; background-color: #ffffff; position: relative; } table span.info { display: inline-block; vertical-align: middle; color: #9e9e9e; font-size: 13px; font-size: 1.3rem; line-height: 1.25; margin: 0 3px; } table span.info > span { margin: 0 2px; color: #000000; font-size: 15px; } table img { max-height: 120px; } table .mobileImg img { max-height: 120px; } table.bg-transparent th { background-color: transparent; } table.bg-transparent td { border-bottom-color: transparent; } table.bg-transparent tr { background-color: transparent; } table.bg-transparent tr:hover { background-color: transparent; } table.bg-transparent thead th { border-top-color: transparent; border-bottom-color: transparent; } table.bg-transparent tbody tr { background-color: transparent; } table.bg-transparent tbody tr.highlight { background-color: transparent; } table.bg-transparent tfoot { border-top: 2px solid #000000; } table.bg-transparent caption { background-color: transparent; } #map, .mapFrame { position: relative; width: 100%; height: 0; padding-bottom: 100%; } #map > *, .mapFrame > * { position: absolute; width: 100%; height: 100%; } .cc-stack[data-color] { background-color: transparent; } [data-color] { background-color: #9e9e9e; } [data-color].cc-stack { color: #9e9e9e; } [data-color='red'] { background-color: #FF1744; } [data-color='red'].cc-stack { color: #FF1744; } [data-color='orange'] { background-color: #ef6c00; } [data-color='orange'].cc-stack { color: #ef6c00; } [data-color='yellow'] { background-color: #fdd835; } [data-color='yellow'].cc-stack { color: #fdd835; } [data-color='green'] { background-color: #43A047; } [data-color='green'].cc-stack { color: #43A047; } [data-color='light-green'] { background-color: #8bc34a; } [data-color='light-green'].cc-stack { color: #8bc34a; } [data-color='blue'] { background-color: #2196F3; } [data-color='blue'].cc-stack { color: #2196F3; } [data-color='teal'] { background-color: #009688; } [data-color='teal'].cc-stack { color: #009688; } [data-color='deep-purple'] { background-color: #673ab7; } [data-color='deep-purple'].cc-stack { color: #673ab7; } [data-color='gold'] { background-color: #ac7224; } [data-color='gold'].cc-stack { color: #ac7224; } [data-color='light-grey'] { background-color: #bdbdbd; } [data-color='light-grey'].cc-stack { color: #bdbdbd; } [data-color='grey'] { background-color: #616161; } [data-color='grey'].cc-stack { color: #616161; } [data-color='black'] { background-color: #000000; } [data-color='black'].cc-stack { color: #000000; } .ratings { width: 100px; height: 20px; display: inline-block; position: relative; } .ratings::before, .ratings::after { display: inline-block; font-family: "FontCCwork"; font-style: normal; font-weight: normal; font-size: 20px; position: absolute; top: 0; left: 0; } .ratings::before { color: #F9C8D3; content: "\e91a\e91a\e91a\e91a\e91a"; } .ratings::after { color: #EF005B; content: "\e918\e918\e918\e918\e918"; overflow: hidden; } .ratings.one::after { content: "\e918"; } .ratings.onehalf::after { content: "\e918\e919"; } .ratings.two::after { content: "\e918\e918"; } .ratings.twohalf::after { content: "\e918\e918\e919"; } .ratings.three::after { content: "\e918\e918\e918"; } .ratings.threehalf::after { content: "\e918\e918\e918\e919"; } .ratings.four::after { content: "\e918\e918\e918\e918"; } .ratings.fourhalf::after { content: "\e918\e918\e918\e918\e919"; } @media only screen and (max-width: 800px) { .groove-2, .groove-3, .groove-4, .groove-5, .groove-6, .groove-7, .groove-8, .groove-9, .groove-10 { -webkit-box-flex: 0 !important; -ms-flex: 0 0 50% !important; flex: 0 0 50% !important; width: 50% !important; } } @media only screen and (max-width: 800px) { .groove-1 { -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; } } @media only screen and (max-width: 420px) { .groove-1, .groove-2, .groove-3, .groove-4, .groove-5, .groove-6, .groove-7, .groove-8, .groove-9, .groove-10 { -webkit-box-flex: 0 !important; -ms-flex: none !important; flex: none !important; width: 100% !important; } } .groove-cut { width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } @media only screen and (max-width: 420px) { .groove-cut { display: block !important; } } .groove-1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; } .groove-2 { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } .groove-3 { -webkit-box-flex: 3; -ms-flex: 3; flex: 3; } .groove-4 { -webkit-box-flex: 4; -ms-flex: 4; flex: 4; } .groove-5 { -webkit-box-flex: 5; -ms-flex: 5; flex: 5; } .groove-6 { -webkit-box-flex: 6; -ms-flex: 6; flex: 6; } .groove-7 { -webkit-box-flex: 7; -ms-flex: 7; flex: 7; } .groove-8 { -webkit-box-flex: 8; -ms-flex: 8; flex: 8; } .groove-9 { -webkit-box-flex: 9; -ms-flex: 9; flex: 9; } .groove-10 { -webkit-box-flex: 10; -ms-flex: 10; flex: 10; } .groove[data-cardtype="ImageTextList"], .groove[data-cardtype="ArticleSet"], .groove[data-cardtype="EventSet"] { overflow: hidden; } [mT='main'] { margin-top: 2rem; } @media only screen and (max-width: 420px) { [mT='main'] { margin-top: 0; } } [mR='main'] { margin-right: 2rem; } @media only screen and (max-width: 420px) { [mR='main'] { margin-right: 0; } } [mB='main'] { margin-bottom: 2rem; } @media only screen and (max-width: 420px) { [mB='main'] { margin-bottom: 0; } } [mL='main'] { margin-left: 2rem; } @media only screen and (max-width: 420px) { [mL='main'] { margin-left: 0; } } [mT='sub'] { margin-top: 1rem; } @media only screen and (max-width: 420px) { [mT='sub'] { margin-top: 0; } } [mR='sub'] { margin-right: 1rem; } @media only screen and (max-width: 420px) { [mR='sub'] { margin-right: 0; } } [mB='sub'] { margin-bottom: 1rem; } @media only screen and (max-width: 420px) { [mB='sub'] { margin-bottom: 0; } } [mL='sub'] { margin-left: 1rem; } @media only screen and (max-width: 420px) { [mL='sub'] { margin-left: 0; } } .font-base { font-size: 16px !important; font-size: 1.6rem !important; } .font-ss { font-size: 1.5rem !important; font-size: 1.5rem !important; } .font-sm { font-size: 14px !important; font-size: 1.4rem !important; } .font-xs { font-size: 13px !important; font-size: 1.3rem !important; } .font-xxs { font-size: 12px !important; font-size: 1.2rem !important; } .font-mm { font-size: 1.8rem !important; font-size: 1.8rem !important; } .font-lg { font-size: 20px !important; font-size: 2rem !important; } .font-hg { font-size: 24px !important; font-size: 2.4rem !important; } .font-ms { font-size: 32px !important; font-size: 3.2rem !important; } .line-height-ii { line-height: initial !important; } .line-height-ih { line-height: inherit !important; } .line-height-base { line-height: 1.5 !important; } .line-height-md { line-height: 1.875 !important; } .line-height-lg { line-height: 2.25 !important; } .line-height-hg { line-height: 2.625 !important; } .line-height-ms { line-height: 3 !important; } h1 { font-size: 32px; font-size: 3.2rem; } h2 { font-size: 24px; font-size: 2.4rem; } h3 { font-size: 20px; font-size: 2rem; } h4 { font-size: 1.8rem; font-size: 1.8rem; } h5 { font-size: 16px; font-size: 1.6rem; } h6 { font-size: 1.5rem; font-size: 1.5rem; } .rounded { border-radius: 0.5rem; } .rounded.rounded-huge { border-radius: 1.5rem; } .rounded.rounded-large { border-radius: 1.25rem; } .rounded.rounded-small { border-radius: 0.3rem; } .rounded-top { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .rounded-right { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; } .rounded-bottom { border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } .rounded-left { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } .rounded-circle, .circle { border-radius: 50%; } .rounded-circle > *, .rounded-circle img, .circle > *, .circle img { overflow: hidden; } .rounded-0 { border-radius: 0; } .border { border: 1px solid #BDBDBD; } .border-T { border-top: 1px solid #BDBDBD; } .border-R { border-right: 1px solid #BDBDBD; } .border-B { border-bottom: 1px solid #BDBDBD; } .border-L { border-left: 1px solid #BDBDBD; } [class*='col-'] { display: inline-block; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 -2px; } .col-1 { width: 100%; } @media only screen and (max-width: 420px) { .col-1 { width: 100%; } } .col-2 { width: 50%; } @media only screen and (max-width: 420px) { .col-2 { width: 100%; } } .col-3 { width: 33.33333%; } @media only screen and (max-width: 420px) { .col-3 { width: 100%; } } .col-4 { width: 25%; } @media only screen and (max-width: 420px) { .col-4 { width: 100%; } } .col-5 { width: 20%; } @media only screen and (max-width: 420px) { .col-5 { width: 100%; } } .col-6 { width: 16.66667%; } @media only screen and (max-width: 420px) { .col-6 { width: 100%; } } .col-7 { width: 14.28571%; } @media only screen and (max-width: 420px) { .col-7 { width: 100%; } } .col-8 { width: 12.5%; } @media only screen and (max-width: 420px) { .col-8 { width: 100%; } } .col-9 { width: 11.11111%; } @media only screen and (max-width: 420px) { .col-9 { width: 100%; } } .col-10 { width: 10%; } @media only screen and (max-width: 420px) { .col-10 { width: 100%; } } .col-5-partner { width: 80%; } .col-4-partner { width: 75%; } .col-3-partner { width: 66.66667%; } .bg-fixed { background-attachment: fixed !important; } .bg-repeat-none { background-repeat: no-repeat !important; } .bg-pos-ct { background-position: center top !important; } .bg-pos-cc { background-position: center center !important; } .bg-img { background-repeat: no-repeat; background-size: cover; background-position: center center; } .fixed { position: fixed !important; } .absolute { position: absolute !important; } .relative { position: relative !important; } .sticky { position: -webkit-sticky !important; position: sticky !important; } .float-L { float: left !important; } @media only screen and (max-width: 420px) { .float-L { float: none !important; } } .float-R { float: right !important; } @media only screen and (max-width: 420px) { .float-R { float: none !important; } } .float-none { float: none !important; } .text-L { text-align: left !important; } .text-R { text-align: right !important; } .text-C { text-align: center !important; } .text-ii { text-align: initial !important; } .text-ih { text-align: inherit !important; } .text-jt { text-align: justify !important; } .text-truncate { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .text-deco-none { text-decoration: none !important; } .text-deco-over { text-decoration: overline !important; } .text-deco-through { text-decoration: line-through !important; } .text-deco-under { text-decoration: underline !important; } .text-lowercase { text-align: lowercase !important; } .text-uppercase { text-align: uppercase !important; } .text-capitalize { text-align: capitalize !important; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-table { display: table !important; } .d-table-cell { display: table-cell !important; } .d-block { display: block !important; } .d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .desktop-none { display: none !important; } @media only screen and (max-width: 420px) { .desktop-none { display: block !important; } } .mobile-none { display: block !important; } @media only screen and (max-width: 420px) { .mobile-none { display: none !important; } } .mobile-show { display: none !important; } @media only screen and (max-width: 420px) { .mobile-show { display: block !important; } } .delay-1x { -webkit-animation-delay: 0.25s; animation-delay: 0.25s; } .delay-2x { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .delay-3x { -webkit-animation-delay: 0.75s; animation-delay: 0.75s; } .delay-4x { -webkit-animation-delay: 1s; animation-delay: 1s; } .delay-5x { -webkit-animation-delay: 1.25s; animation-delay: 1.25s; } .delay-6x { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } .delay-7x { -webkit-animation-delay: 1.75s; animation-delay: 1.75s; } .delay-8x { -webkit-animation-delay: 2s; animation-delay: 2s; } .delay-9x { -webkit-animation-delay: 2.25s; animation-delay: 2.25s; } .duration-1x { -webkit-animation-duration: 0.25s; animation-duration: 0.25s; } .duration-2x { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; } .duration-3x { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; } .duration-4x { -webkit-animation-duration: 1s; animation-duration: 1s; } .duration-5x { -webkit-animation-duration: 1.25s; animation-duration: 1.25s; } .duration-6x { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } .duration-7x { -webkit-animation-duration: 1.75s; animation-duration: 1.75s; } .duration-8x { -webkit-animation-duration: 2s; animation-duration: 2s; } .duration-9x { -webkit-animation-duration: 2.25s; animation-duration: 2.25s; } .bg-materialize-red { background-color: #e51c23 !important; } .bg-materialize-red-lighten-5 { background-color: #fdeaeb !important; } .bg-materialize-red-lighten-4 { background-color: #f8c1c3 !important; } .bg-materialize-red-lighten-3 { background-color: #f3989b !important; } .bg-materialize-red-lighten-2 { background-color: #ee6e73 !important; } .bg-materialize-red-lighten-1 { background-color: #ea454b !important; } .bg-materialize-red-darken-1 { background-color: #d0181e !important; } .bg-materialize-red-darken-2 { background-color: #b9151b !important; } .bg-materialize-red-darken-3 { background-color: #a21318 !important; } .bg-materialize-red-darken-4 { background-color: #8b1014 !important; } .bg-red { background-color: #F44336 !important; } .bg-red-lighten-5 { background-color: #FFEBEE !important; } .bg-red-lighten-4 { background-color: #FFCDD2 !important; } .bg-red-lighten-3 { background-color: #EF9A9A !important; } .bg-red-lighten-2 { background-color: #E57373 !important; } .bg-red-lighten-1 { background-color: #EF5350 !important; } .bg-red-darken-1 { background-color: #E53935 !important; } .bg-red-darken-2 { background-color: #D32F2F !important; } .bg-red-darken-3 { background-color: #C62828 !important; } .bg-red-darken-4 { background-color: #B71C1C !important; } .bg-red-accent-1 { background-color: #FF8A80 !important; } .bg-red-accent-2 { background-color: #FF5252 !important; } .bg-red-accent-3 { background-color: #FF1744 !important; } .bg-red-accent-4 { background-color: #D50000 !important; } .bg-pink { background-color: #e91e63 !important; } .bg-pink-lighten-5 { background-color: #fce4ec !important; } .bg-pink-lighten-4 { background-color: #f8bbd0 !important; } .bg-pink-lighten-3 { background-color: #f48fb1 !important; } .bg-pink-lighten-2 { background-color: #f06292 !important; } .bg-pink-lighten-1 { background-color: #ec407a !important; } .bg-pink-darken-1 { background-color: #d81b60 !important; } .bg-pink-darken-2 { background-color: #c2185b !important; } .bg-pink-darken-3 { background-color: #ad1457 !important; } .bg-pink-darken-4 { background-color: #880e4f !important; } .bg-pink-accent-1 { background-color: #ff80ab !important; } .bg-pink-accent-2 { background-color: #ff4081 !important; } .bg-pink-accent-3 { background-color: #f50057 !important; } .bg-pink-accent-4 { background-color: #c51162 !important; } .bg-purple { background-color: #9c27b0 !important; } .bg-purple-lighten-5 { background-color: #f3e5f5 !important; } .bg-purple-lighten-4 { background-color: #e1bee7 !important; } .bg-purple-lighten-3 { background-color: #ce93d8 !important; } .bg-purple-lighten-2 { background-color: #ba68c8 !important; } .bg-purple-lighten-1 { background-color: #ab47bc !important; } .bg-purple-darken-1 { background-color: #8e24aa !important; } .bg-purple-darken-2 { background-color: #7b1fa2 !important; } .bg-purple-darken-3 { background-color: #6a1b9a !important; } .bg-purple-darken-4 { background-color: #4a148c !important; } .bg-purple-accent-1 { background-color: #ea80fc !important; } .bg-purple-accent-2 { background-color: #e040fb !important; } .bg-purple-accent-3 { background-color: #d500f9 !important; } .bg-purple-accent-4 { background-color: #aa00ff !important; } .bg-deep-purple { background-color: #673ab7 !important; } .bg-deep-purple-lighten-5 { background-color: #ede7f6 !important; } .bg-deep-purple-lighten-4 { background-color: #d1c4e9 !important; } .bg-deep-purple-lighten-3 { background-color: #b39ddb !important; } .bg-deep-purple-lighten-2 { background-color: #9575cd !important; } .bg-deep-purple-lighten-1 { background-color: #7e57c2 !important; } .bg-deep-purple-darken-1 { background-color: #5e35b1 !important; } .bg-deep-purple-darken-2 { background-color: #512da8 !important; } .bg-deep-purple-darken-3 { background-color: #4527a0 !important; } .bg-deep-purple-darken-4 { background-color: #311b92 !important; } .bg-deep-purple-accent-1 { background-color: #b388ff !important; } .bg-deep-purple-accent-2 { background-color: #7c4dff !important; } .bg-deep-purple-accent-3 { background-color: #651fff !important; } .bg-deep-purple-accent-4 { background-color: #6200ea !important; } .bg-indigo { background-color: #3f51b5 !important; } .bg-indigo-lighten-5 { background-color: #e8eaf6 !important; } .bg-indigo-lighten-4 { background-color: #c5cae9 !important; } .bg-indigo-lighten-3 { background-color: #9fa8da !important; } .bg-indigo-lighten-2 { background-color: #7986cb !important; } .bg-indigo-lighten-1 { background-color: #5c6bc0 !important; } .bg-indigo-darken-1 { background-color: #3949ab !important; } .bg-indigo-darken-2 { background-color: #303f9f !important; } .bg-indigo-darken-3 { background-color: #283593 !important; } .bg-indigo-darken-4 { background-color: #1a237e !important; } .bg-indigo-accent-1 { background-color: #8c9eff !important; } .bg-indigo-accent-2 { background-color: #536dfe !important; } .bg-indigo-accent-3 { background-color: #3d5afe !important; } .bg-indigo-accent-4 { background-color: #304ffe !important; } .bg-blue { background-color: #2196F3 !important; } .bg-blue-lighten-5 { background-color: #E3F2FD !important; } .bg-blue-lighten-4 { background-color: #BBDEFB !important; } .bg-blue-lighten-3 { background-color: #90CAF9 !important; } .bg-blue-lighten-2 { background-color: #64B5F6 !important; } .bg-blue-lighten-1 { background-color: #42A5F5 !important; } .bg-blue-darken-1 { background-color: #1E88E5 !important; } .bg-blue-darken-2 { background-color: #1976D2 !important; } .bg-blue-darken-3 { background-color: #1565C0 !important; } .bg-blue-darken-4 { background-color: #0D47A1 !important; } .bg-blue-accent-1 { background-color: #82B1FF !important; } .bg-blue-accent-2 { background-color: #448AFF !important; } .bg-blue-accent-3 { background-color: #2979FF !important; } .bg-blue-accent-4 { background-color: #2962FF !important; } .bg-light-blue { background-color: #03a9f4 !important; } .bg-light-blue-lighten-5 { background-color: #e1f5fe !important; } .bg-light-blue-lighten-4 { background-color: #b3e5fc !important; } .bg-light-blue-lighten-3 { background-color: #81d4fa !important; } .bg-light-blue-lighten-2 { background-color: #4fc3f7 !important; } .bg-light-blue-lighten-1 { background-color: #29b6f6 !important; } .bg-light-blue-darken-1 { background-color: #039be5 !important; } .bg-light-blue-darken-2 { background-color: #0288d1 !important; } .bg-light-blue-darken-3 { background-color: #0277bd !important; } .bg-light-blue-darken-4 { background-color: #01579b !important; } .bg-light-blue-accent-1 { background-color: #80d8ff !important; } .bg-light-blue-accent-2 { background-color: #40c4ff !important; } .bg-light-blue-accent-3 { background-color: #00b0ff !important; } .bg-light-blue-accent-4 { background-color: #0091ea !important; } .bg-cyan { background-color: #00bcd4 !important; } .bg-cyan-lighten-5 { background-color: #e0f7fa !important; } .bg-cyan-lighten-4 { background-color: #b2ebf2 !important; } .bg-cyan-lighten-3 { background-color: #80deea !important; } .bg-cyan-lighten-2 { background-color: #4dd0e1 !important; } .bg-cyan-lighten-1 { background-color: #26c6da !important; } .bg-cyan-darken-1 { background-color: #00acc1 !important; } .bg-cyan-darken-2 { background-color: #0097a7 !important; } .bg-cyan-darken-3 { background-color: #00838f !important; } .bg-cyan-darken-4 { background-color: #006064 !important; } .bg-cyan-accent-1 { background-color: #84ffff !important; } .bg-cyan-accent-2 { background-color: #18ffff !important; } .bg-cyan-accent-3 { background-color: #00e5ff !important; } .bg-cyan-accent-4 { background-color: #00b8d4 !important; } .bg-teal { background-color: #009688 !important; } .bg-teal-lighten-5 { background-color: #e0f2f1 !important; } .bg-teal-lighten-4 { background-color: #b2dfdb !important; } .bg-teal-lighten-3 { background-color: #80cbc4 !important; } .bg-teal-lighten-2 { background-color: #4db6ac !important; } .bg-teal-lighten-1 { background-color: #26a69a !important; } .bg-teal-darken-1 { background-color: #00897b !important; } .bg-teal-darken-2 { background-color: #00796b !important; } .bg-teal-darken-3 { background-color: #00695c !important; } .bg-teal-darken-4 { background-color: #004d40 !important; } .bg-teal-accent-1 { background-color: #a7ffeb !important; } .bg-teal-accent-2 { background-color: #64ffda !important; } .bg-teal-accent-3 { background-color: #1de9b6 !important; } .bg-teal-accent-4 { background-color: #00bfa5 !important; } .bg-green { background-color: #4CAF50 !important; } .bg-green-lighten-5 { background-color: #E8F5E9 !important; } .bg-green-lighten-4 { background-color: #C8E6C9 !important; } .bg-green-lighten-3 { background-color: #A5D6A7 !important; } .bg-green-lighten-2 { background-color: #81C784 !important; } .bg-green-lighten-1 { background-color: #66BB6A !important; } .bg-green-darken-1 { background-color: #43A047 !important; } .bg-green-darken-2 { background-color: #388E3C !important; } .bg-green-darken-3 { background-color: #2E7D32 !important; } .bg-green-darken-4 { background-color: #1B5E20 !important; } .bg-green-accent-1 { background-color: #B9F6CA !important; } .bg-green-accent-2 { background-color: #69F0AE !important; } .bg-green-accent-3 { background-color: #00E676 !important; } .bg-green-accent-4 { background-color: #00C853 !important; } .bg-light-green { background-color: #8bc34a !important; } .bg-light-green-lighten-5 { background-color: #f1f8e9 !important; } .bg-light-green-lighten-4 { background-color: #dcedc8 !important; } .bg-light-green-lighten-3 { background-color: #c5e1a5 !important; } .bg-light-green-lighten-2 { background-color: #aed581 !important; } .bg-light-green-lighten-1 { background-color: #9ccc65 !important; } .bg-light-green-darken-1 { background-color: #7cb342 !important; } .bg-light-green-darken-2 { background-color: #689f38 !important; } .bg-light-green-darken-3 { background-color: #558b2f !important; } .bg-light-green-darken-4 { background-color: #33691e !important; } .bg-light-green-accent-1 { background-color: #ccff90 !important; } .bg-light-green-accent-2 { background-color: #b2ff59 !important; } .bg-light-green-accent-3 { background-color: #76ff03 !important; } .bg-light-green-accent-4 { background-color: #64dd17 !important; } .bg-lime { background-color: #cddc39 !important; } .bg-lime-lighten-5 { background-color: #f9fbe7 !important; } .bg-lime-lighten-4 { background-color: #f0f4c3 !important; } .bg-lime-lighten-3 { background-color: #e6ee9c !important; } .bg-lime-lighten-2 { background-color: #dce775 !important; } .bg-lime-lighten-1 { background-color: #d4e157 !important; } .bg-lime-darken-1 { background-color: #c0ca33 !important; } .bg-lime-darken-2 { background-color: #afb42b !important; } .bg-lime-darken-3 { background-color: #9e9d24 !important; } .bg-lime-darken-4 { background-color: #827717 !important; } .bg-lime-accent-1 { background-color: #f4ff81 !important; } .bg-lime-accent-2 { background-color: #eeff41 !important; } .bg-lime-accent-3 { background-color: #c6ff00 !important; } .bg-lime-accent-4 { background-color: #aeea00 !important; } .bg-yellow { background-color: #ffeb3b !important; } .bg-yellow-lighten-5 { background-color: #fffde7 !important; } .bg-yellow-lighten-4 { background-color: #fff9c4 !important; } .bg-yellow-lighten-3 { background-color: #fff59d !important; } .bg-yellow-lighten-2 { background-color: #fff176 !important; } .bg-yellow-lighten-1 { background-color: #ffee58 !important; } .bg-yellow-darken-1 { background-color: #fdd835 !important; } .bg-yellow-darken-2 { background-color: #fbc02d !important; } .bg-yellow-darken-3 { background-color: #f9a825 !important; } .bg-yellow-darken-4 { background-color: #f57f17 !important; } .bg-yellow-accent-1 { background-color: #ffff8d !important; } .bg-yellow-accent-2 { background-color: #ffff00 !important; } .bg-yellow-accent-3 { background-color: #ffea00 !important; } .bg-yellow-accent-4 { background-color: #ffd600 !important; } .bg-amber { background-color: #ffc107 !important; } .bg-amber-lighten-5 { background-color: #fff8e1 !important; } .bg-amber-lighten-4 { background-color: #ffecb3 !important; } .bg-amber-lighten-3 { background-color: #ffe082 !important; } .bg-amber-lighten-2 { background-color: #ffd54f !important; } .bg-amber-lighten-1 { background-color: #ffca28 !important; } .bg-amber-darken-1 { background-color: #ffb300 !important; } .bg-amber-darken-2 { background-color: #ffa000 !important; } .bg-amber-darken-3 { background-color: #ff8f00 !important; } .bg-amber-darken-4 { background-color: #ff6f00 !important; } .bg-amber-accent-1 { background-color: #ffe57f !important; } .bg-amber-accent-2 { background-color: #ffd740 !important; } .bg-amber-accent-3 { background-color: #ffc400 !important; } .bg-amber-accent-4 { background-color: #ffab00 !important; } .bg-orange { background-color: #ff9800 !important; } .bg-orange-lighten-5 { background-color: #fff3e0 !important; } .bg-orange-lighten-4 { background-color: #ffe0b2 !important; } .bg-orange-lighten-3 { background-color: #ffcc80 !important; } .bg-orange-lighten-2 { background-color: #ffb74d !important; } .bg-orange-lighten-1 { background-color: #ffa726 !important; } .bg-orange-darken-1 { background-color: #fb8c00 !important; } .bg-orange-darken-2 { background-color: #f57c00 !important; } .bg-orange-darken-3 { background-color: #ef6c00 !important; } .bg-orange-darken-4 { background-color: #e65100 !important; } .bg-orange-accent-1 { background-color: #ffd180 !important; } .bg-orange-accent-2 { background-color: #ffab40 !important; } .bg-orange-accent-3 { background-color: #ff9100 !important; } .bg-orange-accent-4 { background-color: #ff6d00 !important; } .bg-deep-orange { background-color: #ff5722 !important; } .bg-deep-orange-lighten-5 { background-color: #fbe9e7 !important; } .bg-deep-orange-lighten-4 { background-color: #ffccbc !important; } .bg-deep-orange-lighten-3 { background-color: #ffab91 !important; } .bg-deep-orange-lighten-2 { background-color: #ff8a65 !important; } .bg-deep-orange-lighten-1 { background-color: #ff7043 !important; } .bg-deep-orange-darken-1 { background-color: #f4511e !important; } .bg-deep-orange-darken-2 { background-color: #e64a19 !important; } .bg-deep-orange-darken-3 { background-color: #d84315 !important; } .bg-deep-orange-darken-4 { background-color: #bf360c !important; } .bg-deep-orange-accent-1 { background-color: #ff9e80 !important; } .bg-deep-orange-accent-2 { background-color: #ff6e40 !important; } .bg-deep-orange-accent-3 { background-color: #ff3d00 !important; } .bg-deep-orange-accent-4 { background-color: #dd2c00 !important; } .bg-brown { background-color: #795548 !important; } .bg-brown-lighten-5 { background-color: #efebe9 !important; } .bg-brown-lighten-4 { background-color: #d7ccc8 !important; } .bg-brown-lighten-3 { background-color: #bcaaa4 !important; } .bg-brown-lighten-2 { background-color: #a1887f !important; } .bg-brown-lighten-1 { background-color: #8d6e63 !important; } .bg-brown-darken-1 { background-color: #6d4c41 !important; } .bg-brown-darken-2 { background-color: #5d4037 !important; } .bg-brown-darken-3 { background-color: #4e342e !important; } .bg-brown-darken-4 { background-color: #3e2723 !important; } .bg-blue-grey { background-color: #607d8b !important; } .bg-blue-grey-lighten-5 { background-color: #eceff1 !important; } .bg-blue-grey-lighten-4 { background-color: #cfd8dc !important; } .bg-blue-grey-lighten-3 { background-color: #b0bec5 !important; } .bg-blue-grey-lighten-2 { background-color: #90a4ae !important; } .bg-blue-grey-lighten-1 { background-color: #78909c !important; } .bg-blue-grey-darken-1 { background-color: #546e7a !important; } .bg-blue-grey-darken-2 { background-color: #455a64 !important; } .bg-blue-grey-darken-3 { background-color: #37474f !important; } .bg-blue-grey-darken-4 { background-color: #263238 !important; } .bg-grey { background-color: #9e9e9e !important; } .bg-grey-lighten-5 { background-color: #fafafa !important; } .bg-grey-lighten-4 { background-color: #f5f5f5 !important; } .bg-grey-lighten-3 { background-color: #eeeeee !important; } .bg-grey-lighten-2 { background-color: #e0e0e0 !important; } .bg-grey-lighten-1 { background-color: #bdbdbd !important; } .bg-grey-darken-1 { background-color: #757575 !important; } .bg-grey-darken-2 { background-color: #616161 !important; } .bg-grey-darken-3 { background-color: #424242 !important; } .bg-grey-darken-4 { background-color: #212121 !important; } .bg-gold { background-color: #ac7224 !important; } .bg-social-facebook { background-color: #3b5998 !important; } .bg-social-line { background-color: #00c300 !important; } .bg-social-twitter { background-color: #1da1f2 !important; } .bg-social-pinterest { background-color: #bd081c !important; } .bg-social-google-plus { background-color: #dd4b39 !important; } .bg-social-plurk { background-color: #de411d !important; } .bg-social-qqchat { background-color: #000000 !important; } .bg-social-sina-weibo { background-color: #f50000 !important; } .bg-social-renren { background-color: #217dc6 !important; } .bg-social-instagram { background-color: #c13584 !important; } .bg-social-wechat { background-color: #51c332 !important; } .bg-black { background-color: #000000 !important; } .bg-white { background-color: #FFFFFF !important; } .bg-transparent { background-color: transparent !important; } [class*='btn-'] { -webkit-box-sizing: border-box; box-sizing: border-box; } [class*='btn-'] { -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .tool-btn ul { list-style: none; } [class*='btn-'].circle.btn-with-item, [class*='btn-'].square.btn-with-item { display: -webkit-inline-box; display: -ms-inline-flexbox; display: -moz-inline-flex; display: inline-flex; } [class*='btn-'].circle.btn-with-item, [class*='btn-'].square.btn-with-item { -ms-flex-direction: column; -moz-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } [class*='btn-'].circle.btn-with-item, [class*='btn-'].square.btn-with-item { -ms-flex-pack: center; -ms-justify-content: center; -moz-justify-content: center; -webkit-box-pack: center; justify-content: center; } [class*='btn-'].circle.btn-with-item, [class*='btn-'].square.btn-with-item { -ms-flex-align: center; -ms-align-items: center; -moz-align-items: center; -webkit-box-align: center; align-items: center; } [class*='btn-'] { position: relative; display: inline-block; font-weight: normal; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none; border-width: 1px; border-style: solid; cursor: pointer; -webkit-tap-highlight-color: transparent; padding: 0.5rem 2rem; line-height: 1.5; font-size: 15px; font-size: 1.5rem; } [class*='btn-']:focus, [class*='btn-'].focus { outline: 0; } [class*='btn-'].disabled, [class*='btn-']:disabled { cursor: default; opacity: 0.65; pointer-events: none; } [class*='btn-']:active, [class*='btn-'].active { background-image: none; } [class*='btn-'] > i { margin-right: 3px; } [class*='btn-'].right { direction: rtl; } [class*='btn-'].right > i { margin-right: 0; margin-left: 3px; } [class*='btn-'].btn-del:focus, [class*='btn-'].btn-del:hover { color: #ffffff; background-color: #F44336; border-color: #F44336; } [class*='btn-'].btn-del.transparent:focus, [class*='btn-'].btn-del.transparent:hover { color: #F44336; } [class*='btn-'].prev { float: left; } [class*='btn-'].prev.transparent { padding-right: 0; padding-left: 0; } [class*='btn-'].next { float: right; } [class*='btn-'].next.transparent { padding-right: 0; padding-left: 0; } [class*='btn-'].transparent { background-color: transparent !important; border-color: transparent !important; } [class*='btn-'].circle, [class*='btn-'].square { width: 35px; height: 35px; padding: 0 !important; overflow: hidden; } [class*='btn-'].circle > i, [class*='btn-'].square > i { line-height: 35px; margin-right: 0px; font-size: 20px; } [class*='btn-'].circle.btn-with-item, [class*='btn-'].square.btn-with-item { width: 100px; height: 100px; font-size: 1.3rem; color: #9e9e9e; border: transparent; background: #f2f2f2; } [class*='btn-'].circle.btn-with-item:focus, [class*='btn-'].circle.btn-with-item:hover, [class*='btn-'].square.btn-with-item:focus, [class*='btn-'].square.btn-with-item:hover { color: #424242; } [class*='btn-'].circle.btn-with-item > i, [class*='btn-'].square.btn-with-item > i { line-height: 1; font-size: 42px; } [class*='btn-'].circle.btn-with-item > span, [class*='btn-'].square.btn-with-item > span { position: absolute; bottom: 0; width: 100%; padding: 2px 5px; background-color: rgba(0, 0, 0, 0.3); color: #FFFFFF; } [class*='btn-'].circle.btn-with-item.empty, [class*='btn-'].square.btn-with-item.empty { border: 2px dashed #dedede; background-color: transparent; } [class*='btn-'].btn-huge { padding: 1.2rem 3rem; line-height: 1.5; font-size: 18px; font-size: 1.8rem; } [class*='btn-'].btn-huge > i { vertical-align: text-bottom; font-size: 24px; } [class*='btn-'].btn-huge.circle, [class*='btn-'].btn-huge.square { width: 60px; height: 60px; } [class*='btn-'].btn-huge.circle > i, [class*='btn-'].btn-huge.square > i { line-height: 60px; font-size: 40px; } [class*='btn-'].btn-large { padding: 0.8rem 3rem; line-height: 1.5; } [class*='btn-'].btn-large.circle, [class*='btn-'].btn-large.square { width: 45px; height: 45px; } [class*='btn-'].btn-large.circle > i, [class*='btn-'].btn-large.square > i { line-height: 45px; font-size: 35px; } [class*='btn-'].btn-small { font-size: 14px; font-size: 1.4rem; padding: 0.3rem 1.5rem; line-height: 1.5; } [class*='btn-'].btn-small > i { font-size: 12px; } [class*='btn-'].btn-small.circle, [class*='btn-'].btn-small.square { width: 30px; height: 30px; } [class*='btn-'].btn-small.circle > i, [class*='btn-'].btn-small.square > i { line-height: 30px; } [class*='btn-'].btn-mini { font-size: 13px; font-size: 1.3rem; padding: 0.25rem 1rem; line-height: 1.5; } [class*='btn-'].btn-mini > i { font-size: 10px; } [class*='btn-'].btn-mini.circle, [class*='btn-'].btn-mini.square { width: 24px; height: 24px; } [class*='btn-'].btn-mini.circle > i, [class*='btn-'].btn-mini.square > i { line-height: 24px; } [class*='btn-'].btn-tiny.circle, [class*='btn-'].btn-tiny.square { width: 16px; height: 16px; } [class*='btn-'].btn-tiny.circle > i, [class*='btn-'].btn-tiny.square > i { line-height: 16px; } [class*='btn-'].block { width: 100% !important; padding-left: 1rem; padding-right: 1rem; } [class*='btn-'].block + .block { margin-top: 20px; } [class*='btn-'].half { width: 48% !important; padding-left: 0; padding-right: 0; margin-right: 1.6%; } [class*='btn-'].half:nth-child(2n) { margin-right: 0; } .tool-btn { position: relative; display: inline-block; z-index: 998; } .tool-btn ul { left: 0; right: 0; text-align: center; position: absolute; bottom: 30px; padding-bottom: 55px; margin: 0; visibility: hidden; } .tool-btn ul li { margin-bottom: 15px; } .tool-btn ul [class*='btn-'] { opacity: 0; } .tool-btn.active ul { visibility: visible; } .tool-btn.horizontal ul { text-align: left; right: auto; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); height: 100%; left: 30px; width: 500px; padding-bottom: 0px; } .tool-btn.horizontal ul li { display: inline-block; margin: 5px 15px 0 0; } .tool-btn.horizontal.right ul { text-align: right; padding-right: 50px; right: 30px; left: auto; } .tool-btn.horizontal .btn-with-item ~ ul { left: 84px; width: 620px; } .tool-btn.horizontal .btn-with-item ~ ul li { margin: 0 13px 5px 0; } .tool-btn .fab-backdrop { position: absolute; top: 0; left: 0; z-index: -1; width: 35px; height: 35px; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .btn-materialize-red { color: #ffffff; background-color: #e51c23; border-color: #e51c23; } .btn-materialize-red:link, .btn-materialize-red:visited, .btn-materialize-red.visited { color: #ffffff; background-color: #e51c23; border-color: #e51c23; } .btn-materialize-red:focus, .btn-materialize-red:hover { color: #ffffff; background-color: #8b1014; border-color: #b0141a; } .btn-materialize-red.disabled, .btn-materialize-red:disabled { background-color: #e51c23; border-color: #e51c23; } .btn-materialize-red:active, .btn-materialize-red.active { color: #ffffff; background-color: #8b1014; border-color: #b0141a; } .btn-materialize-red-o { color: #e51c23; background-color: transparent; border-color: #e51c23; } .btn-materialize-red-o:link, .btn-materialize-red-o:visited, .btn-materialize-red-o.visited { color: #e51c23; background-color: transparent; border-color: #e51c23; } .btn-materialize-red-o:hover { color: #f28e92; border-color: #f28e92; } .btn-materialize-red-o.disabled, .btn-materialize-red-o:disabled { color: #e51c23; } .btn-materialize-red-o:active, .btn-materialize-red-o.active { color: #f28e92; border-color: #f28e92; } .btn-materialize-red-lighten-5 { color: #ffffff; background-color: #fdeaeb; border-color: #fdeaeb; } .btn-materialize-red-lighten-5:link, .btn-materialize-red-lighten-5:visited, .btn-materialize-red-lighten-5.visited { color: #ffffff; background-color: #fdeaeb; border-color: #fdeaeb; } .btn-materialize-red-lighten-5:focus, .btn-materialize-red-lighten-5:hover { color: #ffffff; background-color: #f48d92; border-color: #f8b2b6; } .btn-materialize-red-lighten-5.disabled, .btn-materialize-red-lighten-5:disabled { background-color: #fdeaeb; border-color: #fdeaeb; } .btn-materialize-red-lighten-5:active, .btn-materialize-red-lighten-5.active { color: #ffffff; background-color: #f48d92; border-color: #f8b2b6; } .btn-materialize-red-lighten-5-o { color: #fdeaeb; background-color: transparent; border-color: #fdeaeb; } .btn-materialize-red-lighten-5-o:link, .btn-materialize-red-lighten-5-o:visited, .btn-materialize-red-lighten-5-o.visited { color: #fdeaeb; background-color: transparent; border-color: #fdeaeb; } .btn-materialize-red-lighten-5-o:hover { color: white; border-color: white; } .btn-materialize-red-lighten-5-o.disabled, .btn-materialize-red-lighten-5-o:disabled { color: #fdeaeb; } .btn-materialize-red-lighten-5-o:active, .btn-materialize-red-lighten-5-o.active { color: white; border-color: white; } .btn-materialize-red-lighten-4 { color: #ffffff; background-color: #f8c1c3; border-color: #f8c1c3; } .btn-materialize-red-lighten-4:link, .btn-materialize-red-lighten-4:visited, .btn-materialize-red-lighten-4.visited { color: #ffffff; background-color: #f8c1c3; border-color: #f8c1c3; } .btn-materialize-red-lighten-4:focus, .btn-materialize-red-lighten-4:hover { color: #ffffff; background-color: #ee656a; border-color: #f28a8e; } .btn-materialize-red-lighten-4.disabled, .btn-materialize-red-lighten-4:disabled { background-color: #f8c1c3; border-color: #f8c1c3; } .btn-materialize-red-lighten-4:active, .btn-materialize-red-lighten-4.active { color: #ffffff; background-color: #ee656a; border-color: #f28a8e; } .btn-materialize-red-lighten-4-o { color: #f8c1c3; background-color: transparent; border-color: #f8c1c3; } .btn-materialize-red-lighten-4-o:link, .btn-materialize-red-lighten-4-o:visited, .btn-materialize-red-lighten-4-o.visited { color: #f8c1c3; background-color: transparent; border-color: #f8c1c3; } .btn-materialize-red-lighten-4-o:hover { color: white; border-color: white; } .btn-materialize-red-lighten-4-o.disabled, .btn-materialize-red-lighten-4-o:disabled { color: #f8c1c3; } .btn-materialize-red-lighten-4-o:active, .btn-materialize-red-lighten-4-o.active { color: white; border-color: white; } .btn-materialize-red-lighten-3 { color: #ffffff; background-color: #f3989b; border-color: #f3989b; } .btn-materialize-red-lighten-3:link, .btn-materialize-red-lighten-3:visited, .btn-materialize-red-lighten-3.visited { color: #ffffff; background-color: #f3989b; border-color: #f3989b; } .btn-materialize-red-lighten-3:focus, .btn-materialize-red-lighten-3:hover { color: #ffffff; background-color: #e83d42; border-color: #ed6166; } .btn-materialize-red-lighten-3.disabled, .btn-materialize-red-lighten-3:disabled { background-color: #f3989b; border-color: #f3989b; } .btn-materialize-red-lighten-3:active, .btn-materialize-red-lighten-3.active { color: #ffffff; background-color: #e83d42; border-color: #ed6166; } .btn-materialize-red-lighten-3-o { color: #f3989b; background-color: transparent; border-color: #f3989b; } .btn-materialize-red-lighten-3-o:link, .btn-materialize-red-lighten-3-o:visited, .btn-materialize-red-lighten-3-o.visited { color: #f3989b; background-color: transparent; border-color: #f3989b; } .btn-materialize-red-lighten-3-o:hover { color: white; border-color: white; } .btn-materialize-red-lighten-3-o.disabled, .btn-materialize-red-lighten-3-o:disabled { color: #f3989b; } .btn-materialize-red-lighten-3-o:active, .btn-materialize-red-lighten-3-o.active { color: white; border-color: white; } .btn-materialize-red-lighten-2 { color: #ffffff; background-color: #ee6e73; border-color: #ee6e73; } .btn-materialize-red-lighten-2:link, .btn-materialize-red-lighten-2:visited, .btn-materialize-red-lighten-2.visited { color: #ffffff; background-color: #ee6e73; border-color: #ee6e73; } .btn-materialize-red-lighten-2:focus, .btn-materialize-red-lighten-2:hover { color: #ffffff; background-color: #dc1a21; border-color: #e8373e; } .btn-materialize-red-lighten-2.disabled, .btn-materialize-red-lighten-2:disabled { background-color: #ee6e73; border-color: #ee6e73; } .btn-materialize-red-lighten-2:active, .btn-materialize-red-lighten-2.active { color: #ffffff; background-color: #dc1a21; border-color: #e8373e; } .btn-materialize-red-lighten-2-o { color: #ee6e73; background-color: transparent; border-color: #ee6e73; } .btn-materialize-red-lighten-2-o:link, .btn-materialize-red-lighten-2-o:visited, .btn-materialize-red-lighten-2-o.visited { color: #ee6e73; background-color: transparent; border-color: #ee6e73; } .btn-materialize-red-lighten-2-o:hover { color: #fbe0e1; border-color: #fbe0e1; } .btn-materialize-red-lighten-2-o.disabled, .btn-materialize-red-lighten-2-o:disabled { color: #ee6e73; } .btn-materialize-red-lighten-2-o:active, .btn-materialize-red-lighten-2-o.active { color: #fbe0e1; border-color: #fbe0e1; } .btn-materialize-red-lighten-1 { color: #ffffff; background-color: #ea454b; border-color: #ea454b; } .btn-materialize-red-lighten-1:link, .btn-materialize-red-lighten-1:visited, .btn-materialize-red-lighten-1.visited { color: #ffffff; background-color: #ea454b; border-color: #ea454b; } .btn-materialize-red-lighten-1:focus, .btn-materialize-red-lighten-1:hover { color: #ffffff; background-color: #b5141a; border-color: #d91920; } .btn-materialize-red-lighten-1.disabled, .btn-materialize-red-lighten-1:disabled { background-color: #ea454b; border-color: #ea454b; } .btn-materialize-red-lighten-1:active, .btn-materialize-red-lighten-1.active { color: #ffffff; background-color: #b5141a; border-color: #d91920; } .btn-materialize-red-lighten-1-o { color: #ea454b; background-color: transparent; border-color: #ea454b; } .btn-materialize-red-lighten-1-o:link, .btn-materialize-red-lighten-1-o:visited, .btn-materialize-red-lighten-1-o.visited { color: #ea454b; background-color: transparent; border-color: #ea454b; } .btn-materialize-red-lighten-1-o:hover { color: #f7b8ba; border-color: #f7b8ba; } .btn-materialize-red-lighten-1-o.disabled, .btn-materialize-red-lighten-1-o:disabled { color: #ea454b; } .btn-materialize-red-lighten-1-o:active, .btn-materialize-red-lighten-1-o.active { color: #f7b8ba; border-color: #f7b8ba; } .btn-materialize-red-darken-1 { color: #ffffff; background-color: #d0181e; border-color: #d0181e; } .btn-materialize-red-darken-1:link, .btn-materialize-red-darken-1:visited, .btn-materialize-red-darken-1.visited { color: #ffffff; background-color: #d0181e; border-color: #d0181e; } .btn-materialize-red-darken-1:focus, .btn-materialize-red-darken-1:hover { color: #ffffff; background-color: #750d11; border-color: #991216; } .btn-materialize-red-darken-1.disabled, .btn-materialize-red-darken-1:disabled { background-color: #d0181e; border-color: #d0181e; } .btn-materialize-red-darken-1:active, .btn-materialize-red-darken-1.active { color: #ffffff; background-color: #750d11; border-color: #991216; } .btn-materialize-red-darken-1-o { color: #d0181e; background-color: transparent; border-color: #d0181e; } .btn-materialize-red-darken-1-o:link, .btn-materialize-red-darken-1-o:visited, .btn-materialize-red-darken-1-o.visited { color: #d0181e; background-color: transparent; border-color: #d0181e; } .btn-materialize-red-darken-1-o:hover { color: #ef787c; border-color: #ef787c; } .btn-materialize-red-darken-1-o.disabled, .btn-materialize-red-darken-1-o:disabled { color: #d0181e; } .btn-materialize-red-darken-1-o:active, .btn-materialize-red-darken-1-o.active { color: #ef787c; border-color: #ef787c; } .btn-materialize-red-darken-2 { color: #ffffff; background-color: #b9151b; border-color: #b9151b; } .btn-materialize-red-darken-2:link, .btn-materialize-red-darken-2:visited, .btn-materialize-red-darken-2.visited { color: #ffffff; background-color: #b9151b; border-color: #b9151b; } .btn-materialize-red-darken-2:focus, .btn-materialize-red-darken-2:hover { color: #ffffff; background-color: #5d0b0e; border-color: #820f13; } .btn-materialize-red-darken-2.disabled, .btn-materialize-red-darken-2:disabled { background-color: #b9151b; border-color: #b9151b; } .btn-materialize-red-darken-2:active, .btn-materialize-red-darken-2.active { color: #ffffff; background-color: #5d0b0e; border-color: #820f13; } .btn-materialize-red-darken-2-o { color: #b9151b; background-color: transparent; border-color: #b9151b; } .btn-materialize-red-darken-2-o:link, .btn-materialize-red-darken-2-o:visited, .btn-materialize-red-darken-2-o.visited { color: #b9151b; background-color: transparent; border-color: #b9151b; } .btn-materialize-red-darken-2-o:hover { color: #ed6066; border-color: #ed6066; } .btn-materialize-red-darken-2-o.disabled, .btn-materialize-red-darken-2-o:disabled { color: #b9151b; } .btn-materialize-red-darken-2-o:active, .btn-materialize-red-darken-2-o.active { color: #ed6066; border-color: #ed6066; } .btn-materialize-red-darken-3 { color: #ffffff; background-color: #a21318; border-color: #a21318; } .btn-materialize-red-darken-3:link, .btn-materialize-red-darken-3:visited, .btn-materialize-red-darken-3.visited { color: #ffffff; background-color: #a21318; border-color: #a21318; } .btn-materialize-red-darken-3:focus, .btn-materialize-red-darken-3:hover { color: #ffffff; background-color: #47080a; border-color: #6b0d10; } .btn-materialize-red-darken-3.disabled, .btn-materialize-red-darken-3:disabled { background-color: #a21318; border-color: #a21318; } .btn-materialize-red-darken-3:active, .btn-materialize-red-darken-3.active { color: #ffffff; background-color: #47080a; border-color: #6b0d10; } .btn-materialize-red-darken-3-o { color: #a21318; background-color: transparent; border-color: #a21318; } .btn-materialize-red-darken-3-o:link, .btn-materialize-red-darken-3-o:visited, .btn-materialize-red-darken-3-o.visited { color: #a21318; background-color: transparent; border-color: #a21318; } .btn-materialize-red-darken-3-o:hover { color: #ea4b50; border-color: #ea4b50; } .btn-materialize-red-darken-3-o.disabled, .btn-materialize-red-darken-3-o:disabled { color: #a21318; } .btn-materialize-red-darken-3-o:active, .btn-materialize-red-darken-3-o.active { color: #ea4b50; border-color: #ea4b50; } .btn-materialize-red-darken-4 { color: #ffffff; background-color: #8b1014; border-color: #8b1014; } .btn-materialize-red-darken-4:link, .btn-materialize-red-darken-4:visited, .btn-materialize-red-darken-4.visited { color: #ffffff; background-color: #8b1014; border-color: #8b1014; } .btn-materialize-red-darken-4:focus, .btn-materialize-red-darken-4:hover { color: #ffffff; background-color: #300507; border-color: #540a0c; } .btn-materialize-red-darken-4.disabled, .btn-materialize-red-darken-4:disabled { background-color: #8b1014; border-color: #8b1014; } .btn-materialize-red-darken-4:active, .btn-materialize-red-darken-4.active { color: #ffffff; background-color: #300507; border-color: #540a0c; } .btn-materialize-red-darken-4-o { color: #8b1014; background-color: transparent; border-color: #8b1014; } .btn-materialize-red-darken-4-o:link, .btn-materialize-red-darken-4-o:visited, .btn-materialize-red-darken-4-o.visited { color: #8b1014; background-color: transparent; border-color: #8b1014; } .btn-materialize-red-darken-4-o:hover { color: #e83339; border-color: #e83339; } .btn-materialize-red-darken-4-o.disabled, .btn-materialize-red-darken-4-o:disabled { color: #8b1014; } .btn-materialize-red-darken-4-o:active, .btn-materialize-red-darken-4-o.active { color: #e83339; border-color: #e83339; } .btn-red { color: #ffffff; background-color: #F44336; border-color: #F44336; } .btn-red:link, .btn-red:visited, .btn-red.visited { color: #ffffff; background-color: #F44336; border-color: #F44336; } .btn-red:focus, .btn-red:hover { color: #ffffff; background-color: #ba160a; border-color: #e11b0c; } .btn-red.disabled, .btn-red:disabled { background-color: #F44336; border-color: #F44336; } .btn-red:active, .btn-red.active { color: #ffffff; background-color: #ba160a; border-color: #e11b0c; } .btn-red-o { color: #F44336; background-color: transparent; border-color: #F44336; } .btn-red-o:link, .btn-red-o:visited, .btn-red-o.visited { color: #F44336; background-color: transparent; border-color: #F44336; } .btn-red-o:hover { color: #fbb4af; border-color: #fbb4af; } .btn-red-o.disabled, .btn-red-o:disabled { color: #F44336; } .btn-red-o:active, .btn-red-o.active { color: #fbb4af; border-color: #fbb4af; } .btn-red-lighten-5 { color: #ffffff; background-color: #FFEBEE; border-color: #FFEBEE; } .btn-red-lighten-5:link, .btn-red-lighten-5:visited, .btn-red-lighten-5.visited { color: #ffffff; background-color: #FFEBEE; border-color: #FFEBEE; } .btn-red-lighten-5:focus, .btn-red-lighten-5:hover { color: #ffffff; background-color: #ff8597; border-color: #ffaeba; } .btn-red-lighten-5.disabled, .btn-red-lighten-5:disabled { background-color: #FFEBEE; border-color: #FFEBEE; } .btn-red-lighten-5:active, .btn-red-lighten-5.active { color: #ffffff; background-color: #ff8597; border-color: #ffaeba; } .btn-red-lighten-5-o { color: #FFEBEE; background-color: transparent; border-color: #FFEBEE; } .btn-red-lighten-5-o:link, .btn-red-lighten-5-o:visited, .btn-red-lighten-5-o.visited { color: #FFEBEE; background-color: transparent; border-color: #FFEBEE; } .btn-red-lighten-5-o:hover { color: white; border-color: white; } .btn-red-lighten-5-o.disabled, .btn-red-lighten-5-o:disabled { color: #FFEBEE; } .btn-red-lighten-5-o:active, .btn-red-lighten-5-o.active { color: white; border-color: white; } .btn-red-lighten-4 { color: #ffffff; background-color: #FFCDD2; border-color: #FFCDD2; } .btn-red-lighten-4:link, .btn-red-lighten-4:visited, .btn-red-lighten-4.visited { color: #ffffff; background-color: #FFCDD2; border-color: #FFCDD2; } .btn-red-lighten-4:focus, .btn-red-lighten-4:hover { color: #ffffff; background-color: #ff6776; border-color: #ff909b; } .btn-red-lighten-4.disabled, .btn-red-lighten-4:disabled { background-color: #FFCDD2; border-color: #FFCDD2; } .btn-red-lighten-4:active, .btn-red-lighten-4.active { color: #ffffff; background-color: #ff6776; border-color: #ff909b; } .btn-red-lighten-4-o { color: #FFCDD2; background-color: transparent; border-color: #FFCDD2; } .btn-red-lighten-4-o:link, .btn-red-lighten-4-o:visited, .btn-red-lighten-4-o.visited { color: #FFCDD2; background-color: transparent; border-color: #FFCDD2; } .btn-red-lighten-4-o:hover { color: white; border-color: white; } .btn-red-lighten-4-o.disabled, .btn-red-lighten-4-o:disabled { color: #FFCDD2; } .btn-red-lighten-4-o:active, .btn-red-lighten-4-o.active { color: white; border-color: white; } .btn-red-lighten-3 { color: #ffffff; background-color: #EF9A9A; border-color: #EF9A9A; } .btn-red-lighten-3:link, .btn-red-lighten-3:visited, .btn-red-lighten-3.visited { color: #ffffff; background-color: #EF9A9A; border-color: #EF9A9A; } .btn-red-lighten-3:focus, .btn-red-lighten-3:hover { color: #ffffff; background-color: #e14242; border-color: #e76565; } .btn-red-lighten-3.disabled, .btn-red-lighten-3:disabled { background-color: #EF9A9A; border-color: #EF9A9A; } .btn-red-lighten-3:active, .btn-red-lighten-3.active { color: #ffffff; background-color: #e14242; border-color: #e76565; } .btn-red-lighten-3-o { color: #EF9A9A; background-color: transparent; border-color: #EF9A9A; } .btn-red-lighten-3-o:link, .btn-red-lighten-3-o:visited, .btn-red-lighten-3-o.visited { color: #EF9A9A; background-color: transparent; border-color: #EF9A9A; } .btn-red-lighten-3-o:hover { color: white; border-color: white; } .btn-red-lighten-3-o.disabled, .btn-red-lighten-3-o:disabled { color: #EF9A9A; } .btn-red-lighten-3-o:active, .btn-red-lighten-3-o.active { color: white; border-color: white; } .btn-red-lighten-2 { color: #ffffff; background-color: #E57373; border-color: #E57373; } .btn-red-lighten-2:link, .btn-red-lighten-2:visited, .btn-red-lighten-2.visited { color: #ffffff; background-color: #E57373; border-color: #E57373; } .btn-red-lighten-2:focus, .btn-red-lighten-2:hover { color: #ffffff; background-color: #cc2626; border-color: #db3f3f; } .btn-red-lighten-2.disabled, .btn-red-lighten-2:disabled { background-color: #E57373; border-color: #E57373; } .btn-red-lighten-2:active, .btn-red-lighten-2.active { color: #ffffff; background-color: #cc2626; border-color: #db3f3f; } .btn-red-lighten-2-o { color: #E57373; background-color: transparent; border-color: #E57373; } .btn-red-lighten-2-o:link, .btn-red-lighten-2-o:visited, .btn-red-lighten-2-o.visited { color: #E57373; background-color: transparent; border-color: #E57373; } .btn-red-lighten-2-o:hover { color: #f9dfdf; border-color: #f9dfdf; } .btn-red-lighten-2-o.disabled, .btn-red-lighten-2-o:disabled { color: #E57373; } .btn-red-lighten-2-o:active, .btn-red-lighten-2-o.active { color: #f9dfdf; border-color: #f9dfdf; } .btn-red-lighten-1 { color: #ffffff; background-color: #EF5350; border-color: #EF5350; } .btn-red-lighten-1:link, .btn-red-lighten-1:visited, .btn-red-lighten-1.visited { color: #ffffff; background-color: #EF5350; border-color: #EF5350; } .btn-red-lighten-1:focus, .btn-red-lighten-1:hover { color: #ffffff; background-color: #c71612; border-color: #ea1c18; } .btn-red-lighten-1.disabled, .btn-red-lighten-1:disabled { background-color: #EF5350; border-color: #EF5350; } .btn-red-lighten-1:active, .btn-red-lighten-1.active { color: #ffffff; background-color: #c71612; border-color: #ea1c18; } .btn-red-lighten-1-o { color: #EF5350; background-color: transparent; border-color: #EF5350; } .btn-red-lighten-1-o:link, .btn-red-lighten-1-o:visited, .btn-red-lighten-1-o.visited { color: #EF5350; background-color: transparent; border-color: #EF5350; } .btn-red-lighten-1-o:hover { color: #fac6c5; border-color: #fac6c5; } .btn-red-lighten-1-o.disabled, .btn-red-lighten-1-o:disabled { color: #EF5350; } .btn-red-lighten-1-o:active, .btn-red-lighten-1-o.active { color: #fac6c5; border-color: #fac6c5; } .btn-red-darken-1 { color: #ffffff; background-color: #E53935; border-color: #E53935; } .btn-red-darken-1:link, .btn-red-darken-1:visited, .btn-red-darken-1.visited { color: #ffffff; background-color: #E53935; border-color: #E53935; } .btn-red-darken-1:focus, .btn-red-darken-1:hover { color: #ffffff; background-color: #9f1815; border-color: #c41d19; } .btn-red-darken-1.disabled, .btn-red-darken-1:disabled { background-color: #E53935; border-color: #E53935; } .btn-red-darken-1:active, .btn-red-darken-1.active { color: #ffffff; background-color: #9f1815; border-color: #c41d19; } .btn-red-darken-1-o { color: #E53935; background-color: transparent; border-color: #E53935; } .btn-red-darken-1-o:link, .btn-red-darken-1-o:visited, .btn-red-darken-1-o.visited { color: #E53935; background-color: transparent; border-color: #E53935; } .btn-red-darken-1-o:hover { color: #f4a8a6; border-color: #f4a8a6; } .btn-red-darken-1-o.disabled, .btn-red-darken-1-o:disabled { color: #E53935; } .btn-red-darken-1-o:active, .btn-red-darken-1-o.active { color: #f4a8a6; border-color: #f4a8a6; } .btn-red-darken-2 { color: #ffffff; background-color: #D32F2F; border-color: #D32F2F; } .btn-red-darken-2:link, .btn-red-darken-2:visited, .btn-red-darken-2.visited { color: #ffffff; background-color: #D32F2F; border-color: #D32F2F; } .btn-red-darken-2:focus, .btn-red-darken-2:hover { color: #ffffff; background-color: #811b1b; border-color: #a22222; } .btn-red-darken-2.disabled, .btn-red-darken-2:disabled { background-color: #D32F2F; border-color: #D32F2F; } .btn-red-darken-2:active, .btn-red-darken-2.active { color: #ffffff; background-color: #811b1b; border-color: #a22222; } .btn-red-darken-2-o { color: #D32F2F; background-color: transparent; border-color: #D32F2F; } .btn-red-darken-2-o:link, .btn-red-darken-2-o:visited, .btn-red-darken-2-o.visited { color: #D32F2F; background-color: transparent; border-color: #D32F2F; } .btn-red-darken-2-o:hover { color: #e99898; border-color: #e99898; } .btn-red-darken-2-o.disabled, .btn-red-darken-2-o:disabled { color: #D32F2F; } .btn-red-darken-2-o:active, .btn-red-darken-2-o.active { color: #e99898; border-color: #e99898; } .btn-red-darken-3 { color: #ffffff; background-color: #C62828; border-color: #C62828; } .btn-red-darken-3:link, .btn-red-darken-3:visited, .btn-red-darken-3.visited { color: #ffffff; background-color: #C62828; border-color: #C62828; } .btn-red-darken-3:focus, .btn-red-darken-3:hover { color: #ffffff; background-color: #711717; border-color: #931e1e; } .btn-red-darken-3.disabled, .btn-red-darken-3:disabled { background-color: #C62828; border-color: #C62828; } .btn-red-darken-3:active, .btn-red-darken-3.active { color: #ffffff; background-color: #711717; border-color: #931e1e; } .btn-red-darken-3-o { color: #C62828; background-color: transparent; border-color: #C62828; } .btn-red-darken-3-o:link, .btn-red-darken-3-o:visited, .btn-red-darken-3-o.visited { color: #C62828; background-color: transparent; border-color: #C62828; } .btn-red-darken-3-o:hover { color: #e78787; border-color: #e78787; } .btn-red-darken-3-o.disabled, .btn-red-darken-3-o:disabled { color: #C62828; } .btn-red-darken-3-o:active, .btn-red-darken-3-o.active { color: #e78787; border-color: #e78787; } .btn-red-darken-4 { color: #ffffff; background-color: #B71C1C; border-color: #B71C1C; } .btn-red-darken-4:link, .btn-red-darken-4:visited, .btn-red-darken-4.visited { color: #ffffff; background-color: #B71C1C; border-color: #B71C1C; } .btn-red-darken-4:focus, .btn-red-darken-4:hover { color: #ffffff; background-color: #5f0e0e; border-color: #821414; } .btn-red-darken-4.disabled, .btn-red-darken-4:disabled { background-color: #B71C1C; border-color: #B71C1C; } .btn-red-darken-4:active, .btn-red-darken-4.active { color: #ffffff; background-color: #5f0e0e; border-color: #821414; } .btn-red-darken-4-o { color: #B71C1C; background-color: transparent; border-color: #B71C1C; } .btn-red-darken-4-o:link, .btn-red-darken-4-o:visited, .btn-red-darken-4-o.visited { color: #B71C1C; background-color: transparent; border-color: #B71C1C; } .btn-red-darken-4-o:hover { color: #e86a6a; border-color: #e86a6a; } .btn-red-darken-4-o.disabled, .btn-red-darken-4-o:disabled { color: #B71C1C; } .btn-red-darken-4-o:active, .btn-red-darken-4-o.active { color: #e86a6a; border-color: #e86a6a; } .btn-red-accent-1 { color: #ffffff; background-color: #FF8A80; border-color: #FF8A80; } .btn-red-accent-1:link, .btn-red-accent-1:visited, .btn-red-accent-1.visited { color: #ffffff; background-color: #FF8A80; border-color: #FF8A80; } .btn-red-accent-1:focus, .btn-red-accent-1:hover { color: #ffffff; background-color: #ff2c1a; border-color: #ff5243; } .btn-red-accent-1.disabled, .btn-red-accent-1:disabled { background-color: #FF8A80; border-color: #FF8A80; } .btn-red-accent-1:active, .btn-red-accent-1.active { color: #ffffff; background-color: #ff2c1a; border-color: #ff5243; } .btn-red-accent-1-o { color: #FF8A80; background-color: transparent; border-color: #FF8A80; } .btn-red-accent-1-o:link, .btn-red-accent-1-o:visited, .btn-red-accent-1-o.visited { color: #FF8A80; background-color: transparent; border-color: #FF8A80; } .btn-red-accent-1-o:hover { color: white; border-color: white; } .btn-red-accent-1-o.disabled, .btn-red-accent-1-o:disabled { color: #FF8A80; } .btn-red-accent-1-o:active, .btn-red-accent-1-o.active { color: white; border-color: white; } .btn-red-accent-2 { color: #ffffff; background-color: #FF5252; border-color: #FF5252; } .btn-red-accent-2:link, .btn-red-accent-2:visited, .btn-red-accent-2.visited { color: #ffffff; background-color: #FF5252; border-color: #FF5252; } .btn-red-accent-2:focus, .btn-red-accent-2:hover { color: #ffffff; background-color: #eb0000; border-color: #ff1515; } .btn-red-accent-2.disabled, .btn-red-accent-2:disabled { background-color: #FF5252; border-color: #FF5252; } .btn-red-accent-2:active, .btn-red-accent-2.active { color: #ffffff; background-color: #eb0000; border-color: #ff1515; } .btn-red-accent-2-o { color: #FF5252; background-color: transparent; border-color: #FF5252; } .btn-red-accent-2-o:link, .btn-red-accent-2-o:visited, .btn-red-accent-2-o.visited { color: #FF5252; background-color: transparent; border-color: #FF5252; } .btn-red-accent-2-o:hover { color: #ffd2d2; border-color: #ffd2d2; } .btn-red-accent-2-o.disabled, .btn-red-accent-2-o:disabled { color: #FF5252; } .btn-red-accent-2-o:active, .btn-red-accent-2-o.active { color: #ffd2d2; border-color: #ffd2d2; } .btn-red-accent-3 { color: #ffffff; background-color: #FF1744; border-color: #FF1744; } .btn-red-accent-3:link, .btn-red-accent-3:visited, .btn-red-accent-3.visited { color: #ffffff; background-color: #FF1744; border-color: #FF1744; } .btn-red-accent-3:focus, .btn-red-accent-3:hover { color: #ffffff; background-color: #b00022; border-color: #d9002a; } .btn-red-accent-3.disabled, .btn-red-accent-3:disabled { background-color: #FF1744; border-color: #FF1744; } .btn-red-accent-3:active, .btn-red-accent-3.active { color: #ffffff; background-color: #b00022; border-color: #d9002a; } .btn-red-accent-3-o { color: #FF1744; background-color: transparent; border-color: #FF1744; } .btn-red-accent-3-o:link, .btn-red-accent-3-o:visited, .btn-red-accent-3-o.visited { color: #FF1744; background-color: transparent; border-color: #FF1744; } .btn-red-accent-3-o:hover { color: #ff97ab; border-color: #ff97ab; } .btn-red-accent-3-o.disabled, .btn-red-accent-3-o:disabled { color: #FF1744; } .btn-red-accent-3-o:active, .btn-red-accent-3-o.active { color: #ff97ab; border-color: #ff97ab; } .btn-red-accent-4 { color: #ffffff; background-color: #D50000; border-color: #D50000; } .btn-red-accent-4:link, .btn-red-accent-4:visited, .btn-red-accent-4.visited { color: #ffffff; background-color: #D50000; border-color: #D50000; } .btn-red-accent-4:focus, .btn-red-accent-4:hover { color: #ffffff; background-color: #6f0000; border-color: #980000; } .btn-red-accent-4.disabled, .btn-red-accent-4:disabled { background-color: #D50000; border-color: #D50000; } .btn-red-accent-4:active, .btn-red-accent-4.active { color: #ffffff; background-color: #6f0000; border-color: #980000; } .btn-red-accent-4-o { color: #D50000; background-color: transparent; border-color: #D50000; } .btn-red-accent-4-o:link, .btn-red-accent-4-o:visited, .btn-red-accent-4-o.visited { color: #D50000; background-color: transparent; border-color: #D50000; } .btn-red-accent-4-o:hover { color: #ff5656; border-color: #ff5656; } .btn-red-accent-4-o.disabled, .btn-red-accent-4-o:disabled { color: #D50000; } .btn-red-accent-4-o:active, .btn-red-accent-4-o.active { color: #ff5656; border-color: #ff5656; } .btn-pink { color: #ffffff; background-color: #e91e63; border-color: #e91e63; } .btn-pink:link, .btn-pink:visited, .btn-pink.visited { color: #ffffff; background-color: #e91e63; border-color: #e91e63; } .btn-pink:focus, .btn-pink:hover { color: #ffffff; background-color: #930e3b; border-color: #b8124a; } .btn-pink.disabled, .btn-pink:disabled { background-color: #e91e63; border-color: #e91e63; } .btn-pink:active, .btn-pink.active { color: #ffffff; background-color: #930e3b; border-color: #b8124a; } .btn-pink-o { color: #e91e63; background-color: transparent; border-color: #e91e63; } .btn-pink-o:link, .btn-pink-o:visited, .btn-pink-o.visited { color: #e91e63; background-color: transparent; border-color: #e91e63; } .btn-pink-o:hover { color: #f492b4; border-color: #f492b4; } .btn-pink-o.disabled, .btn-pink-o:disabled { color: #e91e63; } .btn-pink-o:active, .btn-pink-o.active { color: #f492b4; border-color: #f492b4; } .btn-pink-lighten-5 { color: #ffffff; background-color: #fce4ec; border-color: #fce4ec; } .btn-pink-lighten-5:link, .btn-pink-lighten-5:visited, .btn-pink-lighten-5.visited { color: #ffffff; background-color: #fce4ec; border-color: #fce4ec; } .btn-pink-lighten-5:focus, .btn-pink-lighten-5:hover { color: #ffffff; background-color: #f288ab; border-color: #f6adc5; } .btn-pink-lighten-5.disabled, .btn-pink-lighten-5:disabled { background-color: #fce4ec; border-color: #fce4ec; } .btn-pink-lighten-5:active, .btn-pink-lighten-5.active { color: #ffffff; background-color: #f288ab; border-color: #f6adc5; } .btn-pink-lighten-5-o { color: #fce4ec; background-color: transparent; border-color: #fce4ec; } .btn-pink-lighten-5-o:link, .btn-pink-lighten-5-o:visited, .btn-pink-lighten-5-o.visited { color: #fce4ec; background-color: transparent; border-color: #fce4ec; } .btn-pink-lighten-5-o:hover { color: white; border-color: white; } .btn-pink-lighten-5-o.disabled, .btn-pink-lighten-5-o:disabled { color: #fce4ec; } .btn-pink-lighten-5-o:active, .btn-pink-lighten-5-o.active { color: white; border-color: white; } .btn-pink-lighten-4 { color: #ffffff; background-color: #f8bbd0; border-color: #f8bbd0; } .btn-pink-lighten-4:link, .btn-pink-lighten-4:visited, .btn-pink-lighten-4.visited { color: #ffffff; background-color: #f8bbd0; border-color: #f8bbd0; } .btn-pink-lighten-4:focus, .btn-pink-lighten-4:hover { color: #ffffff; background-color: #ee5f90; border-color: #f284aa; } .btn-pink-lighten-4.disabled, .btn-pink-lighten-4:disabled { background-color: #f8bbd0; border-color: #f8bbd0; } .btn-pink-lighten-4:active, .btn-pink-lighten-4.active { color: #ffffff; background-color: #ee5f90; border-color: #f284aa; } .btn-pink-lighten-4-o { color: #f8bbd0; background-color: transparent; border-color: #f8bbd0; } .btn-pink-lighten-4-o:link, .btn-pink-lighten-4-o:visited, .btn-pink-lighten-4-o.visited { color: #f8bbd0; background-color: transparent; border-color: #f8bbd0; } .btn-pink-lighten-4-o:hover { color: white; border-color: white; } .btn-pink-lighten-4-o.disabled, .btn-pink-lighten-4-o:disabled { color: #f8bbd0; } .btn-pink-lighten-4-o:active, .btn-pink-lighten-4-o.active { color: white; border-color: white; } .btn-pink-lighten-3 { color: #ffffff; background-color: #f48fb1; border-color: #f48fb1; } .btn-pink-lighten-3:link, .btn-pink-lighten-3:visited, .btn-pink-lighten-3.visited { color: #ffffff; background-color: #f48fb1; border-color: #f48fb1; } .btn-pink-lighten-3:focus, .btn-pink-lighten-3:hover { color: #ffffff; background-color: #eb3270; border-color: #ef578a; } .btn-pink-lighten-3.disabled, .btn-pink-lighten-3:disabled { background-color: #f48fb1; border-color: #f48fb1; } .btn-pink-lighten-3:active, .btn-pink-lighten-3.active { color: #ffffff; background-color: #eb3270; border-color: #ef578a; } .btn-pink-lighten-3-o { color: #f48fb1; background-color: transparent; border-color: #f48fb1; } .btn-pink-lighten-3-o:link, .btn-pink-lighten-3-o:visited, .btn-pink-lighten-3-o.visited { color: #f48fb1; background-color: transparent; border-color: #f48fb1; } .btn-pink-lighten-3-o:hover { color: white; border-color: white; } .btn-pink-lighten-3-o.disabled, .btn-pink-lighten-3-o:disabled { color: #f48fb1; } .btn-pink-lighten-3-o:active, .btn-pink-lighten-3-o.active { color: white; border-color: white; } .btn-pink-lighten-2 { color: #ffffff; background-color: #f06292; border-color: #f06292; } .btn-pink-lighten-2:link, .btn-pink-lighten-2:visited, .btn-pink-lighten-2.visited { color: #ffffff; background-color: #f06292; border-color: #f06292; } .btn-pink-lighten-2:focus, .btn-pink-lighten-2:hover { color: #ffffff; background-color: #d71556; border-color: #eb2a6b; } .btn-pink-lighten-2.disabled, .btn-pink-lighten-2:disabled { background-color: #f06292; border-color: #f06292; } .btn-pink-lighten-2:active, .btn-pink-lighten-2.active { color: #ffffff; background-color: #d71556; border-color: #eb2a6b; } .btn-pink-lighten-2-o { color: #f06292; background-color: transparent; border-color: #f06292; } .btn-pink-lighten-2-o:link, .btn-pink-lighten-2-o:visited, .btn-pink-lighten-2-o.visited { color: #f06292; background-color: transparent; border-color: #f06292; } .btn-pink-lighten-2-o:hover { color: #fbd6e3; border-color: #fbd6e3; } .btn-pink-lighten-2-o.disabled, .btn-pink-lighten-2-o:disabled { color: #f06292; } .btn-pink-lighten-2-o:active, .btn-pink-lighten-2-o.active { color: #fbd6e3; border-color: #fbd6e3; } .btn-pink-lighten-1 { color: #ffffff; background-color: #ec407a; border-color: #ec407a; } .btn-pink-lighten-1:link, .btn-pink-lighten-1:visited, .btn-pink-lighten-1.visited { color: #ffffff; background-color: #ec407a; border-color: #ec407a; } .btn-pink-lighten-1:focus, .btn-pink-lighten-1:hover { color: #ffffff; background-color: #b41249; border-color: #d91658; } .btn-pink-lighten-1.disabled, .btn-pink-lighten-1:disabled { background-color: #ec407a; border-color: #ec407a; } .btn-pink-lighten-1:active, .btn-pink-lighten-1.active { color: #ffffff; background-color: #b41249; border-color: #d91658; } .btn-pink-lighten-1-o { color: #ec407a; background-color: transparent; border-color: #ec407a; } .btn-pink-lighten-1-o:link, .btn-pink-lighten-1-o:visited, .btn-pink-lighten-1-o.visited { color: #ec407a; background-color: transparent; border-color: #ec407a; } .btn-pink-lighten-1-o:hover { color: #f8b4cb; border-color: #f8b4cb; } .btn-pink-lighten-1-o.disabled, .btn-pink-lighten-1-o:disabled { color: #ec407a; } .btn-pink-lighten-1-o:active, .btn-pink-lighten-1-o.active { color: #f8b4cb; border-color: #f8b4cb; } .btn-pink-darken-1 { color: #ffffff; background-color: #d81b60; border-color: #d81b60; } .btn-pink-darken-1:link, .btn-pink-darken-1:visited, .btn-pink-darken-1.visited { color: #ffffff; background-color: #d81b60; border-color: #d81b60; } .btn-pink-darken-1:focus, .btn-pink-darken-1:hover { color: #ffffff; background-color: #7d1038; border-color: #a21448; } .btn-pink-darken-1.disabled, .btn-pink-darken-1:disabled { background-color: #d81b60; border-color: #d81b60; } .btn-pink-darken-1:active, .btn-pink-darken-1.active { color: #ffffff; background-color: #7d1038; border-color: #a21448; } .btn-pink-darken-1-o { color: #d81b60; background-color: transparent; border-color: #d81b60; } .btn-pink-darken-1-o:link, .btn-pink-darken-1-o:visited, .btn-pink-darken-1-o.visited { color: #d81b60; background-color: transparent; border-color: #d81b60; } .btn-pink-darken-1-o:hover { color: #f083ab; border-color: #f083ab; } .btn-pink-darken-1-o.disabled, .btn-pink-darken-1-o:disabled { color: #d81b60; } .btn-pink-darken-1-o:active, .btn-pink-darken-1-o.active { color: #f083ab; border-color: #f083ab; } .btn-pink-darken-2 { color: #ffffff; background-color: #c2185b; border-color: #c2185b; } .btn-pink-darken-2:link, .btn-pink-darken-2:visited, .btn-pink-darken-2.visited { color: #ffffff; background-color: #c2185b; border-color: #c2185b; } .btn-pink-darken-2:focus, .btn-pink-darken-2:hover { color: #ffffff; background-color: #670d30; border-color: #8c1141; } .btn-pink-darken-2.disabled, .btn-pink-darken-2:disabled { background-color: #c2185b; border-color: #c2185b; } .btn-pink-darken-2:active, .btn-pink-darken-2.active { color: #ffffff; background-color: #670d30; border-color: #8c1141; } .btn-pink-darken-2-o { color: #c2185b; background-color: transparent; border-color: #c2185b; } .btn-pink-darken-2-o:link, .btn-pink-darken-2-o:visited, .btn-pink-darken-2-o.visited { color: #c2185b; background-color: transparent; border-color: #c2185b; } .btn-pink-darken-2-o:hover { color: #ed6d9f; border-color: #ed6d9f; } .btn-pink-darken-2-o.disabled, .btn-pink-darken-2-o:disabled { color: #c2185b; } .btn-pink-darken-2-o:active, .btn-pink-darken-2-o.active { color: #ed6d9f; border-color: #ed6d9f; } .btn-pink-darken-3 { color: #ffffff; background-color: #ad1457; border-color: #ad1457; } .btn-pink-darken-3:link, .btn-pink-darken-3:visited, .btn-pink-darken-3.visited { color: #ffffff; background-color: #ad1457; border-color: #ad1457; } .btn-pink-darken-3:focus, .btn-pink-darken-3:hover { color: #ffffff; background-color: #520929; border-color: #760e3b; } .btn-pink-darken-3.disabled, .btn-pink-darken-3:disabled { background-color: #ad1457; border-color: #ad1457; } .btn-pink-darken-3:active, .btn-pink-darken-3.active { color: #ffffff; background-color: #520929; border-color: #760e3b; } .btn-pink-darken-3-o { color: #ad1457; background-color: transparent; border-color: #ad1457; } .btn-pink-darken-3-o:link, .btn-pink-darken-3-o:visited, .btn-pink-darken-3-o.visited { color: #ad1457; background-color: transparent; border-color: #ad1457; } .btn-pink-darken-3-o:hover { color: #eb5597; border-color: #eb5597; } .btn-pink-darken-3-o.disabled, .btn-pink-darken-3-o:disabled { color: #ad1457; } .btn-pink-darken-3-o:active, .btn-pink-darken-3-o.active { color: #eb5597; border-color: #eb5597; } .btn-pink-darken-4 { color: #ffffff; background-color: #880e4f; border-color: #880e4f; } .btn-pink-darken-4:link, .btn-pink-darken-4:visited, .btn-pink-darken-4.visited { color: #ffffff; background-color: #880e4f; border-color: #880e4f; } .btn-pink-darken-4:focus, .btn-pink-darken-4:hover { color: #ffffff; background-color: #2c0419; border-color: #51082f; } .btn-pink-darken-4.disabled, .btn-pink-darken-4:disabled { background-color: #880e4f; border-color: #880e4f; } .btn-pink-darken-4:active, .btn-pink-darken-4.active { color: #ffffff; background-color: #2c0419; border-color: #51082f; } .btn-pink-darken-4-o { color: #880e4f; background-color: transparent; border-color: #880e4f; } .btn-pink-darken-4-o:link, .btn-pink-darken-4-o:visited, .btn-pink-darken-4-o.visited { color: #880e4f; background-color: transparent; border-color: #880e4f; } .btn-pink-darken-4-o:hover { color: #e92c91; border-color: #e92c91; } .btn-pink-darken-4-o.disabled, .btn-pink-darken-4-o:disabled { color: #880e4f; } .btn-pink-darken-4-o:active, .btn-pink-darken-4-o.active { color: #e92c91; border-color: #e92c91; } .btn-pink-accent-1 { color: #ffffff; background-color: #ff80ab; border-color: #ff80ab; } .btn-pink-accent-1:link, .btn-pink-accent-1:visited, .btn-pink-accent-1.visited { color: #ffffff; background-color: #ff80ab; border-color: #ff80ab; } .btn-pink-accent-1:focus, .btn-pink-accent-1:hover { color: #ffffff; background-color: #ff1a68; border-color: #ff4383; } .btn-pink-accent-1.disabled, .btn-pink-accent-1:disabled { background-color: #ff80ab; border-color: #ff80ab; } .btn-pink-accent-1:active, .btn-pink-accent-1.active { color: #ffffff; background-color: #ff1a68; border-color: #ff4383; } .btn-pink-accent-1-o { color: #ff80ab; background-color: transparent; border-color: #ff80ab; } .btn-pink-accent-1-o:link, .btn-pink-accent-1-o:visited, .btn-pink-accent-1-o.visited { color: #ff80ab; background-color: transparent; border-color: #ff80ab; } .btn-pink-accent-1-o:hover { color: white; border-color: white; } .btn-pink-accent-1-o.disabled, .btn-pink-accent-1-o:disabled { color: #ff80ab; } .btn-pink-accent-1-o:active, .btn-pink-accent-1-o.active { color: white; border-color: white; } .btn-pink-accent-2 { color: #ffffff; background-color: #ff4081; border-color: #ff4081; } .btn-pink-accent-2:link, .btn-pink-accent-2:visited, .btn-pink-accent-2.visited { color: #ffffff; background-color: #ff4081; border-color: #ff4081; } .btn-pink-accent-2:focus, .btn-pink-accent-2:hover { color: #ffffff; background-color: #d9004a; border-color: #ff0359; } .btn-pink-accent-2.disabled, .btn-pink-accent-2:disabled { background-color: #ff4081; border-color: #ff4081; } .btn-pink-accent-2:active, .btn-pink-accent-2.active { color: #ffffff; background-color: #d9004a; border-color: #ff0359; } .btn-pink-accent-2-o { color: #ff4081; background-color: transparent; border-color: #ff4081; } .btn-pink-accent-2-o:link, .btn-pink-accent-2-o:visited, .btn-pink-accent-2-o.visited { color: #ff4081; background-color: transparent; border-color: #ff4081; } .btn-pink-accent-2-o:hover { color: #ffc0d5; border-color: #ffc0d5; } .btn-pink-accent-2-o.disabled, .btn-pink-accent-2-o:disabled { color: #ff4081; } .btn-pink-accent-2-o:active, .btn-pink-accent-2-o.active { color: #ffc0d5; border-color: #ffc0d5; } .btn-pink-accent-3 { color: #ffffff; background-color: #f50057; border-color: #f50057; } .btn-pink-accent-3:link, .btn-pink-accent-3:visited, .btn-pink-accent-3.visited { color: #ffffff; background-color: #f50057; border-color: #f50057; } .btn-pink-accent-3:focus, .btn-pink-accent-3:hover { color: #ffffff; background-color: #8f0033; border-color: #b80041; } .btn-pink-accent-3.disabled, .btn-pink-accent-3:disabled { background-color: #f50057; border-color: #f50057; } .btn-pink-accent-3:active, .btn-pink-accent-3.active { color: #ffffff; background-color: #8f0033; border-color: #b80041; } .btn-pink-accent-3-o { color: #f50057; background-color: transparent; border-color: #f50057; } .btn-pink-accent-3-o:link, .btn-pink-accent-3-o:visited, .btn-pink-accent-3-o.visited { color: #f50057; background-color: transparent; border-color: #f50057; } .btn-pink-accent-3-o:hover { color: #ff76a6; border-color: #ff76a6; } .btn-pink-accent-3-o.disabled, .btn-pink-accent-3-o:disabled { color: #f50057; } .btn-pink-accent-3-o:active, .btn-pink-accent-3-o.active { color: #ff76a6; border-color: #ff76a6; } .btn-pink-accent-4 { color: #ffffff; background-color: #c51162; border-color: #c51162; } .btn-pink-accent-4:link, .btn-pink-accent-4:visited, .btn-pink-accent-4.visited { color: #ffffff; background-color: #c51162; border-color: #c51162; } .btn-pink-accent-4:focus, .btn-pink-accent-4:hover { color: #ffffff; background-color: #670933; border-color: #8d0c46; } .btn-pink-accent-4.disabled, .btn-pink-accent-4:disabled { background-color: #c51162; border-color: #c51162; } .btn-pink-accent-4:active, .btn-pink-accent-4.active { color: #ffffff; background-color: #670933; border-color: #8d0c46; } .btn-pink-accent-4-o { color: #c51162; background-color: transparent; border-color: #c51162; } .btn-pink-accent-4-o:link, .btn-pink-accent-4-o:visited, .btn-pink-accent-4-o.visited { color: #c51162; background-color: transparent; border-color: #c51162; } .btn-pink-accent-4-o:hover { color: #f264a4; border-color: #f264a4; } .btn-pink-accent-4-o.disabled, .btn-pink-accent-4-o:disabled { color: #c51162; } .btn-pink-accent-4-o:active, .btn-pink-accent-4-o.active { color: #f264a4; border-color: #f264a4; } .btn-purple { color: #ffffff; background-color: #9c27b0; border-color: #9c27b0; } .btn-purple:link, .btn-purple:visited, .btn-purple.visited { color: #ffffff; background-color: #9c27b0; border-color: #9c27b0; } .btn-purple:focus, .btn-purple:hover { color: #ffffff; background-color: #52145d; border-color: #701c7e; } .btn-purple.disabled, .btn-purple:disabled { background-color: #9c27b0; border-color: #9c27b0; } .btn-purple:active, .btn-purple.active { color: #ffffff; background-color: #52145d; border-color: #701c7e; } .btn-purple-o { color: #9c27b0; background-color: transparent; border-color: #9c27b0; } .btn-purple-o:link, .btn-purple-o:visited, .btn-purple-o.visited { color: #9c27b0; background-color: transparent; border-color: #9c27b0; } .btn-purple-o:hover { color: #d176e1; border-color: #d176e1; } .btn-purple-o.disabled, .btn-purple-o:disabled { color: #9c27b0; } .btn-purple-o:active, .btn-purple-o.active { color: #d176e1; border-color: #d176e1; } .btn-purple-lighten-5 { color: #ffffff; background-color: #f3e5f5; border-color: #f3e5f5; } .btn-purple-lighten-5:link, .btn-purple-lighten-5:visited, .btn-purple-lighten-5.visited { color: #ffffff; background-color: #f3e5f5; border-color: #f3e5f5; } .btn-purple-lighten-5:focus, .btn-purple-lighten-5:hover { color: #ffffff; background-color: #d19bd9; border-color: #dfb9e4; } .btn-purple-lighten-5.disabled, .btn-purple-lighten-5:disabled { background-color: #f3e5f5; border-color: #f3e5f5; } .btn-purple-lighten-5:active, .btn-purple-lighten-5.active { color: #ffffff; background-color: #d19bd9; border-color: #dfb9e4; } .btn-purple-lighten-5-o { color: #f3e5f5; background-color: transparent; border-color: #f3e5f5; } .btn-purple-lighten-5-o:link, .btn-purple-lighten-5-o:visited, .btn-purple-lighten-5-o.visited { color: #f3e5f5; background-color: transparent; border-color: #f3e5f5; } .btn-purple-lighten-5-o:hover { color: white; border-color: white; } .btn-purple-lighten-5-o.disabled, .btn-purple-lighten-5-o:disabled { color: #f3e5f5; } .btn-purple-lighten-5-o:active, .btn-purple-lighten-5-o.active { color: white; border-color: white; } .btn-purple-lighten-4 { color: #ffffff; background-color: #e1bee7; border-color: #e1bee7; } .btn-purple-lighten-4:link, .btn-purple-lighten-4:visited, .btn-purple-lighten-4.visited { color: #ffffff; background-color: #e1bee7; border-color: #e1bee7; } .btn-purple-lighten-4:focus, .btn-purple-lighten-4:hover { color: #ffffff; background-color: #bf74cb; border-color: #cc91d6; } .btn-purple-lighten-4.disabled, .btn-purple-lighten-4:disabled { background-color: #e1bee7; border-color: #e1bee7; } .btn-purple-lighten-4:active, .btn-purple-lighten-4.active { color: #ffffff; background-color: #bf74cb; border-color: #cc91d6; } .btn-purple-lighten-4-o { color: #e1bee7; background-color: transparent; border-color: #e1bee7; } .btn-purple-lighten-4-o:link, .btn-purple-lighten-4-o:visited, .btn-purple-lighten-4-o.visited { color: #e1bee7; background-color: transparent; border-color: #e1bee7; } .btn-purple-lighten-4-o:hover { color: white; border-color: white; } .btn-purple-lighten-4-o.disabled, .btn-purple-lighten-4-o:disabled { color: #e1bee7; } .btn-purple-lighten-4-o:active, .btn-purple-lighten-4-o.active { color: white; border-color: white; } .btn-purple-lighten-3 { color: #ffffff; background-color: #ce93d8; border-color: #ce93d8; } .btn-purple-lighten-3:link, .btn-purple-lighten-3:visited, .btn-purple-lighten-3.visited { color: #ffffff; background-color: #ce93d8; border-color: #ce93d8; } .btn-purple-lighten-3:focus, .btn-purple-lighten-3:hover { color: #ffffff; background-color: #ac48bd; border-color: #ba66c8; } .btn-purple-lighten-3.disabled, .btn-purple-lighten-3:disabled { background-color: #ce93d8; border-color: #ce93d8; } .btn-purple-lighten-3:active, .btn-purple-lighten-3.active { color: #ffffff; background-color: #ac48bd; border-color: #ba66c8; } .btn-purple-lighten-3-o { color: #ce93d8; background-color: transparent; border-color: #ce93d8; } .btn-purple-lighten-3-o:link, .btn-purple-lighten-3-o:visited, .btn-purple-lighten-3-o.visited { color: #ce93d8; background-color: transparent; border-color: #ce93d8; } .btn-purple-lighten-3-o:hover { color: #f9f1fa; border-color: #f9f1fa; } .btn-purple-lighten-3-o.disabled, .btn-purple-lighten-3-o:disabled { color: #ce93d8; } .btn-purple-lighten-3-o:active, .btn-purple-lighten-3-o.active { color: #f9f1fa; border-color: #f9f1fa; } .btn-purple-lighten-2 { color: #ffffff; background-color: #ba68c8; border-color: #ba68c8; } .btn-purple-lighten-2:link, .btn-purple-lighten-2:visited, .btn-purple-lighten-2.visited { color: #ffffff; background-color: #ba68c8; border-color: #ba68c8; } .btn-purple-lighten-2:focus, .btn-purple-lighten-2:hover { color: #ffffff; background-color: #863694; border-color: #a141b2; } .btn-purple-lighten-2.disabled, .btn-purple-lighten-2:disabled { background-color: #ba68c8; border-color: #ba68c8; } .btn-purple-lighten-2:active, .btn-purple-lighten-2.active { color: #ffffff; background-color: #863694; border-color: #a141b2; } .btn-purple-lighten-2-o { color: #ba68c8; background-color: transparent; border-color: #ba68c8; } .btn-purple-lighten-2-o:link, .btn-purple-lighten-2-o:visited, .btn-purple-lighten-2-o.visited { color: #ba68c8; background-color: transparent; border-color: #ba68c8; } .btn-purple-lighten-2-o:hover { color: #e5c5ea; border-color: #e5c5ea; } .btn-purple-lighten-2-o.disabled, .btn-purple-lighten-2-o:disabled { color: #ba68c8; } .btn-purple-lighten-2-o:active, .btn-purple-lighten-2-o.active { color: #e5c5ea; border-color: #e5c5ea; } .btn-purple-lighten-1 { color: #ffffff; background-color: #ab47bc; border-color: #ab47bc; } .btn-purple-lighten-1:link, .btn-purple-lighten-1:visited, .btn-purple-lighten-1.visited { color: #ffffff; background-color: #ab47bc; border-color: #ab47bc; } .btn-purple-lighten-1:focus, .btn-purple-lighten-1:hover { color: #ffffff; background-color: #682a73; border-color: #843591; } .btn-purple-lighten-1.disabled, .btn-purple-lighten-1:disabled { background-color: #ab47bc; border-color: #ab47bc; } .btn-purple-lighten-1:active, .btn-purple-lighten-1.active { color: #ffffff; background-color: #682a73; border-color: #843591; } .btn-purple-lighten-1-o { color: #ab47bc; background-color: transparent; border-color: #ab47bc; } .btn-purple-lighten-1-o:link, .btn-purple-lighten-1-o:visited, .btn-purple-lighten-1-o.visited { color: #ab47bc; background-color: transparent; border-color: #ab47bc; } .btn-purple-lighten-1-o:hover { color: #d6a4de; border-color: #d6a4de; } .btn-purple-lighten-1-o.disabled, .btn-purple-lighten-1-o:disabled { color: #ab47bc; } .btn-purple-lighten-1-o:active, .btn-purple-lighten-1-o.active { color: #d6a4de; border-color: #d6a4de; } .btn-purple-darken-1 { color: #ffffff; background-color: #8e24aa; border-color: #8e24aa; } .btn-purple-darken-1:link, .btn-purple-darken-1:visited, .btn-purple-darken-1.visited { color: #ffffff; background-color: #8e24aa; border-color: #8e24aa; } .btn-purple-darken-1:focus, .btn-purple-darken-1:hover { color: #ffffff; background-color: #481256; border-color: #641977; } .btn-purple-darken-1.disabled, .btn-purple-darken-1:disabled { background-color: #8e24aa; border-color: #8e24aa; } .btn-purple-darken-1:active, .btn-purple-darken-1.active { color: #ffffff; background-color: #481256; border-color: #641977; } .btn-purple-darken-1-o { color: #8e24aa; background-color: transparent; border-color: #8e24aa; } .btn-purple-darken-1-o:link, .btn-purple-darken-1-o:visited, .btn-purple-darken-1-o.visited { color: #8e24aa; background-color: transparent; border-color: #8e24aa; } .btn-purple-darken-1-o:hover { color: #c86de0; border-color: #c86de0; } .btn-purple-darken-1-o.disabled, .btn-purple-darken-1-o:disabled { color: #8e24aa; } .btn-purple-darken-1-o:active, .btn-purple-darken-1-o.active { color: #c86de0; border-color: #c86de0; } .btn-purple-darken-2 { color: #ffffff; background-color: #7b1fa2; border-color: #7b1fa2; } .btn-purple-darken-2:link, .btn-purple-darken-2:visited, .btn-purple-darken-2.visited { color: #ffffff; background-color: #7b1fa2; border-color: #7b1fa2; } .btn-purple-darken-2:focus, .btn-purple-darken-2:hover { color: #ffffff; background-color: #3a0f4c; border-color: #54156f; } .btn-purple-darken-2.disabled, .btn-purple-darken-2:disabled { background-color: #7b1fa2; border-color: #7b1fa2; } .btn-purple-darken-2:active, .btn-purple-darken-2.active { color: #ffffff; background-color: #3a0f4c; border-color: #54156f; } .btn-purple-darken-2-o { color: #7b1fa2; background-color: transparent; border-color: #7b1fa2; } .btn-purple-darken-2-o:link, .btn-purple-darken-2-o:visited, .btn-purple-darken-2-o.visited { color: #7b1fa2; background-color: transparent; border-color: #7b1fa2; } .btn-purple-darken-2-o:hover { color: #ba60e1; border-color: #ba60e1; } .btn-purple-darken-2-o.disabled, .btn-purple-darken-2-o:disabled { color: #7b1fa2; } .btn-purple-darken-2-o:active, .btn-purple-darken-2-o.active { color: #ba60e1; border-color: #ba60e1; } .btn-purple-darken-3 { color: #ffffff; background-color: #6a1b9a; border-color: #6a1b9a; } .btn-purple-darken-3:link, .btn-purple-darken-3:visited, .btn-purple-darken-3.visited { color: #ffffff; background-color: #6a1b9a; border-color: #6a1b9a; } .btn-purple-darken-3:focus, .btn-purple-darken-3:hover { color: #ffffff; background-color: #2e0c43; border-color: #461266; } .btn-purple-darken-3.disabled, .btn-purple-darken-3:disabled { background-color: #6a1b9a; border-color: #6a1b9a; } .btn-purple-darken-3:active, .btn-purple-darken-3.active { color: #ffffff; background-color: #2e0c43; border-color: #461266; } .btn-purple-darken-3-o { color: #6a1b9a; background-color: transparent; border-color: #6a1b9a; } .btn-purple-darken-3-o:link, .btn-purple-darken-3-o:visited, .btn-purple-darken-3-o.visited { color: #6a1b9a; background-color: transparent; border-color: #6a1b9a; } .btn-purple-darken-3-o:hover { color: #ac54e1; border-color: #ac54e1; } .btn-purple-darken-3-o.disabled, .btn-purple-darken-3-o:disabled { color: #6a1b9a; } .btn-purple-darken-3-o:active, .btn-purple-darken-3-o.active { color: #ac54e1; border-color: #ac54e1; } .btn-purple-darken-4 { color: #ffffff; background-color: #4a148c; border-color: #4a148c; } .btn-purple-darken-4:link, .btn-purple-darken-4:visited, .btn-purple-darken-4.visited { color: #ffffff; background-color: #4a148c; border-color: #4a148c; } .btn-purple-darken-4:focus, .btn-purple-darken-4:hover { color: #ffffff; background-color: #1b0733; border-color: #2e0c56; } .btn-purple-darken-4.disabled, .btn-purple-darken-4:disabled { background-color: #4a148c; border-color: #4a148c; } .btn-purple-darken-4:active, .btn-purple-darken-4.active { color: #ffffff; background-color: #1b0733; border-color: #2e0c56; } .btn-purple-darken-4-o { color: #4a148c; background-color: transparent; border-color: #4a148c; } .btn-purple-darken-4-o:link, .btn-purple-darken-4-o:visited, .btn-purple-darken-4-o.visited { color: #4a148c; background-color: transparent; border-color: #4a148c; } .btn-purple-darken-4-o:hover { color: #873ce3; border-color: #873ce3; } .btn-purple-darken-4-o.disabled, .btn-purple-darken-4-o:disabled { color: #4a148c; } .btn-purple-darken-4-o:active, .btn-purple-darken-4-o.active { color: #873ce3; border-color: #873ce3; } .btn-purple-accent-1 { color: #ffffff; background-color: #ea80fc; border-color: #ea80fc; } .btn-purple-accent-1:link, .btn-purple-accent-1:visited, .btn-purple-accent-1.visited { color: #ffffff; background-color: #ea80fc; border-color: #ea80fc; } .btn-purple-accent-1:focus, .btn-purple-accent-1:hover { color: #ffffff; background-color: #da1cfa; border-color: #e044fb; } .btn-purple-accent-1.disabled, .btn-purple-accent-1:disabled { background-color: #ea80fc; border-color: #ea80fc; } .btn-purple-accent-1:active, .btn-purple-accent-1.active { color: #ffffff; background-color: #da1cfa; border-color: #e044fb; } .btn-purple-accent-1-o { color: #ea80fc; background-color: transparent; border-color: #ea80fc; } .btn-purple-accent-1-o:link, .btn-purple-accent-1-o:visited, .btn-purple-accent-1-o.visited { color: #ea80fc; background-color: transparent; border-color: #ea80fc; } .btn-purple-accent-1-o:hover { color: #fffdff; border-color: #fffdff; } .btn-purple-accent-1-o.disabled, .btn-purple-accent-1-o:disabled { color: #ea80fc; } .btn-purple-accent-1-o:active, .btn-purple-accent-1-o.active { color: #fffdff; border-color: #fffdff; } .btn-purple-accent-2 { color: #ffffff; background-color: #e040fb; border-color: #e040fb; } .btn-purple-accent-2:link, .btn-purple-accent-2:visited, .btn-purple-accent-2.visited { color: #ffffff; background-color: #e040fb; border-color: #e040fb; } .btn-purple-accent-2:focus, .btn-purple-accent-2:hover { color: #ffffff; background-color: #b304d1; border-color: #d505f9; } .btn-purple-accent-2.disabled, .btn-purple-accent-2:disabled { background-color: #e040fb; border-color: #e040fb; } .btn-purple-accent-2:active, .btn-purple-accent-2.active { color: #ffffff; background-color: #b304d1; border-color: #d505f9; } .btn-purple-accent-2-o { color: #e040fb; background-color: transparent; border-color: #e040fb; } .btn-purple-accent-2-o:link, .btn-purple-accent-2-o:visited, .btn-purple-accent-2-o.visited { color: #e040fb; background-color: transparent; border-color: #e040fb; } .btn-purple-accent-2-o:hover { color: #f4bdfe; border-color: #f4bdfe; } .btn-purple-accent-2-o.disabled, .btn-purple-accent-2-o:disabled { color: #e040fb; } .btn-purple-accent-2-o:active, .btn-purple-accent-2-o.active { color: #f4bdfe; border-color: #f4bdfe; } .btn-purple-accent-3 { color: #ffffff; background-color: #d500f9; border-color: #d500f9; } .btn-purple-accent-3:link, .btn-purple-accent-3:visited, .btn-purple-accent-3.visited { color: #ffffff; background-color: #d500f9; border-color: #d500f9; } .btn-purple-accent-3:focus, .btn-purple-accent-3:hover { color: #ffffff; background-color: #7e0093; border-color: #a100bc; } .btn-purple-accent-3.disabled, .btn-purple-accent-3:disabled { background-color: #d500f9; border-color: #d500f9; } .btn-purple-accent-3:active, .btn-purple-accent-3.active { color: #ffffff; background-color: #7e0093; border-color: #a100bc; } .btn-purple-accent-3-o { color: #d500f9; background-color: transparent; border-color: #d500f9; } .btn-purple-accent-3-o:link, .btn-purple-accent-3-o:visited, .btn-purple-accent-3-o.visited { color: #d500f9; background-color: transparent; border-color: #d500f9; } .btn-purple-accent-3-o:hover { color: #ec7aff; border-color: #ec7aff; } .btn-purple-accent-3-o.disabled, .btn-purple-accent-3-o:disabled { color: #d500f9; } .btn-purple-accent-3-o:active, .btn-purple-accent-3-o.active { color: #ec7aff; border-color: #ec7aff; } .btn-purple-accent-4 { color: #ffffff; background-color: #aa00ff; border-color: #aa00ff; } .btn-purple-accent-4:link, .btn-purple-accent-4:visited, .btn-purple-accent-4.visited { color: #ffffff; background-color: #aa00ff; border-color: #aa00ff; } .btn-purple-accent-4:focus, .btn-purple-accent-4:hover { color: #ffffff; background-color: #660099; border-color: #8100c2; } .btn-purple-accent-4.disabled, .btn-purple-accent-4:disabled { background-color: #aa00ff; border-color: #aa00ff; } .btn-purple-accent-4:active, .btn-purple-accent-4.active { color: #ffffff; background-color: #660099; border-color: #8100c2; } .btn-purple-accent-4-o { color: #aa00ff; background-color: transparent; border-color: #aa00ff; } .btn-purple-accent-4-o:link, .btn-purple-accent-4-o:visited, .btn-purple-accent-4-o.visited { color: #aa00ff; background-color: transparent; border-color: #aa00ff; } .btn-purple-accent-4-o:hover { color: #d580ff; border-color: #d580ff; } .btn-purple-accent-4-o.disabled, .btn-purple-accent-4-o:disabled { color: #aa00ff; } .btn-purple-accent-4-o:active, .btn-purple-accent-4-o.active { color: #d580ff; border-color: #d580ff; } .btn-deep-purple { color: #ffffff; background-color: #673ab7; border-color: #673ab7; } .btn-deep-purple:link, .btn-deep-purple:visited, .btn-deep-purple.visited { color: #ffffff; background-color: #673ab7; border-color: #673ab7; } .btn-deep-purple:focus, .btn-deep-purple:hover { color: #ffffff; background-color: #3b216a; border-color: #4d2b89; } .btn-deep-purple.disabled, .btn-deep-purple:disabled { background-color: #673ab7; border-color: #673ab7; } .btn-deep-purple:active, .btn-deep-purple.active { color: #ffffff; background-color: #3b216a; border-color: #4d2b89; } .btn-deep-purple-o { color: #673ab7; background-color: transparent; border-color: #673ab7; } .btn-deep-purple-o:link, .btn-deep-purple-o:visited, .btn-deep-purple-o.visited { color: #673ab7; background-color: transparent; border-color: #673ab7; } .btn-deep-purple-o:hover { color: #ae94dd; border-color: #ae94dd; } .btn-deep-purple-o.disabled, .btn-deep-purple-o:disabled { color: #673ab7; } .btn-deep-purple-o:active, .btn-deep-purple-o.active { color: #ae94dd; border-color: #ae94dd; } .btn-deep-purple-lighten-5 { color: #ffffff; background-color: #ede7f6; border-color: #ede7f6; } .btn-deep-purple-lighten-5:link, .btn-deep-purple-lighten-5:visited, .btn-deep-purple-lighten-5.visited { color: #ffffff; background-color: #ede7f6; border-color: #ede7f6; } .btn-deep-purple-lighten-5:focus, .btn-deep-purple-lighten-5:hover { color: #ffffff; background-color: #b59dda; border-color: #ccbae5; } .btn-deep-purple-lighten-5.disabled, .btn-deep-purple-lighten-5:disabled { background-color: #ede7f6; border-color: #ede7f6; } .btn-deep-purple-lighten-5:active, .btn-deep-purple-lighten-5.active { color: #ffffff; background-color: #b59dda; border-color: #ccbae5; } .btn-deep-purple-lighten-5-o { color: #ede7f6; background-color: transparent; border-color: #ede7f6; } .btn-deep-purple-lighten-5-o:link, .btn-deep-purple-lighten-5-o:visited, .btn-deep-purple-lighten-5-o.visited { color: #ede7f6; background-color: transparent; border-color: #ede7f6; } .btn-deep-purple-lighten-5-o:hover { color: white; border-color: white; } .btn-deep-purple-lighten-5-o.disabled, .btn-deep-purple-lighten-5-o:disabled { color: #ede7f6; } .btn-deep-purple-lighten-5-o:active, .btn-deep-purple-lighten-5-o.active { color: white; border-color: white; } .btn-deep-purple-lighten-4 { color: #ffffff; background-color: #d1c4e9; border-color: #d1c4e9; } .btn-deep-purple-lighten-4:link, .btn-deep-purple-lighten-4:visited, .btn-deep-purple-lighten-4.visited { color: #ffffff; background-color: #d1c4e9; border-color: #d1c4e9; } .btn-deep-purple-lighten-4:focus, .btn-deep-purple-lighten-4:hover { color: #ffffff; background-color: #977acd; border-color: #ae97d8; } .btn-deep-purple-lighten-4.disabled, .btn-deep-purple-lighten-4:disabled { background-color: #d1c4e9; border-color: #d1c4e9; } .btn-deep-purple-lighten-4:active, .btn-deep-purple-lighten-4.active { color: #ffffff; background-color: #977acd; border-color: #ae97d8; } .btn-deep-purple-lighten-4-o { color: #d1c4e9; background-color: transparent; border-color: #d1c4e9; } .btn-deep-purple-lighten-4-o:link, .btn-deep-purple-lighten-4-o:visited, .btn-deep-purple-lighten-4-o.visited { color: #d1c4e9; background-color: transparent; border-color: #d1c4e9; } .btn-deep-purple-lighten-4-o:hover { color: white; border-color: white; } .btn-deep-purple-lighten-4-o.disabled, .btn-deep-purple-lighten-4-o:disabled { color: #d1c4e9; } .btn-deep-purple-lighten-4-o:active, .btn-deep-purple-lighten-4-o.active { color: white; border-color: white; } .btn-deep-purple-lighten-3 { color: #ffffff; background-color: #b39ddb; border-color: #b39ddb; } .btn-deep-purple-lighten-3:link, .btn-deep-purple-lighten-3:visited, .btn-deep-purple-lighten-3.visited { color: #ffffff; background-color: #b39ddb; border-color: #b39ddb; } .btn-deep-purple-lighten-3:focus, .btn-deep-purple-lighten-3:hover { color: #ffffff; background-color: #7952c0; border-color: #9070cb; } .btn-deep-purple-lighten-3.disabled, .btn-deep-purple-lighten-3:disabled { background-color: #b39ddb; border-color: #b39ddb; } .btn-deep-purple-lighten-3:active, .btn-deep-purple-lighten-3.active { color: #ffffff; background-color: #7952c0; border-color: #9070cb; } .btn-deep-purple-lighten-3-o { color: #b39ddb; background-color: transparent; border-color: #b39ddb; } .btn-deep-purple-lighten-3-o:link, .btn-deep-purple-lighten-3-o:visited, .btn-deep-purple-lighten-3-o.visited { color: #b39ddb; background-color: transparent; border-color: #b39ddb; } .btn-deep-purple-lighten-3-o:hover { color: #fbfafd; border-color: #fbfafd; } .btn-deep-purple-lighten-3-o.disabled, .btn-deep-purple-lighten-3-o:disabled { color: #b39ddb; } .btn-deep-purple-lighten-3-o:active, .btn-deep-purple-lighten-3-o.active { color: #fbfafd; border-color: #fbfafd; } .btn-deep-purple-lighten-2 { color: #ffffff; background-color: #9575cd; border-color: #9575cd; } .btn-deep-purple-lighten-2:link, .btn-deep-purple-lighten-2:visited, .btn-deep-purple-lighten-2.visited { color: #ffffff; background-color: #9575cd; border-color: #9575cd; } .btn-deep-purple-lighten-2:focus, .btn-deep-purple-lighten-2:hover { color: #ffffff; background-color: #603ba1; border-color: #7248bd; } .btn-deep-purple-lighten-2.disabled, .btn-deep-purple-lighten-2:disabled { background-color: #9575cd; border-color: #9575cd; } .btn-deep-purple-lighten-2:active, .btn-deep-purple-lighten-2.active { color: #ffffff; background-color: #603ba1; border-color: #7248bd; } .btn-deep-purple-lighten-2-o { color: #9575cd; background-color: transparent; border-color: #9575cd; } .btn-deep-purple-lighten-2-o:link, .btn-deep-purple-lighten-2-o:visited, .btn-deep-purple-lighten-2-o.visited { color: #9575cd; background-color: transparent; border-color: #9575cd; } .btn-deep-purple-lighten-2-o:hover { color: #ddd3ef; border-color: #ddd3ef; } .btn-deep-purple-lighten-2-o.disabled, .btn-deep-purple-lighten-2-o:disabled { color: #9575cd; } .btn-deep-purple-lighten-2-o:active, .btn-deep-purple-lighten-2-o.active { color: #ddd3ef; border-color: #ddd3ef; } .btn-deep-purple-lighten-1 { color: #ffffff; background-color: #7e57c2; border-color: #7e57c2; } .btn-deep-purple-lighten-1:link, .btn-deep-purple-lighten-1:visited, .btn-deep-purple-lighten-1.visited { color: #ffffff; background-color: #7e57c2; border-color: #7e57c2; } .btn-deep-purple-lighten-1:focus, .btn-deep-purple-lighten-1:hover { color: #ffffff; background-color: #4e3083; border-color: #603ba1; } .btn-deep-purple-lighten-1.disabled, .btn-deep-purple-lighten-1:disabled { background-color: #7e57c2; border-color: #7e57c2; } .btn-deep-purple-lighten-1:active, .btn-deep-purple-lighten-1.active { color: #ffffff; background-color: #4e3083; border-color: #603ba1; } .btn-deep-purple-lighten-1-o { color: #7e57c2; background-color: transparent; border-color: #7e57c2; } .btn-deep-purple-lighten-1-o:link, .btn-deep-purple-lighten-1-o:visited, .btn-deep-purple-lighten-1-o.visited { color: #7e57c2; background-color: transparent; border-color: #7e57c2; } .btn-deep-purple-lighten-1-o:hover { color: #c6b5e4; border-color: #c6b5e4; } .btn-deep-purple-lighten-1-o.disabled, .btn-deep-purple-lighten-1-o:disabled { color: #7e57c2; } .btn-deep-purple-lighten-1-o:active, .btn-deep-purple-lighten-1-o.active { color: #c6b5e4; border-color: #c6b5e4; } .btn-deep-purple-darken-1 { color: #ffffff; background-color: #5e35b1; border-color: #5e35b1; } .btn-deep-purple-darken-1:link, .btn-deep-purple-darken-1:visited, .btn-deep-purple-darken-1.visited { color: #ffffff; background-color: #5e35b1; border-color: #5e35b1; } .btn-deep-purple-darken-1:focus, .btn-deep-purple-darken-1:hover { color: #ffffff; background-color: #341d63; border-color: #452782; } .btn-deep-purple-darken-1.disabled, .btn-deep-purple-darken-1:disabled { background-color: #5e35b1; border-color: #5e35b1; } .btn-deep-purple-darken-1:active, .btn-deep-purple-darken-1.active { color: #ffffff; background-color: #341d63; border-color: #452782; } .btn-deep-purple-darken-1-o { color: #5e35b1; background-color: transparent; border-color: #5e35b1; } .btn-deep-purple-darken-1-o:link, .btn-deep-purple-darken-1-o:visited, .btn-deep-purple-darken-1-o.visited { color: #5e35b1; background-color: transparent; border-color: #5e35b1; } .btn-deep-purple-darken-1-o:hover { color: #a58adc; border-color: #a58adc; } .btn-deep-purple-darken-1-o.disabled, .btn-deep-purple-darken-1-o:disabled { color: #5e35b1; } .btn-deep-purple-darken-1-o:active, .btn-deep-purple-darken-1-o.active { color: #a58adc; border-color: #a58adc; } .btn-deep-purple-darken-2 { color: #ffffff; background-color: #512da8; border-color: #512da8; } .btn-deep-purple-darken-2:link, .btn-deep-purple-darken-2:visited, .btn-deep-purple-darken-2.visited { color: #ffffff; background-color: #512da8; border-color: #512da8; } .btn-deep-purple-darken-2:focus, .btn-deep-purple-darken-2:hover { color: #ffffff; background-color: #2a1758; border-color: #3a2078; } .btn-deep-purple-darken-2.disabled, .btn-deep-purple-darken-2:disabled { background-color: #512da8; border-color: #512da8; } .btn-deep-purple-darken-2:active, .btn-deep-purple-darken-2.active { color: #ffffff; background-color: #2a1758; border-color: #3a2078; } .btn-deep-purple-darken-2-o { color: #512da8; background-color: transparent; border-color: #512da8; } .btn-deep-purple-darken-2-o:link, .btn-deep-purple-darken-2-o:visited, .btn-deep-purple-darken-2-o.visited { color: #512da8; background-color: transparent; border-color: #512da8; } .btn-deep-purple-darken-2-o:hover { color: #9679db; border-color: #9679db; } .btn-deep-purple-darken-2-o.disabled, .btn-deep-purple-darken-2-o:disabled { color: #512da8; } .btn-deep-purple-darken-2-o:active, .btn-deep-purple-darken-2-o.active { color: #9679db; border-color: #9679db; } .btn-deep-purple-darken-3 { color: #ffffff; background-color: #4527a0; border-color: #4527a0; } .btn-deep-purple-darken-3:link, .btn-deep-purple-darken-3:visited, .btn-deep-purple-darken-3.visited { color: #ffffff; background-color: #4527a0; border-color: #4527a0; } .btn-deep-purple-darken-3:focus, .btn-deep-purple-darken-3:hover { color: #ffffff; background-color: #22134e; border-color: #301b6f; } .btn-deep-purple-darken-3.disabled, .btn-deep-purple-darken-3:disabled { background-color: #4527a0; border-color: #4527a0; } .btn-deep-purple-darken-3:active, .btn-deep-purple-darken-3.active { color: #ffffff; background-color: #22134e; border-color: #301b6f; } .btn-deep-purple-darken-3-o { color: #4527a0; background-color: transparent; border-color: #4527a0; } .btn-deep-purple-darken-3-o:link, .btn-deep-purple-darken-3-o:visited, .btn-deep-purple-darken-3-o.visited { color: #4527a0; background-color: transparent; border-color: #4527a0; } .btn-deep-purple-darken-3-o:hover { color: #876bdb; border-color: #876bdb; } .btn-deep-purple-darken-3-o.disabled, .btn-deep-purple-darken-3-o:disabled { color: #4527a0; } .btn-deep-purple-darken-3-o:active, .btn-deep-purple-darken-3-o.active { color: #876bdb; border-color: #876bdb; } .btn-deep-purple-darken-4 { color: #ffffff; background-color: #311b92; border-color: #311b92; } .btn-deep-purple-darken-4:link, .btn-deep-purple-darken-4:visited, .btn-deep-purple-darken-4.visited { color: #ffffff; background-color: #311b92; border-color: #311b92; } .btn-deep-purple-darken-4:focus, .btn-deep-purple-darken-4:hover { color: #ffffff; background-color: #140b3c; border-color: #20115e; } .btn-deep-purple-darken-4.disabled, .btn-deep-purple-darken-4:disabled { background-color: #311b92; border-color: #311b92; } .btn-deep-purple-darken-4:active, .btn-deep-purple-darken-4.active { color: #ffffff; background-color: #140b3c; border-color: #20115e; } .btn-deep-purple-darken-4-o { color: #311b92; background-color: transparent; border-color: #311b92; } .btn-deep-purple-darken-4-o:link, .btn-deep-purple-darken-4-o:visited, .btn-deep-purple-darken-4-o.visited { color: #311b92; background-color: transparent; border-color: #311b92; } .btn-deep-purple-darken-4-o:hover { color: #694ede; border-color: #694ede; } .btn-deep-purple-darken-4-o.disabled, .btn-deep-purple-darken-4-o:disabled { color: #311b92; } .btn-deep-purple-darken-4-o:active, .btn-deep-purple-darken-4-o.active { color: #694ede; border-color: #694ede; } .btn-deep-purple-accent-1 { color: #ffffff; background-color: #b388ff; border-color: #b388ff; } .btn-deep-purple-accent-1:link, .btn-deep-purple-accent-1:visited, .btn-deep-purple-accent-1.visited { color: #ffffff; background-color: #b388ff; border-color: #b388ff; } .btn-deep-purple-accent-1:focus, .btn-deep-purple-accent-1:hover { color: #ffffff; background-color: #7222ff; border-color: #8c4bff; } .btn-deep-purple-accent-1.disabled, .btn-deep-purple-accent-1:disabled { background-color: #b388ff; border-color: #b388ff; } .btn-deep-purple-accent-1:active, .btn-deep-purple-accent-1.active { color: #ffffff; background-color: #7222ff; border-color: #8c4bff; } .btn-deep-purple-accent-1-o { color: #b388ff; background-color: transparent; border-color: #b388ff; } .btn-deep-purple-accent-1-o:link, .btn-deep-purple-accent-1-o:visited, .btn-deep-purple-accent-1-o.visited { color: #b388ff; background-color: transparent; border-color: #b388ff; } .btn-deep-purple-accent-1-o:hover { color: white; border-color: white; } .btn-deep-purple-accent-1-o.disabled, .btn-deep-purple-accent-1-o:disabled { color: #b388ff; } .btn-deep-purple-accent-1-o:active, .btn-deep-purple-accent-1-o.active { color: white; border-color: white; } .btn-deep-purple-accent-2 { color: #ffffff; background-color: #7c4dff; border-color: #7c4dff; } .btn-deep-purple-accent-2:link, .btn-deep-purple-accent-2:visited, .btn-deep-purple-accent-2.visited { color: #ffffff; background-color: #7c4dff; border-color: #7c4dff; } .btn-deep-purple-accent-2:focus, .btn-deep-purple-accent-2:hover { color: #ffffff; background-color: #3d00e6; border-color: #4f10ff; } .btn-deep-purple-accent-2.disabled, .btn-deep-purple-accent-2:disabled { background-color: #7c4dff; border-color: #7c4dff; } .btn-deep-purple-accent-2:active, .btn-deep-purple-accent-2.active { color: #ffffff; background-color: #3d00e6; border-color: #4f10ff; } .btn-deep-purple-accent-2-o { color: #7c4dff; background-color: transparent; border-color: #7c4dff; } .btn-deep-purple-accent-2-o:link, .btn-deep-purple-accent-2-o:visited, .btn-deep-purple-accent-2-o.visited { color: #7c4dff; background-color: transparent; border-color: #7c4dff; } .btn-deep-purple-accent-2-o:hover { color: #dacdff; border-color: #dacdff; } .btn-deep-purple-accent-2-o.disabled, .btn-deep-purple-accent-2-o:disabled { color: #7c4dff; } .btn-deep-purple-accent-2-o:active, .btn-deep-purple-accent-2-o.active { color: #dacdff; border-color: #dacdff; } .btn-deep-purple-accent-3 { color: #ffffff; background-color: #651fff; border-color: #651fff; } .btn-deep-purple-accent-3:link, .btn-deep-purple-accent-3:visited, .btn-deep-purple-accent-3.visited { color: #ffffff; background-color: #651fff; border-color: #651fff; } .btn-deep-purple-accent-3:focus, .btn-deep-purple-accent-3:hover { color: #ffffff; background-color: #3a00b8; border-color: #4600e1; } .btn-deep-purple-accent-3.disabled, .btn-deep-purple-accent-3:disabled { background-color: #651fff; border-color: #651fff; } .btn-deep-purple-accent-3:active, .btn-deep-purple-accent-3.active { color: #ffffff; background-color: #3a00b8; border-color: #4600e1; } .btn-deep-purple-accent-3-o { color: #651fff; background-color: transparent; border-color: #651fff; } .btn-deep-purple-accent-3-o:link, .btn-deep-purple-accent-3-o:visited, .btn-deep-purple-accent-3-o.visited { color: #651fff; background-color: transparent; border-color: #651fff; } .btn-deep-purple-accent-3-o:hover { color: #bd9fff; border-color: #bd9fff; } .btn-deep-purple-accent-3-o.disabled, .btn-deep-purple-accent-3-o:disabled { color: #651fff; } .btn-deep-purple-accent-3-o:active, .btn-deep-purple-accent-3-o.active { color: #bd9fff; border-color: #bd9fff; } .btn-deep-purple-accent-4 { color: #ffffff; background-color: #6200ea; border-color: #6200ea; } .btn-deep-purple-accent-4:link, .btn-deep-purple-accent-4:visited, .btn-deep-purple-accent-4.visited { color: #ffffff; background-color: #6200ea; border-color: #6200ea; } .btn-deep-purple-accent-4:focus, .btn-deep-purple-accent-4:hover { color: #ffffff; background-color: #370084; border-color: #4800ad; } .btn-deep-purple-accent-4.disabled, .btn-deep-purple-accent-4:disabled { background-color: #6200ea; border-color: #6200ea; } .btn-deep-purple-accent-4:active, .btn-deep-purple-accent-4.active { color: #ffffff; background-color: #370084; border-color: #4800ad; } .btn-deep-purple-accent-4-o { color: #6200ea; background-color: transparent; border-color: #6200ea; } .btn-deep-purple-accent-4-o:link, .btn-deep-purple-accent-4-o:visited, .btn-deep-purple-accent-4-o.visited { color: #6200ea; background-color: transparent; border-color: #6200ea; } .btn-deep-purple-accent-4-o:hover { color: #a96bff; border-color: #a96bff; } .btn-deep-purple-accent-4-o.disabled, .btn-deep-purple-accent-4-o:disabled { color: #6200ea; } .btn-deep-purple-accent-4-o:active, .btn-deep-purple-accent-4-o.active { color: #a96bff; border-color: #a96bff; } .btn-indigo { color: #ffffff; background-color: #3f51b5; border-color: #3f51b5; } .btn-indigo:link, .btn-indigo:visited, .btn-indigo.visited { color: #ffffff; background-color: #3f51b5; border-color: #3f51b5; } .btn-indigo:focus, .btn-indigo:hover { color: #ffffff; background-color: #252f69; border-color: #2f3d88; } .btn-indigo.disabled, .btn-indigo:disabled { background-color: #3f51b5; border-color: #3f51b5; } .btn-indigo:active, .btn-indigo.active { color: #ffffff; background-color: #252f69; border-color: #2f3d88; } .btn-indigo-o { color: #3f51b5; background-color: transparent; border-color: #3f51b5; } .btn-indigo-o:link, .btn-indigo-o:visited, .btn-indigo-o.visited { color: #3f51b5; background-color: transparent; border-color: #3f51b5; } .btn-indigo-o:hover { color: #98a2db; border-color: #98a2db; } .btn-indigo-o.disabled, .btn-indigo-o:disabled { color: #3f51b5; } .btn-indigo-o:active, .btn-indigo-o.active { color: #98a2db; border-color: #98a2db; } .btn-indigo-lighten-5 { color: #ffffff; background-color: #e8eaf6; border-color: #e8eaf6; } .btn-indigo-lighten-5:link, .btn-indigo-lighten-5:visited, .btn-indigo-lighten-5.visited { color: #ffffff; background-color: #e8eaf6; border-color: #e8eaf6; } .btn-indigo-lighten-5:focus, .btn-indigo-lighten-5:hover { color: #ffffff; background-color: #9fa7d9; border-color: #bcc2e5; } .btn-indigo-lighten-5.disabled, .btn-indigo-lighten-5:disabled { background-color: #e8eaf6; border-color: #e8eaf6; } .btn-indigo-lighten-5:active, .btn-indigo-lighten-5.active { color: #ffffff; background-color: #9fa7d9; border-color: #bcc2e5; } .btn-indigo-lighten-5-o { color: #e8eaf6; background-color: transparent; border-color: #e8eaf6; } .btn-indigo-lighten-5-o:link, .btn-indigo-lighten-5-o:visited, .btn-indigo-lighten-5-o.visited { color: #e8eaf6; background-color: transparent; border-color: #e8eaf6; } .btn-indigo-lighten-5-o:hover { color: white; border-color: white; } .btn-indigo-lighten-5-o.disabled, .btn-indigo-lighten-5-o:disabled { color: #e8eaf6; } .btn-indigo-lighten-5-o:active, .btn-indigo-lighten-5-o.active { color: white; border-color: white; } .btn-indigo-lighten-4 { color: #ffffff; background-color: #c5cae9; border-color: #c5cae9; } .btn-indigo-lighten-4:link, .btn-indigo-lighten-4:visited, .btn-indigo-lighten-4.visited { color: #ffffff; background-color: #c5cae9; border-color: #c5cae9; } .btn-indigo-lighten-4:focus, .btn-indigo-lighten-4:hover { color: #ffffff; background-color: #7b86cd; border-color: #99a1d8; } .btn-indigo-lighten-4.disabled, .btn-indigo-lighten-4:disabled { background-color: #c5cae9; border-color: #c5cae9; } .btn-indigo-lighten-4:active, .btn-indigo-lighten-4.active { color: #ffffff; background-color: #7b86cd; border-color: #99a1d8; } .btn-indigo-lighten-4-o { color: #c5cae9; background-color: transparent; border-color: #c5cae9; } .btn-indigo-lighten-4-o:link, .btn-indigo-lighten-4-o:visited, .btn-indigo-lighten-4-o.visited { color: #c5cae9; background-color: transparent; border-color: #c5cae9; } .btn-indigo-lighten-4-o:hover { color: white; border-color: white; } .btn-indigo-lighten-4-o.disabled, .btn-indigo-lighten-4-o:disabled { color: #c5cae9; } .btn-indigo-lighten-4-o:active, .btn-indigo-lighten-4-o.active { color: white; border-color: white; } .btn-indigo-lighten-3 { color: #ffffff; background-color: #9fa8da; border-color: #9fa8da; } .btn-indigo-lighten-3:link, .btn-indigo-lighten-3:visited, .btn-indigo-lighten-3.visited { color: #ffffff; background-color: #9fa8da; border-color: #9fa8da; } .btn-indigo-lighten-3:focus, .btn-indigo-lighten-3:hover { color: #ffffff; background-color: #5565be; border-color: #7380c9; } .btn-indigo-lighten-3.disabled, .btn-indigo-lighten-3:disabled { background-color: #9fa8da; border-color: #9fa8da; } .btn-indigo-lighten-3:active, .btn-indigo-lighten-3.active { color: #ffffff; background-color: #5565be; border-color: #7380c9; } .btn-indigo-lighten-3-o { color: #9fa8da; background-color: transparent; border-color: #9fa8da; } .btn-indigo-lighten-3-o:link, .btn-indigo-lighten-3-o:visited, .btn-indigo-lighten-3-o.visited { color: #9fa8da; background-color: transparent; border-color: #9fa8da; } .btn-indigo-lighten-3-o:hover { color: #fbfbfd; border-color: #fbfbfd; } .btn-indigo-lighten-3-o.disabled, .btn-indigo-lighten-3-o:disabled { color: #9fa8da; } .btn-indigo-lighten-3-o:active, .btn-indigo-lighten-3-o.active { color: #fbfbfd; border-color: #fbfbfd; } .btn-indigo-lighten-2 { color: #ffffff; background-color: #7986cb; border-color: #7986cb; } .btn-indigo-lighten-2:link, .btn-indigo-lighten-2:visited, .btn-indigo-lighten-2.visited { color: #ffffff; background-color: #7986cb; border-color: #7986cb; } .btn-indigo-lighten-2:focus, .btn-indigo-lighten-2:hover { color: #ffffff; background-color: #3e4ea0; border-color: #4d5eba; } .btn-indigo-lighten-2.disabled, .btn-indigo-lighten-2:disabled { background-color: #7986cb; border-color: #7986cb; } .btn-indigo-lighten-2:active, .btn-indigo-lighten-2.active { color: #ffffff; background-color: #3e4ea0; border-color: #4d5eba; } .btn-indigo-lighten-2-o { color: #7986cb; background-color: transparent; border-color: #7986cb; } .btn-indigo-lighten-2-o:link, .btn-indigo-lighten-2-o:visited, .btn-indigo-lighten-2-o.visited { color: #7986cb; background-color: transparent; border-color: #7986cb; } .btn-indigo-lighten-2-o:hover { color: #d5d9ef; border-color: #d5d9ef; } .btn-indigo-lighten-2-o.disabled, .btn-indigo-lighten-2-o:disabled { color: #7986cb; } .btn-indigo-lighten-2-o:active, .btn-indigo-lighten-2-o.active { color: #d5d9ef; border-color: #d5d9ef; } .btn-indigo-lighten-1 { color: #ffffff; background-color: #5c6bc0; border-color: #5c6bc0; } .btn-indigo-lighten-1:link, .btn-indigo-lighten-1:visited, .btn-indigo-lighten-1.visited { color: #ffffff; background-color: #5c6bc0; border-color: #5c6bc0; } .btn-indigo-lighten-1:focus, .btn-indigo-lighten-1:hover { color: #ffffff; background-color: #333f83; border-color: #3e4da1; } .btn-indigo-lighten-1.disabled, .btn-indigo-lighten-1:disabled { background-color: #5c6bc0; border-color: #5c6bc0; } .btn-indigo-lighten-1:active, .btn-indigo-lighten-1.active { color: #ffffff; background-color: #333f83; border-color: #3e4da1; } .btn-indigo-lighten-1-o { color: #5c6bc0; background-color: transparent; border-color: #5c6bc0; } .btn-indigo-lighten-1-o:link, .btn-indigo-lighten-1-o:visited, .btn-indigo-lighten-1-o.visited { color: #5c6bc0; background-color: transparent; border-color: #5c6bc0; } .btn-indigo-lighten-1-o:hover { color: #b8bee4; border-color: #b8bee4; } .btn-indigo-lighten-1-o.disabled, .btn-indigo-lighten-1-o:disabled { color: #5c6bc0; } .btn-indigo-lighten-1-o:active, .btn-indigo-lighten-1-o.active { color: #b8bee4; border-color: #b8bee4; } .btn-indigo-darken-1 { color: #ffffff; background-color: #3949ab; border-color: #3949ab; } .btn-indigo-darken-1:link, .btn-indigo-darken-1:visited, .btn-indigo-darken-1.visited { color: #ffffff; background-color: #3949ab; border-color: #3949ab; } .btn-indigo-darken-1:focus, .btn-indigo-darken-1:hover { color: #ffffff; background-color: #20285f; border-color: #2a357d; } .btn-indigo-darken-1.disabled, .btn-indigo-darken-1:disabled { background-color: #3949ab; border-color: #3949ab; } .btn-indigo-darken-1:active, .btn-indigo-darken-1.active { color: #ffffff; background-color: #20285f; border-color: #2a357d; } .btn-indigo-darken-1-o { color: #3949ab; background-color: transparent; border-color: #3949ab; } .btn-indigo-darken-1-o:link, .btn-indigo-darken-1-o:visited, .btn-indigo-darken-1-o.visited { color: #3949ab; background-color: transparent; border-color: #3949ab; } .btn-indigo-darken-1-o:hover { color: #8b96d8; border-color: #8b96d8; } .btn-indigo-darken-1-o.disabled, .btn-indigo-darken-1-o:disabled { color: #3949ab; } .btn-indigo-darken-1-o:active, .btn-indigo-darken-1-o.active { color: #8b96d8; border-color: #8b96d8; } .btn-indigo-darken-2 { color: #ffffff; background-color: #303f9f; border-color: #303f9f; } .btn-indigo-darken-2:link, .btn-indigo-darken-2:visited, .btn-indigo-darken-2.visited { color: #ffffff; background-color: #303f9f; border-color: #303f9f; } .btn-indigo-darken-2:focus, .btn-indigo-darken-2:hover { color: #ffffff; background-color: #182051; border-color: #222c70; } .btn-indigo-darken-2.disabled, .btn-indigo-darken-2:disabled { background-color: #303f9f; border-color: #303f9f; } .btn-indigo-darken-2:active, .btn-indigo-darken-2.active { color: #ffffff; background-color: #182051; border-color: #222c70; } .btn-indigo-darken-2-o { color: #303f9f; background-color: transparent; border-color: #303f9f; } .btn-indigo-darken-2-o:link, .btn-indigo-darken-2-o:visited, .btn-indigo-darken-2-o.visited { color: #303f9f; background-color: transparent; border-color: #303f9f; } .btn-indigo-darken-2-o:hover { color: #7885d6; border-color: #7885d6; } .btn-indigo-darken-2-o.disabled, .btn-indigo-darken-2-o:disabled { color: #303f9f; } .btn-indigo-darken-2-o:active, .btn-indigo-darken-2-o.active { color: #7885d6; border-color: #7885d6; } .btn-indigo-darken-3 { color: #ffffff; background-color: #283593; border-color: #283593; } .btn-indigo-darken-3:link, .btn-indigo-darken-3:visited, .btn-indigo-darken-3.visited { color: #ffffff; background-color: #283593; border-color: #283593; } .btn-indigo-darken-3:focus, .btn-indigo-darken-3:hover { color: #ffffff; background-color: #121843; border-color: #1b2463; } .btn-indigo-darken-3.disabled, .btn-indigo-darken-3:disabled { background-color: #283593; border-color: #283593; } .btn-indigo-darken-3:active, .btn-indigo-darken-3.active { color: #ffffff; background-color: #121843; border-color: #1b2463; } .btn-indigo-darken-3-o { color: #283593; background-color: transparent; border-color: #283593; } .btn-indigo-darken-3-o:link, .btn-indigo-darken-3-o:visited, .btn-indigo-darken-3-o.visited { color: #283593; background-color: transparent; border-color: #283593; } .btn-indigo-darken-3-o:hover { color: #6573d5; border-color: #6573d5; } .btn-indigo-darken-3-o.disabled, .btn-indigo-darken-3-o:disabled { color: #283593; } .btn-indigo-darken-3-o:active, .btn-indigo-darken-3-o.active { color: #6573d5; border-color: #6573d5; } .btn-indigo-darken-4 { color: #ffffff; background-color: #1a237e; border-color: #1a237e; } .btn-indigo-darken-4:link, .btn-indigo-darken-4:visited, .btn-indigo-darken-4.visited { color: #ffffff; background-color: #1a237e; border-color: #1a237e; } .btn-indigo-darken-4:focus, .btn-indigo-darken-4:hover { color: #ffffff; background-color: #090c29; border-color: #10154b; } .btn-indigo-darken-4.disabled, .btn-indigo-darken-4:disabled { background-color: #1a237e; border-color: #1a237e; } .btn-indigo-darken-4:active, .btn-indigo-darken-4.active { color: #ffffff; background-color: #090c29; border-color: #10154b; } .btn-indigo-darken-4-o { color: #1a237e; background-color: transparent; border-color: #1a237e; } .btn-indigo-darken-4-o:link, .btn-indigo-darken-4-o:visited, .btn-indigo-darken-4-o.visited { color: #1a237e; background-color: transparent; border-color: #1a237e; } .btn-indigo-darken-4-o:hover { color: #404ed8; border-color: #404ed8; } .btn-indigo-darken-4-o.disabled, .btn-indigo-darken-4-o:disabled { color: #1a237e; } .btn-indigo-darken-4-o:active, .btn-indigo-darken-4-o.active { color: #404ed8; border-color: #404ed8; } .btn-indigo-accent-1 { color: #ffffff; background-color: #8c9eff; border-color: #8c9eff; } .btn-indigo-accent-1:link, .btn-indigo-accent-1:visited, .btn-indigo-accent-1.visited { color: #ffffff; background-color: #8c9eff; border-color: #8c9eff; } .btn-indigo-accent-1:focus, .btn-indigo-accent-1:hover { color: #ffffff; background-color: #2648ff; border-color: #4f6aff; } .btn-indigo-accent-1.disabled, .btn-indigo-accent-1:disabled { background-color: #8c9eff; border-color: #8c9eff; } .btn-indigo-accent-1:active, .btn-indigo-accent-1.active { color: #ffffff; background-color: #2648ff; border-color: #4f6aff; } .btn-indigo-accent-1-o { color: #8c9eff; background-color: transparent; border-color: #8c9eff; } .btn-indigo-accent-1-o:link, .btn-indigo-accent-1-o:visited, .btn-indigo-accent-1-o.visited { color: #8c9eff; background-color: transparent; border-color: #8c9eff; } .btn-indigo-accent-1-o:hover { color: white; border-color: white; } .btn-indigo-accent-1-o.disabled, .btn-indigo-accent-1-o:disabled { color: #8c9eff; } .btn-indigo-accent-1-o:active, .btn-indigo-accent-1-o.active { color: white; border-color: white; } .btn-indigo-accent-2 { color: #ffffff; background-color: #536dfe; border-color: #536dfe; } .btn-indigo-accent-2:link, .btn-indigo-accent-2:visited, .btn-indigo-accent-2.visited { color: #ffffff; background-color: #536dfe; border-color: #536dfe; } .btn-indigo-accent-2:focus, .btn-indigo-accent-2:hover { color: #ffffff; background-color: #0125ea; border-color: #1639fe; } .btn-indigo-accent-2.disabled, .btn-indigo-accent-2:disabled { background-color: #536dfe; border-color: #536dfe; } .btn-indigo-accent-2:active, .btn-indigo-accent-2.active { color: #ffffff; background-color: #0125ea; border-color: #1639fe; } .btn-indigo-accent-2-o { color: #536dfe; background-color: transparent; border-color: #536dfe; } .btn-indigo-accent-2-o:link, .btn-indigo-accent-2-o:visited, .btn-indigo-accent-2-o.visited { color: #536dfe; background-color: transparent; border-color: #536dfe; } .btn-indigo-accent-2-o:hover { color: #d2d9ff; border-color: #d2d9ff; } .btn-indigo-accent-2-o.disabled, .btn-indigo-accent-2-o:disabled { color: #536dfe; } .btn-indigo-accent-2-o:active, .btn-indigo-accent-2-o.active { color: #d2d9ff; border-color: #d2d9ff; } .btn-indigo-accent-3 { color: #ffffff; background-color: #3d5afe; border-color: #3d5afe; } .btn-indigo-accent-3:link, .btn-indigo-accent-3:visited, .btn-indigo-accent-3.visited { color: #ffffff; background-color: #3d5afe; border-color: #3d5afe; } .btn-indigo-accent-3:focus, .btn-indigo-accent-3:hover { color: #ffffff; background-color: #0121d4; border-color: #0127fc; } .btn-indigo-accent-3.disabled, .btn-indigo-accent-3:disabled { background-color: #3d5afe; border-color: #3d5afe; } .btn-indigo-accent-3:active, .btn-indigo-accent-3.active { color: #ffffff; background-color: #0121d4; border-color: #0127fc; } .btn-indigo-accent-3-o { color: #3d5afe; background-color: transparent; border-color: #3d5afe; } .btn-indigo-accent-3-o:link, .btn-indigo-accent-3-o:visited, .btn-indigo-accent-3-o.visited { color: #3d5afe; background-color: transparent; border-color: #3d5afe; } .btn-indigo-accent-3-o:hover { color: #bcc6ff; border-color: #bcc6ff; } .btn-indigo-accent-3-o.disabled, .btn-indigo-accent-3-o:disabled { color: #3d5afe; } .btn-indigo-accent-3-o:active, .btn-indigo-accent-3-o.active { color: #bcc6ff; border-color: #bcc6ff; } .btn-indigo-accent-4 { color: #ffffff; background-color: #304ffe; border-color: #304ffe; } .btn-indigo-accent-4:link, .btn-indigo-accent-4:visited, .btn-indigo-accent-4.visited { color: #ffffff; background-color: #304ffe; border-color: #304ffe; } .btn-indigo-accent-4:focus, .btn-indigo-accent-4:hover { color: #ffffff; background-color: #011fc7; border-color: #0125f0; } .btn-indigo-accent-4.disabled, .btn-indigo-accent-4:disabled { background-color: #304ffe; border-color: #304ffe; } .btn-indigo-accent-4:active, .btn-indigo-accent-4.active { color: #ffffff; background-color: #011fc7; border-color: #0125f0; } .btn-indigo-accent-4-o { color: #304ffe; background-color: transparent; border-color: #304ffe; } .btn-indigo-accent-4-o:link, .btn-indigo-accent-4-o:visited, .btn-indigo-accent-4-o.visited { color: #304ffe; background-color: transparent; border-color: #304ffe; } .btn-indigo-accent-4-o:hover { color: #afbbff; border-color: #afbbff; } .btn-indigo-accent-4-o.disabled, .btn-indigo-accent-4-o:disabled { color: #304ffe; } .btn-indigo-accent-4-o:active, .btn-indigo-accent-4-o.active { color: #afbbff; border-color: #afbbff; } .btn-blue { color: #ffffff; background-color: #2196F3; border-color: #2196F3; } .btn-blue:link, .btn-blue:visited, .btn-blue.visited { color: #ffffff; background-color: #2196F3; border-color: #2196F3; } .btn-blue:focus, .btn-blue:hover { color: #ffffff; background-color: #0960a5; border-color: #0b76cc; } .btn-blue.disabled, .btn-blue:disabled { background-color: #2196F3; border-color: #2196F3; } .btn-blue:active, .btn-blue.active { color: #ffffff; background-color: #0960a5; border-color: #0b76cc; } .btn-blue-o { color: #2196F3; background-color: transparent; border-color: #2196F3; } .btn-blue-o:link, .btn-blue-o:visited, .btn-blue-o.visited { color: #2196F3; background-color: transparent; border-color: #2196F3; } .btn-blue-o:hover { color: #9acffa; border-color: #9acffa; } .btn-blue-o.disabled, .btn-blue-o:disabled { color: #2196F3; } .btn-blue-o:active, .btn-blue-o.active { color: #9acffa; border-color: #9acffa; } .btn-blue-lighten-5 { color: #ffffff; background-color: #E3F2FD; border-color: #E3F2FD; } .btn-blue-lighten-5:link, .btn-blue-lighten-5:visited, .btn-blue-lighten-5.visited { color: #ffffff; background-color: #E3F2FD; border-color: #E3F2FD; } .btn-blue-lighten-5:focus, .btn-blue-lighten-5:hover { color: #ffffff; background-color: #84c6f6; border-color: #aad7f9; } .btn-blue-lighten-5.disabled, .btn-blue-lighten-5:disabled { background-color: #E3F2FD; border-color: #E3F2FD; } .btn-blue-lighten-5:active, .btn-blue-lighten-5.active { color: #ffffff; background-color: #84c6f6; border-color: #aad7f9; } .btn-blue-lighten-5-o { color: #E3F2FD; background-color: transparent; border-color: #E3F2FD; } .btn-blue-lighten-5-o:link, .btn-blue-lighten-5-o:visited, .btn-blue-lighten-5-o.visited { color: #E3F2FD; background-color: transparent; border-color: #E3F2FD; } .btn-blue-lighten-5-o:hover { color: white; border-color: white; } .btn-blue-lighten-5-o.disabled, .btn-blue-lighten-5-o:disabled { color: #E3F2FD; } .btn-blue-lighten-5-o:active, .btn-blue-lighten-5-o.active { color: white; border-color: white; } .btn-blue-lighten-4 { color: #ffffff; background-color: #BBDEFB; border-color: #BBDEFB; } .btn-blue-lighten-4:link, .btn-blue-lighten-4:visited, .btn-blue-lighten-4.visited { color: #ffffff; background-color: #BBDEFB; border-color: #BBDEFB; } .btn-blue-lighten-4:focus, .btn-blue-lighten-4:hover { color: #ffffff; background-color: #5baff5; border-color: #81c2f8; } .btn-blue-lighten-4.disabled, .btn-blue-lighten-4:disabled { background-color: #BBDEFB; border-color: #BBDEFB; } .btn-blue-lighten-4:active, .btn-blue-lighten-4.active { color: #ffffff; background-color: #5baff5; border-color: #81c2f8; } .btn-blue-lighten-4-o { color: #BBDEFB; background-color: transparent; border-color: #BBDEFB; } .btn-blue-lighten-4-o:link, .btn-blue-lighten-4-o:visited, .btn-blue-lighten-4-o.visited { color: #BBDEFB; background-color: transparent; border-color: #BBDEFB; } .btn-blue-lighten-4-o:hover { color: white; border-color: white; } .btn-blue-lighten-4-o.disabled, .btn-blue-lighten-4-o:disabled { color: #BBDEFB; } .btn-blue-lighten-4-o:active, .btn-blue-lighten-4-o.active { color: white; border-color: white; } .btn-blue-lighten-3 { color: #ffffff; background-color: #90CAF9; border-color: #90CAF9; } .btn-blue-lighten-3:link, .btn-blue-lighten-3:visited, .btn-blue-lighten-3.visited { color: #ffffff; background-color: #90CAF9; border-color: #90CAF9; } .btn-blue-lighten-3:focus, .btn-blue-lighten-3:hover { color: #ffffff; background-color: #2f9cf4; border-color: #56aef6; } .btn-blue-lighten-3.disabled, .btn-blue-lighten-3:disabled { background-color: #90CAF9; border-color: #90CAF9; } .btn-blue-lighten-3:active, .btn-blue-lighten-3.active { color: #ffffff; background-color: #2f9cf4; border-color: #56aef6; } .btn-blue-lighten-3-o { color: #90CAF9; background-color: transparent; border-color: #90CAF9; } .btn-blue-lighten-3-o:link, .btn-blue-lighten-3-o:visited, .btn-blue-lighten-3-o.visited { color: #90CAF9; background-color: transparent; border-color: #90CAF9; } .btn-blue-lighten-3-o:hover { color: white; border-color: white; } .btn-blue-lighten-3-o.disabled, .btn-blue-lighten-3-o:disabled { color: #90CAF9; } .btn-blue-lighten-3-o:active, .btn-blue-lighten-3-o.active { color: white; border-color: white; } .btn-blue-lighten-2 { color: #ffffff; background-color: #64B5F6; border-color: #64B5F6; } .btn-blue-lighten-2:link, .btn-blue-lighten-2:visited, .btn-blue-lighten-2.visited { color: #ffffff; background-color: #64B5F6; border-color: #64B5F6; } .btn-blue-lighten-2:focus, .btn-blue-lighten-2:hover { color: #ffffff; background-color: #0d86e7; border-color: #2a99f3; } .btn-blue-lighten-2.disabled, .btn-blue-lighten-2:disabled { background-color: #64B5F6; border-color: #64B5F6; } .btn-blue-lighten-2:active, .btn-blue-lighten-2.active { color: #ffffff; background-color: #0d86e7; border-color: #2a99f3; } .btn-blue-lighten-2-o { color: #64B5F6; background-color: transparent; border-color: #64B5F6; } .btn-blue-lighten-2-o:link, .btn-blue-lighten-2-o:visited, .btn-blue-lighten-2-o.visited { color: #64B5F6; background-color: transparent; border-color: #64B5F6; } .btn-blue-lighten-2-o:hover { color: #ddeffd; border-color: #ddeffd; } .btn-blue-lighten-2-o.disabled, .btn-blue-lighten-2-o:disabled { color: #64B5F6; } .btn-blue-lighten-2-o:active, .btn-blue-lighten-2-o.active { color: #ddeffd; border-color: #ddeffd; } .btn-blue-lighten-1 { color: #ffffff; background-color: #42A5F5; border-color: #42A5F5; } .btn-blue-lighten-1:link, .btn-blue-lighten-1:visited, .btn-blue-lighten-1.visited { color: #ffffff; background-color: #42A5F5; border-color: #42A5F5; } .btn-blue-lighten-1:focus, .btn-blue-lighten-1:hover { color: #ffffff; background-color: #0b72c6; border-color: #0d89ed; } .btn-blue-lighten-1.disabled, .btn-blue-lighten-1:disabled { background-color: #42A5F5; border-color: #42A5F5; } .btn-blue-lighten-1:active, .btn-blue-lighten-1.active { color: #ffffff; background-color: #0b72c6; border-color: #0d89ed; } .btn-blue-lighten-1-o { color: #42A5F5; background-color: transparent; border-color: #42A5F5; } .btn-blue-lighten-1-o:link, .btn-blue-lighten-1-o:visited, .btn-blue-lighten-1-o.visited { color: #42A5F5; background-color: transparent; border-color: #42A5F5; } .btn-blue-lighten-1-o:hover { color: #bbdffb; border-color: #bbdffb; } .btn-blue-lighten-1-o.disabled, .btn-blue-lighten-1-o:disabled { color: #42A5F5; } .btn-blue-lighten-1-o:active, .btn-blue-lighten-1-o.active { color: #bbdffb; border-color: #bbdffb; } .btn-blue-darken-1 { color: #ffffff; background-color: #1E88E5; border-color: #1E88E5; } .btn-blue-darken-1:link, .btn-blue-darken-1:visited, .btn-blue-darken-1.visited { color: #ffffff; background-color: #1E88E5; border-color: #1E88E5; } .btn-blue-darken-1:focus, .btn-blue-darken-1:hover { color: #ffffff; background-color: #10538d; border-color: #1468b1; } .btn-blue-darken-1.disabled, .btn-blue-darken-1:disabled { background-color: #1E88E5; border-color: #1E88E5; } .btn-blue-darken-1:active, .btn-blue-darken-1.active { color: #ffffff; background-color: #10538d; border-color: #1468b1; } .btn-blue-darken-1-o { color: #1E88E5; background-color: transparent; border-color: #1E88E5; } .btn-blue-darken-1-o:link, .btn-blue-darken-1-o:visited, .btn-blue-darken-1-o.visited { color: #1E88E5; background-color: transparent; border-color: #1E88E5; } .btn-blue-darken-1-o:hover { color: #90c4f2; border-color: #90c4f2; } .btn-blue-darken-1-o.disabled, .btn-blue-darken-1-o:disabled { color: #1E88E5; } .btn-blue-darken-1-o:active, .btn-blue-darken-1-o.active { color: #90c4f2; border-color: #90c4f2; } .btn-blue-darken-2 { color: #ffffff; background-color: #1976D2; border-color: #1976D2; } .btn-blue-darken-2:link, .btn-blue-darken-2:visited, .btn-blue-darken-2.visited { color: #ffffff; background-color: #1976D2; border-color: #1976D2; } .btn-blue-darken-2:focus, .btn-blue-darken-2:hover { color: #ffffff; background-color: #0e4377; border-color: #12579b; } .btn-blue-darken-2.disabled, .btn-blue-darken-2:disabled { background-color: #1976D2; border-color: #1976D2; } .btn-blue-darken-2:active, .btn-blue-darken-2.active { color: #ffffff; background-color: #0e4377; border-color: #12579b; } .btn-blue-darken-2-o { color: #1976D2; background-color: transparent; border-color: #1976D2; } .btn-blue-darken-2-o:link, .btn-blue-darken-2-o:visited, .btn-blue-darken-2-o.visited { color: #1976D2; background-color: transparent; border-color: #1976D2; } .btn-blue-darken-2-o:hover { color: #7bb6ef; border-color: #7bb6ef; } .btn-blue-darken-2-o.disabled, .btn-blue-darken-2-o:disabled { color: #1976D2; } .btn-blue-darken-2-o:active, .btn-blue-darken-2-o.active { color: #7bb6ef; border-color: #7bb6ef; } .btn-blue-darken-3 { color: #ffffff; background-color: #1565C0; border-color: #1565C0; } .btn-blue-darken-3:link, .btn-blue-darken-3:visited, .btn-blue-darken-3.visited { color: #ffffff; background-color: #1565C0; border-color: #1565C0; } .btn-blue-darken-3:focus, .btn-blue-darken-3:hover { color: #ffffff; background-color: #0b3564; border-color: #0f4889; } .btn-blue-darken-3.disabled, .btn-blue-darken-3:disabled { background-color: #1565C0; border-color: #1565C0; } .btn-blue-darken-3:active, .btn-blue-darken-3.active { color: #ffffff; background-color: #0b3564; border-color: #0f4889; } .btn-blue-darken-3-o { color: #1565C0; background-color: transparent; border-color: #1565C0; } .btn-blue-darken-3-o:link, .btn-blue-darken-3-o:visited, .btn-blue-darken-3-o.visited { color: #1565C0; background-color: transparent; border-color: #1565C0; } .btn-blue-darken-3-o:hover { color: #66a6ee; border-color: #66a6ee; } .btn-blue-darken-3-o.disabled, .btn-blue-darken-3-o:disabled { color: #1565C0; } .btn-blue-darken-3-o:active, .btn-blue-darken-3-o.active { color: #66a6ee; border-color: #66a6ee; } .btn-blue-darken-4 { color: #ffffff; background-color: #0D47A1; border-color: #0D47A1; } .btn-blue-darken-4:link, .btn-blue-darken-4:visited, .btn-blue-darken-4.visited { color: #ffffff; background-color: #0D47A1; border-color: #0D47A1; } .btn-blue-darken-4:focus, .btn-blue-darken-4:hover { color: #ffffff; background-color: #051d43; border-color: #082e68; } .btn-blue-darken-4.disabled, .btn-blue-darken-4:disabled { background-color: #0D47A1; border-color: #0D47A1; } .btn-blue-darken-4:active, .btn-blue-darken-4.active { color: #ffffff; background-color: #051d43; border-color: #082e68; } .btn-blue-darken-4-o { color: #0D47A1; background-color: transparent; border-color: #0D47A1; } .btn-blue-darken-4-o:link, .btn-blue-darken-4-o:visited, .btn-blue-darken-4-o.visited { color: #0D47A1; background-color: transparent; border-color: #0D47A1; } .btn-blue-darken-4-o:hover { color: #3e84ef; border-color: #3e84ef; } .btn-blue-darken-4-o.disabled, .btn-blue-darken-4-o:disabled { color: #0D47A1; } .btn-blue-darken-4-o:active, .btn-blue-darken-4-o.active { color: #3e84ef; border-color: #3e84ef; } .btn-blue-accent-1 { color: #ffffff; background-color: #82B1FF; border-color: #82B1FF; } .btn-blue-accent-1:link, .btn-blue-accent-1:visited, .btn-blue-accent-1.visited { color: #ffffff; background-color: #82B1FF; border-color: #82B1FF; } .btn-blue-accent-1:focus, .btn-blue-accent-1:hover { color: #ffffff; background-color: #1c71ff; border-color: #458bff; } .btn-blue-accent-1.disabled, .btn-blue-accent-1:disabled { background-color: #82B1FF; border-color: #82B1FF; } .btn-blue-accent-1:active, .btn-blue-accent-1.active { color: #ffffff; background-color: #1c71ff; border-color: #458bff; } .btn-blue-accent-1-o { color: #82B1FF; background-color: transparent; border-color: #82B1FF; } .btn-blue-accent-1-o:link, .btn-blue-accent-1-o:visited, .btn-blue-accent-1-o.visited { color: #82B1FF; background-color: transparent; border-color: #82B1FF; } .btn-blue-accent-1-o:hover { color: white; border-color: white; } .btn-blue-accent-1-o.disabled, .btn-blue-accent-1-o:disabled { color: #82B1FF; } .btn-blue-accent-1-o:active, .btn-blue-accent-1-o.active { color: white; border-color: white; } .btn-blue-accent-2 { color: #ffffff; background-color: #448AFF; border-color: #448AFF; } .btn-blue-accent-2:link, .btn-blue-accent-2:visited, .btn-blue-accent-2.visited { color: #ffffff; background-color: #448AFF; border-color: #448AFF; } .btn-blue-accent-2:focus, .btn-blue-accent-2:hover { color: #ffffff; background-color: #0053dd; border-color: #0764ff; } .btn-blue-accent-2.disabled, .btn-blue-accent-2:disabled { background-color: #448AFF; border-color: #448AFF; } .btn-blue-accent-2:active, .btn-blue-accent-2.active { color: #ffffff; background-color: #0053dd; border-color: #0764ff; } .btn-blue-accent-2-o { color: #448AFF; background-color: transparent; border-color: #448AFF; } .btn-blue-accent-2-o:link, .btn-blue-accent-2-o:visited, .btn-blue-accent-2-o.visited { color: #448AFF; background-color: transparent; border-color: #448AFF; } .btn-blue-accent-2-o:hover { color: #c4daff; border-color: #c4daff; } .btn-blue-accent-2-o.disabled, .btn-blue-accent-2-o:disabled { color: #448AFF; } .btn-blue-accent-2-o:active, .btn-blue-accent-2-o.active { color: #c4daff; border-color: #c4daff; } .btn-blue-accent-3 { color: #ffffff; background-color: #2979FF; border-color: #2979FF; } .btn-blue-accent-3:link, .btn-blue-accent-3:visited, .btn-blue-accent-3.visited { color: #ffffff; background-color: #2979FF; border-color: #2979FF; } .btn-blue-accent-3:focus, .btn-blue-accent-3:hover { color: #ffffff; background-color: #0049c2; border-color: #0058eb; } .btn-blue-accent-3.disabled, .btn-blue-accent-3:disabled { background-color: #2979FF; border-color: #2979FF; } .btn-blue-accent-3:active, .btn-blue-accent-3.active { color: #ffffff; background-color: #0049c2; border-color: #0058eb; } .btn-blue-accent-3-o { color: #2979FF; background-color: transparent; border-color: #2979FF; } .btn-blue-accent-3-o:link, .btn-blue-accent-3-o:visited, .btn-blue-accent-3-o.visited { color: #2979FF; background-color: transparent; border-color: #2979FF; } .btn-blue-accent-3-o:hover { color: #a9c9ff; border-color: #a9c9ff; } .btn-blue-accent-3-o.disabled, .btn-blue-accent-3-o:disabled { color: #2979FF; } .btn-blue-accent-3-o:active, .btn-blue-accent-3-o.active { color: #a9c9ff; border-color: #a9c9ff; } .btn-blue-accent-4 { color: #ffffff; background-color: #2962FF; border-color: #2962FF; } .btn-blue-accent-4:link, .btn-blue-accent-4:visited, .btn-blue-accent-4.visited { color: #ffffff; background-color: #2962FF; border-color: #2962FF; } .btn-blue-accent-4:focus, .btn-blue-accent-4:hover { color: #ffffff; background-color: #0034c2; border-color: #003feb; } .btn-blue-accent-4.disabled, .btn-blue-accent-4:disabled { background-color: #2962FF; border-color: #2962FF; } .btn-blue-accent-4:active, .btn-blue-accent-4.active { color: #ffffff; background-color: #0034c2; border-color: #003feb; } .btn-blue-accent-4-o { color: #2962FF; background-color: transparent; border-color: #2962FF; } .btn-blue-accent-4-o:link, .btn-blue-accent-4-o:visited, .btn-blue-accent-4-o.visited { color: #2962FF; background-color: transparent; border-color: #2962FF; } .btn-blue-accent-4-o:hover { color: #a9c0ff; border-color: #a9c0ff; } .btn-blue-accent-4-o.disabled, .btn-blue-accent-4-o:disabled { color: #2962FF; } .btn-blue-accent-4-o:active, .btn-blue-accent-4-o.active { color: #a9c0ff; border-color: #a9c0ff; } .btn-light-blue { color: #ffffff; background-color: #03a9f4; border-color: #03a9f4; } .btn-light-blue:link, .btn-light-blue:visited, .btn-light-blue.visited { color: #ffffff; background-color: #03a9f4; border-color: #03a9f4; } .btn-light-blue:focus, .btn-light-blue:hover { color: #ffffff; background-color: #02638f; border-color: #027fb8; } .btn-light-blue.disabled, .btn-light-blue:disabled { background-color: #03a9f4; border-color: #03a9f4; } .btn-light-blue:active, .btn-light-blue.active { color: #ffffff; background-color: #02638f; border-color: #027fb8; } .btn-light-blue-o { color: #03a9f4; background-color: transparent; border-color: #03a9f4; } .btn-light-blue-o:link, .btn-light-blue-o:visited, .btn-light-blue-o.visited { color: #03a9f4; background-color: transparent; border-color: #03a9f4; } .btn-light-blue-o:hover { color: #79d4fd; border-color: #79d4fd; } .btn-light-blue-o.disabled, .btn-light-blue-o:disabled { color: #03a9f4; } .btn-light-blue-o:active, .btn-light-blue-o.active { color: #79d4fd; border-color: #79d4fd; } .btn-light-blue-lighten-5 { color: #ffffff; background-color: #e1f5fe; border-color: #e1f5fe; } .btn-light-blue-lighten-5:link, .btn-light-blue-lighten-5:visited, .btn-light-blue-lighten-5.visited { color: #ffffff; background-color: #e1f5fe; border-color: #e1f5fe; } .btn-light-blue-lighten-5:focus, .btn-light-blue-lighten-5:hover { color: #ffffff; background-color: #7ed4fb; border-color: #a6e1fc; } .btn-light-blue-lighten-5.disabled, .btn-light-blue-lighten-5:disabled { background-color: #e1f5fe; border-color: #e1f5fe; } .btn-light-blue-lighten-5:active, .btn-light-blue-lighten-5.active { color: #ffffff; background-color: #7ed4fb; border-color: #a6e1fc; } .btn-light-blue-lighten-5-o { color: #e1f5fe; background-color: transparent; border-color: #e1f5fe; } .btn-light-blue-lighten-5-o:link, .btn-light-blue-lighten-5-o:visited, .btn-light-blue-lighten-5-o.visited { color: #e1f5fe; background-color: transparent; border-color: #e1f5fe; } .btn-light-blue-lighten-5-o:hover { color: white; border-color: white; } .btn-light-blue-lighten-5-o.disabled, .btn-light-blue-lighten-5-o:disabled { color: #e1f5fe; } .btn-light-blue-lighten-5-o:active, .btn-light-blue-lighten-5-o.active { color: white; border-color: white; } .btn-light-blue-lighten-4 { color: #ffffff; background-color: #b3e5fc; border-color: #b3e5fc; } .btn-light-blue-lighten-4:link, .btn-light-blue-lighten-4:visited, .btn-light-blue-lighten-4.visited { color: #ffffff; background-color: #b3e5fc; border-color: #b3e5fc; } .btn-light-blue-lighten-4:focus, .btn-light-blue-lighten-4:hover { color: #ffffff; background-color: #51c3f8; border-color: #78d1fa; } .btn-light-blue-lighten-4.disabled, .btn-light-blue-lighten-4:disabled { background-color: #b3e5fc; border-color: #b3e5fc; } .btn-light-blue-lighten-4:active, .btn-light-blue-lighten-4.active { color: #ffffff; background-color: #51c3f8; border-color: #78d1fa; } .btn-light-blue-lighten-4-o { color: #b3e5fc; background-color: transparent; border-color: #b3e5fc; } .btn-light-blue-lighten-4-o:link, .btn-light-blue-lighten-4-o:visited, .btn-light-blue-lighten-4-o.visited { color: #b3e5fc; background-color: transparent; border-color: #b3e5fc; } .btn-light-blue-lighten-4-o:hover { color: white; border-color: white; } .btn-light-blue-lighten-4-o.disabled, .btn-light-blue-lighten-4-o:disabled { color: #b3e5fc; } .btn-light-blue-lighten-4-o:active, .btn-light-blue-lighten-4-o.active { color: white; border-color: white; } .btn-light-blue-lighten-3 { color: #ffffff; background-color: #81d4fa; border-color: #81d4fa; } .btn-light-blue-lighten-3:link, .btn-light-blue-lighten-3:visited, .btn-light-blue-lighten-3.visited { color: #ffffff; background-color: #81d4fa; border-color: #81d4fa; } .btn-light-blue-lighten-3:focus, .btn-light-blue-lighten-3:hover { color: #ffffff; background-color: #1fb3f6; border-color: #46c0f8; } .btn-light-blue-lighten-3.disabled, .btn-light-blue-lighten-3:disabled { background-color: #81d4fa; border-color: #81d4fa; } .btn-light-blue-lighten-3:active, .btn-light-blue-lighten-3.active { color: #ffffff; background-color: #1fb3f6; border-color: #46c0f8; } .btn-light-blue-lighten-3-o { color: #81d4fa; background-color: transparent; border-color: #81d4fa; } .btn-light-blue-lighten-3-o:link, .btn-light-blue-lighten-3-o:visited, .btn-light-blue-lighten-3-o.visited { color: #81d4fa; background-color: transparent; border-color: #81d4fa; } .btn-light-blue-lighten-3-o:hover { color: #fcfeff; border-color: #fcfeff; } .btn-light-blue-lighten-3-o.disabled, .btn-light-blue-lighten-3-o:disabled { color: #81d4fa; } .btn-light-blue-lighten-3-o:active, .btn-light-blue-lighten-3-o.active { color: #fcfeff; border-color: #fcfeff; } .btn-light-blue-lighten-2 { color: #ffffff; background-color: #4fc3f7; border-color: #4fc3f7; } .btn-light-blue-lighten-2:link, .btn-light-blue-lighten-2:visited, .btn-light-blue-lighten-2.visited { color: #ffffff; background-color: #4fc3f7; border-color: #4fc3f7; } .btn-light-blue-lighten-2:focus, .btn-light-blue-lighten-2:hover { color: #ffffff; background-color: #0a97d6; border-color: #14aff4; } .btn-light-blue-lighten-2.disabled, .btn-light-blue-lighten-2:disabled { background-color: #4fc3f7; border-color: #4fc3f7; } .btn-light-blue-lighten-2:active, .btn-light-blue-lighten-2.active { color: #ffffff; background-color: #0a97d6; border-color: #14aff4; } .btn-light-blue-lighten-2-o { color: #4fc3f7; background-color: transparent; border-color: #4fc3f7; } .btn-light-blue-lighten-2-o:link, .btn-light-blue-lighten-2-o:visited, .btn-light-blue-lighten-2-o.visited { color: #4fc3f7; background-color: transparent; border-color: #4fc3f7; } .btn-light-blue-lighten-2-o:hover { color: #c9edfd; border-color: #c9edfd; } .btn-light-blue-lighten-2-o.disabled, .btn-light-blue-lighten-2-o:disabled { color: #4fc3f7; } .btn-light-blue-lighten-2-o:active, .btn-light-blue-lighten-2-o.active { color: #c9edfd; border-color: #c9edfd; } .btn-light-blue-lighten-1 { color: #ffffff; background-color: #29b6f6; border-color: #29b6f6; } .btn-light-blue-lighten-1:link, .btn-light-blue-lighten-1:visited, .btn-light-blue-lighten-1.visited { color: #ffffff; background-color: #29b6f6; border-color: #29b6f6; } .btn-light-blue-lighten-1:focus, .btn-light-blue-lighten-1:hover { color: #ffffff; background-color: #077cb2; border-color: #0998d9; } .btn-light-blue-lighten-1.disabled, .btn-light-blue-lighten-1:disabled { background-color: #29b6f6; border-color: #29b6f6; } .btn-light-blue-lighten-1:active, .btn-light-blue-lighten-1.active { color: #ffffff; background-color: #077cb2; border-color: #0998d9; } .btn-light-blue-lighten-1-o { color: #29b6f6; background-color: transparent; border-color: #29b6f6; } .btn-light-blue-lighten-1-o:link, .btn-light-blue-lighten-1-o:visited, .btn-light-blue-lighten-1-o.visited { color: #29b6f6; background-color: transparent; border-color: #29b6f6; } .btn-light-blue-lighten-1-o:hover { color: #a3e0fb; border-color: #a3e0fb; } .btn-light-blue-lighten-1-o.disabled, .btn-light-blue-lighten-1-o:disabled { color: #29b6f6; } .btn-light-blue-lighten-1-o:active, .btn-light-blue-lighten-1-o.active { color: #a3e0fb; border-color: #a3e0fb; } .btn-light-blue-darken-1 { color: #ffffff; background-color: #039be5; border-color: #039be5; } .btn-light-blue-darken-1:link, .btn-light-blue-darken-1:visited, .btn-light-blue-darken-1.visited { color: #ffffff; background-color: #039be5; border-color: #039be5; } .btn-light-blue-darken-1:focus, .btn-light-blue-darken-1:hover { color: #ffffff; background-color: #025780; border-color: #0272a9; } .btn-light-blue-darken-1.disabled, .btn-light-blue-darken-1:disabled { background-color: #039be5; border-color: #039be5; } .btn-light-blue-darken-1:active, .btn-light-blue-darken-1.active { color: #ffffff; background-color: #025780; border-color: #0272a9; } .btn-light-blue-darken-1-o { color: #039be5; background-color: transparent; border-color: #039be5; } .btn-light-blue-darken-1-o:link, .btn-light-blue-darken-1-o:visited, .btn-light-blue-darken-1-o.visited { color: #039be5; background-color: transparent; border-color: #039be5; } .btn-light-blue-darken-1-o:hover { color: #6acdfd; border-color: #6acdfd; } .btn-light-blue-darken-1-o.disabled, .btn-light-blue-darken-1-o:disabled { color: #039be5; } .btn-light-blue-darken-1-o:active, .btn-light-blue-darken-1-o.active { color: #6acdfd; border-color: #6acdfd; } .btn-light-blue-darken-2 { color: #ffffff; background-color: #0288d1; border-color: #0288d1; } .btn-light-blue-darken-2:link, .btn-light-blue-darken-2:visited, .btn-light-blue-darken-2.visited { color: #ffffff; background-color: #0288d1; border-color: #0288d1; } .btn-light-blue-darken-2:focus, .btn-light-blue-darken-2:hover { color: #ffffff; background-color: #01466c; border-color: #016194; } .btn-light-blue-darken-2.disabled, .btn-light-blue-darken-2:disabled { background-color: #0288d1; border-color: #0288d1; } .btn-light-blue-darken-2:active, .btn-light-blue-darken-2.active { color: #ffffff; background-color: #01466c; border-color: #016194; } .btn-light-blue-darken-2-o { color: #0288d1; background-color: transparent; border-color: #0288d1; } .btn-light-blue-darken-2-o:link, .btn-light-blue-darken-2-o:visited, .btn-light-blue-darken-2-o.visited { color: #0288d1; background-color: transparent; border-color: #0288d1; } .btn-light-blue-darken-2-o:hover { color: #55c2fd; border-color: #55c2fd; } .btn-light-blue-darken-2-o.disabled, .btn-light-blue-darken-2-o:disabled { color: #0288d1; } .btn-light-blue-darken-2-o:active, .btn-light-blue-darken-2-o.active { color: #55c2fd; border-color: #55c2fd; } .btn-light-blue-darken-3 { color: #ffffff; background-color: #0277bd; border-color: #0277bd; } .btn-light-blue-darken-3:link, .btn-light-blue-darken-3:visited, .btn-light-blue-darken-3.visited { color: #ffffff; background-color: #0277bd; border-color: #0277bd; } .btn-light-blue-darken-3:focus, .btn-light-blue-darken-3:hover { color: #ffffff; background-color: #013758; border-color: #015180; } .btn-light-blue-darken-3.disabled, .btn-light-blue-darken-3:disabled { background-color: #0277bd; border-color: #0277bd; } .btn-light-blue-darken-3:active, .btn-light-blue-darken-3.active { color: #ffffff; background-color: #013758; border-color: #015180; } .btn-light-blue-darken-3-o { color: #0277bd; background-color: transparent; border-color: #0277bd; } .btn-light-blue-darken-3-o:link, .btn-light-blue-darken-3-o:visited, .btn-light-blue-darken-3-o.visited { color: #0277bd; background-color: transparent; border-color: #0277bd; } .btn-light-blue-darken-3-o:hover { color: #42b7fd; border-color: #42b7fd; } .btn-light-blue-darken-3-o.disabled, .btn-light-blue-darken-3-o:disabled { color: #0277bd; } .btn-light-blue-darken-3-o:active, .btn-light-blue-darken-3-o.active { color: #42b7fd; border-color: #42b7fd; } .btn-light-blue-darken-4 { color: #ffffff; background-color: #01579b; border-color: #01579b; } .btn-light-blue-darken-4:link, .btn-light-blue-darken-4:visited, .btn-light-blue-darken-4.visited { color: #ffffff; background-color: #01579b; border-color: #01579b; } .btn-light-blue-darken-4:focus, .btn-light-blue-darken-4:hover { color: #ffffff; background-color: #001e36; border-color: #01355e; } .btn-light-blue-darken-4.disabled, .btn-light-blue-darken-4:disabled { background-color: #01579b; border-color: #01579b; } .btn-light-blue-darken-4:active, .btn-light-blue-darken-4.active { color: #ffffff; background-color: #001e36; border-color: #01355e; } .btn-light-blue-darken-4-o { color: #01579b; background-color: transparent; border-color: #01579b; } .btn-light-blue-darken-4-o:link, .btn-light-blue-darken-4-o:visited, .btn-light-blue-darken-4-o.visited { color: #01579b; background-color: transparent; border-color: #01579b; } .btn-light-blue-darken-4-o:hover { color: #1e9bfe; border-color: #1e9bfe; } .btn-light-blue-darken-4-o.disabled, .btn-light-blue-darken-4-o:disabled { color: #01579b; } .btn-light-blue-darken-4-o:active, .btn-light-blue-darken-4-o.active { color: #1e9bfe; border-color: #1e9bfe; } .btn-light-blue-accent-1 { color: #ffffff; background-color: #80d8ff; border-color: #80d8ff; } .btn-light-blue-accent-1:link, .btn-light-blue-accent-1:visited, .btn-light-blue-accent-1.visited { color: #ffffff; background-color: #80d8ff; border-color: #80d8ff; } .btn-light-blue-accent-1:focus, .btn-light-blue-accent-1:hover { color: #ffffff; background-color: #1ab9ff; border-color: #43c5ff; } .btn-light-blue-accent-1.disabled, .btn-light-blue-accent-1:disabled { background-color: #80d8ff; border-color: #80d8ff; } .btn-light-blue-accent-1:active, .btn-light-blue-accent-1.active { color: #ffffff; background-color: #1ab9ff; border-color: #43c5ff; } .btn-light-blue-accent-1-o { color: #80d8ff; background-color: transparent; border-color: #80d8ff; } .btn-light-blue-accent-1-o:link, .btn-light-blue-accent-1-o:visited, .btn-light-blue-accent-1-o.visited { color: #80d8ff; background-color: transparent; border-color: #80d8ff; } .btn-light-blue-accent-1-o:hover { color: white; border-color: white; } .btn-light-blue-accent-1-o.disabled, .btn-light-blue-accent-1-o:disabled { color: #80d8ff; } .btn-light-blue-accent-1-o:active, .btn-light-blue-accent-1-o.active { color: white; border-color: white; } .btn-light-blue-accent-2 { color: #ffffff; background-color: #40c4ff; border-color: #40c4ff; } .btn-light-blue-accent-2:link, .btn-light-blue-accent-2:visited, .btn-light-blue-accent-2.visited { color: #ffffff; background-color: #40c4ff; border-color: #40c4ff; } .btn-light-blue-accent-2:focus, .btn-light-blue-accent-2:hover { color: #ffffff; background-color: #0096d9; border-color: #03b1ff; } .btn-light-blue-accent-2.disabled, .btn-light-blue-accent-2:disabled { background-color: #40c4ff; border-color: #40c4ff; } .btn-light-blue-accent-2:active, .btn-light-blue-accent-2.active { color: #ffffff; background-color: #0096d9; border-color: #03b1ff; } .btn-light-blue-accent-2-o { color: #40c4ff; background-color: transparent; border-color: #40c4ff; } .btn-light-blue-accent-2-o:link, .btn-light-blue-accent-2-o:visited, .btn-light-blue-accent-2-o.visited { color: #40c4ff; background-color: transparent; border-color: #40c4ff; } .btn-light-blue-accent-2-o:hover { color: #c0ebff; border-color: #c0ebff; } .btn-light-blue-accent-2-o.disabled, .btn-light-blue-accent-2-o:disabled { color: #40c4ff; } .btn-light-blue-accent-2-o:active, .btn-light-blue-accent-2-o.active { color: #c0ebff; border-color: #c0ebff; } .btn-light-blue-accent-3 { color: #ffffff; background-color: #00b0ff; border-color: #00b0ff; } .btn-light-blue-accent-3:link, .btn-light-blue-accent-3:visited, .btn-light-blue-accent-3.visited { color: #ffffff; background-color: #00b0ff; border-color: #00b0ff; } .btn-light-blue-accent-3:focus, .btn-light-blue-accent-3:hover { color: #ffffff; background-color: #006a99; border-color: #0086c2; } .btn-light-blue-accent-3.disabled, .btn-light-blue-accent-3:disabled { background-color: #00b0ff; border-color: #00b0ff; } .btn-light-blue-accent-3:active, .btn-light-blue-accent-3.active { color: #ffffff; background-color: #006a99; border-color: #0086c2; } .btn-light-blue-accent-3-o { color: #00b0ff; background-color: transparent; border-color: #00b0ff; } .btn-light-blue-accent-3-o:link, .btn-light-blue-accent-3-o:visited, .btn-light-blue-accent-3-o.visited { color: #00b0ff; background-color: transparent; border-color: #00b0ff; } .btn-light-blue-accent-3-o:hover { color: #80d8ff; border-color: #80d8ff; } .btn-light-blue-accent-3-o.disabled, .btn-light-blue-accent-3-o:disabled { color: #00b0ff; } .btn-light-blue-accent-3-o:active, .btn-light-blue-accent-3-o.active { color: #80d8ff; border-color: #80d8ff; } .btn-light-blue-accent-4 { color: #ffffff; background-color: #0091ea; border-color: #0091ea; } .btn-light-blue-accent-4:link, .btn-light-blue-accent-4:visited, .btn-light-blue-accent-4.visited { color: #ffffff; background-color: #0091ea; border-color: #0091ea; } .btn-light-blue-accent-4:focus, .btn-light-blue-accent-4:hover { color: #ffffff; background-color: #005284; border-color: #006bad; } .btn-light-blue-accent-4.disabled, .btn-light-blue-accent-4:disabled { background-color: #0091ea; border-color: #0091ea; } .btn-light-blue-accent-4:active, .btn-light-blue-accent-4.active { color: #ffffff; background-color: #005284; border-color: #006bad; } .btn-light-blue-accent-4-o { color: #0091ea; background-color: transparent; border-color: #0091ea; } .btn-light-blue-accent-4-o:link, .btn-light-blue-accent-4-o:visited, .btn-light-blue-accent-4-o.visited { color: #0091ea; background-color: transparent; border-color: #0091ea; } .btn-light-blue-accent-4-o:hover { color: #6bc7ff; border-color: #6bc7ff; } .btn-light-blue-accent-4-o.disabled, .btn-light-blue-accent-4-o:disabled { color: #0091ea; } .btn-light-blue-accent-4-o:active, .btn-light-blue-accent-4-o.active { color: #6bc7ff; border-color: #6bc7ff; } .btn-cyan { color: #ffffff; background-color: #00bcd4; border-color: #00bcd4; } .btn-cyan:link, .btn-cyan:visited, .btn-cyan.visited { color: #ffffff; background-color: #00bcd4; border-color: #00bcd4; } .btn-cyan:focus, .btn-cyan:hover { color: #ffffff; background-color: #00626e; border-color: #008697; } .btn-cyan.disabled, .btn-cyan:disabled { background-color: #00bcd4; border-color: #00bcd4; } .btn-cyan:active, .btn-cyan.active { color: #ffffff; background-color: #00626e; border-color: #008697; } .btn-cyan-o { color: #00bcd4; background-color: transparent; border-color: #00bcd4; } .btn-cyan-o:link, .btn-cyan-o:visited, .btn-cyan-o.visited { color: #00bcd4; background-color: transparent; border-color: #00bcd4; } .btn-cyan-o:hover { color: #55ecff; border-color: #55ecff; } .btn-cyan-o.disabled, .btn-cyan-o:disabled { color: #00bcd4; } .btn-cyan-o:active, .btn-cyan-o.active { color: #55ecff; border-color: #55ecff; } .btn-cyan-lighten-5 { color: #ffffff; background-color: #e0f7fa; border-color: #e0f7fa; } .btn-cyan-lighten-5:link, .btn-cyan-lighten-5:visited, .btn-cyan-lighten-5.visited { color: #ffffff; background-color: #e0f7fa; border-color: #e0f7fa; } .btn-cyan-lighten-5:focus, .btn-cyan-lighten-5:hover { color: #ffffff; background-color: #88e0ec; border-color: #abe9f2; } .btn-cyan-lighten-5.disabled, .btn-cyan-lighten-5:disabled { background-color: #e0f7fa; border-color: #e0f7fa; } .btn-cyan-lighten-5:active, .btn-cyan-lighten-5.active { color: #ffffff; background-color: #88e0ec; border-color: #abe9f2; } .btn-cyan-lighten-5-o { color: #e0f7fa; background-color: transparent; border-color: #e0f7fa; } .btn-cyan-lighten-5-o:link, .btn-cyan-lighten-5-o:visited, .btn-cyan-lighten-5-o.visited { color: #e0f7fa; background-color: transparent; border-color: #e0f7fa; } .btn-cyan-lighten-5-o:hover { color: white; border-color: white; } .btn-cyan-lighten-5-o.disabled, .btn-cyan-lighten-5-o:disabled { color: #e0f7fa; } .btn-cyan-lighten-5-o:active, .btn-cyan-lighten-5-o.active { color: white; border-color: white; } .btn-cyan-lighten-4 { color: #ffffff; background-color: #b2ebf2; border-color: #b2ebf2; } .btn-cyan-lighten-4:link, .btn-cyan-lighten-4:visited, .btn-cyan-lighten-4.visited { color: #ffffff; background-color: #b2ebf2; border-color: #b2ebf2; } .btn-cyan-lighten-4:focus, .btn-cyan-lighten-4:hover { color: #ffffff; background-color: #5bd4e3; border-color: #7edde9; } .btn-cyan-lighten-4.disabled, .btn-cyan-lighten-4:disabled { background-color: #b2ebf2; border-color: #b2ebf2; } .btn-cyan-lighten-4:active, .btn-cyan-lighten-4.active { color: #ffffff; background-color: #5bd4e3; border-color: #7edde9; } .btn-cyan-lighten-4-o { color: #b2ebf2; background-color: transparent; border-color: #b2ebf2; } .btn-cyan-lighten-4-o:link, .btn-cyan-lighten-4-o:visited, .btn-cyan-lighten-4-o.visited { color: #b2ebf2; background-color: transparent; border-color: #b2ebf2; } .btn-cyan-lighten-4-o:hover { color: white; border-color: white; } .btn-cyan-lighten-4-o.disabled, .btn-cyan-lighten-4-o:disabled { color: #b2ebf2; } .btn-cyan-lighten-4-o:active, .btn-cyan-lighten-4-o.active { color: white; border-color: white; } .btn-cyan-lighten-3 { color: #ffffff; background-color: #80deea; border-color: #80deea; } .btn-cyan-lighten-3:link, .btn-cyan-lighten-3:visited, .btn-cyan-lighten-3.visited { color: #ffffff; background-color: #80deea; border-color: #80deea; } .btn-cyan-lighten-3:focus, .btn-cyan-lighten-3:hover { color: #ffffff; background-color: #28c7dc; border-color: #4bd0e1; } .btn-cyan-lighten-3.disabled, .btn-cyan-lighten-3:disabled { background-color: #80deea; border-color: #80deea; } .btn-cyan-lighten-3:active, .btn-cyan-lighten-3.active { color: #ffffff; background-color: #28c7dc; border-color: #4bd0e1; } .btn-cyan-lighten-3-o { color: #80deea; background-color: transparent; border-color: #80deea; } .btn-cyan-lighten-3-o:link, .btn-cyan-lighten-3-o:visited, .btn-cyan-lighten-3-o.visited { color: #80deea; background-color: transparent; border-color: #80deea; } .btn-cyan-lighten-3-o:hover { color: #edfafc; border-color: #edfafc; } .btn-cyan-lighten-3-o.disabled, .btn-cyan-lighten-3-o:disabled { color: #80deea; } .btn-cyan-lighten-3-o:active, .btn-cyan-lighten-3-o.active { color: #edfafc; border-color: #edfafc; } .btn-cyan-lighten-2 { color: #ffffff; background-color: #4dd0e1; border-color: #4dd0e1; } .btn-cyan-lighten-2:link, .btn-cyan-lighten-2:visited, .btn-cyan-lighten-2.visited { color: #ffffff; background-color: #4dd0e1; border-color: #4dd0e1; } .btn-cyan-lighten-2:focus, .btn-cyan-lighten-2:hover { color: #ffffff; background-color: #1d9bab; border-color: #23bace; } .btn-cyan-lighten-2.disabled, .btn-cyan-lighten-2:disabled { background-color: #4dd0e1; border-color: #4dd0e1; } .btn-cyan-lighten-2:active, .btn-cyan-lighten-2.active { color: #ffffff; background-color: #1d9bab; border-color: #23bace; } .btn-cyan-lighten-2-o { color: #4dd0e1; background-color: transparent; border-color: #4dd0e1; } .btn-cyan-lighten-2-o:link, .btn-cyan-lighten-2-o:visited, .btn-cyan-lighten-2-o.visited { color: #4dd0e1; background-color: transparent; border-color: #4dd0e1; } .btn-cyan-lighten-2-o:hover { color: #baedf3; border-color: #baedf3; } .btn-cyan-lighten-2-o.disabled, .btn-cyan-lighten-2-o:disabled { color: #4dd0e1; } .btn-cyan-lighten-2-o:active, .btn-cyan-lighten-2-o.active { color: #baedf3; border-color: #baedf3; } .btn-cyan-lighten-1 { color: #ffffff; background-color: #26c6da; border-color: #26c6da; } .btn-cyan-lighten-1:link, .btn-cyan-lighten-1:visited, .btn-cyan-lighten-1.visited { color: #ffffff; background-color: #26c6da; border-color: #26c6da; } .btn-cyan-lighten-1:focus, .btn-cyan-lighten-1:hover { color: #ffffff; background-color: #167784; border-color: #1c97a6; } .btn-cyan-lighten-1.disabled, .btn-cyan-lighten-1:disabled { background-color: #26c6da; border-color: #26c6da; } .btn-cyan-lighten-1:active, .btn-cyan-lighten-1.active { color: #ffffff; background-color: #167784; border-color: #1c97a6; } .btn-cyan-lighten-1-o { color: #26c6da; background-color: transparent; border-color: #26c6da; } .btn-cyan-lighten-1-o:link, .btn-cyan-lighten-1-o:visited, .btn-cyan-lighten-1-o.visited { color: #26c6da; background-color: transparent; border-color: #26c6da; } .btn-cyan-lighten-1-o:hover { color: #93e3ed; border-color: #93e3ed; } .btn-cyan-lighten-1-o.disabled, .btn-cyan-lighten-1-o:disabled { color: #26c6da; } .btn-cyan-lighten-1-o:active, .btn-cyan-lighten-1-o.active { color: #93e3ed; border-color: #93e3ed; } .btn-cyan-darken-1 { color: #ffffff; background-color: #00acc1; border-color: #00acc1; } .btn-cyan-darken-1:link, .btn-cyan-darken-1:visited, .btn-cyan-darken-1.visited { color: #ffffff; background-color: #00acc1; border-color: #00acc1; } .btn-cyan-darken-1:focus, .btn-cyan-darken-1:hover { color: #ffffff; background-color: #00515b; border-color: #007584; } .btn-cyan-darken-1.disabled, .btn-cyan-darken-1:disabled { background-color: #00acc1; border-color: #00acc1; } .btn-cyan-darken-1:active, .btn-cyan-darken-1.active { color: #ffffff; background-color: #00515b; border-color: #007584; } .btn-cyan-darken-1-o { color: #00acc1; background-color: transparent; border-color: #00acc1; } .btn-cyan-darken-1-o:link, .btn-cyan-darken-1-o:visited, .btn-cyan-darken-1-o.visited { color: #00acc1; background-color: transparent; border-color: #00acc1; } .btn-cyan-darken-1-o:hover { color: #42eaff; border-color: #42eaff; } .btn-cyan-darken-1-o.disabled, .btn-cyan-darken-1-o:disabled { color: #00acc1; } .btn-cyan-darken-1-o:active, .btn-cyan-darken-1-o.active { color: #42eaff; border-color: #42eaff; } .btn-cyan-darken-2 { color: #ffffff; background-color: #0097a7; border-color: #0097a7; } .btn-cyan-darken-2:link, .btn-cyan-darken-2:visited, .btn-cyan-darken-2.visited { color: #ffffff; background-color: #0097a7; border-color: #0097a7; } .btn-cyan-darken-2:focus, .btn-cyan-darken-2:hover { color: #ffffff; background-color: #003b41; border-color: #00606a; } .btn-cyan-darken-2.disabled, .btn-cyan-darken-2:disabled { background-color: #0097a7; border-color: #0097a7; } .btn-cyan-darken-2:active, .btn-cyan-darken-2.active { color: #ffffff; background-color: #003b41; border-color: #00606a; } .btn-cyan-darken-2-o { color: #0097a7; background-color: transparent; border-color: #0097a7; } .btn-cyan-darken-2-o:link, .btn-cyan-darken-2-o:visited, .btn-cyan-darken-2-o.visited { color: #0097a7; background-color: transparent; border-color: #0097a7; } .btn-cyan-darken-2-o:hover { color: #28eaff; border-color: #28eaff; } .btn-cyan-darken-2-o.disabled, .btn-cyan-darken-2-o:disabled { color: #0097a7; } .btn-cyan-darken-2-o:active, .btn-cyan-darken-2-o.active { color: #28eaff; border-color: #28eaff; } .btn-cyan-darken-3 { color: #ffffff; background-color: #00838f; border-color: #00838f; } .btn-cyan-darken-3:link, .btn-cyan-darken-3:visited, .btn-cyan-darken-3.visited { color: #ffffff; background-color: #00838f; border-color: #00838f; } .btn-cyan-darken-3:focus, .btn-cyan-darken-3:hover { color: #ffffff; background-color: #002629; border-color: #004b52; } .btn-cyan-darken-3.disabled, .btn-cyan-darken-3:disabled { background-color: #00838f; border-color: #00838f; } .btn-cyan-darken-3:active, .btn-cyan-darken-3.active { color: #ffffff; background-color: #002629; border-color: #004b52; } .btn-cyan-darken-3-o { color: #00838f; background-color: transparent; border-color: #00838f; } .btn-cyan-darken-3-o:link, .btn-cyan-darken-3-o:visited, .btn-cyan-darken-3-o.visited { color: #00838f; background-color: transparent; border-color: #00838f; } .btn-cyan-darken-3-o:hover { color: #10ebff; border-color: #10ebff; } .btn-cyan-darken-3-o.disabled, .btn-cyan-darken-3-o:disabled { color: #00838f; } .btn-cyan-darken-3-o:active, .btn-cyan-darken-3-o.active { color: #10ebff; border-color: #10ebff; } .btn-cyan-darken-4 { color: #ffffff; background-color: #006064; border-color: #006064; } .btn-cyan-darken-4:link, .btn-cyan-darken-4:visited, .btn-cyan-darken-4.visited { color: #ffffff; background-color: #006064; border-color: #006064; } .btn-cyan-darken-4:focus, .btn-cyan-darken-4:hover { color: #ffffff; background-color: black; border-color: #002527; } .btn-cyan-darken-4.disabled, .btn-cyan-darken-4:disabled { background-color: #006064; border-color: #006064; } .btn-cyan-darken-4:active, .btn-cyan-darken-4.active { color: #ffffff; background-color: black; border-color: #002527; } .btn-cyan-darken-4-o { color: #006064; background-color: transparent; border-color: #006064; } .btn-cyan-darken-4-o:link, .btn-cyan-darken-4-o:visited, .btn-cyan-darken-4-o.visited { color: #006064; background-color: transparent; border-color: #006064; } .btn-cyan-darken-4-o:hover { color: #00dae4; border-color: #00dae4; } .btn-cyan-darken-4-o.disabled, .btn-cyan-darken-4-o:disabled { color: #006064; } .btn-cyan-darken-4-o:active, .btn-cyan-darken-4-o.active { color: #00dae4; border-color: #00dae4; } .btn-cyan-accent-1 { color: #ffffff; background-color: #84ffff; border-color: #84ffff; } .btn-cyan-accent-1:link, .btn-cyan-accent-1:visited, .btn-cyan-accent-1.visited { color: #ffffff; background-color: #84ffff; border-color: #84ffff; } .btn-cyan-accent-1:focus, .btn-cyan-accent-1:hover { color: #ffffff; background-color: #1effff; border-color: #47ffff; } .btn-cyan-accent-1.disabled, .btn-cyan-accent-1:disabled { background-color: #84ffff; border-color: #84ffff; } .btn-cyan-accent-1:active, .btn-cyan-accent-1.active { color: #ffffff; background-color: #1effff; border-color: #47ffff; } .btn-cyan-accent-1-o { color: #84ffff; background-color: transparent; border-color: #84ffff; } .btn-cyan-accent-1-o:link, .btn-cyan-accent-1-o:visited, .btn-cyan-accent-1-o.visited { color: #84ffff; background-color: transparent; border-color: #84ffff; } .btn-cyan-accent-1-o:hover { color: white; border-color: white; } .btn-cyan-accent-1-o.disabled, .btn-cyan-accent-1-o:disabled { color: #84ffff; } .btn-cyan-accent-1-o:active, .btn-cyan-accent-1-o.active { color: white; border-color: white; } .btn-cyan-accent-2 { color: #ffffff; background-color: #18ffff; border-color: #18ffff; } .btn-cyan-accent-2:link, .btn-cyan-accent-2:visited, .btn-cyan-accent-2.visited { color: #ffffff; background-color: #18ffff; border-color: #18ffff; } .btn-cyan-accent-2:focus, .btn-cyan-accent-2:hover { color: #ffffff; background-color: #00b1b1; border-color: #00dada; } .btn-cyan-accent-2.disabled, .btn-cyan-accent-2:disabled { background-color: #18ffff; border-color: #18ffff; } .btn-cyan-accent-2:active, .btn-cyan-accent-2.active { color: #ffffff; background-color: #00b1b1; border-color: #00dada; } .btn-cyan-accent-2-o { color: #18ffff; background-color: transparent; border-color: #18ffff; } .btn-cyan-accent-2-o:link, .btn-cyan-accent-2-o:visited, .btn-cyan-accent-2-o.visited { color: #18ffff; background-color: transparent; border-color: #18ffff; } .btn-cyan-accent-2-o:hover { color: #98ffff; border-color: #98ffff; } .btn-cyan-accent-2-o.disabled, .btn-cyan-accent-2-o:disabled { color: #18ffff; } .btn-cyan-accent-2-o:active, .btn-cyan-accent-2-o.active { color: #98ffff; border-color: #98ffff; } .btn-cyan-accent-3 { color: #ffffff; background-color: #00e5ff; border-color: #00e5ff; } .btn-cyan-accent-3:link, .btn-cyan-accent-3:visited, .btn-cyan-accent-3.visited { color: #ffffff; background-color: #00e5ff; border-color: #00e5ff; } .btn-cyan-accent-3:focus, .btn-cyan-accent-3:hover { color: #ffffff; background-color: #008999; border-color: #00aec2; } .btn-cyan-accent-3.disabled, .btn-cyan-accent-3:disabled { background-color: #00e5ff; border-color: #00e5ff; } .btn-cyan-accent-3:active, .btn-cyan-accent-3.active { color: #ffffff; background-color: #008999; border-color: #00aec2; } .btn-cyan-accent-3-o { color: #00e5ff; background-color: transparent; border-color: #00e5ff; } .btn-cyan-accent-3-o:link, .btn-cyan-accent-3-o:visited, .btn-cyan-accent-3-o.visited { color: #00e5ff; background-color: transparent; border-color: #00e5ff; } .btn-cyan-accent-3-o:hover { color: #80f2ff; border-color: #80f2ff; } .btn-cyan-accent-3-o.disabled, .btn-cyan-accent-3-o:disabled { color: #00e5ff; } .btn-cyan-accent-3-o:active, .btn-cyan-accent-3-o.active { color: #80f2ff; border-color: #80f2ff; } .btn-cyan-accent-4 { color: #ffffff; background-color: #00b8d4; border-color: #00b8d4; } .btn-cyan-accent-4:link, .btn-cyan-accent-4:visited, .btn-cyan-accent-4.visited { color: #ffffff; background-color: #00b8d4; border-color: #00b8d4; } .btn-cyan-accent-4:focus, .btn-cyan-accent-4:hover { color: #ffffff; background-color: #005f6e; border-color: #008397; } .btn-cyan-accent-4.disabled, .btn-cyan-accent-4:disabled { background-color: #00b8d4; border-color: #00b8d4; } .btn-cyan-accent-4:active, .btn-cyan-accent-4.active { color: #ffffff; background-color: #005f6e; border-color: #008397; } .btn-cyan-accent-4-o { color: #00b8d4; background-color: transparent; border-color: #00b8d4; } .btn-cyan-accent-4-o:link, .btn-cyan-accent-4-o:visited, .btn-cyan-accent-4-o.visited { color: #00b8d4; background-color: transparent; border-color: #00b8d4; } .btn-cyan-accent-4-o:hover { color: #55e8ff; border-color: #55e8ff; } .btn-cyan-accent-4-o.disabled, .btn-cyan-accent-4-o:disabled { color: #00b8d4; } .btn-cyan-accent-4-o:active, .btn-cyan-accent-4-o.active { color: #55e8ff; border-color: #55e8ff; } .btn-teal { color: #ffffff; background-color: #009688; border-color: #009688; } .btn-teal:link, .btn-teal:visited, .btn-teal.visited { color: #ffffff; background-color: #009688; border-color: #009688; } .btn-teal:focus, .btn-teal:hover { color: #ffffff; background-color: #00302c; border-color: #005951; } .btn-teal.disabled, .btn-teal:disabled { background-color: #009688; border-color: #009688; } .btn-teal:active, .btn-teal.active { color: #ffffff; background-color: #00302c; border-color: #005951; } .btn-teal-o { color: #009688; background-color: transparent; border-color: #009688; } .btn-teal-o:link, .btn-teal-o:visited, .btn-teal-o.visited { color: #009688; background-color: transparent; border-color: #009688; } .btn-teal-o:hover { color: #17ffe9; border-color: #17ffe9; } .btn-teal-o.disabled, .btn-teal-o:disabled { color: #009688; } .btn-teal-o:active, .btn-teal-o.active { color: #17ffe9; border-color: #17ffe9; } .btn-teal-lighten-5 { color: #ffffff; background-color: #e0f2f1; border-color: #e0f2f1; } .btn-teal-lighten-5:link, .btn-teal-lighten-5:visited, .btn-teal-lighten-5.visited { color: #ffffff; background-color: #e0f2f1; border-color: #e0f2f1; } .btn-teal-lighten-5:focus, .btn-teal-lighten-5:hover { color: #ffffff; background-color: #98d4d1; border-color: #b5e0de; } .btn-teal-lighten-5.disabled, .btn-teal-lighten-5:disabled { background-color: #e0f2f1; border-color: #e0f2f1; } .btn-teal-lighten-5:active, .btn-teal-lighten-5.active { color: #ffffff; background-color: #98d4d1; border-color: #b5e0de; } .btn-teal-lighten-5-o { color: #e0f2f1; background-color: transparent; border-color: #e0f2f1; } .btn-teal-lighten-5-o:link, .btn-teal-lighten-5-o:visited, .btn-teal-lighten-5-o.visited { color: #e0f2f1; background-color: transparent; border-color: #e0f2f1; } .btn-teal-lighten-5-o:hover { color: white; border-color: white; } .btn-teal-lighten-5-o.disabled, .btn-teal-lighten-5-o:disabled { color: #e0f2f1; } .btn-teal-lighten-5-o:active, .btn-teal-lighten-5-o.active { color: white; border-color: white; } .btn-teal-lighten-4 { color: #ffffff; background-color: #b2dfdb; border-color: #b2dfdb; } .btn-teal-lighten-4:link, .btn-teal-lighten-4:visited, .btn-teal-lighten-4.visited { color: #ffffff; background-color: #b2dfdb; border-color: #b2dfdb; } .btn-teal-lighten-4:focus, .btn-teal-lighten-4:hover { color: #ffffff; background-color: #6ac1b9; border-color: #87cdc7; } .btn-teal-lighten-4.disabled, .btn-teal-lighten-4:disabled { background-color: #b2dfdb; border-color: #b2dfdb; } .btn-teal-lighten-4:active, .btn-teal-lighten-4.active { color: #ffffff; background-color: #6ac1b9; border-color: #87cdc7; } .btn-teal-lighten-4-o { color: #b2dfdb; background-color: transparent; border-color: #b2dfdb; } .btn-teal-lighten-4-o:link, .btn-teal-lighten-4-o:visited, .btn-teal-lighten-4-o.visited { color: #b2dfdb; background-color: transparent; border-color: #b2dfdb; } .btn-teal-lighten-4-o:hover { color: white; border-color: white; } .btn-teal-lighten-4-o.disabled, .btn-teal-lighten-4-o:disabled { color: #b2dfdb; } .btn-teal-lighten-4-o:active, .btn-teal-lighten-4-o.active { color: white; border-color: white; } .btn-teal-lighten-3 { color: #ffffff; background-color: #80cbc4; border-color: #80cbc4; } .btn-teal-lighten-3:link, .btn-teal-lighten-3:visited, .btn-teal-lighten-3.visited { color: #ffffff; background-color: #80cbc4; border-color: #80cbc4; } .btn-teal-lighten-3:focus, .btn-teal-lighten-3:hover { color: #ffffff; background-color: #43a29a; border-color: #55b9b0; } .btn-teal-lighten-3.disabled, .btn-teal-lighten-3:disabled { background-color: #80cbc4; border-color: #80cbc4; } .btn-teal-lighten-3:active, .btn-teal-lighten-3.active { color: #ffffff; background-color: #43a29a; border-color: #55b9b0; } .btn-teal-lighten-3-o { color: #80cbc4; background-color: transparent; border-color: #80cbc4; } .btn-teal-lighten-3-o:link, .btn-teal-lighten-3-o:visited, .btn-teal-lighten-3-o.visited { color: #80cbc4; background-color: transparent; border-color: #80cbc4; } .btn-teal-lighten-3-o:hover { color: #daf0ee; border-color: #daf0ee; } .btn-teal-lighten-3-o.disabled, .btn-teal-lighten-3-o:disabled { color: #80cbc4; } .btn-teal-lighten-3-o:active, .btn-teal-lighten-3-o.active { color: #daf0ee; border-color: #daf0ee; } .btn-teal-lighten-2 { color: #ffffff; background-color: #4db6ac; border-color: #4db6ac; } .btn-teal-lighten-2:link, .btn-teal-lighten-2:visited, .btn-teal-lighten-2.visited { color: #ffffff; background-color: #4db6ac; border-color: #4db6ac; } .btn-teal-lighten-2:focus, .btn-teal-lighten-2:hover { color: #ffffff; background-color: #2e6f69; border-color: #3a8c84; } .btn-teal-lighten-2.disabled, .btn-teal-lighten-2:disabled { background-color: #4db6ac; border-color: #4db6ac; } .btn-teal-lighten-2:active, .btn-teal-lighten-2.active { color: #ffffff; background-color: #2e6f69; border-color: #3a8c84; } .btn-teal-lighten-2-o { color: #4db6ac; background-color: transparent; border-color: #4db6ac; } .btn-teal-lighten-2-o:link, .btn-teal-lighten-2-o:visited, .btn-teal-lighten-2-o.visited { color: #4db6ac; background-color: transparent; border-color: #4db6ac; } .btn-teal-lighten-2-o:hover { color: #a7dbd6; border-color: #a7dbd6; } .btn-teal-lighten-2-o.disabled, .btn-teal-lighten-2-o:disabled { color: #4db6ac; } .btn-teal-lighten-2-o:active, .btn-teal-lighten-2-o.active { color: #a7dbd6; border-color: #a7dbd6; } .btn-teal-lighten-1 { color: #ffffff; background-color: #26a69a; border-color: #26a69a; } .btn-teal-lighten-1:link, .btn-teal-lighten-1:visited, .btn-teal-lighten-1.visited { color: #ffffff; background-color: #26a69a; border-color: #26a69a; } .btn-teal-lighten-1:focus, .btn-teal-lighten-1:hover { color: #ffffff; background-color: #13534d; border-color: #1b746c; } .btn-teal-lighten-1.disabled, .btn-teal-lighten-1:disabled { background-color: #26a69a; border-color: #26a69a; } .btn-teal-lighten-1:active, .btn-teal-lighten-1.active { color: #ffffff; background-color: #13534d; border-color: #1b746c; } .btn-teal-lighten-1-o { color: #26a69a; background-color: transparent; border-color: #26a69a; } .btn-teal-lighten-1-o:link, .btn-teal-lighten-1-o:visited, .btn-teal-lighten-1-o.visited { color: #26a69a; background-color: transparent; border-color: #26a69a; } .btn-teal-lighten-1-o:hover { color: #6eded3; border-color: #6eded3; } .btn-teal-lighten-1-o.disabled, .btn-teal-lighten-1-o:disabled { color: #26a69a; } .btn-teal-lighten-1-o:active, .btn-teal-lighten-1-o.active { color: #6eded3; border-color: #6eded3; } .btn-teal-darken-1 { color: #ffffff; background-color: #00897b; border-color: #00897b; } .btn-teal-darken-1:link, .btn-teal-darken-1:visited, .btn-teal-darken-1.visited { color: #ffffff; background-color: #00897b; border-color: #00897b; } .btn-teal-darken-1:focus, .btn-teal-darken-1:hover { color: #ffffff; background-color: #00231f; border-color: #004c44; } .btn-teal-darken-1.disabled, .btn-teal-darken-1:disabled { background-color: #00897b; border-color: #00897b; } .btn-teal-darken-1:active, .btn-teal-darken-1.active { color: #ffffff; background-color: #00231f; border-color: #004c44; } .btn-teal-darken-1-o { color: #00897b; background-color: transparent; border-color: #00897b; } .btn-teal-darken-1-o:link, .btn-teal-darken-1-o:visited, .btn-teal-darken-1-o.visited { color: #00897b; background-color: transparent; border-color: #00897b; } .btn-teal-darken-1-o:hover { color: #0affe6; border-color: #0affe6; } .btn-teal-darken-1-o.disabled, .btn-teal-darken-1-o:disabled { color: #00897b; } .btn-teal-darken-1-o:active, .btn-teal-darken-1-o.active { color: #0affe6; border-color: #0affe6; } .btn-teal-darken-2 { color: #ffffff; background-color: #00796b; border-color: #00796b; } .btn-teal-darken-2:link, .btn-teal-darken-2:visited, .btn-teal-darken-2.visited { color: #ffffff; background-color: #00796b; border-color: #00796b; } .btn-teal-darken-2:focus, .btn-teal-darken-2:hover { color: #ffffff; background-color: #001311; border-color: #003c35; } .btn-teal-darken-2.disabled, .btn-teal-darken-2:disabled { background-color: #00796b; border-color: #00796b; } .btn-teal-darken-2:active, .btn-teal-darken-2.active { color: #ffffff; background-color: #001311; border-color: #003c35; } .btn-teal-darken-2-o { color: #00796b; background-color: transparent; border-color: #00796b; } .btn-teal-darken-2-o:link, .btn-teal-darken-2-o:visited, .btn-teal-darken-2-o.visited { color: #00796b; background-color: transparent; border-color: #00796b; } .btn-teal-darken-2-o:hover { color: #00f9dc; border-color: #00f9dc; } .btn-teal-darken-2-o.disabled, .btn-teal-darken-2-o:disabled { color: #00796b; } .btn-teal-darken-2-o:active, .btn-teal-darken-2-o.active { color: #00f9dc; border-color: #00f9dc; } .btn-teal-darken-3 { color: #ffffff; background-color: #00695c; border-color: #00695c; } .btn-teal-darken-3:link, .btn-teal-darken-3:visited, .btn-teal-darken-3.visited { color: #ffffff; background-color: #00695c; border-color: #00695c; } .btn-teal-darken-3:focus, .btn-teal-darken-3:hover { color: #ffffff; background-color: #000303; border-color: #002c26; } .btn-teal-darken-3.disabled, .btn-teal-darken-3:disabled { background-color: #00695c; border-color: #00695c; } .btn-teal-darken-3:active, .btn-teal-darken-3.active { color: #ffffff; background-color: #000303; border-color: #002c26; } .btn-teal-darken-3-o { color: #00695c; background-color: transparent; border-color: #00695c; } .btn-teal-darken-3-o:link, .btn-teal-darken-3-o:visited, .btn-teal-darken-3-o.visited { color: #00695c; background-color: transparent; border-color: #00695c; } .btn-teal-darken-3-o:hover { color: #00e9cc; border-color: #00e9cc; } .btn-teal-darken-3-o.disabled, .btn-teal-darken-3-o:disabled { color: #00695c; } .btn-teal-darken-3-o:active, .btn-teal-darken-3-o.active { color: #00e9cc; border-color: #00e9cc; } .btn-teal-darken-4 { color: #ffffff; background-color: #004d40; border-color: #004d40; } .btn-teal-darken-4:link, .btn-teal-darken-4:visited, .btn-teal-darken-4.visited { color: #ffffff; background-color: #004d40; border-color: #004d40; } .btn-teal-darken-4:focus, .btn-teal-darken-4:hover { color: #ffffff; background-color: black; border-color: #00100d; } .btn-teal-darken-4.disabled, .btn-teal-darken-4:disabled { background-color: #004d40; border-color: #004d40; } .btn-teal-darken-4:active, .btn-teal-darken-4.active { color: #ffffff; background-color: black; border-color: #00100d; } .btn-teal-darken-4-o { color: #004d40; background-color: transparent; border-color: #004d40; } .btn-teal-darken-4-o:link, .btn-teal-darken-4-o:visited, .btn-teal-darken-4-o.visited { color: #004d40; background-color: transparent; border-color: #004d40; } .btn-teal-darken-4-o:hover { color: #00cdaa; border-color: #00cdaa; } .btn-teal-darken-4-o.disabled, .btn-teal-darken-4-o:disabled { color: #004d40; } .btn-teal-darken-4-o:active, .btn-teal-darken-4-o.active { color: #00cdaa; border-color: #00cdaa; } .btn-teal-accent-1 { color: #ffffff; background-color: #a7ffeb; border-color: #a7ffeb; } .btn-teal-accent-1:link, .btn-teal-accent-1:visited, .btn-teal-accent-1.visited { color: #ffffff; background-color: #a7ffeb; border-color: #a7ffeb; } .btn-teal-accent-1:focus, .btn-teal-accent-1:hover { color: #ffffff; background-color: #41ffd4; border-color: #6affdd; } .btn-teal-accent-1.disabled, .btn-teal-accent-1:disabled { background-color: #a7ffeb; border-color: #a7ffeb; } .btn-teal-accent-1:active, .btn-teal-accent-1.active { color: #ffffff; background-color: #41ffd4; border-color: #6affdd; } .btn-teal-accent-1-o { color: #a7ffeb; background-color: transparent; border-color: #a7ffeb; } .btn-teal-accent-1-o:link, .btn-teal-accent-1-o:visited, .btn-teal-accent-1-o.visited { color: #a7ffeb; background-color: transparent; border-color: #a7ffeb; } .btn-teal-accent-1-o:hover { color: white; border-color: white; } .btn-teal-accent-1-o.disabled, .btn-teal-accent-1-o:disabled { color: #a7ffeb; } .btn-teal-accent-1-o:active, .btn-teal-accent-1-o.active { color: white; border-color: white; } .btn-teal-accent-2 { color: #ffffff; background-color: #64ffda; border-color: #64ffda; } .btn-teal-accent-2:link, .btn-teal-accent-2:visited, .btn-teal-accent-2.visited { color: #ffffff; background-color: #64ffda; border-color: #64ffda; } .btn-teal-accent-2:focus, .btn-teal-accent-2:hover { color: #ffffff; background-color: #00fdc1; border-color: #27ffcb; } .btn-teal-accent-2.disabled, .btn-teal-accent-2:disabled { background-color: #64ffda; border-color: #64ffda; } .btn-teal-accent-2:active, .btn-teal-accent-2.active { color: #ffffff; background-color: #00fdc1; border-color: #27ffcb; } .btn-teal-accent-2-o { color: #64ffda; background-color: transparent; border-color: #64ffda; } .btn-teal-accent-2-o:link, .btn-teal-accent-2-o:visited, .btn-teal-accent-2-o.visited { color: #64ffda; background-color: transparent; border-color: #64ffda; } .btn-teal-accent-2-o:hover { color: #e4fff8; border-color: #e4fff8; } .btn-teal-accent-2-o.disabled, .btn-teal-accent-2-o:disabled { color: #64ffda; } .btn-teal-accent-2-o:active, .btn-teal-accent-2-o.active { color: #e4fff8; border-color: #e4fff8; } .btn-teal-accent-3 { color: #ffffff; background-color: #1de9b6; border-color: #1de9b6; } .btn-teal-accent-3:link, .btn-teal-accent-3:visited, .btn-teal-accent-3.visited { color: #ffffff; background-color: #1de9b6; border-color: #1de9b6; } .btn-teal-accent-3:focus, .btn-teal-accent-3:hover { color: #ffffff; background-color: #0e9271; border-color: #12b78e; } .btn-teal-accent-3.disabled, .btn-teal-accent-3:disabled { background-color: #1de9b6; border-color: #1de9b6; } .btn-teal-accent-3:active, .btn-teal-accent-3.active { color: #ffffff; background-color: #0e9271; border-color: #12b78e; } .btn-teal-accent-3-o { color: #1de9b6; background-color: transparent; border-color: #1de9b6; } .btn-teal-accent-3-o:link, .btn-teal-accent-3-o:visited, .btn-teal-accent-3-o.visited { color: #1de9b6; background-color: transparent; border-color: #1de9b6; } .btn-teal-accent-3-o:hover { color: #91f4dc; border-color: #91f4dc; } .btn-teal-accent-3-o.disabled, .btn-teal-accent-3-o:disabled { color: #1de9b6; } .btn-teal-accent-3-o:active, .btn-teal-accent-3-o.active { color: #91f4dc; border-color: #91f4dc; } .btn-teal-accent-4 { color: #ffffff; background-color: #00bfa5; border-color: #00bfa5; } .btn-teal-accent-4:link, .btn-teal-accent-4:visited, .btn-teal-accent-4.visited { color: #ffffff; background-color: #00bfa5; border-color: #00bfa5; } .btn-teal-accent-4:focus, .btn-teal-accent-4:hover { color: #ffffff; background-color: #00594d; border-color: #008270; } .btn-teal-accent-4.disabled, .btn-teal-accent-4:disabled { background-color: #00bfa5; border-color: #00bfa5; } .btn-teal-accent-4:active, .btn-teal-accent-4.active { color: #ffffff; background-color: #00594d; border-color: #008270; } .btn-teal-accent-4-o { color: #00bfa5; background-color: transparent; border-color: #00bfa5; } .btn-teal-accent-4-o:link, .btn-teal-accent-4-o:visited, .btn-teal-accent-4-o.visited { color: #00bfa5; background-color: transparent; border-color: #00bfa5; } .btn-teal-accent-4-o:hover { color: #40ffe5; border-color: #40ffe5; } .btn-teal-accent-4-o.disabled, .btn-teal-accent-4-o:disabled { color: #00bfa5; } .btn-teal-accent-4-o:active, .btn-teal-accent-4-o.active { color: #40ffe5; border-color: #40ffe5; } .btn-green { color: #ffffff; background-color: #4CAF50; border-color: #4CAF50; } .btn-green:link, .btn-green:visited, .btn-green.visited { color: #ffffff; background-color: #4CAF50; border-color: #4CAF50; } .btn-green:focus, .btn-green:hover { color: #ffffff; background-color: #2d682f; border-color: #39843c; } .btn-green.disabled, .btn-green:disabled { background-color: #4CAF50; border-color: #4CAF50; } .btn-green:active, .btn-green.active { color: #ffffff; background-color: #2d682f; border-color: #39843c; } .btn-green-o { color: #4CAF50; background-color: transparent; border-color: #4CAF50; } .btn-green-o:link, .btn-green-o:visited, .btn-green-o.visited { color: #4CAF50; background-color: transparent; border-color: #4CAF50; } .btn-green-o:hover { color: #a3d7a5; border-color: #a3d7a5; } .btn-green-o.disabled, .btn-green-o:disabled { color: #4CAF50; } .btn-green-o:active, .btn-green-o.active { color: #a3d7a5; border-color: #a3d7a5; } .btn-green-lighten-5 { color: #ffffff; background-color: #E8F5E9; border-color: #E8F5E9; } .btn-green-lighten-5:link, .btn-green-lighten-5:visited, .btn-green-lighten-5.visited { color: #ffffff; background-color: #E8F5E9; border-color: #E8F5E9; } .btn-green-lighten-5:focus, .btn-green-lighten-5:hover { color: #ffffff; background-color: #a1d6a5; border-color: #bde2c0; } .btn-green-lighten-5.disabled, .btn-green-lighten-5:disabled { background-color: #E8F5E9; border-color: #E8F5E9; } .btn-green-lighten-5:active, .btn-green-lighten-5.active { color: #ffffff; background-color: #a1d6a5; border-color: #bde2c0; } .btn-green-lighten-5-o { color: #E8F5E9; background-color: transparent; border-color: #E8F5E9; } .btn-green-lighten-5-o:link, .btn-green-lighten-5-o:visited, .btn-green-lighten-5-o.visited { color: #E8F5E9; background-color: transparent; border-color: #E8F5E9; } .btn-green-lighten-5-o:hover { color: white; border-color: white; } .btn-green-lighten-5-o.disabled, .btn-green-lighten-5-o:disabled { color: #E8F5E9; } .btn-green-lighten-5-o:active, .btn-green-lighten-5-o.active { color: white; border-color: white; } .btn-green-lighten-4 { color: #ffffff; background-color: #C8E6C9; border-color: #C8E6C9; } .btn-green-lighten-4:link, .btn-green-lighten-4:visited, .btn-green-lighten-4.visited { color: #ffffff; background-color: #C8E6C9; border-color: #C8E6C9; } .btn-green-lighten-4:focus, .btn-green-lighten-4:hover { color: #ffffff; background-color: #82c684; border-color: #9ed3a0; } .btn-green-lighten-4.disabled, .btn-green-lighten-4:disabled { background-color: #C8E6C9; border-color: #C8E6C9; } .btn-green-lighten-4:active, .btn-green-lighten-4.active { color: #ffffff; background-color: #82c684; border-color: #9ed3a0; } .btn-green-lighten-4-o { color: #C8E6C9; background-color: transparent; border-color: #C8E6C9; } .btn-green-lighten-4-o:link, .btn-green-lighten-4-o:visited, .btn-green-lighten-4-o.visited { color: #C8E6C9; background-color: transparent; border-color: #C8E6C9; } .btn-green-lighten-4-o:hover { color: white; border-color: white; } .btn-green-lighten-4-o.disabled, .btn-green-lighten-4-o:disabled { color: #C8E6C9; } .btn-green-lighten-4-o:active, .btn-green-lighten-4-o.active { color: white; border-color: white; } .btn-green-lighten-3 { color: #ffffff; background-color: #A5D6A7; border-color: #A5D6A7; } .btn-green-lighten-3:link, .btn-green-lighten-3:visited, .btn-green-lighten-3.visited { color: #ffffff; background-color: #A5D6A7; border-color: #A5D6A7; } .btn-green-lighten-3:focus, .btn-green-lighten-3:hover { color: #ffffff; background-color: #5fb662; border-color: #7bc37e; } .btn-green-lighten-3.disabled, .btn-green-lighten-3:disabled { background-color: #A5D6A7; border-color: #A5D6A7; } .btn-green-lighten-3:active, .btn-green-lighten-3.active { color: #ffffff; background-color: #5fb662; border-color: #7bc37e; } .btn-green-lighten-3-o { color: #A5D6A7; background-color: transparent; border-color: #A5D6A7; } .btn-green-lighten-3-o:link, .btn-green-lighten-3-o:visited, .btn-green-lighten-3-o.visited { color: #A5D6A7; background-color: transparent; border-color: #A5D6A7; } .btn-green-lighten-3-o:hover { color: #fdfefd; border-color: #fdfefd; } .btn-green-lighten-3-o.disabled, .btn-green-lighten-3-o:disabled { color: #A5D6A7; } .btn-green-lighten-3-o:active, .btn-green-lighten-3-o.active { color: #fdfefd; border-color: #fdfefd; } .btn-green-lighten-2 { color: #ffffff; background-color: #81C784; border-color: #81C784; } .btn-green-lighten-2:link, .btn-green-lighten-2:visited, .btn-green-lighten-2.visited { color: #ffffff; background-color: #81C784; border-color: #81C784; } .btn-green-lighten-2:focus, .btn-green-lighten-2:hover { color: #ffffff; background-color: #469c49; border-color: #57b45b; } .btn-green-lighten-2.disabled, .btn-green-lighten-2:disabled { background-color: #81C784; border-color: #81C784; } .btn-green-lighten-2:active, .btn-green-lighten-2.active { color: #ffffff; background-color: #469c49; border-color: #57b45b; } .btn-green-lighten-2-o { color: #81C784; background-color: transparent; border-color: #81C784; } .btn-green-lighten-2-o:link, .btn-green-lighten-2-o:visited, .btn-green-lighten-2-o.visited { color: #81C784; background-color: transparent; border-color: #81C784; } .btn-green-lighten-2-o:hover { color: #d9eeda; border-color: #d9eeda; } .btn-green-lighten-2-o.disabled, .btn-green-lighten-2-o:disabled { color: #81C784; } .btn-green-lighten-2-o:active, .btn-green-lighten-2-o.active { color: #d9eeda; border-color: #d9eeda; } .btn-green-lighten-1 { color: #ffffff; background-color: #66BB6A; border-color: #66BB6A; } .btn-green-lighten-1:link, .btn-green-lighten-1:visited, .btn-green-lighten-1.visited { color: #ffffff; background-color: #66BB6A; border-color: #66BB6A; } .btn-green-lighten-1:focus, .btn-green-lighten-1:hover { color: #ffffff; background-color: #3a813d; border-color: #469e4a; } .btn-green-lighten-1.disabled, .btn-green-lighten-1:disabled { background-color: #66BB6A; border-color: #66BB6A; } .btn-green-lighten-1:active, .btn-green-lighten-1.active { color: #ffffff; background-color: #3a813d; border-color: #469e4a; } .btn-green-lighten-1-o { color: #66BB6A; background-color: transparent; border-color: #66BB6A; } .btn-green-lighten-1-o:link, .btn-green-lighten-1-o:visited, .btn-green-lighten-1-o.visited { color: #66BB6A; background-color: transparent; border-color: #66BB6A; } .btn-green-lighten-1-o:hover { color: #bee2c0; border-color: #bee2c0; } .btn-green-lighten-1-o.disabled, .btn-green-lighten-1-o:disabled { color: #66BB6A; } .btn-green-lighten-1-o:active, .btn-green-lighten-1-o.active { color: #bee2c0; border-color: #bee2c0; } .btn-green-darken-1 { color: #ffffff; background-color: #43A047; border-color: #43A047; } .btn-green-darken-1:link, .btn-green-darken-1:visited, .btn-green-darken-1.visited { color: #ffffff; background-color: #43A047; border-color: #43A047; } .btn-green-darken-1:focus, .btn-green-darken-1:hover { color: #ffffff; background-color: #255827; border-color: #317534; } .btn-green-darken-1.disabled, .btn-green-darken-1:disabled { background-color: #43A047; border-color: #43A047; } .btn-green-darken-1:active, .btn-green-darken-1.active { color: #ffffff; background-color: #255827; border-color: #317534; } .btn-green-darken-1-o { color: #43A047; background-color: transparent; border-color: #43A047; } .btn-green-darken-1-o:link, .btn-green-darken-1-o:visited, .btn-green-darken-1-o.visited { color: #43A047; background-color: transparent; border-color: #43A047; } .btn-green-darken-1-o:hover { color: #91d194; border-color: #91d194; } .btn-green-darken-1-o.disabled, .btn-green-darken-1-o:disabled { color: #43A047; } .btn-green-darken-1-o:active, .btn-green-darken-1-o.active { color: #91d194; border-color: #91d194; } .btn-green-darken-2 { color: #ffffff; background-color: #388E3C; border-color: #388E3C; } .btn-green-darken-2:link, .btn-green-darken-2:visited, .btn-green-darken-2.visited { color: #ffffff; background-color: #388E3C; border-color: #388E3C; } .btn-green-darken-2:focus, .btn-green-darken-2:hover { color: #ffffff; background-color: #1b451d; border-color: #276229; } .btn-green-darken-2.disabled, .btn-green-darken-2:disabled { background-color: #388E3C; border-color: #388E3C; } .btn-green-darken-2:active, .btn-green-darken-2.active { color: #ffffff; background-color: #1b451d; border-color: #276229; } .btn-green-darken-2-o { color: #388E3C; background-color: transparent; border-color: #388E3C; } .btn-green-darken-2-o:link, .btn-green-darken-2-o:visited, .btn-green-darken-2-o.visited { color: #388E3C; background-color: transparent; border-color: #388E3C; } .btn-green-darken-2-o:hover { color: #7bcb7e; border-color: #7bcb7e; } .btn-green-darken-2-o.disabled, .btn-green-darken-2-o:disabled { color: #388E3C; } .btn-green-darken-2-o:active, .btn-green-darken-2-o.active { color: #7bcb7e; border-color: #7bcb7e; } .btn-green-darken-3 { color: #ffffff; background-color: #2E7D32; border-color: #2E7D32; } .btn-green-darken-3:link, .btn-green-darken-3:visited, .btn-green-darken-3.visited { color: #ffffff; background-color: #2E7D32; border-color: #2E7D32; } .btn-green-darken-3:focus, .btn-green-darken-3:hover { color: #ffffff; background-color: #133214; border-color: #1e5020; } .btn-green-darken-3.disabled, .btn-green-darken-3:disabled { background-color: #2E7D32; border-color: #2E7D32; } .btn-green-darken-3:active, .btn-green-darken-3.active { color: #ffffff; background-color: #133214; border-color: #1e5020; } .btn-green-darken-3-o { color: #2E7D32; background-color: transparent; border-color: #2E7D32; } .btn-green-darken-3-o:link, .btn-green-darken-3-o:visited, .btn-green-darken-3-o.visited { color: #2E7D32; background-color: transparent; border-color: #2E7D32; } .btn-green-darken-3-o:hover { color: #64c669; border-color: #64c669; } .btn-green-darken-3-o.disabled, .btn-green-darken-3-o:disabled { color: #2E7D32; } .btn-green-darken-3-o:active, .btn-green-darken-3-o.active { color: #64c669; border-color: #64c669; } .btn-green-darken-4 { color: #ffffff; background-color: #1B5E20; border-color: #1B5E20; } .btn-green-darken-4:link, .btn-green-darken-4:visited, .btn-green-darken-4.visited { color: #ffffff; background-color: #1B5E20; border-color: #1B5E20; } .btn-green-darken-4:focus, .btn-green-darken-4:hover { color: #ffffff; background-color: #040f05; border-color: #0d2e10; } .btn-green-darken-4.disabled, .btn-green-darken-4:disabled { background-color: #1B5E20; border-color: #1B5E20; } .btn-green-darken-4:active, .btn-green-darken-4.active { color: #ffffff; background-color: #040f05; border-color: #0d2e10; } .btn-green-darken-4-o { color: #1B5E20; background-color: transparent; border-color: #1B5E20; } .btn-green-darken-4-o:link, .btn-green-darken-4-o:visited, .btn-green-darken-4-o.visited { color: #1B5E20; background-color: transparent; border-color: #1B5E20; } .btn-green-darken-4-o:hover { color: #37c142; border-color: #37c142; } .btn-green-darken-4-o.disabled, .btn-green-darken-4-o:disabled { color: #1B5E20; } .btn-green-darken-4-o:active, .btn-green-darken-4-o.active { color: #37c142; border-color: #37c142; } .btn-green-accent-1 { color: #ffffff; background-color: #B9F6CA; border-color: #B9F6CA; } .btn-green-accent-1:link, .btn-green-accent-1:visited, .btn-green-accent-1.visited { color: #ffffff; background-color: #B9F6CA; border-color: #B9F6CA; } .btn-green-accent-1:focus, .btn-green-accent-1:hover { color: #ffffff; background-color: #5fea86; border-color: #83efa1; } .btn-green-accent-1.disabled, .btn-green-accent-1:disabled { background-color: #B9F6CA; border-color: #B9F6CA; } .btn-green-accent-1:active, .btn-green-accent-1.active { color: #ffffff; background-color: #5fea86; border-color: #83efa1; } .btn-green-accent-1-o { color: #B9F6CA; background-color: transparent; border-color: #B9F6CA; } .btn-green-accent-1-o:link, .btn-green-accent-1-o:visited, .btn-green-accent-1-o.visited { color: #B9F6CA; background-color: transparent; border-color: #B9F6CA; } .btn-green-accent-1-o:hover { color: white; border-color: white; } .btn-green-accent-1-o.disabled, .btn-green-accent-1-o:disabled { color: #B9F6CA; } .btn-green-accent-1-o:active, .btn-green-accent-1-o.active { color: white; border-color: white; } .btn-green-accent-2 { color: #ffffff; background-color: #69F0AE; border-color: #69F0AE; } .btn-green-accent-2:link, .btn-green-accent-2:visited, .btn-green-accent-2.visited { color: #ffffff; background-color: #69F0AE; border-color: #69F0AE; } .btn-green-accent-2:focus, .btn-green-accent-2:hover { color: #ffffff; background-color: #16dd7c; border-color: #31ea90; } .btn-green-accent-2.disabled, .btn-green-accent-2:disabled { background-color: #69F0AE; border-color: #69F0AE; } .btn-green-accent-2:active, .btn-green-accent-2.active { color: #ffffff; background-color: #16dd7c; border-color: #31ea90; } .btn-green-accent-2-o { color: #69F0AE; background-color: transparent; border-color: #69F0AE; } .btn-green-accent-2-o:link, .btn-green-accent-2-o:visited, .btn-green-accent-2-o.visited { color: #69F0AE; background-color: transparent; border-color: #69F0AE; } .btn-green-accent-2-o:hover { color: #ddfced; border-color: #ddfced; } .btn-green-accent-2-o.disabled, .btn-green-accent-2-o:disabled { color: #69F0AE; } .btn-green-accent-2-o:active, .btn-green-accent-2-o.active { color: #ddfced; border-color: #ddfced; } .btn-green-accent-3 { color: #ffffff; background-color: #00E676; border-color: #00E676; } .btn-green-accent-3:link, .btn-green-accent-3:visited, .btn-green-accent-3.visited { color: #ffffff; background-color: #00E676; border-color: #00E676; } .btn-green-accent-3:focus, .btn-green-accent-3:hover { color: #ffffff; background-color: #008042; border-color: #00a957; } .btn-green-accent-3.disabled, .btn-green-accent-3:disabled { background-color: #00E676; border-color: #00E676; } .btn-green-accent-3:active, .btn-green-accent-3.active { color: #ffffff; background-color: #008042; border-color: #00a957; } .btn-green-accent-3-o { color: #00E676; background-color: transparent; border-color: #00E676; } .btn-green-accent-3-o:link, .btn-green-accent-3-o:visited, .btn-green-accent-3-o.visited { color: #00E676; background-color: transparent; border-color: #00E676; } .btn-green-accent-3-o:hover { color: #67ffb5; border-color: #67ffb5; } .btn-green-accent-3-o.disabled, .btn-green-accent-3-o:disabled { color: #00E676; } .btn-green-accent-3-o:active, .btn-green-accent-3-o.active { color: #67ffb5; border-color: #67ffb5; } .btn-green-accent-4 { color: #ffffff; background-color: #00C853; border-color: #00C853; } .btn-green-accent-4:link, .btn-green-accent-4:visited, .btn-green-accent-4.visited { color: #ffffff; background-color: #00C853; border-color: #00C853; } .btn-green-accent-4:focus, .btn-green-accent-4:hover { color: #ffffff; background-color: #006229; border-color: #008b3a; } .btn-green-accent-4.disabled, .btn-green-accent-4:disabled { background-color: #00C853; border-color: #00C853; } .btn-green-accent-4:active, .btn-green-accent-4.active { color: #ffffff; background-color: #006229; border-color: #008b3a; } .btn-green-accent-4-o { color: #00C853; background-color: transparent; border-color: #00C853; } .btn-green-accent-4-o:link, .btn-green-accent-4-o:visited, .btn-green-accent-4-o.visited { color: #00C853; background-color: transparent; border-color: #00C853; } .btn-green-accent-4-o:hover { color: #49ff94; border-color: #49ff94; } .btn-green-accent-4-o.disabled, .btn-green-accent-4-o:disabled { color: #00C853; } .btn-green-accent-4-o:active, .btn-green-accent-4-o.active { color: #49ff94; border-color: #49ff94; } .btn-light-green { color: #ffffff; background-color: #8bc34a; border-color: #8bc34a; } .btn-light-green:link, .btn-light-green:visited, .btn-light-green.visited { color: #ffffff; background-color: #8bc34a; border-color: #8bc34a; } .btn-light-green:focus, .btn-light-green:hover { color: #ffffff; background-color: #577d2a; border-color: #6c9c34; } .btn-light-green.disabled, .btn-light-green:disabled { background-color: #8bc34a; border-color: #8bc34a; } .btn-light-green:active, .btn-light-green.active { color: #ffffff; background-color: #577d2a; border-color: #6c9c34; } .btn-light-green-o { color: #8bc34a; background-color: transparent; border-color: #8bc34a; } .btn-light-green-o:link, .btn-light-green-o:visited, .btn-light-green-o.visited { color: #8bc34a; background-color: transparent; border-color: #8bc34a; } .btn-light-green-o:hover { color: #c8e3aa; border-color: #c8e3aa; } .btn-light-green-o.disabled, .btn-light-green-o:disabled { color: #8bc34a; } .btn-light-green-o:active, .btn-light-green-o.active { color: #c8e3aa; border-color: #c8e3aa; } .btn-light-green-lighten-5 { color: #ffffff; background-color: #f1f8e9; border-color: #f1f8e9; } .btn-light-green-lighten-5:link, .btn-light-green-lighten-5:visited, .btn-light-green-lighten-5.visited { color: #ffffff; background-color: #f1f8e9; border-color: #f1f8e9; } .btn-light-green-lighten-5:focus, .btn-light-green-lighten-5:hover { color: #ffffff; background-color: #c0df9c; border-color: #d3e9bb; } .btn-light-green-lighten-5.disabled, .btn-light-green-lighten-5:disabled { background-color: #f1f8e9; border-color: #f1f8e9; } .btn-light-green-lighten-5:active, .btn-light-green-lighten-5.active { color: #ffffff; background-color: #c0df9c; border-color: #d3e9bb; } .btn-light-green-lighten-5-o { color: #f1f8e9; background-color: transparent; border-color: #f1f8e9; } .btn-light-green-lighten-5-o:link, .btn-light-green-lighten-5-o:visited, .btn-light-green-lighten-5-o.visited { color: #f1f8e9; background-color: transparent; border-color: #f1f8e9; } .btn-light-green-lighten-5-o:hover { color: white; border-color: white; } .btn-light-green-lighten-5-o.disabled, .btn-light-green-lighten-5-o:disabled { color: #f1f8e9; } .btn-light-green-lighten-5-o:active, .btn-light-green-lighten-5-o.active { color: white; border-color: white; } .btn-light-green-lighten-4 { color: #ffffff; background-color: #dcedc8; border-color: #dcedc8; } .btn-light-green-lighten-4:link, .btn-light-green-lighten-4:visited, .btn-light-green-lighten-4.visited { color: #ffffff; background-color: #dcedc8; border-color: #dcedc8; } .btn-light-green-lighten-4:focus, .btn-light-green-lighten-4:hover { color: #ffffff; background-color: #abd47b; border-color: #bfde9a; } .btn-light-green-lighten-4.disabled, .btn-light-green-lighten-4:disabled { background-color: #dcedc8; border-color: #dcedc8; } .btn-light-green-lighten-4:active, .btn-light-green-lighten-4.active { color: #ffffff; background-color: #abd47b; border-color: #bfde9a; } .btn-light-green-lighten-4-o { color: #dcedc8; background-color: transparent; border-color: #dcedc8; } .btn-light-green-lighten-4-o:link, .btn-light-green-lighten-4-o:visited, .btn-light-green-lighten-4-o.visited { color: #dcedc8; background-color: transparent; border-color: #dcedc8; } .btn-light-green-lighten-4-o:hover { color: white; border-color: white; } .btn-light-green-lighten-4-o.disabled, .btn-light-green-lighten-4-o:disabled { color: #dcedc8; } .btn-light-green-lighten-4-o:active, .btn-light-green-lighten-4-o.active { color: white; border-color: white; } .btn-light-green-lighten-3 { color: #ffffff; background-color: #c5e1a5; border-color: #c5e1a5; } .btn-light-green-lighten-3:link, .btn-light-green-lighten-3:visited, .btn-light-green-lighten-3.visited { color: #ffffff; background-color: #c5e1a5; border-color: #c5e1a5; } .btn-light-green-lighten-3:focus, .btn-light-green-lighten-3:hover { color: #ffffff; background-color: #94c859; border-color: #a7d277; } .btn-light-green-lighten-3.disabled, .btn-light-green-lighten-3:disabled { background-color: #c5e1a5; border-color: #c5e1a5; } .btn-light-green-lighten-3:active, .btn-light-green-lighten-3.active { color: #ffffff; background-color: #94c859; border-color: #a7d277; } .btn-light-green-lighten-3-o { color: #c5e1a5; background-color: transparent; border-color: #c5e1a5; } .btn-light-green-lighten-3-o:link, .btn-light-green-lighten-3-o:visited, .btn-light-green-lighten-3-o.visited { color: #c5e1a5; background-color: transparent; border-color: #c5e1a5; } .btn-light-green-lighten-3-o:hover { color: white; border-color: white; } .btn-light-green-lighten-3-o.disabled, .btn-light-green-lighten-3-o:disabled { color: #c5e1a5; } .btn-light-green-lighten-3-o:active, .btn-light-green-lighten-3-o.active { color: white; border-color: white; } .btn-light-green-lighten-2 { color: #ffffff; background-color: #aed581; border-color: #aed581; } .btn-light-green-lighten-2:link, .btn-light-green-lighten-2:visited, .btn-light-green-lighten-2.visited { color: #ffffff; background-color: #aed581; border-color: #aed581; } .btn-light-green-lighten-2:focus, .btn-light-green-lighten-2:hover { color: #ffffff; background-color: #7cb43c; border-color: #90c653; } .btn-light-green-lighten-2.disabled, .btn-light-green-lighten-2:disabled { background-color: #aed581; border-color: #aed581; } .btn-light-green-lighten-2:active, .btn-light-green-lighten-2.active { color: #ffffff; background-color: #7cb43c; border-color: #90c653; } .btn-light-green-lighten-2-o { color: #aed581; background-color: transparent; border-color: #aed581; } .btn-light-green-lighten-2-o:link, .btn-light-green-lighten-2-o:visited, .btn-light-green-lighten-2-o.visited { color: #aed581; background-color: transparent; border-color: #aed581; } .btn-light-green-lighten-2-o:hover { color: #ebf5e1; border-color: #ebf5e1; } .btn-light-green-lighten-2-o.disabled, .btn-light-green-lighten-2-o:disabled { color: #aed581; } .btn-light-green-lighten-2-o:active, .btn-light-green-lighten-2-o.active { color: #ebf5e1; border-color: #ebf5e1; } .btn-light-green-lighten-1 { color: #ffffff; background-color: #9ccc65; border-color: #9ccc65; } .btn-light-green-lighten-1:link, .btn-light-green-lighten-1:visited, .btn-light-green-lighten-1.visited { color: #ffffff; background-color: #9ccc65; border-color: #9ccc65; } .btn-light-green-lighten-1:focus, .btn-light-green-lighten-1:hover { color: #ffffff; background-color: #699833; border-color: #7eb73d; } .btn-light-green-lighten-1.disabled, .btn-light-green-lighten-1:disabled { background-color: #9ccc65; border-color: #9ccc65; } .btn-light-green-lighten-1:active, .btn-light-green-lighten-1.active { color: #ffffff; background-color: #699833; border-color: #7eb73d; } .btn-light-green-lighten-1-o { color: #9ccc65; background-color: transparent; border-color: #9ccc65; } .btn-light-green-lighten-1-o:link, .btn-light-green-lighten-1-o:visited, .btn-light-green-lighten-1-o.visited { color: #9ccc65; background-color: transparent; border-color: #9ccc65; } .btn-light-green-lighten-1-o:hover { color: #daecc5; border-color: #daecc5; } .btn-light-green-lighten-1-o.disabled, .btn-light-green-lighten-1-o:disabled { color: #9ccc65; } .btn-light-green-lighten-1-o:active, .btn-light-green-lighten-1-o.active { color: #daecc5; border-color: #daecc5; } .btn-light-green-darken-1 { color: #ffffff; background-color: #7cb342; border-color: #7cb342; } .btn-light-green-darken-1:link, .btn-light-green-darken-1:visited, .btn-light-green-darken-1.visited { color: #ffffff; background-color: #7cb342; border-color: #7cb342; } .btn-light-green-darken-1:focus, .btn-light-green-darken-1:hover { color: #ffffff; background-color: #486827; border-color: #5d8632; } .btn-light-green-darken-1.disabled, .btn-light-green-darken-1:disabled { background-color: #7cb342; border-color: #7cb342; } .btn-light-green-darken-1:active, .btn-light-green-darken-1.active { color: #ffffff; background-color: #486827; border-color: #5d8632; } .btn-light-green-darken-1-o { color: #7cb342; background-color: transparent; border-color: #7cb342; } .btn-light-green-darken-1-o:link, .btn-light-green-darken-1-o:visited, .btn-light-green-darken-1-o.visited { color: #7cb342; background-color: transparent; border-color: #7cb342; } .btn-light-green-darken-1-o:hover { color: #bbda9b; border-color: #bbda9b; } .btn-light-green-darken-1-o.disabled, .btn-light-green-darken-1-o:disabled { color: #7cb342; } .btn-light-green-darken-1-o:active, .btn-light-green-darken-1-o.active { color: #bbda9b; border-color: #bbda9b; } .btn-light-green-darken-2 { color: #ffffff; background-color: #689f38; border-color: #689f38; } .btn-light-green-darken-2:link, .btn-light-green-darken-2:visited, .btn-light-green-darken-2.visited { color: #ffffff; background-color: #689f38; border-color: #689f38; } .btn-light-green-darken-2:focus, .btn-light-green-darken-2:hover { color: #ffffff; background-color: #37541d; border-color: #4a7228; } .btn-light-green-darken-2.disabled, .btn-light-green-darken-2:disabled { background-color: #689f38; border-color: #689f38; } .btn-light-green-darken-2:active, .btn-light-green-darken-2.active { color: #ffffff; background-color: #37541d; border-color: #4a7228; } .btn-light-green-darken-2-o { color: #689f38; background-color: transparent; border-color: #689f38; } .btn-light-green-darken-2-o:link, .btn-light-green-darken-2-o:visited, .btn-light-green-darken-2-o.visited { color: #689f38; background-color: transparent; border-color: #689f38; } .btn-light-green-darken-2-o:hover { color: #a9d383; border-color: #a9d383; } .btn-light-green-darken-2-o.disabled, .btn-light-green-darken-2-o:disabled { color: #689f38; } .btn-light-green-darken-2-o:active, .btn-light-green-darken-2-o.active { color: #a9d383; border-color: #a9d383; } .btn-light-green-darken-3 { color: #ffffff; background-color: #558b2f; border-color: #558b2f; } .btn-light-green-darken-3:link, .btn-light-green-darken-3:visited, .btn-light-green-darken-3.visited { color: #ffffff; background-color: #558b2f; border-color: #558b2f; } .btn-light-green-darken-3:focus, .btn-light-green-darken-3:hover { color: #ffffff; background-color: #263f15; border-color: #395d20; } .btn-light-green-darken-3.disabled, .btn-light-green-darken-3:disabled { background-color: #558b2f; border-color: #558b2f; } .btn-light-green-darken-3:active, .btn-light-green-darken-3.active { color: #ffffff; background-color: #263f15; border-color: #395d20; } .btn-light-green-darken-3-o { color: #558b2f; background-color: transparent; border-color: #558b2f; } .btn-light-green-darken-3-o:link, .btn-light-green-darken-3-o:visited, .btn-light-green-darken-3-o.visited { color: #558b2f; background-color: transparent; border-color: #558b2f; } .btn-light-green-darken-3-o:hover { color: #94cd6c; border-color: #94cd6c; } .btn-light-green-darken-3-o.disabled, .btn-light-green-darken-3-o:disabled { color: #558b2f; } .btn-light-green-darken-3-o:active, .btn-light-green-darken-3-o.active { color: #94cd6c; border-color: #94cd6c; } .btn-light-green-darken-4 { color: #ffffff; background-color: #33691e; border-color: #33691e; } .btn-light-green-darken-4:link, .btn-light-green-darken-4:visited, .btn-light-green-darken-4.visited { color: #ffffff; background-color: #33691e; border-color: #33691e; } .btn-light-green-darken-4:focus, .btn-light-green-darken-4:hover { color: #ffffff; background-color: #0c1a07; border-color: #1c3910; } .btn-light-green-darken-4.disabled, .btn-light-green-darken-4:disabled { background-color: #33691e; border-color: #33691e; } .btn-light-green-darken-4:active, .btn-light-green-darken-4.active { color: #ffffff; background-color: #0c1a07; border-color: #1c3910; } .btn-light-green-darken-4-o { color: #33691e; background-color: transparent; border-color: #33691e; } .btn-light-green-darken-4-o:link, .btn-light-green-darken-4-o:visited, .btn-light-green-darken-4-o.visited { color: #33691e; background-color: transparent; border-color: #33691e; } .btn-light-green-darken-4-o:hover { color: #65c83f; border-color: #65c83f; } .btn-light-green-darken-4-o.disabled, .btn-light-green-darken-4-o:disabled { color: #33691e; } .btn-light-green-darken-4-o:active, .btn-light-green-darken-4-o.active { color: #65c83f; border-color: #65c83f; } .btn-light-green-accent-1 { color: #ffffff; background-color: #ccff90; border-color: #ccff90; } .btn-light-green-accent-1:link, .btn-light-green-accent-1:visited, .btn-light-green-accent-1.visited { color: #ffffff; background-color: #ccff90; border-color: #ccff90; } .btn-light-green-accent-1:focus, .btn-light-green-accent-1:hover { color: #ffffff; background-color: #9dff2a; border-color: #b0ff53; } .btn-light-green-accent-1.disabled, .btn-light-green-accent-1:disabled { background-color: #ccff90; border-color: #ccff90; } .btn-light-green-accent-1:active, .btn-light-green-accent-1.active { color: #ffffff; background-color: #9dff2a; border-color: #b0ff53; } .btn-light-green-accent-1-o { color: #ccff90; background-color: transparent; border-color: #ccff90; } .btn-light-green-accent-1-o:link, .btn-light-green-accent-1-o:visited, .btn-light-green-accent-1-o.visited { color: #ccff90; background-color: transparent; border-color: #ccff90; } .btn-light-green-accent-1-o:hover { color: white; border-color: white; } .btn-light-green-accent-1-o.disabled, .btn-light-green-accent-1-o:disabled { color: #ccff90; } .btn-light-green-accent-1-o:active, .btn-light-green-accent-1-o.active { color: white; border-color: white; } .btn-light-green-accent-2 { color: #ffffff; background-color: #b2ff59; border-color: #b2ff59; } .btn-light-green-accent-2:link, .btn-light-green-accent-2:visited, .btn-light-green-accent-2.visited { color: #ffffff; background-color: #b2ff59; border-color: #b2ff59; } .btn-light-green-accent-2:focus, .btn-light-green-accent-2:hover { color: #ffffff; background-color: #82f200; border-color: #96ff1c; } .btn-light-green-accent-2.disabled, .btn-light-green-accent-2:disabled { background-color: #b2ff59; border-color: #b2ff59; } .btn-light-green-accent-2:active, .btn-light-green-accent-2.active { color: #ffffff; background-color: #82f200; border-color: #96ff1c; } .btn-light-green-accent-2-o { color: #b2ff59; background-color: transparent; border-color: #b2ff59; } .btn-light-green-accent-2-o:link, .btn-light-green-accent-2-o:visited, .btn-light-green-accent-2-o.visited { color: #b2ff59; background-color: transparent; border-color: #b2ff59; } .btn-light-green-accent-2-o:hover { color: #edffd9; border-color: #edffd9; } .btn-light-green-accent-2-o.disabled, .btn-light-green-accent-2-o:disabled { color: #b2ff59; } .btn-light-green-accent-2-o:active, .btn-light-green-accent-2-o.active { color: #edffd9; border-color: #edffd9; } .btn-light-green-accent-3 { color: #ffffff; background-color: #76ff03; border-color: #76ff03; } .btn-light-green-accent-3:link, .btn-light-green-accent-3:visited, .btn-light-green-accent-3.visited { color: #ffffff; background-color: #76ff03; border-color: #76ff03; } .btn-light-green-accent-3:focus, .btn-light-green-accent-3:hover { color: #ffffff; background-color: #479c00; border-color: #5ac500; } .btn-light-green-accent-3.disabled, .btn-light-green-accent-3:disabled { background-color: #76ff03; border-color: #76ff03; } .btn-light-green-accent-3:active, .btn-light-green-accent-3.active { color: #ffffff; background-color: #479c00; border-color: #5ac500; } .btn-light-green-accent-3-o { color: #76ff03; background-color: transparent; border-color: #76ff03; } .btn-light-green-accent-3-o:link, .btn-light-green-accent-3-o:visited, .btn-light-green-accent-3-o.visited { color: #76ff03; background-color: transparent; border-color: #76ff03; } .btn-light-green-accent-3-o:hover { color: #bbff83; border-color: #bbff83; } .btn-light-green-accent-3-o.disabled, .btn-light-green-accent-3-o:disabled { color: #76ff03; } .btn-light-green-accent-3-o:active, .btn-light-green-accent-3-o.active { color: #bbff83; border-color: #bbff83; } .btn-light-green-accent-4 { color: #ffffff; background-color: #64dd17; border-color: #64dd17; } .btn-light-green-accent-4:link, .btn-light-green-accent-4:visited, .btn-light-green-accent-4.visited { color: #ffffff; background-color: #64dd17; border-color: #64dd17; } .btn-light-green-accent-4:focus, .btn-light-green-accent-4:hover { color: #ffffff; background-color: #3a810d; border-color: #4ba611; } .btn-light-green-accent-4.disabled, .btn-light-green-accent-4:disabled { background-color: #64dd17; border-color: #64dd17; } .btn-light-green-accent-4:active, .btn-light-green-accent-4.active { color: #ffffff; background-color: #3a810d; border-color: #4ba611; } .btn-light-green-accent-4-o { color: #64dd17; background-color: transparent; border-color: #64dd17; } .btn-light-green-accent-4-o:link, .btn-light-green-accent-4-o:visited, .btn-light-green-accent-4-o.visited { color: #64dd17; background-color: transparent; border-color: #64dd17; } .btn-light-green-accent-4-o:hover { color: #adf282; border-color: #adf282; } .btn-light-green-accent-4-o.disabled, .btn-light-green-accent-4-o:disabled { color: #64dd17; } .btn-light-green-accent-4-o:active, .btn-light-green-accent-4-o.active { color: #adf282; border-color: #adf282; } .btn-lime { color: #ffffff; background-color: #cddc39; border-color: #cddc39; } .btn-lime:link, .btn-lime:visited, .btn-lime.visited { color: #ffffff; background-color: #cddc39; border-color: #cddc39; } .btn-lime:focus, .btn-lime:hover { color: #ffffff; background-color: #89951a; border-color: #a9b720; } .btn-lime.disabled, .btn-lime:disabled { background-color: #cddc39; border-color: #cddc39; } .btn-lime:active, .btn-lime.active { color: #ffffff; background-color: #89951a; border-color: #a9b720; } .btn-lime-o { color: #cddc39; background-color: transparent; border-color: #cddc39; } .btn-lime-o:link, .btn-lime-o:visited, .btn-lime-o.visited { color: #cddc39; background-color: transparent; border-color: #cddc39; } .btn-lime-o:hover { color: #e8efa5; border-color: #e8efa5; } .btn-lime-o.disabled, .btn-lime-o:disabled { color: #cddc39; } .btn-lime-o:active, .btn-lime-o.active { color: #e8efa5; border-color: #e8efa5; } .btn-lime-lighten-5 { color: #ffffff; background-color: #f9fbe7; border-color: #f9fbe7; } .btn-lime-lighten-5:link, .btn-lime-lighten-5:visited, .btn-lime-lighten-5.visited { color: #ffffff; background-color: #f9fbe7; border-color: #f9fbe7; } .btn-lime-lighten-5:focus, .btn-lime-lighten-5:hover { color: #ffffff; background-color: #e3ec90; border-color: #ecf2b3; } .btn-lime-lighten-5.disabled, .btn-lime-lighten-5:disabled { background-color: #f9fbe7; border-color: #f9fbe7; } .btn-lime-lighten-5:active, .btn-lime-lighten-5.active { color: #ffffff; background-color: #e3ec90; border-color: #ecf2b3; } .btn-lime-lighten-5-o { color: #f9fbe7; background-color: transparent; border-color: #f9fbe7; } .btn-lime-lighten-5-o:link, .btn-lime-lighten-5-o:visited, .btn-lime-lighten-5-o.visited { color: #f9fbe7; background-color: transparent; border-color: #f9fbe7; } .btn-lime-lighten-5-o:hover { color: white; border-color: white; } .btn-lime-lighten-5-o.disabled, .btn-lime-lighten-5-o:disabled { color: #f9fbe7; } .btn-lime-lighten-5-o:active, .btn-lime-lighten-5-o.active { color: white; border-color: white; } .btn-lime-lighten-4 { color: #ffffff; background-color: #f0f4c3; border-color: #f0f4c3; } .btn-lime-lighten-4:link, .btn-lime-lighten-4:visited, .btn-lime-lighten-4.visited { color: #ffffff; background-color: #f0f4c3; border-color: #f0f4c3; } .btn-lime-lighten-4:focus, .btn-lime-lighten-4:hover { color: #ffffff; background-color: #dae46d; border-color: #e3eb8f; } .btn-lime-lighten-4.disabled, .btn-lime-lighten-4:disabled { background-color: #f0f4c3; border-color: #f0f4c3; } .btn-lime-lighten-4:active, .btn-lime-lighten-4.active { color: #ffffff; background-color: #dae46d; border-color: #e3eb8f; } .btn-lime-lighten-4-o { color: #f0f4c3; background-color: transparent; border-color: #f0f4c3; } .btn-lime-lighten-4-o:link, .btn-lime-lighten-4-o:visited, .btn-lime-lighten-4-o.visited { color: #f0f4c3; background-color: transparent; border-color: #f0f4c3; } .btn-lime-lighten-4-o:hover { color: white; border-color: white; } .btn-lime-lighten-4-o.disabled, .btn-lime-lighten-4-o:disabled { color: #f0f4c3; } .btn-lime-lighten-4-o:active, .btn-lime-lighten-4-o.active { color: white; border-color: white; } .btn-lime-lighten-3 { color: #ffffff; background-color: #e6ee9c; border-color: #e6ee9c; } .btn-lime-lighten-3:link, .btn-lime-lighten-3:visited, .btn-lime-lighten-3.visited { color: #ffffff; background-color: #e6ee9c; border-color: #e6ee9c; } .btn-lime-lighten-3:focus, .btn-lime-lighten-3:hover { color: #ffffff; background-color: #d0df45; border-color: #d9e568; } .btn-lime-lighten-3.disabled, .btn-lime-lighten-3:disabled { background-color: #e6ee9c; border-color: #e6ee9c; } .btn-lime-lighten-3:active, .btn-lime-lighten-3.active { color: #ffffff; background-color: #d0df45; border-color: #d9e568; } .btn-lime-lighten-3-o { color: #e6ee9c; background-color: transparent; border-color: #e6ee9c; } .btn-lime-lighten-3-o:link, .btn-lime-lighten-3-o:visited, .btn-lime-lighten-3-o.visited { color: #e6ee9c; background-color: transparent; border-color: #e6ee9c; } .btn-lime-lighten-3-o:hover { color: white; border-color: white; } .btn-lime-lighten-3-o.disabled, .btn-lime-lighten-3-o:disabled { color: #e6ee9c; } .btn-lime-lighten-3-o:active, .btn-lime-lighten-3-o.active { color: white; border-color: white; } .btn-lime-lighten-2 { color: #ffffff; background-color: #dce775; border-color: #dce775; } .btn-lime-lighten-2:link, .btn-lime-lighten-2:visited, .btn-lime-lighten-2.visited { color: #ffffff; background-color: #dce775; border-color: #dce775; } .btn-lime-lighten-2:focus, .btn-lime-lighten-2:hover { color: #ffffff; background-color: #c1d224; border-color: #cfde41; } .btn-lime-lighten-2.disabled, .btn-lime-lighten-2:disabled { background-color: #dce775; border-color: #dce775; } .btn-lime-lighten-2:active, .btn-lime-lighten-2.active { color: #ffffff; background-color: #c1d224; border-color: #cfde41; } .btn-lime-lighten-2-o { color: #dce775; background-color: transparent; border-color: #dce775; } .btn-lime-lighten-2-o:link, .btn-lime-lighten-2-o:visited, .btn-lime-lighten-2-o.visited { color: #dce775; background-color: transparent; border-color: #dce775; } .btn-lime-lighten-2-o:hover { color: #f8fae2; border-color: #f8fae2; } .btn-lime-lighten-2-o.disabled, .btn-lime-lighten-2-o:disabled { color: #dce775; } .btn-lime-lighten-2-o:active, .btn-lime-lighten-2-o.active { color: #f8fae2; border-color: #f8fae2; } .btn-lime-lighten-1 { color: #ffffff; background-color: #d4e157; border-color: #d4e157; } .btn-lime-lighten-1:link, .btn-lime-lighten-1:visited, .btn-lime-lighten-1.visited { color: #ffffff; background-color: #d4e157; border-color: #d4e157; } .btn-lime-lighten-1:focus, .btn-lime-lighten-1:hover { color: #ffffff; background-color: #a4b220; border-color: #c4d526; } .btn-lime-lighten-1.disabled, .btn-lime-lighten-1:disabled { background-color: #d4e157; border-color: #d4e157; } .btn-lime-lighten-1:active, .btn-lime-lighten-1.active { color: #ffffff; background-color: #a4b220; border-color: #c4d526; } .btn-lime-lighten-1-o { color: #d4e157; background-color: transparent; border-color: #d4e157; } .btn-lime-lighten-1-o:link, .btn-lime-lighten-1-o:visited, .btn-lime-lighten-1-o.visited { color: #d4e157; background-color: transparent; border-color: #d4e157; } .btn-lime-lighten-1-o:hover { color: #f0f4c3; border-color: #f0f4c3; } .btn-lime-lighten-1-o.disabled, .btn-lime-lighten-1-o:disabled { color: #d4e157; } .btn-lime-lighten-1-o:active, .btn-lime-lighten-1-o.active { color: #f0f4c3; border-color: #f0f4c3; } .btn-lime-darken-1 { color: #ffffff; background-color: #c0ca33; border-color: #c0ca33; } .btn-lime-darken-1:link, .btn-lime-darken-1:visited, .btn-lime-darken-1.visited { color: #ffffff; background-color: #c0ca33; border-color: #c0ca33; } .btn-lime-darken-1:focus, .btn-lime-darken-1:hover { color: #ffffff; background-color: #73791e; border-color: #929927; } .btn-lime-darken-1.disabled, .btn-lime-darken-1:disabled { background-color: #c0ca33; border-color: #c0ca33; } .btn-lime-darken-1:active, .btn-lime-darken-1.active { color: #ffffff; background-color: #73791e; border-color: #929927; } .btn-lime-darken-1-o { color: #c0ca33; background-color: transparent; border-color: #c0ca33; } .btn-lime-darken-1-o:link, .btn-lime-darken-1-o:visited, .btn-lime-darken-1-o.visited { color: #c0ca33; background-color: transparent; border-color: #c0ca33; } .btn-lime-darken-1-o:hover { color: #e0e598; border-color: #e0e598; } .btn-lime-darken-1-o.disabled, .btn-lime-darken-1-o:disabled { color: #c0ca33; } .btn-lime-darken-1-o:active, .btn-lime-darken-1-o.active { color: #e0e598; border-color: #e0e598; } .btn-lime-darken-2 { color: #ffffff; background-color: #afb42b; border-color: #afb42b; } .btn-lime-darken-2:link, .btn-lime-darken-2:visited, .btn-lime-darken-2.visited { color: #ffffff; background-color: #afb42b; border-color: #afb42b; } .btn-lime-darken-2:focus, .btn-lime-darken-2:hover { color: #ffffff; background-color: #5f6217; border-color: #7f831f; } .btn-lime-darken-2.disabled, .btn-lime-darken-2:disabled { background-color: #afb42b; border-color: #afb42b; } .btn-lime-darken-2:active, .btn-lime-darken-2.active { color: #ffffff; background-color: #5f6217; border-color: #7f831f; } .btn-lime-darken-2-o { color: #afb42b; background-color: transparent; border-color: #afb42b; } .btn-lime-darken-2-o:link, .btn-lime-darken-2-o:visited, .btn-lime-darken-2-o.visited { color: #afb42b; background-color: transparent; border-color: #afb42b; } .btn-lime-darken-2-o:hover { color: #dde07e; border-color: #dde07e; } .btn-lime-darken-2-o.disabled, .btn-lime-darken-2-o:disabled { color: #afb42b; } .btn-lime-darken-2-o:active, .btn-lime-darken-2-o.active { color: #dde07e; border-color: #dde07e; } .btn-lime-darken-3 { color: #ffffff; background-color: #9e9d24; border-color: #9e9d24; } .btn-lime-darken-3:link, .btn-lime-darken-3:visited, .btn-lime-darken-3.visited { color: #ffffff; background-color: #9e9d24; border-color: #9e9d24; } .btn-lime-darken-3:focus, .btn-lime-darken-3:hover { color: #ffffff; background-color: #4b4a11; border-color: #6c6b19; } .btn-lime-darken-3.disabled, .btn-lime-darken-3:disabled { background-color: #9e9d24; border-color: #9e9d24; } .btn-lime-darken-3:active, .btn-lime-darken-3.active { color: #ffffff; background-color: #4b4a11; border-color: #6c6b19; } .btn-lime-darken-3-o { color: #9e9d24; background-color: transparent; border-color: #9e9d24; } .btn-lime-darken-3-o:link, .btn-lime-darken-3-o:visited, .btn-lime-darken-3-o.visited { color: #9e9d24; background-color: transparent; border-color: #9e9d24; } .btn-lime-darken-3-o:hover { color: #dcdb65; border-color: #dcdb65; } .btn-lime-darken-3-o.disabled, .btn-lime-darken-3-o:disabled { color: #9e9d24; } .btn-lime-darken-3-o:active, .btn-lime-darken-3-o.active { color: #dcdb65; border-color: #dcdb65; } .btn-lime-darken-4 { color: #ffffff; background-color: #827717; border-color: #827717; } .btn-lime-darken-4:link, .btn-lime-darken-4:visited, .btn-lime-darken-4.visited { color: #ffffff; background-color: #827717; border-color: #827717; } .btn-lime-darken-4:focus, .btn-lime-darken-4:hover { color: #ffffff; background-color: #2b2808; border-color: #4e470e; } .btn-lime-darken-4.disabled, .btn-lime-darken-4:disabled { background-color: #827717; border-color: #827717; } .btn-lime-darken-4:active, .btn-lime-darken-4.active { color: #ffffff; background-color: #2b2808; border-color: #4e470e; } .btn-lime-darken-4-o { color: #827717; background-color: transparent; border-color: #827717; } .btn-lime-darken-4-o:link, .btn-lime-darken-4-o:visited, .btn-lime-darken-4-o.visited { color: #827717; background-color: transparent; border-color: #827717; } .btn-lime-darken-4-o:hover { color: #ddcc3c; border-color: #ddcc3c; } .btn-lime-darken-4-o.disabled, .btn-lime-darken-4-o:disabled { color: #827717; } .btn-lime-darken-4-o:active, .btn-lime-darken-4-o.active { color: #ddcc3c; border-color: #ddcc3c; } .btn-lime-accent-1 { color: #ffffff; background-color: #f4ff81; border-color: #f4ff81; } .btn-lime-accent-1:link, .btn-lime-accent-1:visited, .btn-lime-accent-1.visited { color: #ffffff; background-color: #f4ff81; border-color: #f4ff81; } .btn-lime-accent-1:focus, .btn-lime-accent-1:hover { color: #ffffff; background-color: #ebff1b; border-color: #efff44; } .btn-lime-accent-1.disabled, .btn-lime-accent-1:disabled { background-color: #f4ff81; border-color: #f4ff81; } .btn-lime-accent-1:active, .btn-lime-accent-1.active { color: #ffffff; background-color: #ebff1b; border-color: #efff44; } .btn-lime-accent-1-o { color: #f4ff81; background-color: transparent; border-color: #f4ff81; } .btn-lime-accent-1-o:link, .btn-lime-accent-1-o:visited, .btn-lime-accent-1-o.visited { color: #f4ff81; background-color: transparent; border-color: #f4ff81; } .btn-lime-accent-1-o:hover { color: white; border-color: white; } .btn-lime-accent-1-o.disabled, .btn-lime-accent-1-o:disabled { color: #f4ff81; } .btn-lime-accent-1-o:active, .btn-lime-accent-1-o.active { color: white; border-color: white; } .btn-lime-accent-2 { color: #ffffff; background-color: #eeff41; border-color: #eeff41; } .btn-lime-accent-2:link, .btn-lime-accent-2:visited, .btn-lime-accent-2.visited { color: #ffffff; background-color: #eeff41; border-color: #eeff41; } .btn-lime-accent-2:focus, .btn-lime-accent-2:hover { color: #ffffff; background-color: #c6da00; border-color: #e9ff04; } .btn-lime-accent-2.disabled, .btn-lime-accent-2:disabled { background-color: #eeff41; border-color: #eeff41; } .btn-lime-accent-2:active, .btn-lime-accent-2.active { color: #ffffff; background-color: #c6da00; border-color: #e9ff04; } .btn-lime-accent-2-o { color: #eeff41; background-color: transparent; border-color: #eeff41; } .btn-lime-accent-2-o:link, .btn-lime-accent-2-o:visited, .btn-lime-accent-2-o.visited { color: #eeff41; background-color: transparent; border-color: #eeff41; } .btn-lime-accent-2-o:hover { color: #f9ffc1; border-color: #f9ffc1; } .btn-lime-accent-2-o.disabled, .btn-lime-accent-2-o:disabled { color: #eeff41; } .btn-lime-accent-2-o:active, .btn-lime-accent-2-o.active { color: #f9ffc1; border-color: #f9ffc1; } .btn-lime-accent-3 { color: #ffffff; background-color: #c6ff00; border-color: #c6ff00; } .btn-lime-accent-3:link, .btn-lime-accent-3:visited, .btn-lime-accent-3.visited { color: #ffffff; background-color: #c6ff00; border-color: #c6ff00; } .btn-lime-accent-3:focus, .btn-lime-accent-3:hover { color: #ffffff; background-color: #779900; border-color: #96c200; } .btn-lime-accent-3.disabled, .btn-lime-accent-3:disabled { background-color: #c6ff00; border-color: #c6ff00; } .btn-lime-accent-3:active, .btn-lime-accent-3.active { color: #ffffff; background-color: #779900; border-color: #96c200; } .btn-lime-accent-3-o { color: #c6ff00; background-color: transparent; border-color: #c6ff00; } .btn-lime-accent-3-o:link, .btn-lime-accent-3-o:visited, .btn-lime-accent-3-o.visited { color: #c6ff00; background-color: transparent; border-color: #c6ff00; } .btn-lime-accent-3-o:hover { color: #e3ff80; border-color: #e3ff80; } .btn-lime-accent-3-o.disabled, .btn-lime-accent-3-o:disabled { color: #c6ff00; } .btn-lime-accent-3-o:active, .btn-lime-accent-3-o.active { color: #e3ff80; border-color: #e3ff80; } .btn-lime-accent-4 { color: #ffffff; background-color: #aeea00; border-color: #aeea00; } .btn-lime-accent-4:link, .btn-lime-accent-4:visited, .btn-lime-accent-4.visited { color: #ffffff; background-color: #aeea00; border-color: #aeea00; } .btn-lime-accent-4:focus, .btn-lime-accent-4:hover { color: #ffffff; background-color: #628400; border-color: #80ad00; } .btn-lime-accent-4.disabled, .btn-lime-accent-4:disabled { background-color: #aeea00; border-color: #aeea00; } .btn-lime-accent-4:active, .btn-lime-accent-4.active { color: #ffffff; background-color: #628400; border-color: #80ad00; } .btn-lime-accent-4-o { color: #aeea00; background-color: transparent; border-color: #aeea00; } .btn-lime-accent-4-o:link, .btn-lime-accent-4-o:visited, .btn-lime-accent-4-o.visited { color: #aeea00; background-color: transparent; border-color: #aeea00; } .btn-lime-accent-4-o:hover { color: #d9ff6b; border-color: #d9ff6b; } .btn-lime-accent-4-o.disabled, .btn-lime-accent-4-o:disabled { color: #aeea00; } .btn-lime-accent-4-o:active, .btn-lime-accent-4-o.active { color: #d9ff6b; border-color: #d9ff6b; } .btn-yellow { color: #ffffff; background-color: #ffeb3b; border-color: #ffeb3b; } .btn-yellow:link, .btn-yellow:visited, .btn-yellow.visited { color: #ffffff; background-color: #ffeb3b; border-color: #ffeb3b; } .btn-yellow:focus, .btn-yellow:hover { color: #ffffff; background-color: #d4be00; border-color: #fde300; } .btn-yellow.disabled, .btn-yellow:disabled { background-color: #ffeb3b; border-color: #ffeb3b; } .btn-yellow:active, .btn-yellow.active { color: #ffffff; background-color: #d4be00; border-color: #fde300; } .btn-yellow-o { color: #ffeb3b; background-color: transparent; border-color: #ffeb3b; } .btn-yellow-o:link, .btn-yellow-o:visited, .btn-yellow-o.visited { color: #ffeb3b; background-color: transparent; border-color: #ffeb3b; } .btn-yellow-o:hover { color: #fff8bb; border-color: #fff8bb; } .btn-yellow-o.disabled, .btn-yellow-o:disabled { color: #ffeb3b; } .btn-yellow-o:active, .btn-yellow-o.active { color: #fff8bb; border-color: #fff8bb; } .btn-yellow-lighten-5 { color: #ffffff; background-color: #fffde7; border-color: #fffde7; } .btn-yellow-lighten-5:link, .btn-yellow-lighten-5:visited, .btn-yellow-lighten-5.visited { color: #ffffff; background-color: #fffde7; border-color: #fffde7; } .btn-yellow-lighten-5:focus, .btn-yellow-lighten-5:hover { color: #ffffff; background-color: #fff581; border-color: #fff8aa; } .btn-yellow-lighten-5.disabled, .btn-yellow-lighten-5:disabled { background-color: #fffde7; border-color: #fffde7; } .btn-yellow-lighten-5:active, .btn-yellow-lighten-5.active { color: #ffffff; background-color: #fff581; border-color: #fff8aa; } .btn-yellow-lighten-5-o { color: #fffde7; background-color: transparent; border-color: #fffde7; } .btn-yellow-lighten-5-o:link, .btn-yellow-lighten-5-o:visited, .btn-yellow-lighten-5-o.visited { color: #fffde7; background-color: transparent; border-color: #fffde7; } .btn-yellow-lighten-5-o:hover { color: white; border-color: white; } .btn-yellow-lighten-5-o.disabled, .btn-yellow-lighten-5-o:disabled { color: #fffde7; } .btn-yellow-lighten-5-o:active, .btn-yellow-lighten-5-o.active { color: white; border-color: white; } .btn-yellow-lighten-4 { color: #ffffff; background-color: #fff9c4; border-color: #fff9c4; } .btn-yellow-lighten-4:link, .btn-yellow-lighten-4:visited, .btn-yellow-lighten-4.visited { color: #ffffff; background-color: #fff9c4; border-color: #fff9c4; } .btn-yellow-lighten-4:focus, .btn-yellow-lighten-4:hover { color: #ffffff; background-color: #ffef5e; border-color: #fff387; } .btn-yellow-lighten-4.disabled, .btn-yellow-lighten-4:disabled { background-color: #fff9c4; border-color: #fff9c4; } .btn-yellow-lighten-4:active, .btn-yellow-lighten-4.active { color: #ffffff; background-color: #ffef5e; border-color: #fff387; } .btn-yellow-lighten-4-o { color: #fff9c4; background-color: transparent; border-color: #fff9c4; } .btn-yellow-lighten-4-o:link, .btn-yellow-lighten-4-o:visited, .btn-yellow-lighten-4-o.visited { color: #fff9c4; background-color: transparent; border-color: #fff9c4; } .btn-yellow-lighten-4-o:hover { color: white; border-color: white; } .btn-yellow-lighten-4-o.disabled, .btn-yellow-lighten-4-o:disabled { color: #fff9c4; } .btn-yellow-lighten-4-o:active, .btn-yellow-lighten-4-o.active { color: white; border-color: white; } .btn-yellow-lighten-3 { color: #ffffff; background-color: #fff59d; border-color: #fff59d; } .btn-yellow-lighten-3:link, .btn-yellow-lighten-3:visited, .btn-yellow-lighten-3.visited { color: #ffffff; background-color: #fff59d; border-color: #fff59d; } .btn-yellow-lighten-3:focus, .btn-yellow-lighten-3:hover { color: #ffffff; background-color: #ffeb37; border-color: #ffef60; } .btn-yellow-lighten-3.disabled, .btn-yellow-lighten-3:disabled { background-color: #fff59d; border-color: #fff59d; } .btn-yellow-lighten-3:active, .btn-yellow-lighten-3.active { color: #ffffff; background-color: #ffeb37; border-color: #ffef60; } .btn-yellow-lighten-3-o { color: #fff59d; background-color: transparent; border-color: #fff59d; } .btn-yellow-lighten-3-o:link, .btn-yellow-lighten-3-o:visited, .btn-yellow-lighten-3-o.visited { color: #fff59d; background-color: transparent; border-color: #fff59d; } .btn-yellow-lighten-3-o:hover { color: white; border-color: white; } .btn-yellow-lighten-3-o.disabled, .btn-yellow-lighten-3-o:disabled { color: #fff59d; } .btn-yellow-lighten-3-o:active, .btn-yellow-lighten-3-o.active { color: white; border-color: white; } .btn-yellow-lighten-2 { color: #ffffff; background-color: #fff176; border-color: #fff176; } .btn-yellow-lighten-2:link, .btn-yellow-lighten-2:visited, .btn-yellow-lighten-2.visited { color: #ffffff; background-color: #fff176; border-color: #fff176; } .btn-yellow-lighten-2:focus, .btn-yellow-lighten-2:hover { color: #ffffff; background-color: #ffe710; border-color: #ffeb39; } .btn-yellow-lighten-2.disabled, .btn-yellow-lighten-2:disabled { background-color: #fff176; border-color: #fff176; } .btn-yellow-lighten-2:active, .btn-yellow-lighten-2.active { color: #ffffff; background-color: #ffe710; border-color: #ffeb39; } .btn-yellow-lighten-2-o { color: #fff176; background-color: transparent; border-color: #fff176; } .btn-yellow-lighten-2-o:link, .btn-yellow-lighten-2-o:visited, .btn-yellow-lighten-2-o.visited { color: #fff176; background-color: transparent; border-color: #fff176; } .btn-yellow-lighten-2-o:hover { color: #fffef6; border-color: #fffef6; } .btn-yellow-lighten-2-o.disabled, .btn-yellow-lighten-2-o:disabled { color: #fff176; } .btn-yellow-lighten-2-o:active, .btn-yellow-lighten-2-o.active { color: #fffef6; border-color: #fffef6; } .btn-yellow-lighten-1 { color: #ffffff; background-color: #ffee58; border-color: #ffee58; } .btn-yellow-lighten-1:link, .btn-yellow-lighten-1:visited, .btn-yellow-lighten-1.visited { color: #ffffff; background-color: #ffee58; border-color: #ffee58; } .btn-yellow-lighten-1:focus, .btn-yellow-lighten-1:hover { color: #ffffff; background-color: #f1d800; border-color: #ffe81b; } .btn-yellow-lighten-1.disabled, .btn-yellow-lighten-1:disabled { background-color: #ffee58; border-color: #ffee58; } .btn-yellow-lighten-1:active, .btn-yellow-lighten-1.active { color: #ffffff; background-color: #f1d800; border-color: #ffe81b; } .btn-yellow-lighten-1-o { color: #ffee58; background-color: transparent; border-color: #ffee58; } .btn-yellow-lighten-1-o:link, .btn-yellow-lighten-1-o:visited, .btn-yellow-lighten-1-o.visited { color: #ffee58; background-color: transparent; border-color: #ffee58; } .btn-yellow-lighten-1-o:hover { color: #fffbd8; border-color: #fffbd8; } .btn-yellow-lighten-1-o.disabled, .btn-yellow-lighten-1-o:disabled { color: #ffee58; } .btn-yellow-lighten-1-o:active, .btn-yellow-lighten-1-o.active { color: #fffbd8; border-color: #fffbd8; } .btn-yellow-darken-1 { color: #ffffff; background-color: #fdd835; border-color: #fdd835; } .btn-yellow-darken-1:link, .btn-yellow-darken-1:visited, .btn-yellow-darken-1.visited { color: #ffffff; background-color: #fdd835; border-color: #fdd835; } .btn-yellow-darken-1:focus, .btn-yellow-darken-1:hover { color: #ffffff; background-color: #caa502; border-color: #f2c602; } .btn-yellow-darken-1.disabled, .btn-yellow-darken-1:disabled { background-color: #fdd835; border-color: #fdd835; } .btn-yellow-darken-1:active, .btn-yellow-darken-1.active { color: #ffffff; background-color: #caa502; border-color: #f2c602; } .btn-yellow-darken-1-o { color: #fdd835; background-color: transparent; border-color: #fdd835; } .btn-yellow-darken-1-o:link, .btn-yellow-darken-1-o:visited, .btn-yellow-darken-1-o.visited { color: #fdd835; background-color: transparent; border-color: #fdd835; } .btn-yellow-darken-1-o:hover { color: #fef0b3; border-color: #fef0b3; } .btn-yellow-darken-1-o.disabled, .btn-yellow-darken-1-o:disabled { color: #fdd835; } .btn-yellow-darken-1-o:active, .btn-yellow-darken-1-o.active { color: #fef0b3; border-color: #fef0b3; } .btn-yellow-darken-2 { color: #ffffff; background-color: #fbc02d; border-color: #fbc02d; } .btn-yellow-darken-2:link, .btn-yellow-darken-2:visited, .btn-yellow-darken-2.visited { color: #ffffff; background-color: #fbc02d; border-color: #fbc02d; } .btn-yellow-darken-2:focus, .btn-yellow-darken-2:hover { color: #ffffff; background-color: #be8904; border-color: #e6a604; } .btn-yellow-darken-2.disabled, .btn-yellow-darken-2:disabled { background-color: #fbc02d; border-color: #fbc02d; } .btn-yellow-darken-2:active, .btn-yellow-darken-2.active { color: #ffffff; background-color: #be8904; border-color: #e6a604; } .btn-yellow-darken-2-o { color: #fbc02d; background-color: transparent; border-color: #fbc02d; } .btn-yellow-darken-2-o:link, .btn-yellow-darken-2-o:visited, .btn-yellow-darken-2-o.visited { color: #fbc02d; background-color: transparent; border-color: #fbc02d; } .btn-yellow-darken-2-o:hover { color: #fde6aa; border-color: #fde6aa; } .btn-yellow-darken-2-o.disabled, .btn-yellow-darken-2-o:disabled { color: #fbc02d; } .btn-yellow-darken-2-o:active, .btn-yellow-darken-2-o.active { color: #fde6aa; border-color: #fde6aa; } .btn-yellow-darken-3 { color: #ffffff; background-color: #f9a825; border-color: #f9a825; } .btn-yellow-darken-3:link, .btn-yellow-darken-3:visited, .btn-yellow-darken-3.visited { color: #ffffff; background-color: #f9a825; border-color: #f9a825; } .btn-yellow-darken-3:focus, .btn-yellow-darken-3:hover { color: #ffffff; background-color: #b37105; border-color: #db8906; } .btn-yellow-darken-3.disabled, .btn-yellow-darken-3:disabled { background-color: #f9a825; border-color: #f9a825; } .btn-yellow-darken-3:active, .btn-yellow-darken-3.active { color: #ffffff; background-color: #b37105; border-color: #db8906; } .btn-yellow-darken-3-o { color: #f9a825; background-color: transparent; border-color: #f9a825; } .btn-yellow-darken-3-o:link, .btn-yellow-darken-3-o:visited, .btn-yellow-darken-3-o.visited { color: #f9a825; background-color: transparent; border-color: #f9a825; } .btn-yellow-darken-3-o:hover { color: #fcdaa1; border-color: #fcdaa1; } .btn-yellow-darken-3-o.disabled, .btn-yellow-darken-3-o:disabled { color: #f9a825; } .btn-yellow-darken-3-o:active, .btn-yellow-darken-3-o.active { color: #fcdaa1; border-color: #fcdaa1; } .btn-yellow-darken-4 { color: #ffffff; background-color: #f57f17; border-color: #f57f17; } .btn-yellow-darken-4:link, .btn-yellow-darken-4:visited, .btn-yellow-darken-4.visited { color: #ffffff; background-color: #f57f17; border-color: #f57f17; } .btn-yellow-darken-4:focus, .btn-yellow-darken-4:hover { color: #ffffff; background-color: #9f4e07; border-color: #c66109; } .btn-yellow-darken-4.disabled, .btn-yellow-darken-4:disabled { background-color: #f57f17; border-color: #f57f17; } .btn-yellow-darken-4:active, .btn-yellow-darken-4.active { color: #ffffff; background-color: #9f4e07; border-color: #c66109; } .btn-yellow-darken-4-o { color: #f57f17; background-color: transparent; border-color: #f57f17; } .btn-yellow-darken-4-o:link, .btn-yellow-darken-4-o:visited, .btn-yellow-darken-4-o.visited { color: #f57f17; background-color: transparent; border-color: #f57f17; } .btn-yellow-darken-4-o:hover { color: #fac291; border-color: #fac291; } .btn-yellow-darken-4-o.disabled, .btn-yellow-darken-4-o:disabled { color: #f57f17; } .btn-yellow-darken-4-o:active, .btn-yellow-darken-4-o.active { color: #fac291; border-color: #fac291; } .btn-yellow-accent-1 { color: #ffffff; background-color: #ffff8d; border-color: #ffff8d; } .btn-yellow-accent-1:link, .btn-yellow-accent-1:visited, .btn-yellow-accent-1.visited { color: #ffffff; background-color: #ffff8d; border-color: #ffff8d; } .btn-yellow-accent-1:focus, .btn-yellow-accent-1:hover { color: #ffffff; background-color: #ffff27; border-color: #ffff50; } .btn-yellow-accent-1.disabled, .btn-yellow-accent-1:disabled { background-color: #ffff8d; border-color: #ffff8d; } .btn-yellow-accent-1:active, .btn-yellow-accent-1.active { color: #ffffff; background-color: #ffff27; border-color: #ffff50; } .btn-yellow-accent-1-o { color: #ffff8d; background-color: transparent; border-color: #ffff8d; } .btn-yellow-accent-1-o:link, .btn-yellow-accent-1-o:visited, .btn-yellow-accent-1-o.visited { color: #ffff8d; background-color: transparent; border-color: #ffff8d; } .btn-yellow-accent-1-o:hover { color: white; border-color: white; } .btn-yellow-accent-1-o.disabled, .btn-yellow-accent-1-o:disabled { color: #ffff8d; } .btn-yellow-accent-1-o:active, .btn-yellow-accent-1-o.active { color: white; border-color: white; } .btn-yellow-accent-2 { color: #ffffff; background-color: #ffff00; border-color: #ffff00; } .btn-yellow-accent-2:link, .btn-yellow-accent-2:visited, .btn-yellow-accent-2.visited { color: #ffffff; background-color: #ffff00; border-color: #ffff00; } .btn-yellow-accent-2:focus, .btn-yellow-accent-2:hover { color: #ffffff; background-color: #999900; border-color: #c2c200; } .btn-yellow-accent-2.disabled, .btn-yellow-accent-2:disabled { background-color: #ffff00; border-color: #ffff00; } .btn-yellow-accent-2:active, .btn-yellow-accent-2.active { color: #ffffff; background-color: #999900; border-color: #c2c200; } .btn-yellow-accent-2-o { color: #ffff00; background-color: transparent; border-color: #ffff00; } .btn-yellow-accent-2-o:link, .btn-yellow-accent-2-o:visited, .btn-yellow-accent-2-o.visited { color: #ffff00; background-color: transparent; border-color: #ffff00; } .btn-yellow-accent-2-o:hover { color: #ffff80; border-color: #ffff80; } .btn-yellow-accent-2-o.disabled, .btn-yellow-accent-2-o:disabled { color: #ffff00; } .btn-yellow-accent-2-o:active, .btn-yellow-accent-2-o.active { color: #ffff80; border-color: #ffff80; } .btn-yellow-accent-3 { color: #ffffff; background-color: #ffea00; border-color: #ffea00; } .btn-yellow-accent-3:link, .btn-yellow-accent-3:visited, .btn-yellow-accent-3.visited { color: #ffffff; background-color: #ffea00; border-color: #ffea00; } .btn-yellow-accent-3:focus, .btn-yellow-accent-3:hover { color: #ffffff; background-color: #998c00; border-color: #c2b200; } .btn-yellow-accent-3.disabled, .btn-yellow-accent-3:disabled { background-color: #ffea00; border-color: #ffea00; } .btn-yellow-accent-3:active, .btn-yellow-accent-3.active { color: #ffffff; background-color: #998c00; border-color: #c2b200; } .btn-yellow-accent-3-o { color: #ffea00; background-color: transparent; border-color: #ffea00; } .btn-yellow-accent-3-o:link, .btn-yellow-accent-3-o:visited, .btn-yellow-accent-3-o.visited { color: #ffea00; background-color: transparent; border-color: #ffea00; } .btn-yellow-accent-3-o:hover { color: #fff580; border-color: #fff580; } .btn-yellow-accent-3-o.disabled, .btn-yellow-accent-3-o:disabled { color: #ffea00; } .btn-yellow-accent-3-o:active, .btn-yellow-accent-3-o.active { color: #fff580; border-color: #fff580; } .btn-yellow-accent-4 { color: #ffffff; background-color: #ffd600; border-color: #ffd600; } .btn-yellow-accent-4:link, .btn-yellow-accent-4:visited, .btn-yellow-accent-4.visited { color: #ffffff; background-color: #ffd600; border-color: #ffd600; } .btn-yellow-accent-4:focus, .btn-yellow-accent-4:hover { color: #ffffff; background-color: #998000; border-color: #c2a300; } .btn-yellow-accent-4.disabled, .btn-yellow-accent-4:disabled { background-color: #ffd600; border-color: #ffd600; } .btn-yellow-accent-4:active, .btn-yellow-accent-4.active { color: #ffffff; background-color: #998000; border-color: #c2a300; } .btn-yellow-accent-4-o { color: #ffd600; background-color: transparent; border-color: #ffd600; } .btn-yellow-accent-4-o:link, .btn-yellow-accent-4-o:visited, .btn-yellow-accent-4-o.visited { color: #ffd600; background-color: transparent; border-color: #ffd600; } .btn-yellow-accent-4-o:hover { color: #ffeb80; border-color: #ffeb80; } .btn-yellow-accent-4-o.disabled, .btn-yellow-accent-4-o:disabled { color: #ffd600; } .btn-yellow-accent-4-o:active, .btn-yellow-accent-4-o.active { color: #ffeb80; border-color: #ffeb80; } .btn-amber { color: #ffffff; background-color: #ffc107; border-color: #ffc107; } .btn-amber:link, .btn-amber:visited, .btn-amber.visited { color: #ffffff; background-color: #ffc107; border-color: #ffc107; } .btn-amber:focus, .btn-amber:hover { color: #ffffff; background-color: #a07800; border-color: #c99700; } .btn-amber.disabled, .btn-amber:disabled { background-color: #ffc107; border-color: #ffc107; } .btn-amber:active, .btn-amber.active { color: #ffffff; background-color: #a07800; border-color: #c99700; } .btn-amber-o { color: #ffc107; background-color: transparent; border-color: #ffc107; } .btn-amber-o:link, .btn-amber-o:visited, .btn-amber-o.visited { color: #ffc107; background-color: transparent; border-color: #ffc107; } .btn-amber-o:hover { color: #ffe187; border-color: #ffe187; } .btn-amber-o.disabled, .btn-amber-o:disabled { color: #ffc107; } .btn-amber-o:active, .btn-amber-o.active { color: #ffe187; border-color: #ffe187; } .btn-amber-lighten-5 { color: #ffffff; background-color: #fff8e1; border-color: #fff8e1; } .btn-amber-lighten-5:link, .btn-amber-lighten-5:visited, .btn-amber-lighten-5.visited { color: #ffffff; background-color: #fff8e1; border-color: #fff8e1; } .btn-amber-lighten-5:focus, .btn-amber-lighten-5:hover { color: #ffffff; background-color: #ffe07b; border-color: #ffeaa4; } .btn-amber-lighten-5.disabled, .btn-amber-lighten-5:disabled { background-color: #fff8e1; border-color: #fff8e1; } .btn-amber-lighten-5:active, .btn-amber-lighten-5.active { color: #ffffff; background-color: #ffe07b; border-color: #ffeaa4; } .btn-amber-lighten-5-o { color: #fff8e1; background-color: transparent; border-color: #fff8e1; } .btn-amber-lighten-5-o:link, .btn-amber-lighten-5-o:visited, .btn-amber-lighten-5-o.visited { color: #fff8e1; background-color: transparent; border-color: #fff8e1; } .btn-amber-lighten-5-o:hover { color: white; border-color: white; } .btn-amber-lighten-5-o.disabled, .btn-amber-lighten-5-o:disabled { color: #fff8e1; } .btn-amber-lighten-5-o:active, .btn-amber-lighten-5-o.active { color: white; border-color: white; } .btn-amber-lighten-4 { color: #ffffff; background-color: #ffecb3; border-color: #ffecb3; } .btn-amber-lighten-4:link, .btn-amber-lighten-4:visited, .btn-amber-lighten-4.visited { color: #ffffff; background-color: #ffecb3; border-color: #ffecb3; } .btn-amber-lighten-4:focus, .btn-amber-lighten-4:hover { color: #ffffff; background-color: #ffd34d; border-color: #ffdd76; } .btn-amber-lighten-4.disabled, .btn-amber-lighten-4:disabled { background-color: #ffecb3; border-color: #ffecb3; } .btn-amber-lighten-4:active, .btn-amber-lighten-4.active { color: #ffffff; background-color: #ffd34d; border-color: #ffdd76; } .btn-amber-lighten-4-o { color: #ffecb3; background-color: transparent; border-color: #ffecb3; } .btn-amber-lighten-4-o:link, .btn-amber-lighten-4-o:visited, .btn-amber-lighten-4-o.visited { color: #ffecb3; background-color: transparent; border-color: #ffecb3; } .btn-amber-lighten-4-o:hover { color: white; border-color: white; } .btn-amber-lighten-4-o.disabled, .btn-amber-lighten-4-o:disabled { color: #ffecb3; } .btn-amber-lighten-4-o:active, .btn-amber-lighten-4-o.active { color: white; border-color: white; } .btn-amber-lighten-3 { color: #ffffff; background-color: #ffe082; border-color: #ffe082; } .btn-amber-lighten-3:link, .btn-amber-lighten-3:visited, .btn-amber-lighten-3.visited { color: #ffffff; background-color: #ffe082; border-color: #ffe082; } .btn-amber-lighten-3:focus, .btn-amber-lighten-3:hover { color: #ffffff; background-color: #ffc71c; border-color: #ffd145; } .btn-amber-lighten-3.disabled, .btn-amber-lighten-3:disabled { background-color: #ffe082; border-color: #ffe082; } .btn-amber-lighten-3:active, .btn-amber-lighten-3.active { color: #ffffff; background-color: #ffc71c; border-color: #ffd145; } .btn-amber-lighten-3-o { color: #ffe082; background-color: transparent; border-color: #ffe082; } .btn-amber-lighten-3-o:link, .btn-amber-lighten-3-o:visited, .btn-amber-lighten-3-o.visited { color: #ffe082; background-color: transparent; border-color: #ffe082; } .btn-amber-lighten-3-o:hover { color: white; border-color: white; } .btn-amber-lighten-3-o.disabled, .btn-amber-lighten-3-o:disabled { color: #ffe082; } .btn-amber-lighten-3-o:active, .btn-amber-lighten-3-o.active { color: white; border-color: white; } .btn-amber-lighten-2 { color: #ffffff; background-color: #ffd54f; border-color: #ffd54f; } .btn-amber-lighten-2:link, .btn-amber-lighten-2:visited, .btn-amber-lighten-2.visited { color: #ffffff; background-color: #ffd54f; border-color: #ffd54f; } .btn-amber-lighten-2:focus, .btn-amber-lighten-2:hover { color: #ffffff; background-color: #e8b100; border-color: #ffc612; } .btn-amber-lighten-2.disabled, .btn-amber-lighten-2:disabled { background-color: #ffd54f; border-color: #ffd54f; } .btn-amber-lighten-2:active, .btn-amber-lighten-2.active { color: #ffffff; background-color: #e8b100; border-color: #ffc612; } .btn-amber-lighten-2-o { color: #ffd54f; background-color: transparent; border-color: #ffd54f; } .btn-amber-lighten-2-o:link, .btn-amber-lighten-2-o:visited, .btn-amber-lighten-2-o.visited { color: #ffd54f; background-color: transparent; border-color: #ffd54f; } .btn-amber-lighten-2-o:hover { color: #fff3cf; border-color: #fff3cf; } .btn-amber-lighten-2-o.disabled, .btn-amber-lighten-2-o:disabled { color: #ffd54f; } .btn-amber-lighten-2-o:active, .btn-amber-lighten-2-o.active { color: #fff3cf; border-color: #fff3cf; } .btn-amber-lighten-1 { color: #ffffff; background-color: #ffca28; border-color: #ffca28; } .btn-amber-lighten-1:link, .btn-amber-lighten-1:visited, .btn-amber-lighten-1.visited { color: #ffffff; background-color: #ffca28; border-color: #ffca28; } .btn-amber-lighten-1:focus, .btn-amber-lighten-1:hover { color: #ffffff; background-color: #c19100; border-color: #eab000; } .btn-amber-lighten-1.disabled, .btn-amber-lighten-1:disabled { background-color: #ffca28; border-color: #ffca28; } .btn-amber-lighten-1:active, .btn-amber-lighten-1.active { color: #ffffff; background-color: #c19100; border-color: #eab000; } .btn-amber-lighten-1-o { color: #ffca28; background-color: transparent; border-color: #ffca28; } .btn-amber-lighten-1-o:link, .btn-amber-lighten-1-o:visited, .btn-amber-lighten-1-o.visited { color: #ffca28; background-color: transparent; border-color: #ffca28; } .btn-amber-lighten-1-o:hover { color: #ffe9a8; border-color: #ffe9a8; } .btn-amber-lighten-1-o.disabled, .btn-amber-lighten-1-o:disabled { color: #ffca28; } .btn-amber-lighten-1-o:active, .btn-amber-lighten-1-o.active { color: #ffe9a8; border-color: #ffe9a8; } .btn-amber-darken-1 { color: #ffffff; background-color: #ffb300; border-color: #ffb300; } .btn-amber-darken-1:link, .btn-amber-darken-1:visited, .btn-amber-darken-1.visited { color: #ffffff; background-color: #ffb300; border-color: #ffb300; } .btn-amber-darken-1:focus, .btn-amber-darken-1:hover { color: #ffffff; background-color: #996b00; border-color: #c28800; } .btn-amber-darken-1.disabled, .btn-amber-darken-1:disabled { background-color: #ffb300; border-color: #ffb300; } .btn-amber-darken-1:active, .btn-amber-darken-1.active { color: #ffffff; background-color: #996b00; border-color: #c28800; } .btn-amber-darken-1-o { color: #ffb300; background-color: transparent; border-color: #ffb300; } .btn-amber-darken-1-o:link, .btn-amber-darken-1-o:visited, .btn-amber-darken-1-o.visited { color: #ffb300; background-color: transparent; border-color: #ffb300; } .btn-amber-darken-1-o:hover { color: #ffd980; border-color: #ffd980; } .btn-amber-darken-1-o.disabled, .btn-amber-darken-1-o:disabled { color: #ffb300; } .btn-amber-darken-1-o:active, .btn-amber-darken-1-o.active { color: #ffd980; border-color: #ffd980; } .btn-amber-darken-2 { color: #ffffff; background-color: #ffa000; border-color: #ffa000; } .btn-amber-darken-2:link, .btn-amber-darken-2:visited, .btn-amber-darken-2.visited { color: #ffffff; background-color: #ffa000; border-color: #ffa000; } .btn-amber-darken-2:focus, .btn-amber-darken-2:hover { color: #ffffff; background-color: #996000; border-color: #c27a00; } .btn-amber-darken-2.disabled, .btn-amber-darken-2:disabled { background-color: #ffa000; border-color: #ffa000; } .btn-amber-darken-2:active, .btn-amber-darken-2.active { color: #ffffff; background-color: #996000; border-color: #c27a00; } .btn-amber-darken-2-o { color: #ffa000; background-color: transparent; border-color: #ffa000; } .btn-amber-darken-2-o:link, .btn-amber-darken-2-o:visited, .btn-amber-darken-2-o.visited { color: #ffa000; background-color: transparent; border-color: #ffa000; } .btn-amber-darken-2-o:hover { color: #ffd080; border-color: #ffd080; } .btn-amber-darken-2-o.disabled, .btn-amber-darken-2-o:disabled { color: #ffa000; } .btn-amber-darken-2-o:active, .btn-amber-darken-2-o.active { color: #ffd080; border-color: #ffd080; } .btn-amber-darken-3 { color: #ffffff; background-color: #ff8f00; border-color: #ff8f00; } .btn-amber-darken-3:link, .btn-amber-darken-3:visited, .btn-amber-darken-3.visited { color: #ffffff; background-color: #ff8f00; border-color: #ff8f00; } .btn-amber-darken-3:focus, .btn-amber-darken-3:hover { color: #ffffff; background-color: #995600; border-color: #c26d00; } .btn-amber-darken-3.disabled, .btn-amber-darken-3:disabled { background-color: #ff8f00; border-color: #ff8f00; } .btn-amber-darken-3:active, .btn-amber-darken-3.active { color: #ffffff; background-color: #995600; border-color: #c26d00; } .btn-amber-darken-3-o { color: #ff8f00; background-color: transparent; border-color: #ff8f00; } .btn-amber-darken-3-o:link, .btn-amber-darken-3-o:visited, .btn-amber-darken-3-o.visited { color: #ff8f00; background-color: transparent; border-color: #ff8f00; } .btn-amber-darken-3-o:hover { color: #ffc780; border-color: #ffc780; } .btn-amber-darken-3-o.disabled, .btn-amber-darken-3-o:disabled { color: #ff8f00; } .btn-amber-darken-3-o:active, .btn-amber-darken-3-o.active { color: #ffc780; border-color: #ffc780; } .btn-amber-darken-4 { color: #ffffff; background-color: #ff6f00; border-color: #ff6f00; } .btn-amber-darken-4:link, .btn-amber-darken-4:visited, .btn-amber-darken-4.visited { color: #ffffff; background-color: #ff6f00; border-color: #ff6f00; } .btn-amber-darken-4:focus, .btn-amber-darken-4:hover { color: #ffffff; background-color: #994300; border-color: #c25400; } .btn-amber-darken-4.disabled, .btn-amber-darken-4:disabled { background-color: #ff6f00; border-color: #ff6f00; } .btn-amber-darken-4:active, .btn-amber-darken-4.active { color: #ffffff; background-color: #994300; border-color: #c25400; } .btn-amber-darken-4-o { color: #ff6f00; background-color: transparent; border-color: #ff6f00; } .btn-amber-darken-4-o:link, .btn-amber-darken-4-o:visited, .btn-amber-darken-4-o.visited { color: #ff6f00; background-color: transparent; border-color: #ff6f00; } .btn-amber-darken-4-o:hover { color: #ffb780; border-color: #ffb780; } .btn-amber-darken-4-o.disabled, .btn-amber-darken-4-o:disabled { color: #ff6f00; } .btn-amber-darken-4-o:active, .btn-amber-darken-4-o.active { color: #ffb780; border-color: #ffb780; } .btn-amber-accent-1 { color: #ffffff; background-color: #ffe57f; border-color: #ffe57f; } .btn-amber-accent-1:link, .btn-amber-accent-1:visited, .btn-amber-accent-1.visited { color: #ffffff; background-color: #ffe57f; border-color: #ffe57f; } .btn-amber-accent-1:focus, .btn-amber-accent-1:hover { color: #ffffff; background-color: #ffd019; border-color: #ffd942; } .btn-amber-accent-1.disabled, .btn-amber-accent-1:disabled { background-color: #ffe57f; border-color: #ffe57f; } .btn-amber-accent-1:active, .btn-amber-accent-1.active { color: #ffffff; background-color: #ffd019; border-color: #ffd942; } .btn-amber-accent-1-o { color: #ffe57f; background-color: transparent; border-color: #ffe57f; } .btn-amber-accent-1-o:link, .btn-amber-accent-1-o:visited, .btn-amber-accent-1-o.visited { color: #ffe57f; background-color: transparent; border-color: #ffe57f; } .btn-amber-accent-1-o:hover { color: white; border-color: white; } .btn-amber-accent-1-o.disabled, .btn-amber-accent-1-o:disabled { color: #ffe57f; } .btn-amber-accent-1-o:active, .btn-amber-accent-1-o.active { color: white; border-color: white; } .btn-amber-accent-2 { color: #ffffff; background-color: #ffd740; border-color: #ffd740; } .btn-amber-accent-2:link, .btn-amber-accent-2:visited, .btn-amber-accent-2.visited { color: #ffffff; background-color: #ffd740; border-color: #ffd740; } .btn-amber-accent-2:focus, .btn-amber-accent-2:hover { color: #ffffff; background-color: #d9ac00; border-color: #ffca03; } .btn-amber-accent-2.disabled, .btn-amber-accent-2:disabled { background-color: #ffd740; border-color: #ffd740; } .btn-amber-accent-2:active, .btn-amber-accent-2.active { color: #ffffff; background-color: #d9ac00; border-color: #ffca03; } .btn-amber-accent-2-o { color: #ffd740; background-color: transparent; border-color: #ffd740; } .btn-amber-accent-2-o:link, .btn-amber-accent-2-o:visited, .btn-amber-accent-2-o.visited { color: #ffd740; background-color: transparent; border-color: #ffd740; } .btn-amber-accent-2-o:hover { color: #fff2c0; border-color: #fff2c0; } .btn-amber-accent-2-o.disabled, .btn-amber-accent-2-o:disabled { color: #ffd740; } .btn-amber-accent-2-o:active, .btn-amber-accent-2-o.active { color: #fff2c0; border-color: #fff2c0; } .btn-amber-accent-3 { color: #ffffff; background-color: #ffc400; border-color: #ffc400; } .btn-amber-accent-3:link, .btn-amber-accent-3:visited, .btn-amber-accent-3.visited { color: #ffffff; background-color: #ffc400; border-color: #ffc400; } .btn-amber-accent-3:focus, .btn-amber-accent-3:hover { color: #ffffff; background-color: #997600; border-color: #c29500; } .btn-amber-accent-3.disabled, .btn-amber-accent-3:disabled { background-color: #ffc400; border-color: #ffc400; } .btn-amber-accent-3:active, .btn-amber-accent-3.active { color: #ffffff; background-color: #997600; border-color: #c29500; } .btn-amber-accent-3-o { color: #ffc400; background-color: transparent; border-color: #ffc400; } .btn-amber-accent-3-o:link, .btn-amber-accent-3-o:visited, .btn-amber-accent-3-o.visited { color: #ffc400; background-color: transparent; border-color: #ffc400; } .btn-amber-accent-3-o:hover { color: #ffe280; border-color: #ffe280; } .btn-amber-accent-3-o.disabled, .btn-amber-accent-3-o:disabled { color: #ffc400; } .btn-amber-accent-3-o:active, .btn-amber-accent-3-o.active { color: #ffe280; border-color: #ffe280; } .btn-amber-accent-4 { color: #ffffff; background-color: #ffab00; border-color: #ffab00; } .btn-amber-accent-4:link, .btn-amber-accent-4:visited, .btn-amber-accent-4.visited { color: #ffffff; background-color: #ffab00; border-color: #ffab00; } .btn-amber-accent-4:focus, .btn-amber-accent-4:hover { color: #ffffff; background-color: #996700; border-color: #c28200; } .btn-amber-accent-4.disabled, .btn-amber-accent-4:disabled { background-color: #ffab00; border-color: #ffab00; } .btn-amber-accent-4:active, .btn-amber-accent-4.active { color: #ffffff; background-color: #996700; border-color: #c28200; } .btn-amber-accent-4-o { color: #ffab00; background-color: transparent; border-color: #ffab00; } .btn-amber-accent-4-o:link, .btn-amber-accent-4-o:visited, .btn-amber-accent-4-o.visited { color: #ffab00; background-color: transparent; border-color: #ffab00; } .btn-amber-accent-4-o:hover { color: #ffd580; border-color: #ffd580; } .btn-amber-accent-4-o.disabled, .btn-amber-accent-4-o:disabled { color: #ffab00; } .btn-amber-accent-4-o:active, .btn-amber-accent-4-o.active { color: #ffd580; border-color: #ffd580; } .btn-orange { color: #ffffff; background-color: #ff9800; border-color: #ff9800; } .btn-orange:link, .btn-orange:visited, .btn-orange.visited { color: #ffffff; background-color: #ff9800; border-color: #ff9800; } .btn-orange:focus, .btn-orange:hover { color: #ffffff; background-color: #995b00; border-color: #c27400; } .btn-orange.disabled, .btn-orange:disabled { background-color: #ff9800; border-color: #ff9800; } .btn-orange:active, .btn-orange.active { color: #ffffff; background-color: #995b00; border-color: #c27400; } .btn-orange-o { color: #ff9800; background-color: transparent; border-color: #ff9800; } .btn-orange-o:link, .btn-orange-o:visited, .btn-orange-o.visited { color: #ff9800; background-color: transparent; border-color: #ff9800; } .btn-orange-o:hover { color: #ffcc80; border-color: #ffcc80; } .btn-orange-o.disabled, .btn-orange-o:disabled { color: #ff9800; } .btn-orange-o:active, .btn-orange-o.active { color: #ffcc80; border-color: #ffcc80; } .btn-orange-lighten-5 { color: #ffffff; background-color: #fff3e0; border-color: #fff3e0; } .btn-orange-lighten-5:link, .btn-orange-lighten-5:visited, .btn-orange-lighten-5.visited { color: #ffffff; background-color: #fff3e0; border-color: #fff3e0; } .btn-orange-lighten-5:focus, .btn-orange-lighten-5:hover { color: #ffffff; background-color: #ffcc7a; border-color: #ffdba3; } .btn-orange-lighten-5.disabled, .btn-orange-lighten-5:disabled { background-color: #fff3e0; border-color: #fff3e0; } .btn-orange-lighten-5:active, .btn-orange-lighten-5.active { color: #ffffff; background-color: #ffcc7a; border-color: #ffdba3; } .btn-orange-lighten-5-o { color: #fff3e0; background-color: transparent; border-color: #fff3e0; } .btn-orange-lighten-5-o:link, .btn-orange-lighten-5-o:visited, .btn-orange-lighten-5-o.visited { color: #fff3e0; background-color: transparent; border-color: #fff3e0; } .btn-orange-lighten-5-o:hover { color: white; border-color: white; } .btn-orange-lighten-5-o.disabled, .btn-orange-lighten-5-o:disabled { color: #fff3e0; } .btn-orange-lighten-5-o:active, .btn-orange-lighten-5-o.active { color: white; border-color: white; } .btn-orange-lighten-4 { color: #ffffff; background-color: #ffe0b2; border-color: #ffe0b2; } .btn-orange-lighten-4:link, .btn-orange-lighten-4:visited, .btn-orange-lighten-4.visited { color: #ffffff; background-color: #ffe0b2; border-color: #ffe0b2; } .btn-orange-lighten-4:focus, .btn-orange-lighten-4:hover { color: #ffffff; background-color: #ffb74c; border-color: #ffc775; } .btn-orange-lighten-4.disabled, .btn-orange-lighten-4:disabled { background-color: #ffe0b2; border-color: #ffe0b2; } .btn-orange-lighten-4:active, .btn-orange-lighten-4.active { color: #ffffff; background-color: #ffb74c; border-color: #ffc775; } .btn-orange-lighten-4-o { color: #ffe0b2; background-color: transparent; border-color: #ffe0b2; } .btn-orange-lighten-4-o:link, .btn-orange-lighten-4-o:visited, .btn-orange-lighten-4-o.visited { color: #ffe0b2; background-color: transparent; border-color: #ffe0b2; } .btn-orange-lighten-4-o:hover { color: white; border-color: white; } .btn-orange-lighten-4-o.disabled, .btn-orange-lighten-4-o:disabled { color: #ffe0b2; } .btn-orange-lighten-4-o:active, .btn-orange-lighten-4-o.active { color: white; border-color: white; } .btn-orange-lighten-3 { color: #ffffff; background-color: #ffcc80; border-color: #ffcc80; } .btn-orange-lighten-3:link, .btn-orange-lighten-3:visited, .btn-orange-lighten-3.visited { color: #ffffff; background-color: #ffcc80; border-color: #ffcc80; } .btn-orange-lighten-3:focus, .btn-orange-lighten-3:hover { color: #ffffff; background-color: #ffa31a; border-color: #ffb343; } .btn-orange-lighten-3.disabled, .btn-orange-lighten-3:disabled { background-color: #ffcc80; border-color: #ffcc80; } .btn-orange-lighten-3:active, .btn-orange-lighten-3.active { color: #ffffff; background-color: #ffa31a; border-color: #ffb343; } .btn-orange-lighten-3-o { color: #ffcc80; background-color: transparent; border-color: #ffcc80; } .btn-orange-lighten-3-o:link, .btn-orange-lighten-3-o:visited, .btn-orange-lighten-3-o.visited { color: #ffcc80; background-color: transparent; border-color: #ffcc80; } .btn-orange-lighten-3-o:hover { color: white; border-color: white; } .btn-orange-lighten-3-o.disabled, .btn-orange-lighten-3-o:disabled { color: #ffcc80; } .btn-orange-lighten-3-o:active, .btn-orange-lighten-3-o.active { color: white; border-color: white; } .btn-orange-lighten-2 { color: #ffffff; background-color: #ffb74d; border-color: #ffb74d; } .btn-orange-lighten-2:link, .btn-orange-lighten-2:visited, .btn-orange-lighten-2.visited { color: #ffffff; background-color: #ffb74d; border-color: #ffb74d; } .btn-orange-lighten-2:focus, .btn-orange-lighten-2:hover { color: #ffffff; background-color: #e68900; border-color: #ff9e10; } .btn-orange-lighten-2.disabled, .btn-orange-lighten-2:disabled { background-color: #ffb74d; border-color: #ffb74d; } .btn-orange-lighten-2:active, .btn-orange-lighten-2.active { color: #ffffff; background-color: #e68900; border-color: #ff9e10; } .btn-orange-lighten-2-o { color: #ffb74d; background-color: transparent; border-color: #ffb74d; } .btn-orange-lighten-2-o:link, .btn-orange-lighten-2-o:visited, .btn-orange-lighten-2-o.visited { color: #ffb74d; background-color: transparent; border-color: #ffb74d; } .btn-orange-lighten-2-o:hover { color: blanchedalmond; border-color: blanchedalmond; } .btn-orange-lighten-2-o.disabled, .btn-orange-lighten-2-o:disabled { color: #ffb74d; } .btn-orange-lighten-2-o:active, .btn-orange-lighten-2-o.active { color: blanchedalmond; border-color: blanchedalmond; } .btn-orange-lighten-1 { color: #ffffff; background-color: #ffa726; border-color: #ffa726; } .btn-orange-lighten-1:link, .btn-orange-lighten-1:visited, .btn-orange-lighten-1.visited { color: #ffffff; background-color: #ffa726; border-color: #ffa726; } .btn-orange-lighten-1:focus, .btn-orange-lighten-1:hover { color: #ffffff; background-color: #bf7200; border-color: #e88a00; } .btn-orange-lighten-1.disabled, .btn-orange-lighten-1:disabled { background-color: #ffa726; border-color: #ffa726; } .btn-orange-lighten-1:active, .btn-orange-lighten-1.active { color: #ffffff; background-color: #bf7200; border-color: #e88a00; } .btn-orange-lighten-1-o { color: #ffa726; background-color: transparent; border-color: #ffa726; } .btn-orange-lighten-1-o:link, .btn-orange-lighten-1-o:visited, .btn-orange-lighten-1-o.visited { color: #ffa726; background-color: transparent; border-color: #ffa726; } .btn-orange-lighten-1-o:hover { color: #ffdba6; border-color: #ffdba6; } .btn-orange-lighten-1-o.disabled, .btn-orange-lighten-1-o:disabled { color: #ffa726; } .btn-orange-lighten-1-o:active, .btn-orange-lighten-1-o.active { color: #ffdba6; border-color: #ffdba6; } .btn-orange-darken-1 { color: #ffffff; background-color: #fb8c00; border-color: #fb8c00; } .btn-orange-darken-1:link, .btn-orange-darken-1:visited, .btn-orange-darken-1.visited { color: #ffffff; background-color: #fb8c00; border-color: #fb8c00; } .btn-orange-darken-1:focus, .btn-orange-darken-1:hover { color: #ffffff; background-color: #955300; border-color: #be6a00; } .btn-orange-darken-1.disabled, .btn-orange-darken-1:disabled { background-color: #fb8c00; border-color: #fb8c00; } .btn-orange-darken-1:active, .btn-orange-darken-1.active { color: #ffffff; background-color: #955300; border-color: #be6a00; } .btn-orange-darken-1-o { color: #fb8c00; background-color: transparent; border-color: #fb8c00; } .btn-orange-darken-1-o:link, .btn-orange-darken-1-o:visited, .btn-orange-darken-1-o.visited { color: #fb8c00; background-color: transparent; border-color: #fb8c00; } .btn-orange-darken-1-o:hover { color: #ffc57c; border-color: #ffc57c; } .btn-orange-darken-1-o.disabled, .btn-orange-darken-1-o:disabled { color: #fb8c00; } .btn-orange-darken-1-o:active, .btn-orange-darken-1-o.active { color: #ffc57c; border-color: #ffc57c; } .btn-orange-darken-2 { color: #ffffff; background-color: #f57c00; border-color: #f57c00; } .btn-orange-darken-2:link, .btn-orange-darken-2:visited, .btn-orange-darken-2.visited { color: #ffffff; background-color: #f57c00; border-color: #f57c00; } .btn-orange-darken-2:focus, .btn-orange-darken-2:hover { color: #ffffff; background-color: #8f4800; border-color: #b85d00; } .btn-orange-darken-2.disabled, .btn-orange-darken-2:disabled { background-color: #f57c00; border-color: #f57c00; } .btn-orange-darken-2:active, .btn-orange-darken-2.active { color: #ffffff; background-color: #8f4800; border-color: #b85d00; } .btn-orange-darken-2-o { color: #f57c00; background-color: transparent; border-color: #f57c00; } .btn-orange-darken-2-o:link, .btn-orange-darken-2-o:visited, .btn-orange-darken-2-o.visited { color: #f57c00; background-color: transparent; border-color: #f57c00; } .btn-orange-darken-2-o:hover { color: #ffbb76; border-color: #ffbb76; } .btn-orange-darken-2-o.disabled, .btn-orange-darken-2-o:disabled { color: #f57c00; } .btn-orange-darken-2-o:active, .btn-orange-darken-2-o.active { color: #ffbb76; border-color: #ffbb76; } .btn-orange-darken-3 { color: #ffffff; background-color: #ef6c00; border-color: #ef6c00; } .btn-orange-darken-3:link, .btn-orange-darken-3:visited, .btn-orange-darken-3.visited { color: #ffffff; background-color: #ef6c00; border-color: #ef6c00; } .btn-orange-darken-3:focus, .btn-orange-darken-3:hover { color: #ffffff; background-color: #893e00; border-color: #b25000; } .btn-orange-darken-3.disabled, .btn-orange-darken-3:disabled { background-color: #ef6c00; border-color: #ef6c00; } .btn-orange-darken-3:active, .btn-orange-darken-3.active { color: #ffffff; background-color: #893e00; border-color: #b25000; } .btn-orange-darken-3-o { color: #ef6c00; background-color: transparent; border-color: #ef6c00; } .btn-orange-darken-3-o:link, .btn-orange-darken-3-o:visited, .btn-orange-darken-3-o.visited { color: #ef6c00; background-color: transparent; border-color: #ef6c00; } .btn-orange-darken-3-o:hover { color: #ffb070; border-color: #ffb070; } .btn-orange-darken-3-o.disabled, .btn-orange-darken-3-o:disabled { color: #ef6c00; } .btn-orange-darken-3-o:active, .btn-orange-darken-3-o.active { color: #ffb070; border-color: #ffb070; } .btn-orange-darken-4 { color: #ffffff; background-color: #e65100; border-color: #e65100; } .btn-orange-darken-4:link, .btn-orange-darken-4:visited, .btn-orange-darken-4.visited { color: #ffffff; background-color: #e65100; border-color: #e65100; } .btn-orange-darken-4:focus, .btn-orange-darken-4:hover { color: #ffffff; background-color: #802d00; border-color: #a93b00; } .btn-orange-darken-4.disabled, .btn-orange-darken-4:disabled { background-color: #e65100; border-color: #e65100; } .btn-orange-darken-4:active, .btn-orange-darken-4.active { color: #ffffff; background-color: #802d00; border-color: #a93b00; } .btn-orange-darken-4-o { color: #e65100; background-color: transparent; border-color: #e65100; } .btn-orange-darken-4-o:link, .btn-orange-darken-4-o:visited, .btn-orange-darken-4-o.visited { color: #e65100; background-color: transparent; border-color: #e65100; } .btn-orange-darken-4-o:hover { color: #ff9c67; border-color: #ff9c67; } .btn-orange-darken-4-o.disabled, .btn-orange-darken-4-o:disabled { color: #e65100; } .btn-orange-darken-4-o:active, .btn-orange-darken-4-o.active { color: #ff9c67; border-color: #ff9c67; } .btn-orange-accent-1 { color: #ffffff; background-color: #ffd180; border-color: #ffd180; } .btn-orange-accent-1:link, .btn-orange-accent-1:visited, .btn-orange-accent-1.visited { color: #ffffff; background-color: #ffd180; border-color: #ffd180; } .btn-orange-accent-1:focus, .btn-orange-accent-1:hover { color: #ffffff; background-color: #ffac1a; border-color: #ffbb43; } .btn-orange-accent-1.disabled, .btn-orange-accent-1:disabled { background-color: #ffd180; border-color: #ffd180; } .btn-orange-accent-1:active, .btn-orange-accent-1.active { color: #ffffff; background-color: #ffac1a; border-color: #ffbb43; } .btn-orange-accent-1-o { color: #ffd180; background-color: transparent; border-color: #ffd180; } .btn-orange-accent-1-o:link, .btn-orange-accent-1-o:visited, .btn-orange-accent-1-o.visited { color: #ffd180; background-color: transparent; border-color: #ffd180; } .btn-orange-accent-1-o:hover { color: white; border-color: white; } .btn-orange-accent-1-o.disabled, .btn-orange-accent-1-o:disabled { color: #ffd180; } .btn-orange-accent-1-o:active, .btn-orange-accent-1-o.active { color: white; border-color: white; } .btn-orange-accent-2 { color: #ffffff; background-color: #ffab40; border-color: #ffab40; } .btn-orange-accent-2:link, .btn-orange-accent-2:visited, .btn-orange-accent-2.visited { color: #ffffff; background-color: #ffab40; border-color: #ffab40; } .btn-orange-accent-2:focus, .btn-orange-accent-2:hover { color: #ffffff; background-color: #d97a00; border-color: #ff9003; } .btn-orange-accent-2.disabled, .btn-orange-accent-2:disabled { background-color: #ffab40; border-color: #ffab40; } .btn-orange-accent-2:active, .btn-orange-accent-2.active { color: #ffffff; background-color: #d97a00; border-color: #ff9003; } .btn-orange-accent-2-o { color: #ffab40; background-color: transparent; border-color: #ffab40; } .btn-orange-accent-2-o:link, .btn-orange-accent-2-o:visited, .btn-orange-accent-2-o.visited { color: #ffab40; background-color: transparent; border-color: #ffab40; } .btn-orange-accent-2-o:hover { color: #ffe3c0; border-color: #ffe3c0; } .btn-orange-accent-2-o.disabled, .btn-orange-accent-2-o:disabled { color: #ffab40; } .btn-orange-accent-2-o:active, .btn-orange-accent-2-o.active { color: #ffe3c0; border-color: #ffe3c0; } .btn-orange-accent-3 { color: #ffffff; background-color: #ff9100; border-color: #ff9100; } .btn-orange-accent-3:link, .btn-orange-accent-3:visited, .btn-orange-accent-3.visited { color: #ffffff; background-color: #ff9100; border-color: #ff9100; } .btn-orange-accent-3:focus, .btn-orange-accent-3:hover { color: #ffffff; background-color: #995700; border-color: #c26e00; } .btn-orange-accent-3.disabled, .btn-orange-accent-3:disabled { background-color: #ff9100; border-color: #ff9100; } .btn-orange-accent-3:active, .btn-orange-accent-3.active { color: #ffffff; background-color: #995700; border-color: #c26e00; } .btn-orange-accent-3-o { color: #ff9100; background-color: transparent; border-color: #ff9100; } .btn-orange-accent-3-o:link, .btn-orange-accent-3-o:visited, .btn-orange-accent-3-o.visited { color: #ff9100; background-color: transparent; border-color: #ff9100; } .btn-orange-accent-3-o:hover { color: #ffc880; border-color: #ffc880; } .btn-orange-accent-3-o.disabled, .btn-orange-accent-3-o:disabled { color: #ff9100; } .btn-orange-accent-3-o:active, .btn-orange-accent-3-o.active { color: #ffc880; border-color: #ffc880; } .btn-orange-accent-4 { color: #ffffff; background-color: #ff6d00; border-color: #ff6d00; } .btn-orange-accent-4:link, .btn-orange-accent-4:visited, .btn-orange-accent-4.visited { color: #ffffff; background-color: #ff6d00; border-color: #ff6d00; } .btn-orange-accent-4:focus, .btn-orange-accent-4:hover { color: #ffffff; background-color: #994100; border-color: #c25300; } .btn-orange-accent-4.disabled, .btn-orange-accent-4:disabled { background-color: #ff6d00; border-color: #ff6d00; } .btn-orange-accent-4:active, .btn-orange-accent-4.active { color: #ffffff; background-color: #994100; border-color: #c25300; } .btn-orange-accent-4-o { color: #ff6d00; background-color: transparent; border-color: #ff6d00; } .btn-orange-accent-4-o:link, .btn-orange-accent-4-o:visited, .btn-orange-accent-4-o.visited { color: #ff6d00; background-color: transparent; border-color: #ff6d00; } .btn-orange-accent-4-o:hover { color: #ffb680; border-color: #ffb680; } .btn-orange-accent-4-o.disabled, .btn-orange-accent-4-o:disabled { color: #ff6d00; } .btn-orange-accent-4-o:active, .btn-orange-accent-4-o.active { color: #ffb680; border-color: #ffb680; } .btn-deep-orange { color: #ffffff; background-color: #ff5722; border-color: #ff5722; } .btn-deep-orange:link, .btn-deep-orange:visited, .btn-deep-orange.visited { color: #ffffff; background-color: #ff5722; border-color: #ff5722; } .btn-deep-orange:focus, .btn-deep-orange:hover { color: #ffffff; background-color: #bb2d00; border-color: #e43700; } .btn-deep-orange.disabled, .btn-deep-orange:disabled { background-color: #ff5722; border-color: #ff5722; } .btn-deep-orange:active, .btn-deep-orange.active { color: #ffffff; background-color: #bb2d00; border-color: #e43700; } .btn-deep-orange-o { color: #ff5722; background-color: transparent; border-color: #ff5722; } .btn-deep-orange-o:link, .btn-deep-orange-o:visited, .btn-deep-orange-o.visited { color: #ff5722; background-color: transparent; border-color: #ff5722; } .btn-deep-orange-o:hover { color: #ffb8a2; border-color: #ffb8a2; } .btn-deep-orange-o.disabled, .btn-deep-orange-o:disabled { color: #ff5722; } .btn-deep-orange-o:active, .btn-deep-orange-o.active { color: #ffb8a2; border-color: #ffb8a2; } .btn-deep-orange-lighten-5 { color: #ffffff; background-color: #fbe9e7; border-color: #fbe9e7; } .btn-deep-orange-lighten-5:link, .btn-deep-orange-lighten-5:visited, .btn-deep-orange-lighten-5.visited { color: #ffffff; background-color: #fbe9e7; border-color: #fbe9e7; } .btn-deep-orange-lighten-5:focus, .btn-deep-orange-lighten-5:hover { color: #ffffff; background-color: #ec9990; border-color: #f2b9b3; } .btn-deep-orange-lighten-5.disabled, .btn-deep-orange-lighten-5:disabled { background-color: #fbe9e7; border-color: #fbe9e7; } .btn-deep-orange-lighten-5:active, .btn-deep-orange-lighten-5.active { color: #ffffff; background-color: #ec9990; border-color: #f2b9b3; } .btn-deep-orange-lighten-5-o { color: #fbe9e7; background-color: transparent; border-color: #fbe9e7; } .btn-deep-orange-lighten-5-o:link, .btn-deep-orange-lighten-5-o:visited, .btn-deep-orange-lighten-5-o.visited { color: #fbe9e7; background-color: transparent; border-color: #fbe9e7; } .btn-deep-orange-lighten-5-o:hover { color: white; border-color: white; } .btn-deep-orange-lighten-5-o.disabled, .btn-deep-orange-lighten-5-o:disabled { color: #fbe9e7; } .btn-deep-orange-lighten-5-o:active, .btn-deep-orange-lighten-5-o.active { color: white; border-color: white; } .btn-deep-orange-lighten-4 { color: #ffffff; background-color: #ffccbc; border-color: #ffccbc; } .btn-deep-orange-lighten-4:link, .btn-deep-orange-lighten-4:visited, .btn-deep-orange-lighten-4.visited { color: #ffffff; background-color: #ffccbc; border-color: #ffccbc; } .btn-deep-orange-lighten-4:focus, .btn-deep-orange-lighten-4:hover { color: #ffffff; background-color: #ff7e56; border-color: #ff9d7f; } .btn-deep-orange-lighten-4.disabled, .btn-deep-orange-lighten-4:disabled { background-color: #ffccbc; border-color: #ffccbc; } .btn-deep-orange-lighten-4:active, .btn-deep-orange-lighten-4.active { color: #ffffff; background-color: #ff7e56; border-color: #ff9d7f; } .btn-deep-orange-lighten-4-o { color: #ffccbc; background-color: transparent; border-color: #ffccbc; } .btn-deep-orange-lighten-4-o:link, .btn-deep-orange-lighten-4-o:visited, .btn-deep-orange-lighten-4-o.visited { color: #ffccbc; background-color: transparent; border-color: #ffccbc; } .btn-deep-orange-lighten-4-o:hover { color: white; border-color: white; } .btn-deep-orange-lighten-4-o.disabled, .btn-deep-orange-lighten-4-o:disabled { color: #ffccbc; } .btn-deep-orange-lighten-4-o:active, .btn-deep-orange-lighten-4-o.active { color: white; border-color: white; } .btn-deep-orange-lighten-3 { color: #ffffff; background-color: #ffab91; border-color: #ffab91; } .btn-deep-orange-lighten-3:link, .btn-deep-orange-lighten-3:visited, .btn-deep-orange-lighten-3.visited { color: #ffffff; background-color: #ffab91; border-color: #ffab91; } .btn-deep-orange-lighten-3:focus, .btn-deep-orange-lighten-3:hover { color: #ffffff; background-color: #ff5d2b; border-color: #ff7c54; } .btn-deep-orange-lighten-3.disabled, .btn-deep-orange-lighten-3:disabled { background-color: #ffab91; border-color: #ffab91; } .btn-deep-orange-lighten-3:active, .btn-deep-orange-lighten-3.active { color: #ffffff; background-color: #ff5d2b; border-color: #ff7c54; } .btn-deep-orange-lighten-3-o { color: #ffab91; background-color: transparent; border-color: #ffab91; } .btn-deep-orange-lighten-3-o:link, .btn-deep-orange-lighten-3-o:visited, .btn-deep-orange-lighten-3-o.visited { color: #ffab91; background-color: transparent; border-color: #ffab91; } .btn-deep-orange-lighten-3-o:hover { color: white; border-color: white; } .btn-deep-orange-lighten-3-o.disabled, .btn-deep-orange-lighten-3-o:disabled { color: #ffab91; } .btn-deep-orange-lighten-3-o:active, .btn-deep-orange-lighten-3-o.active { color: white; border-color: white; } .btn-deep-orange-lighten-2 { color: #ffffff; background-color: #ff8a65; border-color: #ff8a65; } .btn-deep-orange-lighten-2:link, .btn-deep-orange-lighten-2:visited, .btn-deep-orange-lighten-2.visited { color: #ffffff; background-color: #ff8a65; border-color: #ff8a65; } .btn-deep-orange-lighten-2:focus, .btn-deep-orange-lighten-2:hover { color: #ffffff; background-color: #fe3d00; border-color: #ff5c28; } .btn-deep-orange-lighten-2.disabled, .btn-deep-orange-lighten-2:disabled { background-color: #ff8a65; border-color: #ff8a65; } .btn-deep-orange-lighten-2:active, .btn-deep-orange-lighten-2.active { color: #ffffff; background-color: #fe3d00; border-color: #ff5c28; } .btn-deep-orange-lighten-2-o { color: #ff8a65; background-color: transparent; border-color: #ff8a65; } .btn-deep-orange-lighten-2-o:link, .btn-deep-orange-lighten-2-o:visited, .btn-deep-orange-lighten-2-o.visited { color: #ff8a65; background-color: transparent; border-color: #ff8a65; } .btn-deep-orange-lighten-2-o:hover { color: #ffebe5; border-color: #ffebe5; } .btn-deep-orange-lighten-2-o.disabled, .btn-deep-orange-lighten-2-o:disabled { color: #ff8a65; } .btn-deep-orange-lighten-2-o:active, .btn-deep-orange-lighten-2-o.active { color: #ffebe5; border-color: #ffebe5; } .btn-deep-orange-lighten-1 { color: #ffffff; background-color: #ff7043; border-color: #ff7043; } .btn-deep-orange-lighten-1:link, .btn-deep-orange-lighten-1:visited, .btn-deep-orange-lighten-1.visited { color: #ffffff; background-color: #ff7043; border-color: #ff7043; } .btn-deep-orange-lighten-1:focus, .btn-deep-orange-lighten-1:hover { color: #ffffff; background-color: #dc3500; border-color: #ff4106; } .btn-deep-orange-lighten-1.disabled, .btn-deep-orange-lighten-1:disabled { background-color: #ff7043; border-color: #ff7043; } .btn-deep-orange-lighten-1:active, .btn-deep-orange-lighten-1.active { color: #ffffff; background-color: #dc3500; border-color: #ff4106; } .btn-deep-orange-lighten-1-o { color: #ff7043; background-color: transparent; border-color: #ff7043; } .btn-deep-orange-lighten-1-o:link, .btn-deep-orange-lighten-1-o:visited, .btn-deep-orange-lighten-1-o.visited { color: #ff7043; background-color: transparent; border-color: #ff7043; } .btn-deep-orange-lighten-1-o:hover { color: #ffd1c3; border-color: #ffd1c3; } .btn-deep-orange-lighten-1-o.disabled, .btn-deep-orange-lighten-1-o:disabled { color: #ff7043; } .btn-deep-orange-lighten-1-o:active, .btn-deep-orange-lighten-1-o.active { color: #ffd1c3; border-color: #ffd1c3; } .btn-deep-orange-darken-1 { color: #ffffff; background-color: #f4511e; border-color: #f4511e; } .btn-deep-orange-darken-1:link, .btn-deep-orange-darken-1:visited, .btn-deep-orange-darken-1.visited { color: #ffffff; background-color: #f4511e; border-color: #f4511e; } .btn-deep-orange-darken-1:focus, .btn-deep-orange-darken-1:hover { color: #ffffff; background-color: #a42d08; border-color: #cb380a; } .btn-deep-orange-darken-1.disabled, .btn-deep-orange-darken-1:disabled { background-color: #f4511e; border-color: #f4511e; } .btn-deep-orange-darken-1:active, .btn-deep-orange-darken-1.active { color: #ffffff; background-color: #a42d08; border-color: #cb380a; } .btn-deep-orange-darken-1-o { color: #f4511e; background-color: transparent; border-color: #f4511e; } .btn-deep-orange-darken-1-o:link, .btn-deep-orange-darken-1-o:visited, .btn-deep-orange-darken-1-o.visited { color: #f4511e; background-color: transparent; border-color: #f4511e; } .btn-deep-orange-darken-1-o:hover { color: #faaf98; border-color: #faaf98; } .btn-deep-orange-darken-1-o.disabled, .btn-deep-orange-darken-1-o:disabled { color: #f4511e; } .btn-deep-orange-darken-1-o:active, .btn-deep-orange-darken-1-o.active { color: #faaf98; border-color: #faaf98; } .btn-deep-orange-darken-2 { color: #ffffff; background-color: #e64a19; border-color: #e64a19; } .btn-deep-orange-darken-2:link, .btn-deep-orange-darken-2:visited, .btn-deep-orange-darken-2.visited { color: #ffffff; background-color: #e64a19; border-color: #e64a19; } .btn-deep-orange-darken-2:focus, .btn-deep-orange-darken-2:hover { color: #ffffff; background-color: #8a2c0f; border-color: #af3813; } .btn-deep-orange-darken-2.disabled, .btn-deep-orange-darken-2:disabled { background-color: #e64a19; border-color: #e64a19; } .btn-deep-orange-darken-2:active, .btn-deep-orange-darken-2.active { color: #ffffff; background-color: #8a2c0f; border-color: #af3813; } .btn-deep-orange-darken-2-o { color: #e64a19; background-color: transparent; border-color: #e64a19; } .btn-deep-orange-darken-2-o:link, .btn-deep-orange-darken-2-o:visited, .btn-deep-orange-darken-2-o.visited { color: #e64a19; background-color: transparent; border-color: #e64a19; } .btn-deep-orange-darken-2-o:hover { color: #f3a58c; border-color: #f3a58c; } .btn-deep-orange-darken-2-o.disabled, .btn-deep-orange-darken-2-o:disabled { color: #e64a19; } .btn-deep-orange-darken-2-o:active, .btn-deep-orange-darken-2-o.active { color: #f3a58c; border-color: #f3a58c; } .btn-deep-orange-darken-3 { color: #ffffff; background-color: #d84315; border-color: #d84315; } .btn-deep-orange-darken-3:link, .btn-deep-orange-darken-3:visited, .btn-deep-orange-darken-3.visited { color: #ffffff; background-color: #d84315; border-color: #d84315; } .btn-deep-orange-darken-3:focus, .btn-deep-orange-darken-3:hover { color: #ffffff; background-color: #7b260c; border-color: #a03210; } .btn-deep-orange-darken-3.disabled, .btn-deep-orange-darken-3:disabled { background-color: #d84315; border-color: #d84315; } .btn-deep-orange-darken-3:active, .btn-deep-orange-darken-3.active { color: #ffffff; background-color: #7b260c; border-color: #a03210; } .btn-deep-orange-darken-3-o { color: #d84315; background-color: transparent; border-color: #d84315; } .btn-deep-orange-darken-3-o:link, .btn-deep-orange-darken-3-o:visited, .btn-deep-orange-darken-3-o.visited { color: #d84315; background-color: transparent; border-color: #d84315; } .btn-deep-orange-darken-3-o:hover { color: #f2977a; border-color: #f2977a; } .btn-deep-orange-darken-3-o.disabled, .btn-deep-orange-darken-3-o:disabled { color: #d84315; } .btn-deep-orange-darken-3-o:active, .btn-deep-orange-darken-3-o.active { color: #f2977a; border-color: #f2977a; } .btn-deep-orange-darken-4 { color: #ffffff; background-color: #bf360c; border-color: #bf360c; } .btn-deep-orange-darken-4:link, .btn-deep-orange-darken-4:visited, .btn-deep-orange-darken-4.visited { color: #ffffff; background-color: #bf360c; border-color: #bf360c; } .btn-deep-orange-darken-4:focus, .btn-deep-orange-darken-4:hover { color: #ffffff; background-color: #5f1b06; border-color: #852608; } .btn-deep-orange-darken-4.disabled, .btn-deep-orange-darken-4:disabled { background-color: #bf360c; border-color: #bf360c; } .btn-deep-orange-darken-4:active, .btn-deep-orange-darken-4.active { color: #ffffff; background-color: #5f1b06; border-color: #852608; } .btn-deep-orange-darken-4-o { color: #bf360c; background-color: transparent; border-color: #bf360c; } .btn-deep-orange-darken-4-o:link, .btn-deep-orange-darken-4-o:visited, .btn-deep-orange-darken-4-o.visited { color: #bf360c; background-color: transparent; border-color: #bf360c; } .btn-deep-orange-darken-4-o:hover { color: #f47b56; border-color: #f47b56; } .btn-deep-orange-darken-4-o.disabled, .btn-deep-orange-darken-4-o:disabled { color: #bf360c; } .btn-deep-orange-darken-4-o:active, .btn-deep-orange-darken-4-o.active { color: #f47b56; border-color: #f47b56; } .btn-deep-orange-accent-1 { color: #ffffff; background-color: #ff9e80; border-color: #ff9e80; } .btn-deep-orange-accent-1:link, .btn-deep-orange-accent-1:visited, .btn-deep-orange-accent-1.visited { color: #ffffff; background-color: #ff9e80; border-color: #ff9e80; } .btn-deep-orange-accent-1:focus, .btn-deep-orange-accent-1:hover { color: #ffffff; background-color: #ff501a; border-color: #ff6f43; } .btn-deep-orange-accent-1.disabled, .btn-deep-orange-accent-1:disabled { background-color: #ff9e80; border-color: #ff9e80; } .btn-deep-orange-accent-1:active, .btn-deep-orange-accent-1.active { color: #ffffff; background-color: #ff501a; border-color: #ff6f43; } .btn-deep-orange-accent-1-o { color: #ff9e80; background-color: transparent; border-color: #ff9e80; } .btn-deep-orange-accent-1-o:link, .btn-deep-orange-accent-1-o:visited, .btn-deep-orange-accent-1-o.visited { color: #ff9e80; background-color: transparent; border-color: #ff9e80; } .btn-deep-orange-accent-1-o:hover { color: white; border-color: white; } .btn-deep-orange-accent-1-o.disabled, .btn-deep-orange-accent-1-o:disabled { color: #ff9e80; } .btn-deep-orange-accent-1-o:active, .btn-deep-orange-accent-1-o.active { color: white; border-color: white; } .btn-deep-orange-accent-2 { color: #ffffff; background-color: #ff6e40; border-color: #ff6e40; } .btn-deep-orange-accent-2:link, .btn-deep-orange-accent-2:visited, .btn-deep-orange-accent-2.visited { color: #ffffff; background-color: #ff6e40; border-color: #ff6e40; } .btn-deep-orange-accent-2:focus, .btn-deep-orange-accent-2:hover { color: #ffffff; background-color: #d93400; border-color: #ff4003; } .btn-deep-orange-accent-2.disabled, .btn-deep-orange-accent-2:disabled { background-color: #ff6e40; border-color: #ff6e40; } .btn-deep-orange-accent-2:active, .btn-deep-orange-accent-2.active { color: #ffffff; background-color: #d93400; border-color: #ff4003; } .btn-deep-orange-accent-2-o { color: #ff6e40; background-color: transparent; border-color: #ff6e40; } .btn-deep-orange-accent-2-o:link, .btn-deep-orange-accent-2-o:visited, .btn-deep-orange-accent-2-o.visited { color: #ff6e40; background-color: transparent; border-color: #ff6e40; } .btn-deep-orange-accent-2-o:hover { color: #ffcfc0; border-color: #ffcfc0; } .btn-deep-orange-accent-2-o.disabled, .btn-deep-orange-accent-2-o:disabled { color: #ff6e40; } .btn-deep-orange-accent-2-o:active, .btn-deep-orange-accent-2-o.active { color: #ffcfc0; border-color: #ffcfc0; } .btn-deep-orange-accent-3 { color: #ffffff; background-color: #ff3d00; border-color: #ff3d00; } .btn-deep-orange-accent-3:link, .btn-deep-orange-accent-3:visited, .btn-deep-orange-accent-3.visited { color: #ffffff; background-color: #ff3d00; border-color: #ff3d00; } .btn-deep-orange-accent-3:focus, .btn-deep-orange-accent-3:hover { color: #ffffff; background-color: #992500; border-color: #c22e00; } .btn-deep-orange-accent-3.disabled, .btn-deep-orange-accent-3:disabled { background-color: #ff3d00; border-color: #ff3d00; } .btn-deep-orange-accent-3:active, .btn-deep-orange-accent-3.active { color: #ffffff; background-color: #992500; border-color: #c22e00; } .btn-deep-orange-accent-3-o { color: #ff3d00; background-color: transparent; border-color: #ff3d00; } .btn-deep-orange-accent-3-o:link, .btn-deep-orange-accent-3-o:visited, .btn-deep-orange-accent-3-o.visited { color: #ff3d00; background-color: transparent; border-color: #ff3d00; } .btn-deep-orange-accent-3-o:hover { color: #ff9e80; border-color: #ff9e80; } .btn-deep-orange-accent-3-o.disabled, .btn-deep-orange-accent-3-o:disabled { color: #ff3d00; } .btn-deep-orange-accent-3-o:active, .btn-deep-orange-accent-3-o.active { color: #ff9e80; border-color: #ff9e80; } .btn-deep-orange-accent-4 { color: #ffffff; background-color: #dd2c00; border-color: #dd2c00; } .btn-deep-orange-accent-4:link, .btn-deep-orange-accent-4:visited, .btn-deep-orange-accent-4.visited { color: #ffffff; background-color: #dd2c00; border-color: #dd2c00; } .btn-deep-orange-accent-4:focus, .btn-deep-orange-accent-4:hover { color: #ffffff; background-color: #771800; border-color: #a02000; } .btn-deep-orange-accent-4.disabled, .btn-deep-orange-accent-4:disabled { background-color: #dd2c00; border-color: #dd2c00; } .btn-deep-orange-accent-4:active, .btn-deep-orange-accent-4.active { color: #ffffff; background-color: #771800; border-color: #a02000; } .btn-deep-orange-accent-4-o { color: #dd2c00; background-color: transparent; border-color: #dd2c00; } .btn-deep-orange-accent-4-o:link, .btn-deep-orange-accent-4-o:visited, .btn-deep-orange-accent-4-o.visited { color: #dd2c00; background-color: transparent; border-color: #dd2c00; } .btn-deep-orange-accent-4-o:hover { color: #ff7e5e; border-color: #ff7e5e; } .btn-deep-orange-accent-4-o.disabled, .btn-deep-orange-accent-4-o:disabled { color: #dd2c00; } .btn-deep-orange-accent-4-o:active, .btn-deep-orange-accent-4-o.active { color: #ff7e5e; border-color: #ff7e5e; } .btn-brown { color: #ffffff; background-color: #795548; border-color: #795548; } .btn-brown:link, .btn-brown:visited, .btn-brown.visited { color: #ffffff; background-color: #795548; border-color: #795548; } .btn-brown:focus, .btn-brown:hover { color: #ffffff; background-color: #392822; border-color: #533a31; } .btn-brown.disabled, .btn-brown:disabled { background-color: #795548; border-color: #795548; } .btn-brown:active, .btn-brown.active { color: #ffffff; background-color: #392822; border-color: #533a31; } .btn-brown-o { color: #795548; background-color: transparent; border-color: #795548; } .btn-brown-o:link, .btn-brown-o:visited, .btn-brown-o.visited { color: #795548; background-color: transparent; border-color: #795548; } .btn-brown-o:hover { color: #b89588; border-color: #b89588; } .btn-brown-o.disabled, .btn-brown-o:disabled { color: #795548; } .btn-brown-o:active, .btn-brown-o.active { color: #b89588; border-color: #b89588; } .btn-brown-lighten-5 { color: #ffffff; background-color: #efebe9; border-color: #efebe9; } .btn-brown-lighten-5:link, .btn-brown-lighten-5:visited, .btn-brown-lighten-5.visited { color: #ffffff; background-color: #efebe9; border-color: #efebe9; } .btn-brown-lighten-5:focus, .btn-brown-lighten-5:hover { color: #ffffff; background-color: #c4b5ae; border-color: #d5cbc6; } .btn-brown-lighten-5.disabled, .btn-brown-lighten-5:disabled { background-color: #efebe9; border-color: #efebe9; } .btn-brown-lighten-5:active, .btn-brown-lighten-5.active { color: #ffffff; background-color: #c4b5ae; border-color: #d5cbc6; } .btn-brown-lighten-5-o { color: #efebe9; background-color: transparent; border-color: #efebe9; } .btn-brown-lighten-5-o:link, .btn-brown-lighten-5-o:visited, .btn-brown-lighten-5-o.visited { color: #efebe9; background-color: transparent; border-color: #efebe9; } .btn-brown-lighten-5-o:hover { color: white; border-color: white; } .btn-brown-lighten-5-o.disabled, .btn-brown-lighten-5-o:disabled { color: #efebe9; } .btn-brown-lighten-5-o:active, .btn-brown-lighten-5-o.active { color: white; border-color: white; } .btn-brown-lighten-4 { color: #ffffff; background-color: #d7ccc8; border-color: #d7ccc8; } .btn-brown-lighten-4:link, .btn-brown-lighten-4:visited, .btn-brown-lighten-4.visited { color: #ffffff; background-color: #d7ccc8; border-color: #d7ccc8; } .btn-brown-lighten-4:focus, .btn-brown-lighten-4:hover { color: #ffffff; background-color: #ac958d; border-color: #bdaba5; } .btn-brown-lighten-4.disabled, .btn-brown-lighten-4:disabled { background-color: #d7ccc8; border-color: #d7ccc8; } .btn-brown-lighten-4:active, .btn-brown-lighten-4.active { color: #ffffff; background-color: #ac958d; border-color: #bdaba5; } .btn-brown-lighten-4-o { color: #d7ccc8; background-color: transparent; border-color: #d7ccc8; } .btn-brown-lighten-4-o:link, .btn-brown-lighten-4-o:visited, .btn-brown-lighten-4-o.visited { color: #d7ccc8; background-color: transparent; border-color: #d7ccc8; } .btn-brown-lighten-4-o:hover { color: white; border-color: white; } .btn-brown-lighten-4-o.disabled, .btn-brown-lighten-4-o:disabled { color: #d7ccc8; } .btn-brown-lighten-4-o:active, .btn-brown-lighten-4-o.active { color: white; border-color: white; } .btn-brown-lighten-3 { color: #ffffff; background-color: #bcaaa4; border-color: #bcaaa4; } .btn-brown-lighten-3:link, .btn-brown-lighten-3:visited, .btn-brown-lighten-3.visited { color: #ffffff; background-color: #bcaaa4; border-color: #bcaaa4; } .btn-brown-lighten-3:focus, .btn-brown-lighten-3:hover { color: #ffffff; background-color: #90746a; border-color: #a28981; } .btn-brown-lighten-3.disabled, .btn-brown-lighten-3:disabled { background-color: #bcaaa4; border-color: #bcaaa4; } .btn-brown-lighten-3:active, .btn-brown-lighten-3.active { color: #ffffff; background-color: #90746a; border-color: #a28981; } .btn-brown-lighten-3-o { color: #bcaaa4; background-color: transparent; border-color: #bcaaa4; } .btn-brown-lighten-3-o:link, .btn-brown-lighten-3-o:visited, .btn-brown-lighten-3-o.visited { color: #bcaaa4; background-color: transparent; border-color: #bcaaa4; } .btn-brown-lighten-3-o:hover { color: #f2efed; border-color: #f2efed; } .btn-brown-lighten-3-o.disabled, .btn-brown-lighten-3-o:disabled { color: #bcaaa4; } .btn-brown-lighten-3-o:active, .btn-brown-lighten-3-o.active { color: #f2efed; border-color: #f2efed; } .btn-brown-lighten-2 { color: #ffffff; background-color: #a1887f; border-color: #a1887f; } .btn-brown-lighten-2:link, .btn-brown-lighten-2:visited, .btn-brown-lighten-2.visited { color: #ffffff; background-color: #a1887f; border-color: #a1887f; } .btn-brown-lighten-2:focus, .btn-brown-lighten-2:hover { color: #ffffff; background-color: #6b564f; border-color: #836960; } .btn-brown-lighten-2.disabled, .btn-brown-lighten-2:disabled { background-color: #a1887f; border-color: #a1887f; } .btn-brown-lighten-2:active, .btn-brown-lighten-2.active { color: #ffffff; background-color: #6b564f; border-color: #836960; } .btn-brown-lighten-2-o { color: #a1887f; background-color: transparent; border-color: #a1887f; } .btn-brown-lighten-2-o:link, .btn-brown-lighten-2-o:visited, .btn-brown-lighten-2-o.visited { color: #a1887f; background-color: transparent; border-color: #a1887f; } .btn-brown-lighten-2-o:hover { color: #d7ccc9; border-color: #d7ccc9; } .btn-brown-lighten-2-o.disabled, .btn-brown-lighten-2-o:disabled { color: #a1887f; } .btn-brown-lighten-2-o:active, .btn-brown-lighten-2-o.active { color: #d7ccc9; border-color: #d7ccc9; } .btn-brown-lighten-1 { color: #ffffff; background-color: #8d6e63; border-color: #8d6e63; } .btn-brown-lighten-1:link, .btn-brown-lighten-1:visited, .btn-brown-lighten-1.visited { color: #ffffff; background-color: #8d6e63; border-color: #8d6e63; } .btn-brown-lighten-1:focus, .btn-brown-lighten-1:hover { color: #ffffff; background-color: #513f39; border-color: #69524a; } .btn-brown-lighten-1.disabled, .btn-brown-lighten-1:disabled { background-color: #8d6e63; border-color: #8d6e63; } .btn-brown-lighten-1:active, .btn-brown-lighten-1.active { color: #ffffff; background-color: #513f39; border-color: #69524a; } .btn-brown-lighten-1-o { color: #8d6e63; background-color: transparent; border-color: #8d6e63; } .btn-brown-lighten-1-o:link, .btn-brown-lighten-1-o:visited, .btn-brown-lighten-1-o.visited { color: #8d6e63; background-color: transparent; border-color: #8d6e63; } .btn-brown-lighten-1-o:hover { color: #c4b2ab; border-color: #c4b2ab; } .btn-brown-lighten-1-o.disabled, .btn-brown-lighten-1-o:disabled { color: #8d6e63; } .btn-brown-lighten-1-o:active, .btn-brown-lighten-1-o.active { color: #c4b2ab; border-color: #c4b2ab; } .btn-brown-darken-1 { color: #ffffff; background-color: #6d4c41; border-color: #6d4c41; } .btn-brown-darken-1:link, .btn-brown-darken-1:visited, .btn-brown-darken-1.visited { color: #ffffff; background-color: #6d4c41; border-color: #6d4c41; } .btn-brown-darken-1:focus, .btn-brown-darken-1:hover { color: #ffffff; background-color: #2d1f1b; border-color: #47312a; } .btn-brown-darken-1.disabled, .btn-brown-darken-1:disabled { background-color: #6d4c41; border-color: #6d4c41; } .btn-brown-darken-1:active, .btn-brown-darken-1.active { color: #ffffff; background-color: #2d1f1b; border-color: #47312a; } .btn-brown-darken-1-o { color: #6d4c41; background-color: transparent; border-color: #6d4c41; } .btn-brown-darken-1-o:link, .btn-brown-darken-1-o:visited, .btn-brown-darken-1-o.visited { color: #6d4c41; background-color: transparent; border-color: #6d4c41; } .btn-brown-darken-1-o:hover { color: #b18a7c; border-color: #b18a7c; } .btn-brown-darken-1-o.disabled, .btn-brown-darken-1-o:disabled { color: #6d4c41; } .btn-brown-darken-1-o:active, .btn-brown-darken-1-o.active { color: #b18a7c; border-color: #b18a7c; } .btn-brown-darken-2 { color: #ffffff; background-color: #5d4037; border-color: #5d4037; } .btn-brown-darken-2:link, .btn-brown-darken-2:visited, .btn-brown-darken-2.visited { color: #ffffff; background-color: #5d4037; border-color: #5d4037; } .btn-brown-darken-2:focus, .btn-brown-darken-2:hover { color: #ffffff; background-color: #1d1411; border-color: #372620; } .btn-brown-darken-2.disabled, .btn-brown-darken-2:disabled { background-color: #5d4037; border-color: #5d4037; } .btn-brown-darken-2:active, .btn-brown-darken-2.active { color: #ffffff; background-color: #1d1411; border-color: #372620; } .btn-brown-darken-2-o { color: #5d4037; background-color: transparent; border-color: #5d4037; } .btn-brown-darken-2-o:link, .btn-brown-darken-2-o:visited, .btn-brown-darken-2-o.visited { color: #5d4037; background-color: transparent; border-color: #5d4037; } .btn-brown-darken-2-o:hover { color: #a87a6c; border-color: #a87a6c; } .btn-brown-darken-2-o.disabled, .btn-brown-darken-2-o:disabled { color: #5d4037; } .btn-brown-darken-2-o:active, .btn-brown-darken-2-o.active { color: #a87a6c; border-color: #a87a6c; } .btn-brown-darken-3 { color: #ffffff; background-color: #4e342e; border-color: #4e342e; } .btn-brown-darken-3:link, .btn-brown-darken-3:visited, .btn-brown-darken-3.visited { color: #ffffff; background-color: #4e342e; border-color: #4e342e; } .btn-brown-darken-3:focus, .btn-brown-darken-3:hover { color: #ffffff; background-color: #0e0908; border-color: #281a17; } .btn-brown-darken-3.disabled, .btn-brown-darken-3:disabled { background-color: #4e342e; border-color: #4e342e; } .btn-brown-darken-3:active, .btn-brown-darken-3.active { color: #ffffff; background-color: #0e0908; border-color: #281a17; } .btn-brown-darken-3-o { color: #4e342e; background-color: transparent; border-color: #4e342e; } .btn-brown-darken-3-o:link, .btn-brown-darken-3-o:visited, .btn-brown-darken-3-o.visited { color: #4e342e; background-color: transparent; border-color: #4e342e; } .btn-brown-darken-3-o:hover { color: #9e695d; border-color: #9e695d; } .btn-brown-darken-3-o.disabled, .btn-brown-darken-3-o:disabled { color: #4e342e; } .btn-brown-darken-3-o:active, .btn-brown-darken-3-o.active { color: #9e695d; border-color: #9e695d; } .btn-brown-darken-4 { color: #ffffff; background-color: #3e2723; border-color: #3e2723; } .btn-brown-darken-4:link, .btn-brown-darken-4:visited, .btn-brown-darken-4.visited { color: #ffffff; background-color: #3e2723; border-color: #3e2723; } .btn-brown-darken-4:focus, .btn-brown-darken-4:hover { color: #ffffff; background-color: black; border-color: #170e0d; } .btn-brown-darken-4.disabled, .btn-brown-darken-4:disabled { background-color: #3e2723; border-color: #3e2723; } .btn-brown-darken-4:active, .btn-brown-darken-4.active { color: #ffffff; background-color: black; border-color: #170e0d; } .btn-brown-darken-4-o { color: #3e2723; background-color: transparent; border-color: #3e2723; } .btn-brown-darken-4-o:link, .btn-brown-darken-4-o:visited, .btn-brown-darken-4-o.visited { color: #3e2723; background-color: transparent; border-color: #3e2723; } .btn-brown-darken-4-o:hover { color: #8f5a51; border-color: #8f5a51; } .btn-brown-darken-4-o.disabled, .btn-brown-darken-4-o:disabled { color: #3e2723; } .btn-brown-darken-4-o:active, .btn-brown-darken-4-o.active { color: #8f5a51; border-color: #8f5a51; } .btn-blue-grey { color: #ffffff; background-color: #607d8b; border-color: #607d8b; } .btn-blue-grey:link, .btn-blue-grey:visited, .btn-blue-grey.visited { color: #ffffff; background-color: #607d8b; border-color: #607d8b; } .btn-blue-grey:focus, .btn-blue-grey:hover { color: #ffffff; background-color: #36474f; border-color: #475c67; } .btn-blue-grey.disabled, .btn-blue-grey:disabled { background-color: #607d8b; border-color: #607d8b; } .btn-blue-grey:active, .btn-blue-grey.active { color: #ffffff; background-color: #36474f; border-color: #475c67; } .btn-blue-grey-o { color: #607d8b; background-color: transparent; border-color: #607d8b; } .btn-blue-grey-o:link, .btn-blue-grey-o:visited, .btn-blue-grey-o.visited { color: #607d8b; background-color: transparent; border-color: #607d8b; } .btn-blue-grey-o:hover { color: #a8bac3; border-color: #a8bac3; } .btn-blue-grey-o.disabled, .btn-blue-grey-o:disabled { color: #607d8b; } .btn-blue-grey-o:active, .btn-blue-grey-o.active { color: #a8bac3; border-color: #a8bac3; } .btn-blue-grey-lighten-5 { color: #ffffff; background-color: #eceff1; border-color: #eceff1; } .btn-blue-grey-lighten-5:link, .btn-blue-grey-lighten-5:visited, .btn-blue-grey-lighten-5.visited { color: #ffffff; background-color: #eceff1; border-color: #eceff1; } .btn-blue-grey-lighten-5:focus, .btn-blue-grey-lighten-5:hover { color: #ffffff; background-color: #b1bec6; border-color: #c9d1d7; } .btn-blue-grey-lighten-5.disabled, .btn-blue-grey-lighten-5:disabled { background-color: #eceff1; border-color: #eceff1; } .btn-blue-grey-lighten-5:active, .btn-blue-grey-lighten-5.active { color: #ffffff; background-color: #b1bec6; border-color: #c9d1d7; } .btn-blue-grey-lighten-5-o { color: #eceff1; background-color: transparent; border-color: #eceff1; } .btn-blue-grey-lighten-5-o:link, .btn-blue-grey-lighten-5-o:visited, .btn-blue-grey-lighten-5-o.visited { color: #eceff1; background-color: transparent; border-color: #eceff1; } .btn-blue-grey-lighten-5-o:hover { color: white; border-color: white; } .btn-blue-grey-lighten-5-o.disabled, .btn-blue-grey-lighten-5-o:disabled { color: #eceff1; } .btn-blue-grey-lighten-5-o:active, .btn-blue-grey-lighten-5-o.active { color: white; border-color: white; } .btn-blue-grey-lighten-4 { color: #ffffff; background-color: #cfd8dc; border-color: #cfd8dc; } .btn-blue-grey-lighten-4:link, .btn-blue-grey-lighten-4:visited, .btn-blue-grey-lighten-4.visited { color: #ffffff; background-color: #cfd8dc; border-color: #cfd8dc; } .btn-blue-grey-lighten-4:focus, .btn-blue-grey-lighten-4:hover { color: #ffffff; background-color: #94a8b1; border-color: #acbbc2; } .btn-blue-grey-lighten-4.disabled, .btn-blue-grey-lighten-4:disabled { background-color: #cfd8dc; border-color: #cfd8dc; } .btn-blue-grey-lighten-4:active, .btn-blue-grey-lighten-4.active { color: #ffffff; background-color: #94a8b1; border-color: #acbbc2; } .btn-blue-grey-lighten-4-o { color: #cfd8dc; background-color: transparent; border-color: #cfd8dc; } .btn-blue-grey-lighten-4-o:link, .btn-blue-grey-lighten-4-o:visited, .btn-blue-grey-lighten-4-o.visited { color: #cfd8dc; background-color: transparent; border-color: #cfd8dc; } .btn-blue-grey-lighten-4-o:hover { color: white; border-color: white; } .btn-blue-grey-lighten-4-o.disabled, .btn-blue-grey-lighten-4-o:disabled { color: #cfd8dc; } .btn-blue-grey-lighten-4-o:active, .btn-blue-grey-lighten-4-o.active { color: white; border-color: white; } .btn-blue-grey-lighten-3 { color: #ffffff; background-color: #b0bec5; border-color: #b0bec5; } .btn-blue-grey-lighten-3:link, .btn-blue-grey-lighten-3:visited, .btn-blue-grey-lighten-3.visited { color: #ffffff; background-color: #b0bec5; border-color: #b0bec5; } .btn-blue-grey-lighten-3:focus, .btn-blue-grey-lighten-3:hover { color: #ffffff; background-color: #758e9a; border-color: #8da1ab; } .btn-blue-grey-lighten-3.disabled, .btn-blue-grey-lighten-3:disabled { background-color: #b0bec5; border-color: #b0bec5; } .btn-blue-grey-lighten-3:active, .btn-blue-grey-lighten-3.active { color: #ffffff; background-color: #758e9a; border-color: #8da1ab; } .btn-blue-grey-lighten-3-o { color: #b0bec5; background-color: transparent; border-color: #b0bec5; } .btn-blue-grey-lighten-3-o:link, .btn-blue-grey-lighten-3-o:visited, .btn-blue-grey-lighten-3-o.visited { color: #b0bec5; background-color: transparent; border-color: #b0bec5; } .btn-blue-grey-lighten-3-o:hover { color: #fafafb; border-color: #fafafb; } .btn-blue-grey-lighten-3-o.disabled, .btn-blue-grey-lighten-3-o:disabled { color: #b0bec5; } .btn-blue-grey-lighten-3-o:active, .btn-blue-grey-lighten-3-o.active { color: #fafafb; border-color: #fafafb; } .btn-blue-grey-lighten-2 { color: #ffffff; background-color: #90a4ae; border-color: #90a4ae; } .btn-blue-grey-lighten-2:link, .btn-blue-grey-lighten-2:visited, .btn-blue-grey-lighten-2.visited { color: #ffffff; background-color: #90a4ae; border-color: #90a4ae; } .btn-blue-grey-lighten-2:focus, .btn-blue-grey-lighten-2:hover { color: #ffffff; background-color: #5b727d; border-color: #6d8794; } .btn-blue-grey-lighten-2.disabled, .btn-blue-grey-lighten-2:disabled { background-color: #90a4ae; border-color: #90a4ae; } .btn-blue-grey-lighten-2:active, .btn-blue-grey-lighten-2.active { color: #ffffff; background-color: #5b727d; border-color: #6d8794; } .btn-blue-grey-lighten-2-o { color: #90a4ae; background-color: transparent; border-color: #90a4ae; } .btn-blue-grey-lighten-2-o:link, .btn-blue-grey-lighten-2-o:visited, .btn-blue-grey-lighten-2-o.visited { color: #90a4ae; background-color: transparent; border-color: #90a4ae; } .btn-blue-grey-lighten-2-o:hover { color: #dae0e4; border-color: #dae0e4; } .btn-blue-grey-lighten-2-o.disabled, .btn-blue-grey-lighten-2-o:disabled { color: #90a4ae; } .btn-blue-grey-lighten-2-o:active, .btn-blue-grey-lighten-2-o.active { color: #dae0e4; border-color: #dae0e4; } .btn-blue-grey-lighten-1 { color: #ffffff; background-color: #78909c; border-color: #78909c; } .btn-blue-grey-lighten-1:link, .btn-blue-grey-lighten-1:visited, .btn-blue-grey-lighten-1.visited { color: #ffffff; background-color: #78909c; border-color: #78909c; } .btn-blue-grey-lighten-1:focus, .btn-blue-grey-lighten-1:hover { color: #ffffff; background-color: #4a5b64; border-color: #5b717c; } .btn-blue-grey-lighten-1.disabled, .btn-blue-grey-lighten-1:disabled { background-color: #78909c; border-color: #78909c; } .btn-blue-grey-lighten-1:active, .btn-blue-grey-lighten-1.active { color: #ffffff; background-color: #4a5b64; border-color: #5b717c; } .btn-blue-grey-lighten-1-o { color: #78909c; background-color: transparent; border-color: #78909c; } .btn-blue-grey-lighten-1-o:link, .btn-blue-grey-lighten-1-o:visited, .btn-blue-grey-lighten-1-o.visited { color: #78909c; background-color: transparent; border-color: #78909c; } .btn-blue-grey-lighten-1-o:hover { color: #c2ccd2; border-color: #c2ccd2; } .btn-blue-grey-lighten-1-o.disabled, .btn-blue-grey-lighten-1-o:disabled { color: #78909c; } .btn-blue-grey-lighten-1-o:active, .btn-blue-grey-lighten-1-o.active { color: #c2ccd2; border-color: #c2ccd2; } .btn-blue-grey-darken-1 { color: #ffffff; background-color: #546e7a; border-color: #546e7a; } .btn-blue-grey-darken-1:link, .btn-blue-grey-darken-1:visited, .btn-blue-grey-darken-1.visited { color: #ffffff; background-color: #546e7a; border-color: #546e7a; } .btn-blue-grey-darken-1:focus, .btn-blue-grey-darken-1:hover { color: #ffffff; background-color: #2a383e; border-color: #3b4d56; } .btn-blue-grey-darken-1.disabled, .btn-blue-grey-darken-1:disabled { background-color: #546e7a; border-color: #546e7a; } .btn-blue-grey-darken-1:active, .btn-blue-grey-darken-1.active { color: #ffffff; background-color: #2a383e; border-color: #3b4d56; } .btn-blue-grey-darken-1-o { color: #546e7a; background-color: transparent; border-color: #546e7a; } .btn-blue-grey-darken-1-o:link, .btn-blue-grey-darken-1-o:visited, .btn-blue-grey-darken-1-o.visited { color: #546e7a; background-color: transparent; border-color: #546e7a; } .btn-blue-grey-darken-1-o:hover { color: #96adb7; border-color: #96adb7; } .btn-blue-grey-darken-1-o.disabled, .btn-blue-grey-darken-1-o:disabled { color: #546e7a; } .btn-blue-grey-darken-1-o:active, .btn-blue-grey-darken-1-o.active { color: #96adb7; border-color: #96adb7; } .btn-blue-grey-darken-2 { color: #ffffff; background-color: #455a64; border-color: #455a64; } .btn-blue-grey-darken-2:link, .btn-blue-grey-darken-2:visited, .btn-blue-grey-darken-2.visited { color: #ffffff; background-color: #455a64; border-color: #455a64; } .btn-blue-grey-darken-2:focus, .btn-blue-grey-darken-2:hover { color: #ffffff; background-color: #1b2428; border-color: #2c3940; } .btn-blue-grey-darken-2.disabled, .btn-blue-grey-darken-2:disabled { background-color: #455a64; border-color: #455a64; } .btn-blue-grey-darken-2:active, .btn-blue-grey-darken-2.active { color: #ffffff; background-color: #1b2428; border-color: #2c3940; } .btn-blue-grey-darken-2-o { color: #455a64; background-color: transparent; border-color: #455a64; } .btn-blue-grey-darken-2-o:link, .btn-blue-grey-darken-2-o:visited, .btn-blue-grey-darken-2-o.visited { color: #455a64; background-color: transparent; border-color: #455a64; } .btn-blue-grey-darken-2-o:hover { color: #819ba8; border-color: #819ba8; } .btn-blue-grey-darken-2-o.disabled, .btn-blue-grey-darken-2-o:disabled { color: #455a64; } .btn-blue-grey-darken-2-o:active, .btn-blue-grey-darken-2-o.active { color: #819ba8; border-color: #819ba8; } .btn-blue-grey-darken-3 { color: #ffffff; background-color: #37474f; border-color: #37474f; } .btn-blue-grey-darken-3:link, .btn-blue-grey-darken-3:visited, .btn-blue-grey-darken-3.visited { color: #ffffff; background-color: #37474f; border-color: #37474f; } .btn-blue-grey-darken-3:focus, .btn-blue-grey-darken-3:hover { color: #ffffff; background-color: #0d1113; border-color: #1e272b; } .btn-blue-grey-darken-3.disabled, .btn-blue-grey-darken-3:disabled { background-color: #37474f; border-color: #37474f; } .btn-blue-grey-darken-3:active, .btn-blue-grey-darken-3.active { color: #ffffff; background-color: #0d1113; border-color: #1e272b; } .btn-blue-grey-darken-3-o { color: #37474f; background-color: transparent; border-color: #37474f; } .btn-blue-grey-darken-3-o:link, .btn-blue-grey-darken-3-o:visited, .btn-blue-grey-darken-3-o.visited { color: #37474f; background-color: transparent; border-color: #37474f; } .btn-blue-grey-darken-3-o:hover { color: #6c8a99; border-color: #6c8a99; } .btn-blue-grey-darken-3-o.disabled, .btn-blue-grey-darken-3-o:disabled { color: #37474f; } .btn-blue-grey-darken-3-o:active, .btn-blue-grey-darken-3-o.active { color: #6c8a99; border-color: #6c8a99; } .btn-blue-grey-darken-4 { color: #ffffff; background-color: #263238; border-color: #263238; } .btn-blue-grey-darken-4:link, .btn-blue-grey-darken-4:visited, .btn-blue-grey-darken-4.visited { color: #ffffff; background-color: #263238; border-color: #263238; } .btn-blue-grey-darken-4:focus, .btn-blue-grey-darken-4:hover { color: #ffffff; background-color: black; border-color: #0d1114; } .btn-blue-grey-darken-4.disabled, .btn-blue-grey-darken-4:disabled { background-color: #263238; border-color: #263238; } .btn-blue-grey-darken-4:active, .btn-blue-grey-darken-4.active { color: #ffffff; background-color: black; border-color: #0d1114; } .btn-blue-grey-darken-4-o { color: #263238; background-color: transparent; border-color: #263238; } .btn-blue-grey-darken-4-o:link, .btn-blue-grey-darken-4-o:visited, .btn-blue-grey-darken-4-o.visited { color: #263238; background-color: transparent; border-color: #263238; } .btn-blue-grey-darken-4-o:hover { color: #5a7684; border-color: #5a7684; } .btn-blue-grey-darken-4-o.disabled, .btn-blue-grey-darken-4-o:disabled { color: #263238; } .btn-blue-grey-darken-4-o:active, .btn-blue-grey-darken-4-o.active { color: #5a7684; border-color: #5a7684; } .btn-grey { color: #ffffff; background-color: #9e9e9e; border-color: #9e9e9e; } .btn-grey:link, .btn-grey:visited, .btn-grey.visited { color: #ffffff; background-color: #9e9e9e; border-color: #9e9e9e; } .btn-grey:focus, .btn-grey:hover { color: #ffffff; background-color: #6b6b6b; border-color: #7f7f7f; } .btn-grey.disabled, .btn-grey:disabled { background-color: #9e9e9e; border-color: #9e9e9e; } .btn-grey:active, .btn-grey.active { color: #ffffff; background-color: #6b6b6b; border-color: #7f7f7f; } .btn-grey-o { color: #9e9e9e; background-color: transparent; border-color: #9e9e9e; } .btn-grey-o:link, .btn-grey-o:visited, .btn-grey-o.visited { color: #9e9e9e; background-color: transparent; border-color: #9e9e9e; } .btn-grey-o:hover { color: #dedede; border-color: #dedede; } .btn-grey-o.disabled, .btn-grey-o:disabled { color: #9e9e9e; } .btn-grey-o:active, .btn-grey-o.active { color: #dedede; border-color: #dedede; } .btn-grey-lighten-5 { color: #ffffff; background-color: #fafafa; border-color: #fafafa; } .btn-grey-lighten-5:link, .btn-grey-lighten-5:visited, .btn-grey-lighten-5.visited { color: #ffffff; background-color: #fafafa; border-color: #fafafa; } .btn-grey-lighten-5:focus, .btn-grey-lighten-5:hover { color: #ffffff; background-color: #c7c7c7; border-color: #dbdbdb; } .btn-grey-lighten-5.disabled, .btn-grey-lighten-5:disabled { background-color: #fafafa; border-color: #fafafa; } .btn-grey-lighten-5:active, .btn-grey-lighten-5.active { color: #ffffff; background-color: #c7c7c7; border-color: #dbdbdb; } .btn-grey-lighten-5-o { color: #fafafa; background-color: transparent; border-color: #fafafa; } .btn-grey-lighten-5-o:link, .btn-grey-lighten-5-o:visited, .btn-grey-lighten-5-o.visited { color: #fafafa; background-color: transparent; border-color: #fafafa; } .btn-grey-lighten-5-o:hover { color: white; border-color: white; } .btn-grey-lighten-5-o.disabled, .btn-grey-lighten-5-o:disabled { color: #fafafa; } .btn-grey-lighten-5-o:active, .btn-grey-lighten-5-o.active { color: white; border-color: white; } .btn-grey-lighten-4 { color: #ffffff; background-color: #f5f5f5; border-color: #f5f5f5; } .btn-grey-lighten-4:link, .btn-grey-lighten-4:visited, .btn-grey-lighten-4.visited { color: #ffffff; background-color: #f5f5f5; border-color: #f5f5f5; } .btn-grey-lighten-4:focus, .btn-grey-lighten-4:hover { color: #ffffff; background-color: #c2c2c2; border-color: #d6d6d6; } .btn-grey-lighten-4.disabled, .btn-grey-lighten-4:disabled { background-color: #f5f5f5; border-color: #f5f5f5; } .btn-grey-lighten-4:active, .btn-grey-lighten-4.active { color: #ffffff; background-color: #c2c2c2; border-color: #d6d6d6; } .btn-grey-lighten-4-o { color: #f5f5f5; background-color: transparent; border-color: #f5f5f5; } .btn-grey-lighten-4-o:link, .btn-grey-lighten-4-o:visited, .btn-grey-lighten-4-o.visited { color: #f5f5f5; background-color: transparent; border-color: #f5f5f5; } .btn-grey-lighten-4-o:hover { color: white; border-color: white; } .btn-grey-lighten-4-o.disabled, .btn-grey-lighten-4-o:disabled { color: #f5f5f5; } .btn-grey-lighten-4-o:active, .btn-grey-lighten-4-o.active { color: white; border-color: white; } .btn-grey-lighten-3 { color: #ffffff; background-color: #eeeeee; border-color: #eeeeee; } .btn-grey-lighten-3:link, .btn-grey-lighten-3:visited, .btn-grey-lighten-3.visited { color: #ffffff; background-color: #eeeeee; border-color: #eeeeee; } .btn-grey-lighten-3:focus, .btn-grey-lighten-3:hover { color: #ffffff; background-color: #bbbbbb; border-color: #cfcfcf; } .btn-grey-lighten-3.disabled, .btn-grey-lighten-3:disabled { background-color: #eeeeee; border-color: #eeeeee; } .btn-grey-lighten-3:active, .btn-grey-lighten-3.active { color: #ffffff; background-color: #bbbbbb; border-color: #cfcfcf; } .btn-grey-lighten-3-o { color: #eeeeee; background-color: transparent; border-color: #eeeeee; } .btn-grey-lighten-3-o:link, .btn-grey-lighten-3-o:visited, .btn-grey-lighten-3-o.visited { color: #eeeeee; background-color: transparent; border-color: #eeeeee; } .btn-grey-lighten-3-o:hover { color: white; border-color: white; } .btn-grey-lighten-3-o.disabled, .btn-grey-lighten-3-o:disabled { color: #eeeeee; } .btn-grey-lighten-3-o:active, .btn-grey-lighten-3-o.active { color: white; border-color: white; } .btn-grey-lighten-2 { color: #ffffff; background-color: #e0e0e0; border-color: #e0e0e0; } .btn-grey-lighten-2:link, .btn-grey-lighten-2:visited, .btn-grey-lighten-2.visited { color: #ffffff; background-color: #e0e0e0; border-color: #e0e0e0; } .btn-grey-lighten-2:focus, .btn-grey-lighten-2:hover { color: #ffffff; background-color: #adadad; border-color: #c1c1c1; } .btn-grey-lighten-2.disabled, .btn-grey-lighten-2:disabled { background-color: #e0e0e0; border-color: #e0e0e0; } .btn-grey-lighten-2:active, .btn-grey-lighten-2.active { color: #ffffff; background-color: #adadad; border-color: #c1c1c1; } .btn-grey-lighten-2-o { color: #e0e0e0; background-color: transparent; border-color: #e0e0e0; } .btn-grey-lighten-2-o:link, .btn-grey-lighten-2-o:visited, .btn-grey-lighten-2-o.visited { color: #e0e0e0; background-color: transparent; border-color: #e0e0e0; } .btn-grey-lighten-2-o:hover { color: white; border-color: white; } .btn-grey-lighten-2-o.disabled, .btn-grey-lighten-2-o:disabled { color: #e0e0e0; } .btn-grey-lighten-2-o:active, .btn-grey-lighten-2-o.active { color: white; border-color: white; } .btn-grey-lighten-1 { color: #ffffff; background-color: #bdbdbd; border-color: #bdbdbd; } .btn-grey-lighten-1:link, .btn-grey-lighten-1:visited, .btn-grey-lighten-1.visited { color: #ffffff; background-color: #bdbdbd; border-color: #bdbdbd; } .btn-grey-lighten-1:focus, .btn-grey-lighten-1:hover { color: #ffffff; background-color: #8a8a8a; border-color: #9e9e9e; } .btn-grey-lighten-1.disabled, .btn-grey-lighten-1:disabled { background-color: #bdbdbd; border-color: #bdbdbd; } .btn-grey-lighten-1:active, .btn-grey-lighten-1.active { color: #ffffff; background-color: #8a8a8a; border-color: #9e9e9e; } .btn-grey-lighten-1-o { color: #bdbdbd; background-color: transparent; border-color: #bdbdbd; } .btn-grey-lighten-1-o:link, .btn-grey-lighten-1-o:visited, .btn-grey-lighten-1-o.visited { color: #bdbdbd; background-color: transparent; border-color: #bdbdbd; } .btn-grey-lighten-1-o:hover { color: #fdfdfd; border-color: #fdfdfd; } .btn-grey-lighten-1-o.disabled, .btn-grey-lighten-1-o:disabled { color: #bdbdbd; } .btn-grey-lighten-1-o:active, .btn-grey-lighten-1-o.active { color: #fdfdfd; border-color: #fdfdfd; } .btn-grey-darken-1 { color: #ffffff; background-color: #757575; border-color: #757575; } .btn-grey-darken-1:link, .btn-grey-darken-1:visited, .btn-grey-darken-1.visited { color: #ffffff; background-color: #757575; border-color: #757575; } .btn-grey-darken-1:focus, .btn-grey-darken-1:hover { color: #ffffff; background-color: #424242; border-color: #565656; } .btn-grey-darken-1.disabled, .btn-grey-darken-1:disabled { background-color: #757575; border-color: #757575; } .btn-grey-darken-1:active, .btn-grey-darken-1.active { color: #ffffff; background-color: #424242; border-color: #565656; } .btn-grey-darken-1-o { color: #757575; background-color: transparent; border-color: #757575; } .btn-grey-darken-1-o:link, .btn-grey-darken-1-o:visited, .btn-grey-darken-1-o.visited { color: #757575; background-color: transparent; border-color: #757575; } .btn-grey-darken-1-o:hover { color: #b5b5b5; border-color: #b5b5b5; } .btn-grey-darken-1-o.disabled, .btn-grey-darken-1-o:disabled { color: #757575; } .btn-grey-darken-1-o:active, .btn-grey-darken-1-o.active { color: #b5b5b5; border-color: #b5b5b5; } .btn-grey-darken-2 { color: #ffffff; background-color: #616161; border-color: #616161; } .btn-grey-darken-2:link, .btn-grey-darken-2:visited, .btn-grey-darken-2.visited { color: #ffffff; background-color: #616161; border-color: #616161; } .btn-grey-darken-2:focus, .btn-grey-darken-2:hover { color: #ffffff; background-color: #2e2e2e; border-color: #424242; } .btn-grey-darken-2.disabled, .btn-grey-darken-2:disabled { background-color: #616161; border-color: #616161; } .btn-grey-darken-2:active, .btn-grey-darken-2.active { color: #ffffff; background-color: #2e2e2e; border-color: #424242; } .btn-grey-darken-2-o { color: #616161; background-color: transparent; border-color: #616161; } .btn-grey-darken-2-o:link, .btn-grey-darken-2-o:visited, .btn-grey-darken-2-o.visited { color: #616161; background-color: transparent; border-color: #616161; } .btn-grey-darken-2-o:hover { color: #a1a1a1; border-color: #a1a1a1; } .btn-grey-darken-2-o.disabled, .btn-grey-darken-2-o:disabled { color: #616161; } .btn-grey-darken-2-o:active, .btn-grey-darken-2-o.active { color: #a1a1a1; border-color: #a1a1a1; } .btn-grey-darken-3 { color: #ffffff; background-color: #424242; border-color: #424242; } .btn-grey-darken-3:link, .btn-grey-darken-3:visited, .btn-grey-darken-3.visited { color: #ffffff; background-color: #424242; border-color: #424242; } .btn-grey-darken-3:focus, .btn-grey-darken-3:hover { color: #ffffff; background-color: #0f0f0f; border-color: #232323; } .btn-grey-darken-3.disabled, .btn-grey-darken-3:disabled { background-color: #424242; border-color: #424242; } .btn-grey-darken-3:active, .btn-grey-darken-3.active { color: #ffffff; background-color: #0f0f0f; border-color: #232323; } .btn-grey-darken-3-o { color: #424242; background-color: transparent; border-color: #424242; } .btn-grey-darken-3-o:link, .btn-grey-darken-3-o:visited, .btn-grey-darken-3-o.visited { color: #424242; background-color: transparent; border-color: #424242; } .btn-grey-darken-3-o:hover { color: #828282; border-color: #828282; } .btn-grey-darken-3-o.disabled, .btn-grey-darken-3-o:disabled { color: #424242; } .btn-grey-darken-3-o:active, .btn-grey-darken-3-o.active { color: #828282; border-color: #828282; } .btn-grey-darken-4 { color: #ffffff; background-color: #212121; border-color: #212121; } .btn-grey-darken-4:link, .btn-grey-darken-4:visited, .btn-grey-darken-4.visited { color: #ffffff; background-color: #212121; border-color: #212121; } .btn-grey-darken-4:focus, .btn-grey-darken-4:hover { color: #ffffff; background-color: black; border-color: #020202; } .btn-grey-darken-4.disabled, .btn-grey-darken-4:disabled { background-color: #212121; border-color: #212121; } .btn-grey-darken-4:active, .btn-grey-darken-4.active { color: #ffffff; background-color: black; border-color: #020202; } .btn-grey-darken-4-o { color: #212121; background-color: transparent; border-color: #212121; } .btn-grey-darken-4-o:link, .btn-grey-darken-4-o:visited, .btn-grey-darken-4-o.visited { color: #212121; background-color: transparent; border-color: #212121; } .btn-grey-darken-4-o:hover { color: #616161; border-color: #616161; } .btn-grey-darken-4-o.disabled, .btn-grey-darken-4-o:disabled { color: #212121; } .btn-grey-darken-4-o:active, .btn-grey-darken-4-o.active { color: #616161; border-color: #616161; } .btn-gold { color: #ffffff; background-color: #ac7224; border-color: #ac7224; } .btn-gold:link, .btn-gold:visited, .btn-gold.visited { color: #ffffff; background-color: #ac7224; border-color: #ac7224; } .btn-gold:focus, .btn-gold:hover { color: #ffffff; background-color: #583a12; border-color: #795019; } .btn-gold.disabled, .btn-gold:disabled { background-color: #ac7224; border-color: #ac7224; } .btn-gold:active, .btn-gold.active { color: #ffffff; background-color: #583a12; border-color: #795019; } .btn-gold-o { color: #ac7224; background-color: transparent; border-color: #ac7224; } .btn-gold-o:link, .btn-gold-o:visited, .btn-gold-o.visited { color: #ac7224; background-color: transparent; border-color: #ac7224; } .btn-gold-o:hover { color: #e1b06f; border-color: #e1b06f; } .btn-gold-o.disabled, .btn-gold-o:disabled { color: #ac7224; } .btn-gold-o:active, .btn-gold-o.active { color: #e1b06f; border-color: #e1b06f; } .btn-social-facebook { color: #ffffff; background-color: #3b5998; border-color: #3b5998; } .btn-social-facebook:link, .btn-social-facebook:visited, .btn-social-facebook.visited { color: #ffffff; background-color: #3b5998; border-color: #3b5998; } .btn-social-facebook:focus, .btn-social-facebook:hover { color: #ffffff; background-color: #1e2e4f; border-color: #2a3f6c; } .btn-social-facebook.disabled, .btn-social-facebook:disabled { background-color: #3b5998; border-color: #3b5998; } .btn-social-facebook:active, .btn-social-facebook.active { color: #ffffff; background-color: #1e2e4f; border-color: #2a3f6c; } .btn-social-facebook-o { color: #3b5998; background-color: transparent; border-color: #3b5998; } .btn-social-facebook-o:link, .btn-social-facebook-o:visited, .btn-social-facebook-o.visited { color: #3b5998; background-color: transparent; border-color: #3b5998; } .btn-social-facebook-o:hover { color: #839ccf; border-color: #839ccf; } .btn-social-facebook-o.disabled, .btn-social-facebook-o:disabled { color: #3b5998; } .btn-social-facebook-o:active, .btn-social-facebook-o.active { color: #839ccf; border-color: #839ccf; } .btn-social-line { color: #ffffff; background-color: #00c300; border-color: #00c300; } .btn-social-line:link, .btn-social-line:visited, .btn-social-line.visited { color: #ffffff; background-color: #00c300; border-color: #00c300; } .btn-social-line:focus, .btn-social-line:hover { color: #ffffff; background-color: #005d00; border-color: #008600; } .btn-social-line.disabled, .btn-social-line:disabled { background-color: #00c300; border-color: #00c300; } .btn-social-line:active, .btn-social-line.active { color: #ffffff; background-color: #005d00; border-color: #008600; } .btn-social-line-o { color: #00c300; background-color: transparent; border-color: #00c300; } .btn-social-line-o:link, .btn-social-line-o:visited, .btn-social-line-o.visited { color: #00c300; background-color: transparent; border-color: #00c300; } .btn-social-line-o:hover { color: #44ff44; border-color: #44ff44; } .btn-social-line-o.disabled, .btn-social-line-o:disabled { color: #00c300; } .btn-social-line-o:active, .btn-social-line-o.active { color: #44ff44; border-color: #44ff44; } .btn-social-twitter { color: #ffffff; background-color: #1da1f2; border-color: #1da1f2; } .btn-social-twitter:link, .btn-social-twitter:visited, .btn-social-twitter.visited { color: #ffffff; background-color: #1da1f2; border-color: #1da1f2; } .btn-social-twitter:focus, .btn-social-twitter:hover { color: #ffffff; background-color: #0967a0; border-color: #0b7fc6; } .btn-social-twitter.disabled, .btn-social-twitter:disabled { background-color: #1da1f2; border-color: #1da1f2; } .btn-social-twitter:active, .btn-social-twitter.active { color: #ffffff; background-color: #0967a0; border-color: #0b7fc6; } .btn-social-twitter-o { color: #1da1f2; background-color: transparent; border-color: #1da1f2; } .btn-social-twitter-o:link, .btn-social-twitter-o:visited, .btn-social-twitter-o.visited { color: #1da1f2; background-color: transparent; border-color: #1da1f2; } .btn-social-twitter-o:hover { color: #96d3f9; border-color: #96d3f9; } .btn-social-twitter-o.disabled, .btn-social-twitter-o:disabled { color: #1da1f2; } .btn-social-twitter-o:active, .btn-social-twitter-o.active { color: #96d3f9; border-color: #96d3f9; } .btn-social-pinterest { color: #ffffff; background-color: #bd081c; border-color: #bd081c; } .btn-social-pinterest:link, .btn-social-pinterest:visited, .btn-social-pinterest.visited { color: #ffffff; background-color: #bd081c; border-color: #bd081c; } .btn-social-pinterest:focus, .btn-social-pinterest:hover { color: #ffffff; background-color: #5b040e; border-color: #820613; } .btn-social-pinterest.disabled, .btn-social-pinterest:disabled { background-color: #bd081c; border-color: #bd081c; } .btn-social-pinterest:active, .btn-social-pinterest.active { color: #ffffff; background-color: #5b040e; border-color: #820613; } .btn-social-pinterest-o { color: #bd081c; background-color: transparent; border-color: #bd081c; } .btn-social-pinterest-o:link, .btn-social-pinterest-o:visited, .btn-social-pinterest-o.visited { color: #bd081c; background-color: transparent; border-color: #bd081c; } .btn-social-pinterest-o:hover { color: #f74d60; border-color: #f74d60; } .btn-social-pinterest-o.disabled, .btn-social-pinterest-o:disabled { color: #bd081c; } .btn-social-pinterest-o:active, .btn-social-pinterest-o.active { color: #f74d60; border-color: #f74d60; } .btn-social-google-plus { color: #ffffff; background-color: #dd4b39; border-color: #dd4b39; } .btn-social-google-plus:link, .btn-social-google-plus:visited, .btn-social-google-plus.visited { color: #ffffff; background-color: #dd4b39; border-color: #dd4b39; } .btn-social-google-plus:focus, .btn-social-google-plus:hover { color: #ffffff; background-color: #96271a; border-color: #b93120; } .btn-social-google-plus.disabled, .btn-social-google-plus:disabled { background-color: #dd4b39; border-color: #dd4b39; } .btn-social-google-plus:active, .btn-social-google-plus.active { color: #ffffff; background-color: #96271a; border-color: #b93120; } .btn-social-google-plus-o { color: #dd4b39; background-color: transparent; border-color: #dd4b39; } .btn-social-google-plus-o:link, .btn-social-google-plus-o:visited, .btn-social-google-plus-o.visited { color: #dd4b39; background-color: transparent; border-color: #dd4b39; } .btn-social-google-plus-o:hover { color: #f0aea6; border-color: #f0aea6; } .btn-social-google-plus-o.disabled, .btn-social-google-plus-o:disabled { color: #dd4b39; } .btn-social-google-plus-o:active, .btn-social-google-plus-o.active { color: #f0aea6; border-color: #f0aea6; } .btn-social-plurk { color: #ffffff; background-color: #de411d; border-color: #de411d; } .btn-social-plurk:link, .btn-social-plurk:visited, .btn-social-plurk.visited { color: #ffffff; background-color: #de411d; border-color: #de411d; } .btn-social-plurk:focus, .btn-social-plurk:hover { color: #ffffff; background-color: #842711; border-color: #a83116; } .btn-social-plurk.disabled, .btn-social-plurk:disabled { background-color: #de411d; border-color: #de411d; } .btn-social-plurk:active, .btn-social-plurk.active { color: #ffffff; background-color: #842711; border-color: #a83116; } .btn-social-plurk-o { color: #de411d; background-color: transparent; border-color: #de411d; } .btn-social-plurk-o:link, .btn-social-plurk-o:visited, .btn-social-plurk-o.visited { color: #de411d; background-color: transparent; border-color: #de411d; } .btn-social-plurk-o:hover { color: #f09e8b; border-color: #f09e8b; } .btn-social-plurk-o.disabled, .btn-social-plurk-o:disabled { color: #de411d; } .btn-social-plurk-o:active, .btn-social-plurk-o.active { color: #f09e8b; border-color: #f09e8b; } .btn-social-qqchat { color: #ffffff; background-color: #000000; border-color: #000000; } .btn-social-qqchat:link, .btn-social-qqchat:visited, .btn-social-qqchat.visited { color: #ffffff; background-color: #000000; border-color: #000000; } .btn-social-qqchat:focus, .btn-social-qqchat:hover { color: #ffffff; background-color: black; border-color: black; } .btn-social-qqchat.disabled, .btn-social-qqchat:disabled { background-color: #000000; border-color: #000000; } .btn-social-qqchat:active, .btn-social-qqchat.active { color: #ffffff; background-color: black; border-color: black; } .btn-social-qqchat-o { color: #000000; background-color: transparent; border-color: #000000; } .btn-social-qqchat-o:link, .btn-social-qqchat-o:visited, .btn-social-qqchat-o.visited { color: #000000; background-color: transparent; border-color: #000000; } .btn-social-qqchat-o:hover { color: #404040; border-color: #404040; } .btn-social-qqchat-o.disabled, .btn-social-qqchat-o:disabled { color: #000000; } .btn-social-qqchat-o:active, .btn-social-qqchat-o.active { color: #404040; border-color: #404040; } .btn-social-sina-weibo { color: #ffffff; background-color: #f50000; border-color: #f50000; } .btn-social-sina-weibo:link, .btn-social-sina-weibo:visited, .btn-social-sina-weibo.visited { color: #ffffff; background-color: #f50000; border-color: #f50000; } .btn-social-sina-weibo:focus, .btn-social-sina-weibo:hover { color: #ffffff; background-color: #8f0000; border-color: #b80000; } .btn-social-sina-weibo.disabled, .btn-social-sina-weibo:disabled { background-color: #f50000; border-color: #f50000; } .btn-social-sina-weibo:active, .btn-social-sina-weibo.active { color: #ffffff; background-color: #8f0000; border-color: #b80000; } .btn-social-sina-weibo-o { color: #f50000; background-color: transparent; border-color: #f50000; } .btn-social-sina-weibo-o:link, .btn-social-sina-weibo-o:visited, .btn-social-sina-weibo-o.visited { color: #f50000; background-color: transparent; border-color: #f50000; } .btn-social-sina-weibo-o:hover { color: #ff7676; border-color: #ff7676; } .btn-social-sina-weibo-o.disabled, .btn-social-sina-weibo-o:disabled { color: #f50000; } .btn-social-sina-weibo-o:active, .btn-social-sina-weibo-o.active { color: #ff7676; border-color: #ff7676; } .btn-social-renren { color: #ffffff; background-color: #217dc6; border-color: #217dc6; } .btn-social-renren:link, .btn-social-renren:visited, .btn-social-renren.visited { color: #ffffff; background-color: #217dc6; border-color: #217dc6; } .btn-social-renren:focus, .btn-social-renren:hover { color: #ffffff; background-color: #12466f; border-color: #185c92; } .btn-social-renren.disabled, .btn-social-renren:disabled { background-color: #217dc6; border-color: #217dc6; } .btn-social-renren:active, .btn-social-renren.active { color: #ffffff; background-color: #12466f; border-color: #185c92; } .btn-social-renren-o { color: #217dc6; background-color: transparent; border-color: #217dc6; } .btn-social-renren-o:link, .btn-social-renren-o:visited, .btn-social-renren-o.visited { color: #217dc6; background-color: transparent; border-color: #217dc6; } .btn-social-renren-o:hover { color: #7db9e9; border-color: #7db9e9; } .btn-social-renren-o.disabled, .btn-social-renren-o:disabled { color: #217dc6; } .btn-social-renren-o:active, .btn-social-renren-o.active { color: #7db9e9; border-color: #7db9e9; } .btn-social-instagram { color: #ffffff; background-color: #c13584; border-color: #c13584; } .btn-social-instagram:link, .btn-social-instagram:visited, .btn-social-instagram.visited { color: #ffffff; background-color: #c13584; border-color: #c13584; } .btn-social-instagram:focus, .btn-social-instagram:hover { color: #ffffff; background-color: #711f4d; border-color: #912863; } .btn-social-instagram.disabled, .btn-social-instagram:disabled { background-color: #c13584; border-color: #c13584; } .btn-social-instagram:active, .btn-social-instagram.active { color: #ffffff; background-color: #711f4d; border-color: #912863; } .btn-social-instagram-o { color: #c13584; background-color: transparent; border-color: #c13584; } .btn-social-instagram-o:link, .btn-social-instagram-o:visited, .btn-social-instagram-o.visited { color: #c13584; background-color: transparent; border-color: #c13584; } .btn-social-instagram-o:hover { color: #e294c0; border-color: #e294c0; } .btn-social-instagram-o.disabled, .btn-social-instagram-o:disabled { color: #c13584; } .btn-social-instagram-o:active, .btn-social-instagram-o.active { color: #e294c0; border-color: #e294c0; } .btn-social-wechat { color: #ffffff; background-color: #51c332; border-color: #51c332; } .btn-social-wechat:link, .btn-social-wechat:visited, .btn-social-wechat.visited { color: #ffffff; background-color: #51c332; border-color: #51c332; } .btn-social-wechat:focus, .btn-social-wechat:hover { color: #ffffff; background-color: #2f721d; border-color: #3d9226; } .btn-social-wechat.disabled, .btn-social-wechat:disabled { background-color: #51c332; border-color: #51c332; } .btn-social-wechat:active, .btn-social-wechat.active { color: #ffffff; background-color: #2f721d; border-color: #3d9226; } .btn-social-wechat-o { color: #51c332; background-color: transparent; border-color: #51c332; } .btn-social-wechat-o:link, .btn-social-wechat-o:visited, .btn-social-wechat-o.visited { color: #51c332; background-color: transparent; border-color: #51c332; } .btn-social-wechat-o:hover { color: #a3e392; border-color: #a3e392; } .btn-social-wechat-o.disabled, .btn-social-wechat-o:disabled { color: #51c332; } .btn-social-wechat-o:active, .btn-social-wechat-o.active { color: #a3e392; border-color: #a3e392; } .btn-white, .btn-white:link, .btn-white:visited, .btn-white.visited { color: #000000; background-color: #ffffff; border-color: #ffffff; } .btn-white:focus, .btn-white:hover, .btn-white:active, .btn-white.active { color: #ffffff; background-color: #000000; border-color: #000000; } .btn-white.disabled, .btn-white:disabled { background-color: #cccccc; border-color: #cccccc; } .btn-white-o, .btn-white-o:link, .btn-white-o:visited, .btn-white-o.visited { color: #ffffff; background-color: transparent; border-color: #ffffff; } .btn-white-o:focus, .btn-white-o:hover, .btn-white-o:active, .btn-white-o.active { color: #222222; border-color: #222222; } .btn-white-o.disabled, .btn-white-o:disabled { color: #cccccc; } .btn-black, .btn-black:link, .btn-black:visited, .btn-black.visited { color: #ffffff; background-color: #000000; border-color: #000000; } .btn-black:focus, .btn-black:hover, .btn-black:active, .btn-black.active { color: #000000; background-color: #ffffff; border-color: #ffffff; } .btn-black.disabled, .btn-black:disabled { background-color: #cccccc; border-color: #cccccc; } .btn-black-o, .btn-black-o:link, .btn-black-o:visited, .btn-black-o.visited { color: #000000; background-color: transparent; border-color: #000000; } .btn-black-o:focus, .btn-black-o:hover, .btn-black-o:active, .btn-black-o.active { color: #ffffff; border-color: #ffffff; } .btn-black-o.disabled, .btn-black-o:disabled { color: #cccccc; } .font-materialize-red { color: #e51c23 !important; } a.font-materialize-red:focus, a.font-materialize-red:active, a.font-materialize-red:hover { color: #b9151b !important; } .font-materialize-red-lighten-5 { color: #fdeaeb !important; } a.font-materialize-red-lighten-5:focus, a.font-materialize-red-lighten-5:active, a.font-materialize-red-lighten-5:hover { color: #f9bbbf !important; } .font-materialize-red-lighten-4 { color: #f8c1c3 !important; } a.font-materialize-red-lighten-4:focus, a.font-materialize-red-lighten-4:active, a.font-materialize-red-lighten-4:hover { color: #f39397 !important; } .font-materialize-red-lighten-3 { color: #f3989b !important; } a.font-materialize-red-lighten-3:focus, a.font-materialize-red-lighten-3:active, a.font-materialize-red-lighten-3:hover { color: #ee6a6f !important; } .font-materialize-red-lighten-2 { color: #ee6e73 !important; } a.font-materialize-red-lighten-2:focus, a.font-materialize-red-lighten-2:active, a.font-materialize-red-lighten-2:hover { color: #e94047 !important; } .font-materialize-red-lighten-1 { color: #ea454b !important; } a.font-materialize-red-lighten-1:focus, a.font-materialize-red-lighten-1:active, a.font-materialize-red-lighten-1:hover { color: #e21a21 !important; } .font-materialize-red-darken-1 { color: #d0181e !important; } a.font-materialize-red-darken-1:focus, a.font-materialize-red-darken-1:active, a.font-materialize-red-darken-1:hover { color: #a21317 !important; } .font-materialize-red-darken-2 { color: #b9151b !important; } a.font-materialize-red-darken-2:focus, a.font-materialize-red-darken-2:active, a.font-materialize-red-darken-2:hover { color: #8b1014 !important; } .font-materialize-red-darken-3 { color: #a21318 !important; } a.font-materialize-red-darken-3:focus, a.font-materialize-red-darken-3:active, a.font-materialize-red-darken-3:hover { color: #740e11 !important; } .font-materialize-red-darken-4 { color: #8b1014 !important; } a.font-materialize-red-darken-4:focus, a.font-materialize-red-darken-4:active, a.font-materialize-red-darken-4:hover { color: #5d0b0d !important; } .font-red { color: #F44336 !important; } a.font-red:focus, a.font-red:active, a.font-red:hover { color: #ea1c0d !important; } .font-red-lighten-5 { color: #FFEBEE !important; } a.font-red-lighten-5:focus, a.font-red-lighten-5:active, a.font-red-lighten-5:hover { color: #ffb8c3 !important; } .font-red-lighten-4 { color: #FFCDD2 !important; } a.font-red-lighten-4:focus, a.font-red-lighten-4:active, a.font-red-lighten-4:hover { color: #ff9aa4 !important; } .font-red-lighten-3 { color: #EF9A9A !important; } a.font-red-lighten-3:focus, a.font-red-lighten-3:active, a.font-red-lighten-3:hover { color: #e86e6e !important; } .font-red-lighten-2 { color: #E57373 !important; } a.font-red-lighten-2:focus, a.font-red-lighten-2:active, a.font-red-lighten-2:hover { color: #dd4848 !important; } .font-red-lighten-1 { color: #EF5350 !important; } a.font-red-lighten-1:focus, a.font-red-lighten-1:active, a.font-red-lighten-1:hover { color: #eb2521 !important; } .font-red-darken-1 { color: #E53935 !important; } a.font-red-darken-1:focus, a.font-red-darken-1:active, a.font-red-darken-1:hover { color: #cd1e1a !important; } .font-red-darken-2 { color: #D32F2F !important; } a.font-red-darken-2:focus, a.font-red-darken-2:active, a.font-red-darken-2:hover { color: #ab2424 !important; } .font-red-darken-3 { color: #C62828 !important; } a.font-red-darken-3:focus, a.font-red-darken-3:active, a.font-red-darken-3:hover { color: #9c1f1f !important; } .font-red-darken-4 { color: #B71C1C !important; } a.font-red-darken-4:focus, a.font-red-darken-4:active, a.font-red-darken-4:hover { color: #8b1515 !important; } .font-red-accent-1 { color: #FF8A80 !important; } a.font-red-accent-1:focus, a.font-red-accent-1:active, a.font-red-accent-1:hover { color: #ff5b4d !important; } .font-red-accent-2 { color: #FF5252 !important; } a.font-red-accent-2:focus, a.font-red-accent-2:active, a.font-red-accent-2:hover { color: #ff1f1f !important; } .font-red-accent-3 { color: #FF1744 !important; } a.font-red-accent-3:focus, a.font-red-accent-3:active, a.font-red-accent-3:hover { color: #e3002c !important; } .font-red-accent-4 { color: #D50000 !important; } a.font-red-accent-4:focus, a.font-red-accent-4:active, a.font-red-accent-4:hover { color: #a20000 !important; } .font-pink { color: #e91e63 !important; } a.font-pink:focus, a.font-pink:active, a.font-pink:hover { color: #c1134e !important; } .font-pink-lighten-5 { color: #fce4ec !important; } a.font-pink-lighten-5:focus, a.font-pink-lighten-5:active, a.font-pink-lighten-5:hover { color: #f7b6cc !important; } .font-pink-lighten-4 { color: #f8bbd0 !important; } a.font-pink-lighten-4:focus, a.font-pink-lighten-4:active, a.font-pink-lighten-4:hover { color: #f38db0 !important; } .font-pink-lighten-3 { color: #f48fb1 !important; } a.font-pink-lighten-3:focus, a.font-pink-lighten-3:active, a.font-pink-lighten-3:hover { color: #ef6191 !important; } .font-pink-lighten-2 { color: #f06292 !important; } a.font-pink-lighten-2:focus, a.font-pink-lighten-2:active, a.font-pink-lighten-2:hover { color: #ec3372 !important; } .font-pink-lighten-1 { color: #ec407a !important; } a.font-pink-lighten-1:focus, a.font-pink-lighten-1:active, a.font-pink-lighten-1:hover { color: #e2175b !important; } .font-pink-darken-1 { color: #d81b60 !important; } a.font-pink-darken-1:focus, a.font-pink-darken-1:active, a.font-pink-darken-1:hover { color: #ab154c !important; } .font-pink-darken-2 { color: #c2185b !important; } a.font-pink-darken-2:focus, a.font-pink-darken-2:active, a.font-pink-darken-2:hover { color: #951246 !important; } .font-pink-darken-3 { color: #ad1457 !important; } a.font-pink-darken-3:focus, a.font-pink-darken-3:active, a.font-pink-darken-3:hover { color: #7f0f40 !important; } .font-pink-darken-4 { color: #880e4f !important; } a.font-pink-darken-4:focus, a.font-pink-darken-4:active, a.font-pink-darken-4:hover { color: #5a0934 !important; } .font-pink-accent-1 { color: #ff80ab !important; } a.font-pink-accent-1:focus, a.font-pink-accent-1:active, a.font-pink-accent-1:hover { color: #ff4d89 !important; } .font-pink-accent-2 { color: #ff4081 !important; } a.font-pink-accent-2:focus, a.font-pink-accent-2:active, a.font-pink-accent-2:hover { color: #ff0d5f !important; } .font-pink-accent-3 { color: #f50057 !important; } a.font-pink-accent-3:focus, a.font-pink-accent-3:active, a.font-pink-accent-3:hover { color: #c20045 !important; } .font-pink-accent-4 { color: #c51162 !important; } a.font-pink-accent-4:focus, a.font-pink-accent-4:active, a.font-pink-accent-4:hover { color: #960d4b !important; } .font-purple { color: #9c27b0 !important; } a.font-purple:focus, a.font-purple:active, a.font-purple:hover { color: #771e86 !important; } .font-purple-lighten-5 { color: #f3e5f5 !important; } a.font-purple-lighten-5:focus, a.font-purple-lighten-5:active, a.font-purple-lighten-5:hover { color: #e2c0e7 !important; } .font-purple-lighten-4 { color: #e1bee7 !important; } a.font-purple-lighten-4:focus, a.font-purple-lighten-4:active, a.font-purple-lighten-4:hover { color: #d099d9 !important; } .font-purple-lighten-3 { color: #ce93d8 !important; } a.font-purple-lighten-3:focus, a.font-purple-lighten-3:active, a.font-purple-lighten-3:hover { color: #bd6eca !important; } .font-purple-lighten-2 { color: #ba68c8 !important; } a.font-purple-lighten-2:focus, a.font-purple-lighten-2:active, a.font-purple-lighten-2:hover { color: #a844b9 !important; } .font-purple-lighten-1 { color: #ab47bc !important; } a.font-purple-lighten-1:focus, a.font-purple-lighten-1:active, a.font-purple-lighten-1:hover { color: #8a3898 !important; } .font-purple-darken-1 { color: #8e24aa !important; } a.font-purple-darken-1:focus, a.font-purple-darken-1:active, a.font-purple-darken-1:hover { color: #6b1b80 !important; } .font-purple-darken-2 { color: #7b1fa2 !important; } a.font-purple-darken-2:focus, a.font-purple-darken-2:active, a.font-purple-darken-2:hover { color: #5a1777 !important; } .font-purple-darken-3 { color: #6a1b9a !important; } a.font-purple-darken-3:focus, a.font-purple-darken-3:active, a.font-purple-darken-3:hover { color: #4c136f !important; } .font-purple-darken-4 { color: #4a148c !important; } a.font-purple-darken-4:focus, a.font-purple-darken-4:active, a.font-purple-darken-4:hover { color: #320e5f !important; } .font-purple-accent-1 { color: #ea80fc !important; } a.font-purple-accent-1:focus, a.font-purple-accent-1:active, a.font-purple-accent-1:hover { color: #e24efb !important; } .font-purple-accent-2 { color: #e040fb !important; } a.font-purple-accent-2:focus, a.font-purple-accent-2:active, a.font-purple-accent-2:hover { color: #d80efa !important; } .font-purple-accent-3 { color: #d500f9 !important; } a.font-purple-accent-3:focus, a.font-purple-accent-3:active, a.font-purple-accent-3:hover { color: #a900c6 !important; } .font-purple-accent-4 { color: #aa00ff !important; } a.font-purple-accent-4:focus, a.font-purple-accent-4:active, a.font-purple-accent-4:hover { color: #8800cc !important; } .font-deep-purple { color: #673ab7 !important; } a.font-deep-purple:focus, a.font-deep-purple:active, a.font-deep-purple:hover { color: #512e90 !important; } .font-deep-purple-lighten-5 { color: #ede7f6 !important; } a.font-deep-purple-lighten-5:focus, a.font-deep-purple-lighten-5:active, a.font-deep-purple-lighten-5:hover { color: #d1c2e8 !important; } .font-deep-purple-lighten-4 { color: #d1c4e9 !important; } a.font-deep-purple-lighten-4:focus, a.font-deep-purple-lighten-4:active, a.font-deep-purple-lighten-4:hover { color: #b49fdb !important; } .font-deep-purple-lighten-3 { color: #b39ddb !important; } a.font-deep-purple-lighten-3:focus, a.font-deep-purple-lighten-3:active, a.font-deep-purple-lighten-3:hover { color: #9678cd !important; } .font-deep-purple-lighten-2 { color: #9575cd !important; } a.font-deep-purple-lighten-2:focus, a.font-deep-purple-lighten-2:active, a.font-deep-purple-lighten-2:hover { color: #7850bf !important; } .font-deep-purple-lighten-1 { color: #7e57c2 !important; } a.font-deep-purple-lighten-1:focus, a.font-deep-purple-lighten-1:active, a.font-deep-purple-lighten-1:hover { color: #643da9 !important; } .font-deep-purple-darken-1 { color: #5e35b1 !important; } a.font-deep-purple-darken-1:focus, a.font-deep-purple-darken-1:active, a.font-deep-purple-darken-1:hover { color: #49298a !important; } .font-deep-purple-darken-2 { color: #512da8 !important; } a.font-deep-purple-darken-2:focus, a.font-deep-purple-darken-2:active, a.font-deep-purple-darken-2:hover { color: #3e2280 !important; } .font-deep-purple-darken-3 { color: #4527a0 !important; } a.font-deep-purple-darken-3:focus, a.font-deep-purple-darken-3:active, a.font-deep-purple-darken-3:hover { color: #331d77 !important; } .font-deep-purple-darken-4 { color: #311b92 !important; } a.font-deep-purple-darken-4:focus, a.font-deep-purple-darken-4:active, a.font-deep-purple-darken-4:hover { color: #231367 !important; } .font-deep-purple-accent-1 { color: #b388ff !important; } a.font-deep-purple-accent-1:focus, a.font-deep-purple-accent-1:active, a.font-deep-purple-accent-1:hover { color: #9255ff !important; } .font-deep-purple-accent-2 { color: #7c4dff !important; } a.font-deep-purple-accent-2:focus, a.font-deep-purple-accent-2:active, a.font-deep-purple-accent-2:hover { color: #561aff !important; } .font-deep-purple-accent-3 { color: #651fff !important; } a.font-deep-purple-accent-3:focus, a.font-deep-purple-accent-3:active, a.font-deep-purple-accent-3:hover { color: #4900eb !important; } .font-deep-purple-accent-4 { color: #6200ea !important; } a.font-deep-purple-accent-4:focus, a.font-deep-purple-accent-4:active, a.font-deep-purple-accent-4:hover { color: #4d00b7 !important; } .font-indigo { color: #3f51b5 !important; } a.font-indigo:focus, a.font-indigo:active, a.font-indigo:hover { color: #32408f !important; } .font-indigo-lighten-5 { color: #e8eaf6 !important; } a.font-indigo-lighten-5:focus, a.font-indigo-lighten-5:active, a.font-indigo-lighten-5:hover { color: #c3c9e8 !important; } .font-indigo-lighten-4 { color: #c5cae9 !important; } a.font-indigo-lighten-4:focus, a.font-indigo-lighten-4:active, a.font-indigo-lighten-4:hover { color: #a0a8db !important; } .font-indigo-lighten-3 { color: #9fa8da !important; } a.font-indigo-lighten-3:focus, a.font-indigo-lighten-3:active, a.font-indigo-lighten-3:hover { color: #7a87cc !important; } .font-indigo-lighten-2 { color: #7986cb !important; } a.font-indigo-lighten-2:focus, a.font-indigo-lighten-2:active, a.font-indigo-lighten-2:hover { color: #5465bd !important; } .font-indigo-lighten-1 { color: #5c6bc0 !important; } a.font-indigo-lighten-1:focus, a.font-indigo-lighten-1:active, a.font-indigo-lighten-1:hover { color: #4150a8 !important; } .font-indigo-darken-1 { color: #3949ab !important; } a.font-indigo-darken-1:focus, a.font-indigo-darken-1:active, a.font-indigo-darken-1:hover { color: #2c3985 !important; } .font-indigo-darken-2 { color: #303f9f !important; } a.font-indigo-darken-2:focus, a.font-indigo-darken-2:active, a.font-indigo-darken-2:hover { color: #242f78 !important; } .font-indigo-darken-3 { color: #283593 !important; } a.font-indigo-darken-3:focus, a.font-indigo-darken-3:active, a.font-indigo-darken-3:hover { color: #1d276b !important; } .font-indigo-darken-4 { color: #1a237e !important; } a.font-indigo-darken-4:focus, a.font-indigo-darken-4:active, a.font-indigo-darken-4:hover { color: #111754 !important; } .font-indigo-accent-1 { color: #8c9eff !important; } a.font-indigo-accent-1:focus, a.font-indigo-accent-1:active, a.font-indigo-accent-1:hover { color: #5973ff !important; } .font-indigo-accent-2 { color: #536dfe !important; } a.font-indigo-accent-2:focus, a.font-indigo-accent-2:active, a.font-indigo-accent-2:hover { color: #2042fe !important; } .font-indigo-accent-3 { color: #3d5afe !important; } a.font-indigo-accent-3:focus, a.font-indigo-accent-3:active, a.font-indigo-accent-3:hover { color: #0a2ffe !important; } .font-indigo-accent-4 { color: #304ffe !important; } a.font-indigo-accent-4:focus, a.font-indigo-accent-4:active, a.font-indigo-accent-4:hover { color: #0127fa !important; } .font-blue { color: #2196F3 !important; } a.font-blue:focus, a.font-blue:active, a.font-blue:hover { color: #0c7cd5 !important; } .font-blue-lighten-5 { color: #E3F2FD !important; } a.font-blue-lighten-5:focus, a.font-blue-lighten-5:active, a.font-blue-lighten-5:hover { color: #b3dcfa !important; } .font-blue-lighten-4 { color: #BBDEFB !important; } a.font-blue-lighten-4:focus, a.font-blue-lighten-4:active, a.font-blue-lighten-4:hover { color: #8bc7f8 !important; } .font-blue-lighten-3 { color: #90CAF9 !important; } a.font-blue-lighten-3:focus, a.font-blue-lighten-3:active, a.font-blue-lighten-3:hover { color: #60b3f6 !important; } .font-blue-lighten-2 { color: #64B5F6 !important; } a.font-blue-lighten-2:focus, a.font-blue-lighten-2:active, a.font-blue-lighten-2:hover { color: #349ef3 !important; } .font-blue-lighten-1 { color: #42A5F5 !important; } a.font-blue-lighten-1:focus, a.font-blue-lighten-1:active, a.font-blue-lighten-1:hover { color: #128ef2 !important; } .font-blue-darken-1 { color: #1E88E5 !important; } a.font-blue-darken-1:focus, a.font-blue-darken-1:active, a.font-blue-darken-1:hover { color: #166dba !important; } .font-blue-darken-2 { color: #1976D2 !important; } a.font-blue-darken-2:focus, a.font-blue-darken-2:active, a.font-blue-darken-2:hover { color: #145ca4 !important; } .font-blue-darken-3 { color: #1565C0 !important; } a.font-blue-darken-3:focus, a.font-blue-darken-3:active, a.font-blue-darken-3:hover { color: #104d92 !important; } .font-blue-darken-4 { color: #0D47A1 !important; } a.font-blue-darken-4:focus, a.font-blue-darken-4:active, a.font-blue-darken-4:hover { color: #093272 !important; } .font-blue-accent-1 { color: #82B1FF !important; } a.font-blue-accent-1:focus, a.font-blue-accent-1:active, a.font-blue-accent-1:hover { color: #4f91ff !important; } .font-blue-accent-2 { color: #448AFF !important; } a.font-blue-accent-2:focus, a.font-blue-accent-2:active, a.font-blue-accent-2:hover { color: #116aff !important; } .font-blue-accent-3 { color: #2979FF !important; } a.font-blue-accent-3:focus, a.font-blue-accent-3:active, a.font-blue-accent-3:hover { color: #005cf5 !important; } .font-blue-accent-4 { color: #2962FF !important; } a.font-blue-accent-4:focus, a.font-blue-accent-4:active, a.font-blue-accent-4:hover { color: #0041f5 !important; } .font-light-blue { color: #03a9f4 !important; } a.font-light-blue:focus, a.font-light-blue:active, a.font-light-blue:hover { color: #0286c2 !important; } .font-light-blue-lighten-5 { color: #e1f5fe !important; } a.font-light-blue-lighten-5:focus, a.font-light-blue-lighten-5:active, a.font-light-blue-lighten-5:hover { color: #b0e5fc !important; } .font-light-blue-lighten-4 { color: #b3e5fc !important; } a.font-light-blue-lighten-4:focus, a.font-light-blue-lighten-4:active, a.font-light-blue-lighten-4:hover { color: #82d4fa !important; } .font-light-blue-lighten-3 { color: #81d4fa !important; } a.font-light-blue-lighten-3:focus, a.font-light-blue-lighten-3:active, a.font-light-blue-lighten-3:hover { color: #50c3f8 !important; } .font-light-blue-lighten-2 { color: #4fc3f7 !important; } a.font-light-blue-lighten-2:focus, a.font-light-blue-lighten-2:active, a.font-light-blue-lighten-2:hover { color: #1eb2f5 !important; } .font-light-blue-lighten-1 { color: #29b6f6 !important; } a.font-light-blue-lighten-1:focus, a.font-light-blue-lighten-1:active, a.font-light-blue-lighten-1:hover { color: #0a9fe2 !important; } .font-light-blue-darken-1 { color: #039be5 !important; } a.font-light-blue-darken-1:focus, a.font-light-blue-darken-1:active, a.font-light-blue-darken-1:hover { color: #0279b3 !important; } .font-light-blue-darken-2 { color: #0288d1 !important; } a.font-light-blue-darken-2:focus, a.font-light-blue-darken-2:active, a.font-light-blue-darken-2:hover { color: #02679e !important; } .font-light-blue-darken-3 { color: #0277bd !important; } a.font-light-blue-darken-3:focus, a.font-light-blue-darken-3:active, a.font-light-blue-darken-3:hover { color: #01578b !important; } .font-light-blue-darken-4 { color: #01579b !important; } a.font-light-blue-darken-4:focus, a.font-light-blue-darken-4:active, a.font-light-blue-darken-4:hover { color: #013b68 !important; } .font-light-blue-accent-1 { color: #80d8ff !important; } a.font-light-blue-accent-1:focus, a.font-light-blue-accent-1:active, a.font-light-blue-accent-1:hover { color: #4dc8ff !important; } .font-light-blue-accent-2 { color: #40c4ff !important; } a.font-light-blue-accent-2:focus, a.font-light-blue-accent-2:active, a.font-light-blue-accent-2:hover { color: #0db4ff !important; } .font-light-blue-accent-3 { color: #00b0ff !important; } a.font-light-blue-accent-3:focus, a.font-light-blue-accent-3:active, a.font-light-blue-accent-3:hover { color: #008dcc !important; } .font-light-blue-accent-4 { color: #0091ea !important; } a.font-light-blue-accent-4:focus, a.font-light-blue-accent-4:active, a.font-light-blue-accent-4:hover { color: #0071b7 !important; } .font-cyan { color: #00bcd4 !important; } a.font-cyan:focus, a.font-cyan:active, a.font-cyan:hover { color: #008fa1 !important; } .font-cyan-lighten-5 { color: #e0f7fa !important; } a.font-cyan-lighten-5:focus, a.font-cyan-lighten-5:active, a.font-cyan-lighten-5:hover { color: #b4ecf3 !important; } .font-cyan-lighten-4 { color: #b2ebf2 !important; } a.font-cyan-lighten-4:focus, a.font-cyan-lighten-4:active, a.font-cyan-lighten-4:hover { color: #86e0eb !important; } .font-cyan-lighten-3 { color: #80deea !important; } a.font-cyan-lighten-3:focus, a.font-cyan-lighten-3:active, a.font-cyan-lighten-3:hover { color: #54d3e3 !important; } .font-cyan-lighten-2 { color: #4dd0e1 !important; } a.font-cyan-lighten-2:focus, a.font-cyan-lighten-2:active, a.font-cyan-lighten-2:hover { color: #24c2d7 !important; } .font-cyan-lighten-1 { color: #26c6da !important; } a.font-cyan-lighten-1:focus, a.font-cyan-lighten-1:active, a.font-cyan-lighten-1:hover { color: #1e9faf !important; } .font-cyan-darken-1 { color: #00acc1 !important; } a.font-cyan-darken-1:focus, a.font-cyan-darken-1:active, a.font-cyan-darken-1:hover { color: #007f8e !important; } .font-cyan-darken-2 { color: #0097a7 !important; } a.font-cyan-darken-2:focus, a.font-cyan-darken-2:active, a.font-cyan-darken-2:hover { color: #006974 !important; } .font-cyan-darken-3 { color: #00838f !important; } a.font-cyan-darken-3:focus, a.font-cyan-darken-3:active, a.font-cyan-darken-3:hover { color: #00545c !important; } .font-cyan-darken-4 { color: #006064 !important; } a.font-cyan-darken-4:focus, a.font-cyan-darken-4:active, a.font-cyan-darken-4:hover { color: #002f31 !important; } .font-cyan-accent-1 { color: #84ffff !important; } a.font-cyan-accent-1:focus, a.font-cyan-accent-1:active, a.font-cyan-accent-1:hover { color: #51ffff !important; } .font-cyan-accent-2 { color: #18ffff !important; } a.font-cyan-accent-2:focus, a.font-cyan-accent-2:active, a.font-cyan-accent-2:hover { color: #00e4e4 !important; } .font-cyan-accent-3 { color: #00e5ff !important; } a.font-cyan-accent-3:focus, a.font-cyan-accent-3:active, a.font-cyan-accent-3:hover { color: #00b7cc !important; } .font-cyan-accent-4 { color: #00b8d4 !important; } a.font-cyan-accent-4:focus, a.font-cyan-accent-4:active, a.font-cyan-accent-4:hover { color: #008ca1 !important; } .font-teal { color: #009688 !important; } a.font-teal:focus, a.font-teal:active, a.font-teal:hover { color: #00635a !important; } .font-teal-lighten-5 { color: #e0f2f1 !important; } a.font-teal-lighten-5:focus, a.font-teal-lighten-5:active, a.font-teal-lighten-5:hover { color: #bce3e1 !important; } .font-teal-lighten-4 { color: #b2dfdb !important; } a.font-teal-lighten-4:focus, a.font-teal-lighten-4:active, a.font-teal-lighten-4:hover { color: #8ed0ca !important; } .font-teal-lighten-3 { color: #80cbc4 !important; } a.font-teal-lighten-3:focus, a.font-teal-lighten-3:active, a.font-teal-lighten-3:hover { color: #5cbcb3 !important; } .font-teal-lighten-2 { color: #4db6ac !important; } a.font-teal-lighten-2:focus, a.font-teal-lighten-2:active, a.font-teal-lighten-2:hover { color: #3c948b !important; } .font-teal-lighten-1 { color: #26a69a !important; } a.font-teal-lighten-1:focus, a.font-teal-lighten-1:active, a.font-teal-lighten-1:hover { color: #1d7d74 !important; } .font-teal-darken-1 { color: #00897b !important; } a.font-teal-darken-1:focus, a.font-teal-darken-1:active, a.font-teal-darken-1:hover { color: #00564d !important; } .font-teal-darken-2 { color: #00796b !important; } a.font-teal-darken-2:focus, a.font-teal-darken-2:active, a.font-teal-darken-2:hover { color: #00463e !important; } .font-teal-darken-3 { color: #00695c !important; } a.font-teal-darken-3:focus, a.font-teal-darken-3:active, a.font-teal-darken-3:hover { color: #00362f !important; } .font-teal-darken-4 { color: #004d40 !important; } a.font-teal-darken-4:focus, a.font-teal-darken-4:active, a.font-teal-darken-4:hover { color: #001a16 !important; } .font-teal-accent-1 { color: #a7ffeb !important; } a.font-teal-accent-1:focus, a.font-teal-accent-1:active, a.font-teal-accent-1:hover { color: #74ffdf !important; } .font-teal-accent-2 { color: #64ffda !important; } a.font-teal-accent-2:focus, a.font-teal-accent-2:active, a.font-teal-accent-2:hover { color: #31ffce !important; } .font-teal-accent-3 { color: #1de9b6 !important; } a.font-teal-accent-3:focus, a.font-teal-accent-3:active, a.font-teal-accent-3:hover { color: #13c095 !important; } .font-teal-accent-4 { color: #00bfa5 !important; } a.font-teal-accent-4:focus, a.font-teal-accent-4:active, a.font-teal-accent-4:hover { color: #008c79 !important; } .font-green { color: #4CAF50 !important; } a.font-green:focus, a.font-green:active, a.font-green:hover { color: #3d8b40 !important; } .font-green-lighten-5 { color: #E8F5E9 !important; } a.font-green-lighten-5:focus, a.font-green-lighten-5:active, a.font-green-lighten-5:hover { color: #c4e6c7 !important; } .font-green-lighten-4 { color: #C8E6C9 !important; } a.font-green-lighten-4:focus, a.font-green-lighten-4:active, a.font-green-lighten-4:hover { color: #a5d6a7 !important; } .font-green-lighten-3 { color: #A5D6A7 !important; } a.font-green-lighten-3:focus, a.font-green-lighten-3:active, a.font-green-lighten-3:hover { color: #82c685 !important; } .font-green-lighten-2 { color: #81C784 !important; } a.font-green-lighten-2:focus, a.font-green-lighten-2:active, a.font-green-lighten-2:hover { color: #5eb762 !important; } .font-green-lighten-1 { color: #66BB6A !important; } a.font-green-lighten-1:focus, a.font-green-lighten-1:active, a.font-green-lighten-1:hover { color: #49a54e !important; } .font-green-darken-1 { color: #43A047 !important; } a.font-green-darken-1:focus, a.font-green-darken-1:active, a.font-green-darken-1:hover { color: #347c37 !important; } .font-green-darken-2 { color: #388E3C !important; } a.font-green-darken-2:focus, a.font-green-darken-2:active, a.font-green-darken-2:hover { color: #2a692d !important; } .font-green-darken-3 { color: #2E7D32 !important; } a.font-green-darken-3:focus, a.font-green-darken-3:active, a.font-green-darken-3:hover { color: #205823 !important; } .font-green-darken-4 { color: #1B5E20 !important; } a.font-green-darken-4:focus, a.font-green-darken-4:active, a.font-green-darken-4:hover { color: #103613 !important; } .font-green-accent-1 { color: #B9F6CA !important; } a.font-green-accent-1:focus, a.font-green-accent-1:active, a.font-green-accent-1:hover { color: #8cf0a8 !important; } .font-green-accent-2 { color: #69F0AE !important; } a.font-green-accent-2:focus, a.font-green-accent-2:active, a.font-green-accent-2:hover { color: #3beb95 !important; } .font-green-accent-3 { color: #00E676 !important; } a.font-green-accent-3:focus, a.font-green-accent-3:active, a.font-green-accent-3:hover { color: #00b35c !important; } .font-green-accent-4 { color: #00C853 !important; } a.font-green-accent-4:focus, a.font-green-accent-4:active, a.font-green-accent-4:hover { color: #00953e !important; } .font-light-green { color: #8bc34a !important; } a.font-light-green:focus, a.font-light-green:active, a.font-light-green:hover { color: #71a436 !important; } .font-light-green-lighten-5 { color: #f1f8e9 !important; } a.font-light-green-lighten-5:focus, a.font-light-green-lighten-5:active, a.font-light-green-lighten-5:hover { color: #d8ecc2 !important; } .font-light-green-lighten-4 { color: #dcedc8 !important; } a.font-light-green-lighten-4:focus, a.font-light-green-lighten-4:active, a.font-light-green-lighten-4:hover { color: #c4e0a2 !important; } .font-light-green-lighten-3 { color: #c5e1a5 !important; } a.font-light-green-lighten-3:focus, a.font-light-green-lighten-3:active, a.font-light-green-lighten-3:hover { color: #acd47f !important; } .font-light-green-lighten-2 { color: #aed581 !important; } a.font-light-green-lighten-2:focus, a.font-light-green-lighten-2:active, a.font-light-green-lighten-2:hover { color: #95c85b !important; } .font-light-green-lighten-1 { color: #9ccc65 !important; } a.font-light-green-lighten-1:focus, a.font-light-green-lighten-1:active, a.font-light-green-lighten-1:hover { color: #83bf3f !important; } .font-light-green-darken-1 { color: #7cb342 !important; } a.font-light-green-darken-1:focus, a.font-light-green-darken-1:active, a.font-light-green-darken-1:hover { color: #628e34 !important; } .font-light-green-darken-2 { color: #689f38 !important; } a.font-light-green-darken-2:focus, a.font-light-green-darken-2:active, a.font-light-green-darken-2:hover { color: #4f792b !important; } .font-light-green-darken-3 { color: #558b2f !important; } a.font-light-green-darken-3:focus, a.font-light-green-darken-3:active, a.font-light-green-darken-3:hover { color: #3e6522 !important; } .font-light-green-darken-4 { color: #33691e !important; } a.font-light-green-darken-4:focus, a.font-light-green-darken-4:active, a.font-light-green-darken-4:hover { color: #204113 !important; } .font-light-green-accent-1 { color: #ccff90 !important; } a.font-light-green-accent-1:focus, a.font-light-green-accent-1:active, a.font-light-green-accent-1:hover { color: #b5ff5d !important; } .font-light-green-accent-2 { color: #b2ff59 !important; } a.font-light-green-accent-2:focus, a.font-light-green-accent-2:active, a.font-light-green-accent-2:hover { color: #9aff26 !important; } .font-light-green-accent-3 { color: #76ff03 !important; } a.font-light-green-accent-3:focus, a.font-light-green-accent-3:active, a.font-light-green-accent-3:hover { color: #5ecf00 !important; } .font-light-green-accent-4 { color: #64dd17 !important; } a.font-light-green-accent-4:focus, a.font-light-green-accent-4:active, a.font-light-green-accent-4:hover { color: #4faf12 !important; } .font-lime { color: #cddc39 !important; } a.font-lime:focus, a.font-lime:active, a.font-lime:hover { color: #b2c022 !important; } .font-lime-lighten-5 { color: #f9fbe7 !important; } a.font-lime-lighten-5:focus, a.font-lime-lighten-5:active, a.font-lime-lighten-5:hover { color: #eef4bb !important; } .font-lime-lighten-4 { color: #f0f4c3 !important; } a.font-lime-lighten-4:focus, a.font-lime-lighten-4:active, a.font-lime-lighten-4:hover { color: #e5ec98 !important; } .font-lime-lighten-3 { color: #e6ee9c !important; } a.font-lime-lighten-3:focus, a.font-lime-lighten-3:active, a.font-lime-lighten-3:hover { color: #dbe770 !important; } .font-lime-lighten-2 { color: #dce775 !important; } a.font-lime-lighten-2:focus, a.font-lime-lighten-2:active, a.font-lime-lighten-2:hover { color: #d1df4a !important; } .font-lime-lighten-1 { color: #d4e157 !important; } a.font-lime-lighten-1:focus, a.font-lime-lighten-1:active, a.font-lime-lighten-1:hover { color: #c9d92c !important; } .font-lime-darken-1 { color: #c0ca33 !important; } a.font-lime-darken-1:focus, a.font-lime-darken-1:active, a.font-lime-darken-1:hover { color: #99a129 !important; } .font-lime-darken-2 { color: #afb42b !important; } a.font-lime-darken-2:focus, a.font-lime-darken-2:active, a.font-lime-darken-2:hover { color: #878b21 !important; } .font-lime-darken-3 { color: #9e9d24 !important; } a.font-lime-darken-3:focus, a.font-lime-darken-3:active, a.font-lime-darken-3:hover { color: #74741b !important; } .font-lime-darken-4 { color: #827717 !important; } a.font-lime-darken-4:focus, a.font-lime-darken-4:active, a.font-lime-darken-4:hover { color: #574f0f !important; } .font-lime-accent-1 { color: #f4ff81 !important; } a.font-lime-accent-1:focus, a.font-lime-accent-1:active, a.font-lime-accent-1:hover { color: #f0ff4e !important; } .font-lime-accent-2 { color: #eeff41 !important; } a.font-lime-accent-2:focus, a.font-lime-accent-2:active, a.font-lime-accent-2:hover { color: #e9ff0e !important; } .font-lime-accent-3 { color: #c6ff00 !important; } a.font-lime-accent-3:focus, a.font-lime-accent-3:active, a.font-lime-accent-3:hover { color: #9ecc00 !important; } .font-lime-accent-4 { color: #aeea00 !important; } a.font-lime-accent-4:focus, a.font-lime-accent-4:active, a.font-lime-accent-4:hover { color: #88b700 !important; } .font-yellow { color: #ffeb3b !important; } a.font-yellow:focus, a.font-yellow:active, a.font-yellow:hover { color: #ffe608 !important; } .font-yellow-lighten-5 { color: #fffde7 !important; } a.font-yellow-lighten-5:focus, a.font-yellow-lighten-5:active, a.font-yellow-lighten-5:hover { color: #fff9b4 !important; } .font-yellow-lighten-4 { color: #fff9c4 !important; } a.font-yellow-lighten-4:focus, a.font-yellow-lighten-4:active, a.font-yellow-lighten-4:hover { color: #fff491 !important; } .font-yellow-lighten-3 { color: #fff59d !important; } a.font-yellow-lighten-3:focus, a.font-yellow-lighten-3:active, a.font-yellow-lighten-3:hover { color: #fff06a !important; } .font-yellow-lighten-2 { color: #fff176 !important; } a.font-yellow-lighten-2:focus, a.font-yellow-lighten-2:active, a.font-yellow-lighten-2:hover { color: #ffec43 !important; } .font-yellow-lighten-1 { color: #ffee58 !important; } a.font-yellow-lighten-1:focus, a.font-yellow-lighten-1:active, a.font-yellow-lighten-1:hover { color: #ffe925 !important; } .font-yellow-darken-1 { color: #fdd835 !important; } a.font-yellow-darken-1:focus, a.font-yellow-darken-1:active, a.font-yellow-darken-1:hover { color: #fdce03 !important; } .font-yellow-darken-2 { color: #fbc02d !important; } a.font-yellow-darken-2:focus, a.font-yellow-darken-2:active, a.font-yellow-darken-2:hover { color: #f0ad05 !important; } .font-yellow-darken-3 { color: #f9a825 !important; } a.font-yellow-darken-3:focus, a.font-yellow-darken-3:active, a.font-yellow-darken-3:hover { color: #e59006 !important; } .font-yellow-darken-4 { color: #f57f17 !important; } a.font-yellow-darken-4:focus, a.font-yellow-darken-4:active, a.font-yellow-darken-4:hover { color: #d06609 !important; } .font-yellow-accent-1 { color: #ffff8d !important; } a.font-yellow-accent-1:focus, a.font-yellow-accent-1:active, a.font-yellow-accent-1:hover { color: #ffff5a !important; } .font-yellow-accent-2 { color: #ffff00 !important; } a.font-yellow-accent-2:focus, a.font-yellow-accent-2:active, a.font-yellow-accent-2:hover { color: #cccc00 !important; } .font-yellow-accent-3 { color: #ffea00 !important; } a.font-yellow-accent-3:focus, a.font-yellow-accent-3:active, a.font-yellow-accent-3:hover { color: #ccbb00 !important; } .font-yellow-accent-4 { color: #ffd600 !important; } a.font-yellow-accent-4:focus, a.font-yellow-accent-4:active, a.font-yellow-accent-4:hover { color: #ccab00 !important; } .font-amber { color: #ffc107 !important; } a.font-amber:focus, a.font-amber:active, a.font-amber:hover { color: #d39e00 !important; } .font-amber-lighten-5 { color: #fff8e1 !important; } a.font-amber-lighten-5:focus, a.font-amber-lighten-5:active, a.font-amber-lighten-5:hover { color: #ffecae !important; } .font-amber-lighten-4 { color: #ffecb3 !important; } a.font-amber-lighten-4:focus, a.font-amber-lighten-4:active, a.font-amber-lighten-4:hover { color: #ffdf80 !important; } .font-amber-lighten-3 { color: #ffe082 !important; } a.font-amber-lighten-3:focus, a.font-amber-lighten-3:active, a.font-amber-lighten-3:hover { color: #ffd34f !important; } .font-amber-lighten-2 { color: #ffd54f !important; } a.font-amber-lighten-2:focus, a.font-amber-lighten-2:active, a.font-amber-lighten-2:hover { color: #ffc91c !important; } .font-amber-lighten-1 { color: #ffca28 !important; } a.font-amber-lighten-1:focus, a.font-amber-lighten-1:active, a.font-amber-lighten-1:hover { color: #f4b800 !important; } .font-amber-darken-1 { color: #ffb300 !important; } a.font-amber-darken-1:focus, a.font-amber-darken-1:active, a.font-amber-darken-1:hover { color: #cc8f00 !important; } .font-amber-darken-2 { color: #ffa000 !important; } a.font-amber-darken-2:focus, a.font-amber-darken-2:active, a.font-amber-darken-2:hover { color: #cc8000 !important; } .font-amber-darken-3 { color: #ff8f00 !important; } a.font-amber-darken-3:focus, a.font-amber-darken-3:active, a.font-amber-darken-3:hover { color: #cc7200 !important; } .font-amber-darken-4 { color: #ff6f00 !important; } a.font-amber-darken-4:focus, a.font-amber-darken-4:active, a.font-amber-darken-4:hover { color: #cc5900 !important; } .font-amber-accent-1 { color: #ffe57f !important; } a.font-amber-accent-1:focus, a.font-amber-accent-1:active, a.font-amber-accent-1:hover { color: #ffdb4c !important; } .font-amber-accent-2 { color: #ffd740 !important; } a.font-amber-accent-2:focus, a.font-amber-accent-2:active, a.font-amber-accent-2:hover { color: #ffcc0d !important; } .font-amber-accent-3 { color: #ffc400 !important; } a.font-amber-accent-3:focus, a.font-amber-accent-3:active, a.font-amber-accent-3:hover { color: #cc9d00 !important; } .font-amber-accent-4 { color: #ffab00 !important; } a.font-amber-accent-4:focus, a.font-amber-accent-4:active, a.font-amber-accent-4:hover { color: #cc8900 !important; } .font-orange { color: #ff9800 !important; } a.font-orange:focus, a.font-orange:active, a.font-orange:hover { color: #cc7a00 !important; } .font-orange-lighten-5 { color: #fff3e0 !important; } a.font-orange-lighten-5:focus, a.font-orange-lighten-5:active, a.font-orange-lighten-5:hover { color: #ffdfad !important; } .font-orange-lighten-4 { color: #ffe0b2 !important; } a.font-orange-lighten-4:focus, a.font-orange-lighten-4:active, a.font-orange-lighten-4:hover { color: #ffcb7f !important; } .font-orange-lighten-3 { color: #ffcc80 !important; } a.font-orange-lighten-3:focus, a.font-orange-lighten-3:active, a.font-orange-lighten-3:hover { color: #ffb84d !important; } .font-orange-lighten-2 { color: #ffb74d !important; } a.font-orange-lighten-2:focus, a.font-orange-lighten-2:active, a.font-orange-lighten-2:hover { color: #ffa21a !important; } .font-orange-lighten-1 { color: #ffa726 !important; } a.font-orange-lighten-1:focus, a.font-orange-lighten-1:active, a.font-orange-lighten-1:hover { color: #f29000 !important; } .font-orange-darken-1 { color: #fb8c00 !important; } a.font-orange-darken-1:focus, a.font-orange-darken-1:active, a.font-orange-darken-1:hover { color: #c87000 !important; } .font-orange-darken-2 { color: #f57c00 !important; } a.font-orange-darken-2:focus, a.font-orange-darken-2:active, a.font-orange-darken-2:hover { color: #c26200 !important; } .font-orange-darken-3 { color: #ef6c00 !important; } a.font-orange-darken-3:focus, a.font-orange-darken-3:active, a.font-orange-darken-3:hover { color: #bc5500 !important; } .font-orange-darken-4 { color: #e65100 !important; } a.font-orange-darken-4:focus, a.font-orange-darken-4:active, a.font-orange-darken-4:hover { color: #b33f00 !important; } .font-orange-accent-1 { color: #ffd180 !important; } a.font-orange-accent-1:focus, a.font-orange-accent-1:active, a.font-orange-accent-1:hover { color: #ffbf4d !important; } .font-orange-accent-2 { color: #ffab40 !important; } a.font-orange-accent-2:focus, a.font-orange-accent-2:active, a.font-orange-accent-2:hover { color: #ff950d !important; } .font-orange-accent-3 { color: #ff9100 !important; } a.font-orange-accent-3:focus, a.font-orange-accent-3:active, a.font-orange-accent-3:hover { color: #cc7400 !important; } .font-orange-accent-4 { color: #ff6d00 !important; } a.font-orange-accent-4:focus, a.font-orange-accent-4:active, a.font-orange-accent-4:hover { color: #cc5700 !important; } .font-deep-orange { color: #ff5722 !important; } a.font-deep-orange:focus, a.font-deep-orange:active, a.font-deep-orange:hover { color: #ee3900 !important; } .font-deep-orange-lighten-5 { color: #fbe9e7 !important; } a.font-deep-orange-lighten-5:focus, a.font-deep-orange-lighten-5:active, a.font-deep-orange-lighten-5:hover { color: #f4c1bb !important; } .font-deep-orange-lighten-4 { color: #ffccbc !important; } a.font-deep-orange-lighten-4:focus, a.font-deep-orange-lighten-4:active, a.font-deep-orange-lighten-4:hover { color: #ffa589 !important; } .font-deep-orange-lighten-3 { color: #ffab91 !important; } a.font-deep-orange-lighten-3:focus, a.font-deep-orange-lighten-3:active, a.font-deep-orange-lighten-3:hover { color: #ff845e !important; } .font-deep-orange-lighten-2 { color: #ff8a65 !important; } a.font-deep-orange-lighten-2:focus, a.font-deep-orange-lighten-2:active, a.font-deep-orange-lighten-2:hover { color: #ff6332 !important; } .font-deep-orange-lighten-1 { color: #ff7043 !important; } a.font-deep-orange-lighten-1:focus, a.font-deep-orange-lighten-1:active, a.font-deep-orange-lighten-1:hover { color: #ff4910 !important; } .font-deep-orange-darken-1 { color: #f4511e !important; } a.font-deep-orange-darken-1:focus, a.font-deep-orange-darken-1:active, a.font-deep-orange-darken-1:hover { color: #d53b0a !important; } .font-deep-orange-darken-2 { color: #e64a19 !important; } a.font-deep-orange-darken-2:focus, a.font-deep-orange-darken-2:active, a.font-deep-orange-darken-2:hover { color: #b83b14 !important; } .font-deep-orange-darken-3 { color: #d84315 !important; } a.font-deep-orange-darken-3:focus, a.font-deep-orange-darken-3:active, a.font-deep-orange-darken-3:hover { color: #aa3510 !important; } .font-deep-orange-darken-4 { color: #bf360c !important; } a.font-deep-orange-darken-4:focus, a.font-deep-orange-darken-4:active, a.font-deep-orange-darken-4:hover { color: #8f2809 !important; } .font-deep-orange-accent-1 { color: #ff9e80 !important; } a.font-deep-orange-accent-1:focus, a.font-deep-orange-accent-1:active, a.font-deep-orange-accent-1:hover { color: #ff774d !important; } .font-deep-orange-accent-2 { color: #ff6e40 !important; } a.font-deep-orange-accent-2:focus, a.font-deep-orange-accent-2:active, a.font-deep-orange-accent-2:hover { color: #ff470d !important; } .font-deep-orange-accent-3 { color: #ff3d00 !important; } a.font-deep-orange-accent-3:focus, a.font-deep-orange-accent-3:active, a.font-deep-orange-accent-3:hover { color: #cc3100 !important; } .font-deep-orange-accent-4 { color: #dd2c00 !important; } a.font-deep-orange-accent-4:focus, a.font-deep-orange-accent-4:active, a.font-deep-orange-accent-4:hover { color: #aa2200 !important; } .font-brown { color: #795548 !important; } a.font-brown:focus, a.font-brown:active, a.font-brown:hover { color: #593f35 !important; } .font-brown-lighten-5 { color: #efebe9 !important; } a.font-brown-lighten-5:focus, a.font-brown-lighten-5:active, a.font-brown-lighten-5:hover { color: #dad0cb !important; } .font-brown-lighten-4 { color: #d7ccc8 !important; } a.font-brown-lighten-4:focus, a.font-brown-lighten-4:active, a.font-brown-lighten-4:hover { color: #c2b1aa !important; } .font-brown-lighten-3 { color: #bcaaa4 !important; } a.font-brown-lighten-3:focus, a.font-brown-lighten-3:active, a.font-brown-lighten-3:hover { color: #a68f87 !important; } .font-brown-lighten-2 { color: #a1887f !important; } a.font-brown-lighten-2:focus, a.font-brown-lighten-2:active, a.font-brown-lighten-2:hover { color: #896e64 !important; } .font-brown-lighten-1 { color: #8d6e63 !important; } a.font-brown-lighten-1:focus, a.font-brown-lighten-1:active, a.font-brown-lighten-1:hover { color: #6f574e !important; } .font-brown-darken-1 { color: #6d4c41 !important; } a.font-brown-darken-1:focus, a.font-brown-darken-1:active, a.font-brown-darken-1:hover { color: #4d362e !important; } .font-brown-darken-2 { color: #5d4037 !important; } a.font-brown-darken-2:focus, a.font-brown-darken-2:active, a.font-brown-darken-2:hover { color: #3d2a24 !important; } .font-brown-darken-3 { color: #4e342e !important; } a.font-brown-darken-3:focus, a.font-brown-darken-3:active, a.font-brown-darken-3:hover { color: #2e1f1b !important; } .font-brown-darken-4 { color: #3e2723 !important; } a.font-brown-darken-4:focus, a.font-brown-darken-4:active, a.font-brown-darken-4:hover { color: #1d1211 !important; } .font-blue-grey { color: #607d8b !important; } a.font-blue-grey:focus, a.font-blue-grey:active, a.font-blue-grey:hover { color: #4b626d !important; } .font-blue-grey-lighten-5 { color: #eceff1 !important; } a.font-blue-grey-lighten-5:focus, a.font-blue-grey-lighten-5:active, a.font-blue-grey-lighten-5:hover { color: #cfd6db !important; } .font-blue-grey-lighten-4 { color: #cfd8dc !important; } a.font-blue-grey-lighten-4:focus, a.font-blue-grey-lighten-4:active, a.font-blue-grey-lighten-4:hover { color: #b2c0c6 !important; } .font-blue-grey-lighten-3 { color: #b0bec5 !important; } a.font-blue-grey-lighten-3:focus, a.font-blue-grey-lighten-3:active, a.font-blue-grey-lighten-3:hover { color: #93a6af !important; } .font-blue-grey-lighten-2 { color: #90a4ae !important; } a.font-blue-grey-lighten-2:focus, a.font-blue-grey-lighten-2:active, a.font-blue-grey-lighten-2:hover { color: #738c98 !important; } .font-blue-grey-lighten-1 { color: #78909c !important; } a.font-blue-grey-lighten-1:focus, a.font-blue-grey-lighten-1:active, a.font-blue-grey-lighten-1:hover { color: #5f7682 !important; } .font-blue-grey-darken-1 { color: #546e7a !important; } a.font-blue-grey-darken-1:focus, a.font-blue-grey-darken-1:active, a.font-blue-grey-darken-1:hover { color: #3f535c !important; } .font-blue-grey-darken-2 { color: #455a64 !important; } a.font-blue-grey-darken-2:focus, a.font-blue-grey-darken-2:active, a.font-blue-grey-darken-2:hover { color: #303f46 !important; } .font-blue-grey-darken-3 { color: #37474f !important; } a.font-blue-grey-darken-3:focus, a.font-blue-grey-darken-3:active, a.font-blue-grey-darken-3:hover { color: #222c31 !important; } .font-blue-grey-darken-4 { color: #263238 !important; } a.font-blue-grey-darken-4:focus, a.font-blue-grey-darken-4:active, a.font-blue-grey-darken-4:hover { color: #11171a !important; } .font-grey { color: #9e9e9e !important; } a.font-grey:focus, a.font-grey:active, a.font-grey:hover { color: #858585 !important; } .font-grey-lighten-5 { color: #fafafa !important; } a.font-grey-lighten-5:focus, a.font-grey-lighten-5:active, a.font-grey-lighten-5:hover { color: #e1e1e1 !important; } .font-grey-lighten-4 { color: #f5f5f5 !important; } a.font-grey-lighten-4:focus, a.font-grey-lighten-4:active, a.font-grey-lighten-4:hover { color: gainsboro !important; } .font-grey-lighten-3 { color: #eeeeee !important; } a.font-grey-lighten-3:focus, a.font-grey-lighten-3:active, a.font-grey-lighten-3:hover { color: #d5d5d5 !important; } .font-grey-lighten-2 { color: #e0e0e0 !important; } a.font-grey-lighten-2:focus, a.font-grey-lighten-2:active, a.font-grey-lighten-2:hover { color: #c7c7c7 !important; } .font-grey-lighten-1 { color: #bdbdbd !important; } a.font-grey-lighten-1:focus, a.font-grey-lighten-1:active, a.font-grey-lighten-1:hover { color: #a4a4a4 !important; } .font-grey-darken-1 { color: #757575 !important; } a.font-grey-darken-1:focus, a.font-grey-darken-1:active, a.font-grey-darken-1:hover { color: #5c5c5c !important; } .font-grey-darken-2 { color: #616161 !important; } a.font-grey-darken-2:focus, a.font-grey-darken-2:active, a.font-grey-darken-2:hover { color: #484848 !important; } .font-grey-darken-3 { color: #424242 !important; } a.font-grey-darken-3:focus, a.font-grey-darken-3:active, a.font-grey-darken-3:hover { color: #292929 !important; } .font-grey-darken-4 { color: #212121 !important; } a.font-grey-darken-4:focus, a.font-grey-darken-4:active, a.font-grey-darken-4:hover { color: #080808 !important; } .font-gold { color: #ac7224 !important; } a.font-gold:focus, a.font-gold:active, a.font-gold:hover { color: #82561b !important; } .font-social-facebook { color: #3b5998 !important; } a.font-social-facebook:focus, a.font-social-facebook:active, a.font-social-facebook:hover { color: #2d4373 !important; } .font-social-line { color: #00c300 !important; } a.font-social-line:focus, a.font-social-line:active, a.font-social-line:hover { color: #009000 !important; } .font-social-twitter { color: #1da1f2 !important; } a.font-social-twitter:focus, a.font-social-twitter:active, a.font-social-twitter:hover { color: #0c85d0 !important; } .font-social-pinterest { color: #bd081c !important; } a.font-social-pinterest:focus, a.font-social-pinterest:active, a.font-social-pinterest:hover { color: #8c0615 !important; } .font-social-google-plus { color: #dd4b39 !important; } a.font-social-google-plus:focus, a.font-social-google-plus:active, a.font-social-google-plus:hover { color: #c23321 !important; } .font-social-plurk { color: #de411d !important; } a.font-social-plurk:focus, a.font-social-plurk:active, a.font-social-plurk:hover { color: #b13417 !important; } .font-social-qqchat { color: #000000 !important; } a.font-social-qqchat:focus, a.font-social-qqchat:active, a.font-social-qqchat:hover { color: black !important; } .font-social-sina-weibo { color: #f50000 !important; } a.font-social-sina-weibo:focus, a.font-social-sina-weibo:active, a.font-social-sina-weibo:hover { color: #c20000 !important; } .font-social-renren { color: #217dc6 !important; } a.font-social-renren:focus, a.font-social-renren:active, a.font-social-renren:hover { color: #1a619a !important; } .font-social-instagram { color: #c13584 !important; } a.font-social-instagram:focus, a.font-social-instagram:active, a.font-social-instagram:hover { color: #992a69 !important; } .font-social-wechat { color: #51c332 !important; } a.font-social-wechat:focus, a.font-social-wechat:active, a.font-social-wechat:hover { color: #409a28 !important; } .font-black { color: #000000 !important; } a.font-black:focus, a.font-black:active, a.font-black:hover { color: black !important; } .font-white { color: #FFFFFF !important; } a.font-white:focus, a.font-white:active, a.font-white:hover { color: #e6e6e6 !important; } .font-transparent { color: transparent !important; } a.font-transparent:focus, a.font-transparent:active, a.font-transparent:hover { color: transparent !important; } .m-none { margin: 0 !important; } .m-auto { margin: auto !important; } .m-ii { margin: initial !important; } .m-ih { margin: inherit !important; } .m-1 { margin: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .m-3 { margin: 0.75rem !important; } .m-4 { margin: 1rem !important; } .m-5 { margin: 1.25rem !important; } .m-6 { margin: 1.5rem !important; } .m-7 { margin: 1.75rem !important; } .m-8 { margin: 2rem !important; } .m-9 { margin: 2.25rem !important; } .m-10 { margin: 2.5rem !important; } .m-11 { margin: 2.75rem !important; } .m-12 { margin: 3rem !important; } .m-v-none { margin-top: 0 !important; margin-bottom: 0 !important; } .m-v-auto { margin-top: auto !important; margin-bottom: auto !important; } .m-v-ii { margin-top: initial !important; margin-bottom: initial !important; } .m-v-ih { margin-top: inherit !important; margin-bottom: inherit !important; } .m-v-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .m-v-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .m-v-3 { margin-top: 0.75rem !important; margin-bottom: 0.75rem !important; } .m-v-4 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .m-v-5 { margin-top: 1.25rem !important; margin-bottom: 1.25rem !important; } .m-v-6 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .m-v-7 { margin-top: 1.75rem !important; margin-bottom: 1.75rem !important; } .m-v-8 { margin-top: 2rem !important; margin-bottom: 2rem !important; } .m-v-9 { margin-top: 2.25rem !important; margin-bottom: 2.25rem !important; } .m-v-10 { margin-top: 2.5rem !important; margin-bottom: 2.5rem !important; } .m-v-11 { margin-top: 2.75rem !important; margin-bottom: 2.75rem !important; } .m-v-12 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .m-h-none { margin-left: 0 !important; margin-right: 0 !important; } .m-h-auto { margin-left: auto !important; margin-right: auto !important; } .m-h-ii { margin-left: initial !important; margin-right: initial !important; } .m-h-ih { margin-left: inherit !important; margin-right: inherit !important; } .m-h-1 { margin-left: 0.25rem !important; margin-right: 0.25rem !important; } .m-h-2 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; } .m-h-3 { margin-left: 0.75rem !important; margin-right: 0.75rem !important; } .m-h-4 { margin-left: 1rem !important; margin-right: 1rem !important; } .m-h-5 { margin-left: 1.25rem !important; margin-right: 1.25rem !important; } .m-h-6 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; } .m-h-7 { margin-left: 1.75rem !important; margin-right: 1.75rem !important; } .m-h-8 { margin-left: 2rem !important; margin-right: 2rem !important; } .m-h-9 { margin-left: 2.25rem !important; margin-right: 2.25rem !important; } .m-h-10 { margin-left: 2.5rem !important; margin-right: 2.5rem !important; } .m-h-11 { margin-left: 2.75rem !important; margin-right: 2.75rem !important; } .m-h-12 { margin-left: 3rem !important; margin-right: 3rem !important; } .m-T-none { margin-top: 0 !important; } .m-T-auto { margin-top: auto !important; } .m-T-ii { margin-top: initial !important; } .m-T-ih { margin-top: inherit !important; } .m-T-1 { margin-top: 0.25rem !important; } .m-T-2 { margin-top: 0.5rem !important; } .m-T-3 { margin-top: 0.75rem !important; } .m-T-4 { margin-top: 1rem !important; } .m-T-5 { margin-top: 1.25rem !important; } .m-T-6 { margin-top: 1.5rem !important; } .m-T-7 { margin-top: 1.75rem !important; } .m-T-8 { margin-top: 2rem !important; } .m-T-9 { margin-top: 2.25rem !important; } .m-T-10 { margin-top: 2.5rem !important; } .m-T-11 { margin-top: 2.75rem !important; } .m-T-12 { margin-top: 3rem !important; } .m-B-none { margin-bottom: 0 !important; } .m-B-auto { margin-bottom: auto !important; } .m-B-ii { margin-bottom: initial !important; } .m-B-ih { margin-bottom: inherit !important; } .m-B-1 { margin-bottom: 0.25rem !important; } .m-B-2 { margin-bottom: 0.5rem !important; } .m-B-3 { margin-bottom: 0.75rem !important; } .m-B-4 { margin-bottom: 1rem !important; } .m-B-5 { margin-bottom: 1.25rem !important; } .m-B-6 { margin-bottom: 1.5rem !important; } .m-B-7 { margin-bottom: 1.75rem !important; } .m-B-8 { margin-bottom: 2rem !important; } .m-B-9 { margin-bottom: 2.25rem !important; } .m-B-10 { margin-bottom: 2.5rem !important; } .m-B-11 { margin-bottom: 2.75rem !important; } .m-B-12 { margin-bottom: 3rem !important; } .m-L-none { margin-left: 0 !important; } .m-L-auto { margin-left: auto !important; } .m-L-ii { margin-left: initial !important; } .m-L-ih { margin-left: inherit !important; } .m-L-1 { margin-left: 0.25rem !important; } .m-L-2 { margin-left: 0.5rem !important; } .m-L-3 { margin-left: 0.75rem !important; } .m-L-4 { margin-left: 1rem !important; } .m-L-5 { margin-left: 1.25rem !important; } .m-L-6 { margin-left: 1.5rem !important; } .m-L-7 { margin-left: 1.75rem !important; } .m-L-8 { margin-left: 2rem !important; } .m-L-9 { margin-left: 2.25rem !important; } .m-L-10 { margin-left: 2.5rem !important; } .m-L-11 { margin-left: 2.75rem !important; } .m-L-12 { margin-left: 3rem !important; } .m-R-none { margin-right: 0 !important; } .m-R-auto { margin-right: auto !important; } .m-R-ii { margin-right: initial !important; } .m-R-ih { margin-right: inherit !important; } .m-R-1 { margin-right: 0.25rem !important; } .m-R-2 { margin-right: 0.5rem !important; } .m-R-3 { margin-right: 0.75rem !important; } .m-R-4 { margin-right: 1rem !important; } .m-R-5 { margin-right: 1.25rem !important; } .m-R-6 { margin-right: 1.5rem !important; } .m-R-7 { margin-right: 1.75rem !important; } .m-R-8 { margin-right: 2rem !important; } .m-R-9 { margin-right: 2.25rem !important; } .m-R-10 { margin-right: 2.5rem !important; } .m-R-11 { margin-right: 2.75rem !important; } .m-R-12 { margin-right: 3rem !important; } .p-none { padding: 0 !important; } .p-auto { padding: auto !important; } .p-ii { padding: initial !important; } .p-ih { padding: inherit !important; } .p-1 { padding: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .p-3 { padding: 0.75rem !important; } .p-4 { padding: 1rem !important; } .p-5 { padding: 1.25rem !important; } .p-6 { padding: 1.5rem !important; } .p-7 { padding: 1.75rem !important; } .p-8 { padding: 2rem !important; } .p-9 { padding: 2.25rem !important; } .p-10 { padding: 2.5rem !important; } .p-11 { padding: 2.75rem !important; } .p-12 { padding: 3rem !important; } .p-v-none { padding-top: 0 !important; padding-bottom: 0 !important; } .p-v-auto { padding-top: auto !important; padding-bottom: auto !important; } .p-v-ii { padding-top: initial !important; padding-bottom: initial !important; } .p-v-ih { padding-top: inherit !important; padding-bottom: inherit !important; } .p-v-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .p-v-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .p-v-3 { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; } .p-v-4 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .p-v-5 { padding-top: 1.25rem !important; padding-bottom: 1.25rem !important; } .p-v-6 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .p-v-7 { padding-top: 1.75rem !important; padding-bottom: 1.75rem !important; } .p-v-8 { padding-top: 2rem !important; padding-bottom: 2rem !important; } .p-v-9 { padding-top: 2.25rem !important; padding-bottom: 2.25rem !important; } .p-v-10 { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; } .p-v-11 { padding-top: 2.75rem !important; padding-bottom: 2.75rem !important; } .p-v-12 { padding-top: 15rem !important; padding-bottom: 15rem !important; } .p-h-none { padding-left: 0 !important; padding-right: 0 !important; } .p-h-auto { padding-left: auto !important; padding-right: auto !important; } .p-h-ii { padding-left: initial !important; padding-right: initial !important; } .p-h-ih { padding-left: inherit !important; padding-right: inherit !important; } .p-h-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; } .p-h-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; } .p-h-3 { padding-left: 0.75rem !important; padding-right: 0.75rem !important; } .p-h-4 { padding-left: 1rem !important; padding-right: 1rem !important; } .p-h-5 { padding-left: 1.25rem !important; padding-right: 1.25rem !important; } .p-h-6 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; } .p-h-7 { padding-left: 1.75rem !important; padding-right: 1.75rem !important; } .p-h-8 { padding-left: 2rem !important; padding-right: 2rem !important; } .p-h-9 { padding-left: 2.25rem !important; padding-right: 2.25rem !important; } .p-h-10 { padding-left: 2.5rem !important; padding-right: 2.5rem !important; } .p-h-11 { padding-left: 2.75rem !important; padding-right: 2.75rem !important; } .p-h-12 { padding-left: 3rem !important; padding-right: 3rem !important; } .p-T-none { padding-top: 0 !important; } .p-T-auto { padding-top: auto !important; } .p-T-ii { padding-top: initial !important; } .p-T-ih { padding-top: inherit !important; } .p-T-1 { padding-top: 0.25rem !important; } .p-T-2 { padding-top: 0.5rem !important; } .p-T-3 { padding-top: 0.75rem !important; } .p-T-4 { padding-top: 1rem !important; } .p-T-5 { padding-top: 1.25rem !important; } .p-T-6 { padding-top: 1.5rem !important; } .p-T-7 { padding-top: 1.75rem !important; } .p-T-8 { padding-top: 2rem !important; } .p-T-9 { padding-top: 2.25rem !important; } .p-T-10 { padding-top: 2.5rem !important; } .p-T-11 { padding-top: 2.75rem !important; } .p-T-12 { padding-top: 3rem !important; } .p-B-none { padding-bottom: 0 !important; } .p-B-auto { padding-bottom: auto !important; } .p-B-ii { padding-bottom: initial !important; } .p-B-ih { padding-bottom: inherit !important; } .p-B-1 { padding-bottom: 0.25rem !important; } .p-B-2 { padding-bottom: 0.5rem !important; } .p-B-3 { padding-bottom: 0.75rem !important; } .p-B-4 { padding-bottom: 1rem !important; } .p-B-5 { padding-bottom: 1.25rem !important; } .p-B-6 { padding-bottom: 1.5rem !important; } .p-B-7 { padding-bottom: 1.75rem !important; } .p-B-8 { padding-bottom: 2rem !important; } .p-B-9 { padding-bottom: 2.25rem !important; } .p-B-10 { padding-bottom: 2.5rem !important; } .p-B-11 { padding-bottom: 2.75rem !important; } .p-B-12 { padding-bottom: 3rem !important; } .p-L-none { padding-left: 0 !important; } .p-L-auto { padding-left: auto !important; } .p-L-ii { padding-left: initial !important; } .p-L-ih { padding-left: inherit !important; } .p-L-1 { padding-left: 0.25rem !important; } .p-L-2 { padding-left: 0.5rem !important; } .p-L-3 { padding-left: 0.75rem !important; } .p-L-4 { padding-left: 1rem !important; } .p-L-5 { padding-left: 1.25rem !important; } .p-L-6 { padding-left: 1.5rem !important; } .p-L-7 { padding-left: 1.75rem !important; } .p-L-8 { padding-left: 2rem !important; } .p-L-9 { padding-left: 2.25rem !important; } .p-L-10 { padding-left: 2.5rem !important; } .p-L-11 { padding-left: 2.75rem !important; } .p-L-12 { padding-left: 3rem !important; } .p-R-none { padding-right: 0 !important; } .p-R-auto { padding-right: auto !important; } .p-R-ii { padding-right: initial !important; } .p-R-ih { padding-right: inherit !important; } .p-R-1 { padding-right: 0.25rem !important; } .p-R-2 { padding-right: 0.5rem !important; } .p-R-3 { padding-right: 0.75rem !important; } .p-R-4 { padding-right: 1rem !important; } .p-R-5 { padding-right: 1.25rem !important; } .p-R-6 { padding-right: 1.5rem !important; } .p-R-7 { padding-right: 1.75rem !important; } .p-R-8 { padding-right: 2rem !important; } .p-R-9 { padding-right: 2.25rem !important; } .p-R-10 { padding-right: 2.5rem !important; } .p-R-11 { padding-right: 2.75rem !important; } .p-R-12 { padding-right: 3rem !important; } @charset "UTF-8"; .captcha a, .static-text a, .static-text a:link { margin: 0; padding: 0; list-style: none; text-decoration: none; } input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea, [type="radio"].with-item ~ label, [type="checkbox"].with-item ~ label, .flexdatalist-results li, .flexdatalist-multiple, .fileuploader *, .fileuploader::before, .fileuploader::after, .fileuploader-theme-thumbnails .singleImg .fileuploader-thumbnails-input .fileuploader-thumbnails-input-inner, .fileuploader-theme-thumbnails .singleImg li.fileuploader-item .fileuploader-thumbnails-input-inner, .datetimepicker-widget .picker-switch td span, .radio-box.inline > div, body.body-lightBox .lightbox-top-bar, .control-bar { -webkit-box-sizing: border-box; box-sizing: border-box; } .pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > li > a:active, .pagination ul > li > a.active, .control-bar > .bar-item { -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .datetimepicker-widget, .datetimepicker-widget .list-unstyled, .pagination ul { list-style: none; } [type="radio"].with-item ~ label, [type="radio"].with-item:not(:checked) ~ label, [type="checkbox"].with-item ~ label, div.flexUpload, ul.forms > li [class*='col-'].multiple > .constant, ul.forms > li [class*='col-'].multiple > .constant > *.radio-box, ul.forms > li .multiple.full[class*='col-'], .marker-group { display: -webkit-box; display: -ms-flexbox; display: flex; } ul.forms > li [class*='col-'].multiple > .constant { -ms-flex-wrap: wrap; flex-wrap: wrap; } [type="radio"].with-item ~ label, [type="checkbox"].with-item ~ label { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } [type="radio"].with-item ~ label, [type="checkbox"].with-item ~ label { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } ul.forms > li .multiple[class*='col-'] { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } [type="radio"].with-item ~ label, [type="checkbox"].with-item ~ label, ul.forms > li [class*='col-'].multiple > .constant > *.radio-box { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } ::-webkit-input-placeholder { color: #9e9e9e; } ::-moz-placeholder { color: #9e9e9e; } ::-moz-placeholder { color: #9e9e9e; } ::-ms-input-placeholder { color: #9e9e9e; } input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea { background-color: transparent; border: none; border-bottom: 1px solid #9e9e9e; border-radius: 0; outline: none; height: 30px; width: 100%; font-size: 1.6rem; margin: 0; padding: 0 1px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } input:not([type]):disabled, input:not([type])[readonly="readonly"], input[type=text]:disabled, input[type=text][readonly="readonly"], input[type=password]:disabled, input[type=password][readonly="readonly"], input[type=email]:disabled, input[type=email][readonly="readonly"], input[type=url]:disabled, input[type=url][readonly="readonly"], input[type=time]:disabled, input[type=time][readonly="readonly"], input[type=date]:disabled, input[type=date][readonly="readonly"], input[type=datetime]:disabled, input[type=datetime][readonly="readonly"], input[type=datetime-local]:disabled, input[type=datetime-local][readonly="readonly"], input[type=tel]:disabled, input[type=tel][readonly="readonly"], input[type=number]:disabled, input[type=number][readonly="readonly"], input[type=search]:disabled, input[type=search][readonly="readonly"], textarea:disabled, textarea[readonly="readonly"] { color: rgba(0, 0, 0, 0.26); border-bottom: 1px dotted rgba(0, 0, 0, 0.26); } input:not([type]):disabled + label, input:not([type])[readonly="readonly"] + label, input[type=text]:disabled + label, input[type=text][readonly="readonly"] + label, input[type=password]:disabled + label, input[type=password][readonly="readonly"] + label, input[type=email]:disabled + label, input[type=email][readonly="readonly"] + label, input[type=url]:disabled + label, input[type=url][readonly="readonly"] + label, input[type=time]:disabled + label, input[type=time][readonly="readonly"] + label, input[type=date]:disabled + label, input[type=date][readonly="readonly"] + label, input[type=datetime]:disabled + label, input[type=datetime][readonly="readonly"] + label, input[type=datetime-local]:disabled + label, input[type=datetime-local][readonly="readonly"] + label, input[type=tel]:disabled + label, input[type=tel][readonly="readonly"] + label, input[type=number]:disabled + label, input[type=number][readonly="readonly"] + label, input[type=search]:disabled + label, input[type=search][readonly="readonly"] + label, textarea:disabled + label, textarea[readonly="readonly"] + label { color: rgba(0, 0, 0, 0.26); } input:not([type]):focus:not([readonly]), input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea:focus:not([readonly]) { border-bottom: 1px solid #424242; -webkit-box-shadow: 0 1px 0 0 #424242; box-shadow: 0 1px 0 0 #424242; } input:not([type]):focus:not([readonly]) + label, input[type=text]:focus:not([readonly]) + label, input[type=password]:focus:not([readonly]) + label, input[type=email]:focus:not([readonly]) + label, input[type=url]:focus:not([readonly]) + label, input[type=time]:focus:not([readonly]) + label, input[type=date]:focus:not([readonly]) + label, input[type=datetime]:focus:not([readonly]) + label, input[type=datetime-local]:focus:not([readonly]) + label, input[type=tel]:focus:not([readonly]) + label, input[type=number]:focus:not([readonly]) + label, input[type=search]:focus:not([readonly]) + label, textarea:focus:not([readonly]) + label { color: #424242; } input:not([type]).valid, input:not([type]):focus.valid, input[type=text].valid, input[type=text]:focus.valid, input[type=password].valid, input[type=password]:focus.valid, input[type=email].valid, input[type=email]:focus.valid, input[type=url].valid, input[type=url]:focus.valid, input[type=time].valid, input[type=time]:focus.valid, input[type=date].valid, input[type=date]:focus.valid, input[type=datetime].valid, input[type=datetime]:focus.valid, input[type=datetime-local].valid, input[type=datetime-local]:focus.valid, input[type=tel].valid, input[type=tel]:focus.valid, input[type=number].valid, input[type=number]:focus.valid, input[type=search].valid, input[type=search]:focus.valid, textarea.valid, textarea:focus.valid { border-bottom: 1px solid #4CAF50; -webkit-box-shadow: 0 1px 0 0 #4CAF50; box-shadow: 0 1px 0 0 #4CAF50; } input:not([type]).valid + label:after, input:not([type]):focus.valid + label:after, input[type=text].valid + label:after, input[type=text]:focus.valid + label:after, input[type=password].valid + label:after, input[type=password]:focus.valid + label:after, input[type=email].valid + label:after, input[type=email]:focus.valid + label:after, input[type=url].valid + label:after, input[type=url]:focus.valid + label:after, input[type=time].valid + label:after, input[type=time]:focus.valid + label:after, input[type=date].valid + label:after, input[type=date]:focus.valid + label:after, input[type=datetime].valid + label:after, input[type=datetime]:focus.valid + label:after, input[type=datetime-local].valid + label:after, input[type=datetime-local]:focus.valid + label:after, input[type=tel].valid + label:after, input[type=tel]:focus.valid + label:after, input[type=number].valid + label:after, input[type=number]:focus.valid + label:after, input[type=search].valid + label:after, input[type=search]:focus.valid + label:after, textarea.valid + label:after, textarea:focus.valid + label:after { content: attr(data-success); color: #4CAF50; opacity: 1; } input:not([type]).invalid, input:not([type]):focus.invalid, input[type=text].invalid, input[type=text]:focus.invalid, input[type=password].invalid, input[type=password]:focus.invalid, input[type=email].invalid, input[type=email]:focus.invalid, input[type=url].invalid, input[type=url]:focus.invalid, input[type=time].invalid, input[type=time]:focus.invalid, input[type=date].invalid, input[type=date]:focus.invalid, input[type=datetime].invalid, input[type=datetime]:focus.invalid, input[type=datetime-local].invalid, input[type=datetime-local]:focus.invalid, input[type=tel].invalid, input[type=tel]:focus.invalid, input[type=number].invalid, input[type=number]:focus.invalid, input[type=search].invalid, input[type=search]:focus.invalid, textarea.invalid, textarea:focus.invalid { border-bottom: 1px solid #F44336; -webkit-box-shadow: 0 1px 0 0 #F44336; box-shadow: 0 1px 0 0 #F44336; } input:not([type]).input-cal, input:not([type]).datetimepicker, input:not([type]).datepicker, input:not([type]).datepickerBirth, input:not([type]).timepicker, input:not([type]).datepicker-viewmonth, input[type=text].input-cal, input[type=text].datetimepicker, input[type=text].datepicker, input[type=text].datepickerBirth, input[type=text].timepicker, input[type=text].datepicker-viewmonth, input[type=password].input-cal, input[type=password].datetimepicker, input[type=password].datepicker, input[type=password].datepickerBirth, input[type=password].timepicker, input[type=password].datepicker-viewmonth, input[type=email].input-cal, input[type=email].datetimepicker, input[type=email].datepicker, input[type=email].datepickerBirth, input[type=email].timepicker, input[type=email].datepicker-viewmonth, input[type=url].input-cal, input[type=url].datetimepicker, input[type=url].datepicker, input[type=url].datepickerBirth, input[type=url].timepicker, input[type=url].datepicker-viewmonth, input[type=time].input-cal, input[type=time].datetimepicker, input[type=time].datepicker, input[type=time].datepickerBirth, input[type=time].timepicker, input[type=time].datepicker-viewmonth, input[type=date].input-cal, input[type=date].datetimepicker, input[type=date].datepicker, input[type=date].datepickerBirth, input[type=date].timepicker, input[type=date].datepicker-viewmonth, input[type=datetime].input-cal, input[type=datetime].datetimepicker, input[type=datetime].datepicker, input[type=datetime].datepickerBirth, input[type=datetime].timepicker, input[type=datetime].datepicker-viewmonth, input[type=datetime-local].input-cal, input[type=datetime-local].datetimepicker, input[type=datetime-local].datepicker, input[type=datetime-local].datepickerBirth, input[type=datetime-local].timepicker, input[type=datetime-local].datepicker-viewmonth, input[type=tel].input-cal, input[type=tel].datetimepicker, input[type=tel].datepicker, input[type=tel].datepickerBirth, input[type=tel].timepicker, input[type=tel].datepicker-viewmonth, input[type=number].input-cal, input[type=number].datetimepicker, input[type=number].datepicker, input[type=number].datepickerBirth, input[type=number].timepicker, input[type=number].datepicker-viewmonth, input[type=search].input-cal, input[type=search].datetimepicker, input[type=search].datepicker, input[type=search].datepickerBirth, input[type=search].timepicker, input[type=search].datepicker-viewmonth, textarea.input-cal, textarea.datetimepicker, textarea.datepicker, textarea.datepickerBirth, textarea.timepicker, textarea.datepicker-viewmonth { background-image: url("../images/icon/calendar-today.svg"); background-position: center right; background-repeat: no-repeat; background-size: 30px; padding-right: 30px; } input:not([type]).timepicker, input[type=text].timepicker, input[type=password].timepicker, input[type=email].timepicker, input[type=url].timepicker, input[type=time].timepicker, input[type=date].timepicker, input[type=datetime].timepicker, input[type=datetime-local].timepicker, input[type=tel].timepicker, input[type=number].timepicker, input[type=search].timepicker, textarea.timepicker { background-image: url("../images/icon/clock.svg"); } input:not([type]).invalid + label:after, input:not([type]):focus.invalid + label:after, input[type=text].invalid + label:after, input[type=text]:focus.invalid + label:after, input[type=password].invalid + label:after, input[type=password]:focus.invalid + label:after, input[type=email].invalid + label:after, input[type=email]:focus.invalid + label:after, input[type=url].invalid + label:after, input[type=url]:focus.invalid + label:after, input[type=time].invalid + label:after, input[type=time]:focus.invalid + label:after, input[type=date].invalid + label:after, input[type=date]:focus.invalid + label:after, input[type=datetime].invalid + label:after, input[type=datetime]:focus.invalid + label:after, input[type=datetime-local].invalid + label:after, input[type=datetime-local]:focus.invalid + label:after, input[type=tel].invalid + label:after, input[type=tel]:focus.invalid + label:after, input[type=number].invalid + label:after, input[type=number]:focus.invalid + label:after, input[type=search].invalid + label:after, input[type=search]:focus.invalid + label:after, textarea.invalid + label:after, textarea:focus.invalid + label:after { content: attr(data-error); color: #F44336; opacity: 1; } input:not([type]).validate + label, input[type=text].validate + label, input[type=password].validate + label, input[type=email].validate + label, input[type=url].validate + label, input[type=time].validate + label, input[type=date].validate + label, input[type=datetime].validate + label, input[type=datetime-local].validate + label, input[type=tel].validate + label, input[type=number].validate + label, input[type=search].validate + label, textarea.validate + label { width: 100%; pointer-events: none; } input:not([type]) + label:after, input[type=text] + label:after, input[type=password] + label:after, input[type=email] + label:after, input[type=url] + label:after, input[type=time] + label:after, input[type=date] + label:after, input[type=datetime] + label:after, input[type=datetime-local] + label:after, input[type=tel] + label:after, input[type=number] + label:after, input[type=search] + label:after, textarea + label:after { display: block; content: ""; position: absolute; top: 48px; right: 0; opacity: 0; -webkit-transition: 0.2s opacity ease-out, 0.2s color ease-out; -o-transition: 0.2s opacity ease-out, 0.2s color ease-out; transition: 0.2s opacity ease-out, 0.2s color ease-out; } textarea { width: 100%; height: 30px; background-color: transparent; } textarea.materialize-textarea { overflow-y: hidden; padding: 0.8rem 0 1.6rem 0; resize: none; min-height: 60px; } textarea.materialize-textarea.height-mm { min-height: 100px; } textarea.materialize-textarea.height-lg { min-height: 200px; } textarea.height-sm ~ .cke.cke_reset .cke_contents.cke_reset { height: 100px !important; } .hiddendiv { display: none; white-space: pre-wrap; word-wrap: break-word; overflow-wrap: break-word; padding-top: 1.2rem; } .autocomplete-content { margin-top: -25px; display: block; opacity: 1; position: static; } .autocomplete-content li .highlight { color: #444; } .autocomplete-content li img { height: 40px; width: 40px; margin: 5px 15px; } input:-webkit-autofill { -webkit-box-shadow: none !important; -webkit-animation-fill-mode: both; -webkit-animation-name: autofill; } .login input:-webkit-autofill { -webkit-text-fill-color: #000000 !important; } @-webkit-keyframes autofill { to { background: transparent; } } .alert { border: 1px solid #9e9e9e; background-color: #f5f5f5; color: #9e9e9e; font-size: 1.3rem; padding: 7px 10px; position: relative; } .alert > span.short { margin-right: 5px; font-weight: bold; } .alert > i { margin-top: 1px; font-size: 1.6rem; float: left; } .alert > div { margin-left: 20px; } .alert > .closeBtn { margin-top: 4px; } .alert.big { padding: 10px 12px; font-size: 1.6rem; } .alert.big > i { font-size: 1.8rem; } .alert.small { padding: 4px 7px 5px; } .alert.text-C > i { margin-top: 0; float: none; display: inline-block; } .alert.text-C > div { margin-left: 0px; display: inline-block; vertical-align: text-bottom; } .alert.transparent { padding: 4px 0 5px; border: none; background: none; } .alert.alert-green { border-color: #d6e9c6; background-color: #dff0d8; color: #3c763d; } .alert.alert-blue { border-color: #bce8f1; background-color: #d9edf7; color: #31708f; } .alert.alert-yellow { border-color: #faebcc; background-color: #fcf8e3; color: #8a6d3b; } .alert.alert-red { border-color: #ebccd1; background-color: #f2dede; color: #a94442; } span.alert, .alert.inline { display: inline-block; line-height: 1.2; vertical-align: middle; } span.alert.bottom, .alert.inline.bottom { vertical-align: bottom; } span.alert > i, .alert.inline > i { vertical-align: baseline; margin-bottom: 2px; } select { display: block;} select.browser-default { display: block; } select { background-color: rgba(255, 255, 255, 0.9); width: 100%; padding: 5px; border: none; border-bottom: 1px solid #9e9e9e; border-radius: 1px; height: 30px; } .select-label { position: absolute; } .select-wrapper { position: relative; } .select-wrapper input.select-dropdown { position: relative; cursor: pointer; background-color: transparent; border: none; border-bottom: 1px solid #9e9e9e; outline: none; height: 30px; line-height: 30px; width: 100%; font-size: 1.6rem; margin: 0; padding: 0; display: block; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; padding-right: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } .select-wrapper span.caret { color: initial; position: absolute; right: 0; top: 0; bottom: 0; height: 10px; margin: auto 0; font-size: 1rem; line-height: 10px; } .select-wrapper span.caret.disabled { color: rgba(0, 0, 0, 0.26); } .select-wrapper + label { position: absolute; top: -20px; font-size: 1.3rem; } select:disabled { color: rgba(0, 0, 0, 0.3); color: rgba(0, 0, 0, 0.6); } .select-wrapper input.select-dropdown:disabled { color: rgba(0, 0, 0, 0.3); cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; border-bottom: 1px solid rgba(0, 0, 0, 0.3); color: rgba(0, 0, 0, 0.6); border-bottom-color: rgba(0, 0, 0, 0.6); } .select-wrapper i { color: rgba(0, 0, 0, 0.3); } .select-wrapper.fontIcon li span i { color: #000000; width: 24px; height: 24px; line-height: 24px; margin-right: 6px; font-size: 2.4rem; text-align: left; vertical-align: middle; } .select-dropdown li.disabled, .select-dropdown li.disabled > span, .select-dropdown li.optgroup { color: rgba(0, 0, 0, 0.3); background-color: transparent !important; } .prefix ~ .select-wrapper { margin-left: 3rem; width: 92%; width: calc(100% - 3rem); } .prefix ~ label { margin-left: 3rem; } .select-dropdown li img { height: 40px; width: 40px; margin: 5px 15px; float: right; } .select-dropdown li.optgroup { border-top: 1px solid #eeeeee; } .select-dropdown li.optgroup.selected > span { color: rgba(0, 0, 0, 0.7); } .select-dropdown li.optgroup > span { color: rgba(0, 0, 0, 0.4); } .select-dropdown li.optgroup ~ li.optgroup-option { padding-left: 1rem; } .m-B-none > .select-wrapper { position: relative; } .m-B-none > .select-wrapper input.select-dropdown { margin-bottom: 0; } [type="radio"]:not(:checked), [type="radio"]:checked { position: absolute; opacity: 0; width: 1.8rem; height: 1.8rem; } [type="radio"] ~ label::before, [type="radio"] ~ label::after { content: ""; position: absolute; left: 0; top: 0; margin: 3px 4px 3px 0; width: 1.6rem; height: 1.6rem; z-index: 0; -webkit-transition: 0.28s ease; -o-transition: 0.28s ease; transition: 0.28s ease; } [type="radio"] ~ label { position: relative; padding-left: 2.4rem; cursor: pointer; display: inline-block; min-height: 1.8rem; color: #424242; line-height: 2.5rem; font-size: 1.3rem; -webkit-transition: 0.28s ease; -o-transition: 0.28s ease; transition: 0.28s ease; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } [type="radio"].with-item.transparent ~ img, [type="radio"].with-item.transparent ~ i { line-height: 1; display: inline-block; margin: 0; background-color: transparent; font-size: 2rem; } [type="radio"].with-item.transparent ~ img ~ label, [type="radio"].with-item.transparent ~ i ~ label { position: relative; display: inline-block; padding-bottom: 0; } [type="radio"].with-item.transparent ~ img ~ label::before, [type="radio"].with-item.transparent ~ i ~ label::before { width: 200%; height: 100%; left: -100%; } [type="radio"].with-item.transparent ~ img ~ label::after, [type="radio"].with-item.transparent ~ i ~ label::after { width: 100%; height: 100%; left: 0; top: 0; border-right: none; border-bottom: none; } [type="radio"].with-item:checked ~ label, [type="radio"].with-item.transparent:checked ~ i { color: #424242; } [type="radio"].with-item.transparent:checked ~ img ~ label::after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); background: #eeeeee; z-index: -1; right: 0; bottom: 0; margin: auto; width: calc(100% + 17px); height: 100%; left: -10px; } [type="radio"] ~ img, [type="radio"] ~ i { width: 100px; max-height: 100px; height: 100px; line-height: 100px; display: block; margin: 0 auto; font-size: 4.5rem; text-align: center; } [type="radio"] ~ i { background-color: #f2f2f2; } [type="radio"]:not(:checked) ~ label::before { border-radius: 50%; border: 1px solid #5a5a5a; } [type="radio"]:not(:checked) ~ label::after { border-radius: 50%; border: 1px solid #5a5a5a; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } [type="radio"]:not(:checked) ~ label[data-color]::before, [type="radio"]:not(:checked) ~ label[data-color]::after { border: transparent; } [type="radio"]:checked ~ i { background-color: #dedede; } [type="radio"]:checked ~ label::before { border-radius: 50%; border: 1px solid #424242; } [type="radio"]:checked ~ label::after { border-radius: 50%; border: 1px solid #424242; background-color: #424242; -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); } [type="radio"]:disabled ~ label { color: rgba(0, 0, 0, 0.26); } [type="radio"]:disabled:not(:checked) ~ label::before { background-color: transparent; border-color: rgba(0, 0, 0, 0.26); } [type="radio"]:disabled:checked ~ label::before { background-color: transparent; border-color: rgba(0, 0, 0, 0.26); } [type="radio"]:disabled:checked ~ label::after { background-color: rgba(0, 0, 0, 0.26); border-color: #bdbdbd; } [type="radio"].with-gap ~ label[data-color] { width: 1.7rem; height: 1.7rem; border-radius: 50%; padding-left: 0; vertical-align: top; } [type="radio"].with-gap ~ label[data-color]::after { margin: 0; width: 0.5rem; height: 0.8rem; top: 0.4rem; left: 0.1rem; border: transparent; border-radius: 0; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; background-color: transparent; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } [type="radio"].with-gap ~ label > img { margin: -6px 5px 0px 3px; height: 32px; width: 32px; border-radius: 50%; overflow: hidden; } [type="radio"].with-gap.transparent ~ label { height: 2.8rem; line-height: 2.8rem; padding: 0 0.9rem; background-color: #eeeeee; } [type="radio"].with-gap.transparent ~ label::before { border: none; width: 0; height: 0; } [type="radio"].with-gap.transparent:checked ~ label { padding: 0 0.9rem 0 3.1rem; } [type="radio"].with-gap.transparent:checked ~ label::before { width: 0.9rem; left: 0.3rem; top: -0.5rem; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 1px solid #424242; border-bottom: 1px solid #424242; } [type="radio"].with-gap:checked ~ label::after { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); } [type="radio"].with-gap:checked ~ label[data-color]::before { border: transparent; } [type="radio"].with-gap:checked ~ label[data-color]::after { border: transparent; border-right: 2px solid #ffffff; border-bottom: 2px solid #ffffff; border-radius: 0; background-color: transparent; -webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); transform: rotate(40deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; } [type="radio"].with-gap:disabled:checked ~ label::before { border-color: rgba(0, 0, 0, 0.26); } [type="radio"].with-item ~ i ~ label { height: 100%; } [type="radio"].with-item ~ label { width: 100%; height: calc(100% + 2.3rem); position: absolute; top: 0; font-size: 1.3rem; color: #9e9e9e; line-height: 1; padding-bottom: 5px; } [type="radio"].with-item ~ label::before { margin: 0; width: 3rem; height: 3rem; left: 0.4rem; top: 0.6rem; } [type="radio"].with-item ~ label::after { margin: 0; width: 1.2rem; height: 2.2rem; left: 0.4rem; top: 0.6rem; border-right: 1px solid #5a5a5a; border-bottom: 1px solid #5a5a5a; border-radius: 0; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } [type="radio"].with-item ~ label i { font-size: 2.6rem; } [type="radio"].with-item:not(:checked) ~ label { padding-left: 0; } [type="radio"].with-item:not(:checked) ~ label::before { border-radius: 0; border: none; } [type="radio"].with-item:not(:checked) ~ label::after { border-radius: 0; border: none; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } [type="radio"].with-item:checked ~ label { padding-left: 0; } [type="radio"].with-item:checked ~ label::before { border-radius: 0; border: none; } [type="radio"].with-item:checked ~ label::after { border-radius: 0; border: none; background-color: transparent; border-right: 1px solid #000000; border-bottom: 1px solid #000000; -webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); transform: rotate(40deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; } [type="radio"].with-item:disabled ~ label { color: rgba(0, 0, 0, 0.26); } [type="radio"].with-item:disabled:not(:checked) ~ label::before { background-color: transparent; border-color: rgba(0, 0, 0, 0.26); border-color: rgba(0, 0, 0, 0.26); } [type="radio"].with-item:disabled:checked ~ label::before { background-color: transparent; border-color: rgba(0, 0, 0, 0.26); } [type="radio"].with-item:disabled:checked ~ label::after { background-color: rgba(0, 0, 0, 0.26); border-color: #bdbdbd; } [type="radio"].with-item.transparent ~ img { width: 32px; height: 32px; } [type="radio"].with-item.transparent ~ img ~ label { width: inherit; height: 3.2rem; line-height: 3rem; vertical-align: middle; } [type="radio"].with-item.transparent ~ i { width: inherit; height: inherit; vertical-align: text-bottom; color: #9e9e9e; } [type="radio"].with-item.transparent ~ i ~ label { width: inherit; } [type="radio"].with-item.transparent.icon ~ label::before { width: 100%; left: 0%; } [type="radio"].with-item.video-img ~ img { width: 200px; max-height: inherit; } [type="radio"].with-chip ~ label { height: 3.2rem; line-height: 3.2rem; margin-bottom: 7px; } [type="radio"].with-chip ~ label::before { margin-top: 8px; } [type="radio"].with-chip ~ label::after { margin-top: 8px; } [type="radio"].with-chip ~ label > img { margin: -6px 5px 0px 3px; height: 32px; width: 32px; border-radius: 50%; overflow: hidden; } [type="radio"].with-chip.transparent ~ label { height: 2.8rem; line-height: 2.8rem; padding: 0 9px; background-color: #eeeeee; } [type="radio"].with-chip.transparent ~ label::before { border: none; width: 0; height: 0; } [type="radio"].with-chip.transparent:checked ~ label { padding: 0 9px 0 31px; } [type="radio"].with-chip.transparent:checked ~ label::after { width: 0.8rem; height: 1.4rem; left: 0.6rem; top: -0.2rem; border-radius: 0; border: none; background-color: transparent; border-right: 1px solid #000000; border-bottom: 1px solid #000000; -webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); transform: rotate(40deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; } [type="radio"].with-chip:checked ~ label::after { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); } [type="radio"].with-chip:checked ~ label[data-color]::before { border: transparent; } [type="radio"].with-chip:checked ~ label[data-color]::after { border: transparent; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; border-radius: 0; background-color: transparent; -webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); transform: rotate(40deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; } [type="radio"].with-chip:disabled:checked ~ label::before { border-color: rgba(0, 0, 0, 0.26); } [type="radio"].tabbed:focus ~ label::before { -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1); } [type="checkbox"]:not(:checked), [type="checkbox"]:checked { position: absolute; opacity: 0; width: 1.8rem; height: 1.8rem; } [type="checkbox"] ~ label::before, [type="checkbox"]:not(.filled-in) ~ label::after, [type="checkbox"].filled-in:not(:checked) ~ label::after, [type="checkbox"].filled-in:checked ~ label::after { width: 1.6rem; } [type="radio"].with-gap.transparent:checked ~ label::before, [type="checkbox"] ~ label::before, [type="checkbox"]:not(.filled-in) ~ label::after, [type="checkbox"]:checked ~ label::before, [type="checkbox"].filled-in:not(:checked) ~ label::after, [type="checkbox"].filled-in:checked ~ label::after, [type="checkbox"].with-chip.transparent:checked ~ label::before { height: 1.6rem; } [type="checkbox"] ~ label::before, [type="checkbox"]:not(.filled-in) ~ label::after { content: ""; position: absolute; top: 0; left: 0; z-index: 0; border: 1px solid #5a5a5a; border-radius: 0; margin: 0 4px 0 0; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } [type="checkbox"].filled-in ~ label::before, [type="checkbox"].filled-in ~ label::after { content: ""; left: 0; position: absolute; -webkit-transition: border 0.25s, background-color 0.25s, width 0.2s 0.1s, height 0.2s 0.1s, top 0.2s 0.1s, left 0.2s 0.1s; -o-transition: border 0.25s, background-color 0.25s, width 0.2s 0.1s, height 0.2s 0.1s, top 0.2s 0.1s, left 0.2s 0.1s; transition: border 0.25s, background-color 0.25s, width 0.2s 0.1s, height 0.2s 0.1s, top 0.2s 0.1s, left 0.2s 0.1s; z-index: 1; } [type="checkbox"].with-item.transparent ~ img, [type="checkbox"].with-item.transparent ~ i { line-height: 1; display: inline-block; margin: 0; background-color: transparent; font-size: 2rem; } [type="checkbox"].with-item.transparent ~ img ~ label, [type="checkbox"].with-item.transparent ~ i ~ label { width: inherit; height: inherit; position: relative; display: inline-block; padding-bottom: 0; } [type="checkbox"].with-item.transparent ~ img ~ label::before, [type="checkbox"].with-item.transparent ~ i ~ label::before { width: 200%; height: 100%; left: -100%; top: 0; border: none; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } [type="checkbox"].with-item:checked ~ label, [type="checkbox"].with-item.transparent:checked ~ img, [type="checkbox"].with-item.transparent:checked ~ i { color: #424242; } [type="checkbox"].with-item.transparent:checked ~ img ~ label::after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); background: #eeeeee; z-index: -1; right: 0; bottom: 0; margin: auto; width: calc(100% + 17px); height: 100%; left: -10px; } [type="checkbox"] ~ img, [type="checkbox"] ~ i { width: 100px; max-height: 100px; line-height: 100px; display: block; margin: 0 auto; font-size: 4.5rem; text-align: center; } [type="checkbox"] ~ i { background-color: #f2f2f2; } [type="checkbox"] ~ label { position: relative; padding-left: 2.4rem; cursor: pointer; display: inline-block; height: 1.9rem; color: #424242; line-height: 1.8rem; font-size: 1.3rem; -webkit-transition: 0.28s ease; -o-transition: 0.28s ease; transition: 0.28s ease; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } [type="checkbox"]:not(.filled-in) ~ label::after { border: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } [type="checkbox"]:not(:checked):disabled ~ label::before { border-color: transparent; background-color: rgba(0, 0, 0, 0.26); } [type="checkbox"]:checked ~ i { background-color: #dedede; } [type="checkbox"]:checked ~ label::before { top: -0.3rem; left: -0.4rem; width: 0.9rem; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 1px solid #424242; border-bottom: 1px solid #424242; -webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); transform: rotate(40deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; } [type="checkbox"]:checked:disabled ~ label::before { border-right: 1px solid rgba(0, 0, 0, 0.26); border-bottom: 1px solid rgba(0, 0, 0, 0.26); } [type="checkbox"]:disabled ~ label { color: rgba(0, 0, 0, 0.26); } [type="checkbox"].tabbed:focus ~ label::after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); border: 0; border-radius: 50%; -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0.1); } [type="checkbox"]:indeterminate ~ label::before { top: -0.6rem; left: 0rem; width: 0rem; height: 1.5rem; border-top: none; border-left: none; border-right: 1px solid #424242; border-bottom: none; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; } [type="checkbox"]:indeterminate ~ label::after { border: 1px solid #5a5a5a; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } [type="checkbox"]:indeterminate:disabled ~ label::before { border-right: 1px solid rgba(0, 0, 0, 0.26); background-color: transparent; } [type="checkbox"].filled-in ~ label::after { border-radius: 0; } [type="checkbox"].filled-in:not(:checked) ~ label::before { width: 0; height: 0; border: 1px solid transparent; left: 1rem; top: 1rem; -webkit-transform: rotateZ(37deg); -ms-transform: rotate(37deg); transform: rotateZ(37deg); -webkit-transform-origin: 20% 40%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; } [type="checkbox"].filled-in:not(:checked) ~ label::after { top: 0px; background-color: transparent; border: 1px solid #5a5a5a; z-index: 0; margin: 0 4px 0 0; } [type="checkbox"].filled-in:checked ~ label::before { top: 0rem; left: -0.1rem; width: 0.5rem; height: 1rem; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid #ffffff; border-bottom: 2px solid #ffffff; -webkit-transform: rotateZ(37deg); -ms-transform: rotate(37deg); transform: rotateZ(37deg); -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; } [type="checkbox"].filled-in:checked ~ label::after { top: 0; border: 1px solid #424242; background-color: #424242; z-index: 0; margin: 0 4px 0 0; } [type="checkbox"].filled-in.tabbed:focus ~ label::after { border-radius: 0; border-color: #5a5a5a; background-color: rgba(0, 0, 0, 0.1); } [type="checkbox"].filled-in.tabbed:checked:focus ~ label::after { border-radius: 0; background-color: #424242; border-color: #424242; } [type="checkbox"].filled-in:disabled:not(:checked) ~ label::before { background-color: transparent; border: 1px solid transparent; } [type="checkbox"].filled-in:disabled:not(:checked) ~ label::after { border-color: transparent; background-color: #bdbdbd; } [type="checkbox"].filled-in:disabled:checked ~ label::before { background-color: transparent; } [type="checkbox"].filled-in:disabled:checked ~ label::after { background-color: #bdbdbd; border-color: #bdbdbd; } [type="checkbox"].with-gap ~ label::before { display: none; } [type="checkbox"].with-gap ~ label[data-color] { width: 1.7rem; height: 1.7rem; border-radius: 50%; padding-left: 0; vertical-align: top; } [type="checkbox"].with-gap ~ label[data-color]::after { margin: 0; width: 0.8rem; height: 0.8rem; top: 0.4rem; left: 0rem; border: transparent; border-radius: 0; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; background-color: transparent; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } [type="checkbox"].with-gap:checked ~ label::before { border-radius: 50%; border: 1px solid #424242; } [type="checkbox"].with-gap:checked ~ label::after { border-radius: 50%; border: 1px solid #424242; background-color: #424242; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); } [type="checkbox"].with-gap:checked ~ label[data-color]::before { border: transparent; } [type="checkbox"].with-gap:checked ~ label[data-color]::after { border: transparent; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; border-radius: 0; background-color: transparent; -webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); transform: rotate(40deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100%; } [type="checkbox"].with-gap:disabled:checked ~ label::before { border: 1px solid rgba(0, 0, 0, 0.26); } [type="checkbox"].with-gap:disabled:checked ~ label::after { border: none; background-color: rgba(0, 0, 0, 0.26); } [type="checkbox"].with-item ~ i ~ label { height: 100%; } [type="checkbox"].with-item ~ label { width: 100%; height: calc(100% + 23px); position: absolute; top: 0; font-size: 1.3rem; color: #9e9e9e; line-height: 1; padding-bottom: 5px; padding-left: 0; } [type="checkbox"].with-item ~ label::before { border: none; margin: 0; width: 1.2rem; height: 2.2rem; left: 0.4rem; top: 0.6rem; border-radius: 0; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } [type="checkbox"].with-item:not(:checked):disabled ~ label::before { background-color: transparent; } [type="checkbox"].with-item:checked ~ label::before { border-right: 1px solid #424242; border-bottom: 1px solid #424242; background-color: transparent; } [type="checkbox"].with-item.transparent ~ img { width: 3.2rem; height: 3.2rem; } [type="checkbox"].with-item.transparent ~ img ~ label { height: 3.2rem; line-height: 3rem; vertical-align: middle; } [type="checkbox"].with-item.transparent ~ i { width: inherit; height: inherit; vertical-align: text-bottom; color: #9e9e9e; } [type="checkbox"].with-chip ~ label { height: 3.2rem; line-height: 3.2rem; margin-bottom: 7px; } [type="checkbox"].with-chip ~ label::before { margin-top: 8px; } [type="checkbox"].with-chip ~ label > img { margin: -6px 5px 0px 3px; height: 3.2rem; width: 3.2rem; border-radius: 50%; overflow: hidden; } [type="checkbox"].with-chip.transparent ~ label { height: 2.8rem; line-height: 2.8rem; padding: 0 9px; background-color: #eeeeee; } [type="checkbox"].with-chip.transparent ~ label::before { border: none; width: 0; height: 0; } [type="checkbox"].with-chip.transparent:checked ~ label { padding: 0 9px 0 31px; } [type="checkbox"].with-chip.transparent:checked ~ label::before { width: 0.9rem; left: 0.3rem; top: -0.5rem; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 1px solid #424242; border-bottom: 1px solid #424242; } [type="checkbox"].label-has-img ~ label { height: auto; } [type="checkbox"].label-has-img ~ label img { max-width: 100px; max-height: 100px; margin: 0 5px; } [type="checkbox"].label-has-img ~ label::before, [type="checkbox"].label-has-img ~ label:not(.filled-in) ~ label::after { top: calc(50% - 8px); } [type="checkbox"].label-has-img:checked ~ label::before { top: calc(50% - 8px); } .flexdatalist-results li > a, .flexdatalist-results li > span { font-size: 1.6rem; color: #424242; display: inline-block; line-height: 22px; margin-right: 10px; } input.flexdatalist, input.flexdatalist-alias { color: #424242; } input.flexdatalist.has-arrow, input.flexdatalist-alias.has-arrow { padding-right: 15px; } input.flexdatalist + span.caret, input.flexdatalist-alias + span.caret, .flexdatalist-multiple + span.caret { position: absolute; right: 0; top: 6px; } .flexdatalist-results { position: absolute; top: 0; left: 0; overflow-y: auto; list-style: none; margin: 0; padding: 0; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); background-color: #ffffff; max-height: 300px; z-index: 999; will-change: width, height; } .flexdatalist-results li { padding: 14px 16px; clear: both; color: rgba(0, 0, 0, 0.87); cursor: pointer; min-height: 50px; line-height: 1.5rem; width: 100%; text-align: left; text-transform: none; list-style-type: none; } .flexdatalist-results li:hover, .flexdatalist-results li.active, .flexdatalist-results li.selected { background-color: #eeeeee; } .flexdatalist-results li.no-results { font-style: italic; color: #888; font-size: 1.6rem; color: #424242; display: inline-block; line-height: 22px; padding: 14px 0 14px 16px; } .flexdatalist-results li.group { background: #f3f3f4; color: #666; padding: 0 8px; } .flexdatalist-results li .group-name { font-weight: 700; } .flexdatalist-results li .group-item-count { font-size: 85%; color: #777; display: inline-block; padding-left: 10px; } .flexdatalist-results li span.highlight { font-weight: 700; text-decoration: underline; } .flexdatalist-results li > span:not(:first-child):not(.highlight) { font-size: 1.4rem; color: #616161; } .flexdatalist-multiple { width: 100%; margin: 0; padding: 0; list-style: none; text-align: left; cursor: text; border-bottom: 1px solid #9e9e9e; min-height: 30px; } .flexdatalist-multiple::before { content: ""; display: block; clear: both; } .flexdatalist-multiple:focus { border-bottom: 1px solid #424242; } .flexdatalist-multiple.disabled { background-color: #eee; cursor: default; } .flexdatalist-multiple::after { content: ""; display: block; clear: both; } .flexdatalist-multiple li.input-container { margin: 0; display: inline-block; } .flexdatalist-multiple li.input-container input[type=text] { height: auto; min-height: 30px; padding-right: 20px; width: auto; } .flexdatalist-multiple li.input-container input[type=text]:focus { -webkit-box-shadow: none; box-shadow: none; } .flexdatalist-multiple li.value { display: inline-block; padding: 5px 0px 5px 7px; background: #eee; color: #777; line-height: 1; overflow: hidden; margin: 0px 8px 3px 0; background: #eeeeee; white-space: nowrap; cursor: pointer; position: relative; font-size: 1.6rem; vertical-align: middle; } .flexdatalist-multiple li.value span.fdl-remove { padding: 2px 7px 2px 5px; line-height: 1; cursor: pointer; opacity: 0.7; margin-left: 0; } .flexdatalist-multiple li.value span.fdl-remove:hover { opacity: 1; } .flexdatalist-multiple li.toggle { cursor: pointer; -webkit-transition: opacity ease-in-out 300ms; -o-transition: opacity ease-in-out 300ms; transition: opacity ease-in-out 300ms; } .flexdatalist-multiple li.toggle.disabled { text-decoration: line-through; opacity: 0.8; } .fileuploader { display: block; width: 100%; margin: 10px 0 0; line-height: normal; text-align: left; overflow: hidden; color: rgba(0, 0, 0, 0.26); } .fileuploader * { margin: 0 auto; } .fileuploader-input { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; border: 1px solid transparent; cursor: pointer; overflow: hidden; padding: 10px 20px; background-color: #f2f2f2; } .fileuploader-input > .fileuploader-input-caption { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 0; background-color: #fff; padding: 10px 15px; } .fileuploader-input > .fileuploader-input-button { margin-right: 0; } .body-light-box .fileuploader-input { padding: 10px 0; } .body-light-box .fileuploader-items { margin-bottom: 10px; } .fileuploader-input-inner { text-align: center; padding: 40px 0px; } .fileuploader-input-inner > i { margin: 0 auto 10px; font-size: 4.5rem; display: block; color: rgba(0, 0, 0, 0.26); } .fileuploader-input-inner .fileuploader-input-button { margin-top: 10px; } .fileuploader-input-caption { position: relative; display: inline-block; -ms-flex-item-align: start; align-self: flex-start; padding: 10px 15px; margin-right: 15px; color: rgba(0, 0, 0, 0.26); font-weight: bold; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .fileuploader-input-button { padding: 10px 20px; display: inline-block; color: #ffffff; text-align: center; font-weight: bold; vertical-align: top; cursor: pointer; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; background-color: #9e9e9e; } .fileuploader-input-button:hover { background-color: #9e9e9e; } .fileuploader-input-button:active { background-color: #9e9e9e; } .fileuploader-disabled .fileuploader-input { opacity: 0.7; cursor: default; pointer-events: none !important; } .fileuploader-theme-default .fileuploader-dragging { background: #fff; border: 1px dashed #dde4f6; } .fileuploader-theme-default .fileuploader-dragging .fileuploader-input-caption { border-color: transparent; } .fileuploader-theme-default .fileuploader-dragging .fileuploader-input-button { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); opacity: 0; } .fileuploader.fileuploader-is-uploading .fileuploader-input-caption::after { width: 14px; height: 14px; right: 10px; top: 50%; margin-top: -10px; opacity: 0.8; } .fileuploader.fileuploader-is-uploading .fileuploader-input-caption::after, .fileuploader-item .fileuploader-item-image.fileuploader-loading::after { content: ""; position: absolute; width: 20px; height: 20px; border-radius: 50%; border-top: 3px solid #dde4f6; border-right: 3px solid #dde4f6; border-bottom: 3px solid #dde4f6; border-left: 3px solid #979fb8; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-animation: fileuploaderSpin 1s infinite linear; animation: fileuploaderSpin 1s infinite linear; } .fileuploader-items-list { display: block; margin: 0; padding: 0; list-style: none; } .fileuploader-item { position: relative; margin: 0; padding: 20px 15px; border-bottom: 1px solid #eeeeee; -webkit-animation: fileuploaderSlideIn 0.4s ease; animation: fileuploaderSlideIn 0.4s ease; background-color: #ffffff; list-style: none; } .fileuploader-item.upload-failed { background: rgba(219, 104, 104, 0.08); } .fileuploader-item.columns { position: relative; z-index: 2; } .fileuploader-item .column-thumbnail { position: absolute; width: 36px; height: 36px; line-height: 36px; } .fileuploader-item .column-thumbnail .fileuploader-item-image { width: 100%; height: 100%; overflow: hidden; } .fileuploader-item .column-thumbnail .fileuploader-item-image img { -webkit-animation: fileuploaderFadeIn 0.2s ease; animation: fileuploaderFadeIn 0.2s ease; } .fileuploader-item .column-thumbnail .fileuploader-item-image canvas { -webkit-animation: fileuploaderFadeIn 0.2s ease; animation: fileuploaderFadeIn 0.2s ease; } .fileuploader-item .column-thumbnail .fileuploader-item-image.fileuploader-loading::after { width: 24px; height: 24px; left: 50%; top: 50%; margin-left: -12px; margin-top: -12px; border-radius: 50%; opacity: 0.12; } .fileuploader-item .fileuploader-item-icon { position: relative; width: 100%; height: 100%; text-align: center; color: #ffffff; font-size: 1.1rem; background: #dddddd; -webkit-animation: fileuploaderFadeIn 0.2s ease; animation: fileuploaderFadeIn 0.2s ease; } .fileuploader-item .fileuploader-item-icon.is-bright-color { color: #888; } .fileuploader-item .fileuploader-item-icon i { display: block; width: 90%; margin: 0 auto; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-style: normal; font-weight: bold; } .fileuploader-item .column-title { display: block; padding-left: 51px; padding-right: 81px; color: #3e3e3e; } .fileuploader-item a[class*='btn-'].tooltip { text-decoration: none; width: 26px; height: 26px; margin-top: 0; position: relative; } .fileuploader-item a[class*='btn-'].tooltip.square > i { line-height: 26px; } .fileuploader-item a[class*='btn-'].tooltip + a[class*='btn-'].tooltip { margin-left: 2px; } .fileuploader-item .column-title div.title-name { width: 85%; margin-left: 0; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .fileuploader-item .column-title span { font-size: 1.2rem; color: #979fb8; } .fileuploader-item .column-actions { position: absolute; right: 15px; top: 50%; margin-top: -14px; } .fileuploader-item .column-actions .fileuploader-action-success { position: absolute; right: 0; top: 0; } .fileuploader-item .column-actions .fileuploader-action-success:hover, .fileuploader-item .column-actions .fileuploader-action-success:active { opacity: 0; } .fileuploader-action-start { background: #687ddb; border-radius: 50%; } .fileuploader-action-start i { position: absolute; left: 50%; top: 50%; margin-left: -2px; margin-top: -5px; border-radius: 2px; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #fff; } .fileuploader-action-start:hover { background: #7b90ef; } .fileuploader-action-start:active { background: #687ddb; -webkit-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.1); } .fileuploader-action-success { background: #687ddb; border: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .fileuploader-action-success i::before, .fileuploader-action-success i::after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } .fileuploader-action-success i::before { width: 4px; height: 2px; left: 6px; top: 11px; background: #fff; } .fileuploader-action-success i::after { top: 4px; left: 9px; width: 2px; height: 9px; background: #fff; } .fileuploader-item .fileuploader-progressbar { position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; border-radius: 4px; overflow: hidden; } .fileuploader-item .fileuploader-progressbar .bar { position: absolute; left: 0; top: 0; width: 0%; height: 100%; border-radius: 4px; background: #687ddb; -webkit-transition: width 0.3s ease; -o-transition: width 0.3s ease; transition: width 0.3s ease; } .fileuploader-item .progress-bar2 .fileuploader-progressbar { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fileuploader-item .progress-bar2 .fileuploader-progressbar .bar { position: absolute; left: 0; top: 0; width: 0%; height: 100%; border-radius: 0; background: rgba(104, 125, 219, 0.08); -webkit-transition: width 0.3s ease; -o-transition: width 0.3s ease; transition: width 0.3s ease; } .fileuploader-item .progress-bar2 span { position: absolute; top: 50%; margin-top: -29px; right: 15px; color: rgba(151, 159, 184, 0.16); font-size: 4.8rem; } .fileuploader-input-caption .fileuploader-pending-loader { margin-right: 5px; } .fileuploader-pending-loader { position: relative; display: inline-block; width: 14px; height: 14px; overflow: hidden; vertical-align: middle; } .fileuploader-pending-loader::after, .fileuploader-pending-loader .left-half { background: #fff; } .fileuploader-pending-loader .right-half, .fileuploader-pending-loader .spinner { background: #94a2e8; } .fileuploader-pending-loader::after { content: ""; position: absolute; top: 3px; left: 3px; width: 8px; height: 8px; border-radius: 50%; z-index: 4; } .fileuploader-pending-loader .left-half, .fileuploader-pending-loader .right-half, .fileuploader-pending-loader .spinner { position: absolute; top: 0; width: 50%; height: 100%; } .fileuploader-pending-loader .left-half { left: 0; opacity: 1; border-radius: 100% 0 0 100% / 50% 0 0 50%; -webkit-animation: fileuploaderOpacity 3s steps(1, end) infinite; animation: fileuploaderOpacity 3s steps(1, end) infinite; z-index: 3; } .fileuploader-pending-loader .right-half { right: 0; opacity: 0; border-radius: 0 100% 100% 0 / 0 50% 50% 0; -webkit-animation: fileuploaderOpacity 3s steps(1, end) reverse infinite; animation: fileuploaderOpacity 3s steps(1, end) reverse infinite; z-index: 1; } .fileuploader-pending-loader .spinner { left: 0; border-radius: 100% 0 0 100% / 50% 0 0 50%; -webkit-animation: fileuploaderSpin 3s linear infinite; animation: fileuploaderSpin 3s linear infinite; -webkit-transform-origin: center right; -ms-transform-origin: center right; transform-origin: center right; z-index: 2; } @-webkit-keyframes fileuploaderOpacity { 0% { opacity: 1; } 50%, 100% { opacity: 0; } } @keyframes fileuploaderOpacity { 0% { opacity: 1; } 50%, 100% { opacity: 0; } } @-webkit-keyframes fileuploaderFadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fileuploaderFadeIn { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fileuploaderScaleIn { from { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes fileuploaderScaleIn { from { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes fileuploaderSlideIn { from { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0; } to { -webkit-transform: translateY(0%); transform: translateY(0%); opacity: 1; } } @keyframes fileuploaderSlideIn { from { -webkit-transform: translateY(50%); transform: translateY(50%); opacity: 0; } to { -webkit-transform: translateY(0%); transform: translateY(0%); opacity: 1; } } @-webkit-keyframes fileuploaderSlideOut { from { -webkit-transform: translateY(0%); transform: translateY(0%); opacity: 1; } to { -webkit-transform: translateY(50%); transform: translateY(50%); opacity: 0; } } @keyframes fileuploaderSlideOut { from { -webkit-transform: translateY(0%); transform: translateY(0%); opacity: 1; } to { -webkit-transform: translateY(50%); transform: translateY(50%); opacity: 0; } } @-webkit-keyframes fileuploaderSpin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fileuploaderSpin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .fileuploader-theme-thumbnails .fileuploader-thumbnails-input, .fileuploader-theme-thumbnails .fileuploader-items-list li.fileuploader-item { display: inline-block; width: 23%; padding: 0 0 23%; margin: 1%; vertical-align: top; position: relative; } .fileuploader-theme-thumbnails .fileuploader-thumbnails-input-inner { width: 100%; height: 100%; border: 2px dashed #c2cdda; border-radius: 4px; text-align: center; font-size: 3rem; color: #acb9c7; vertical-align: top; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; } .fileuploader-theme-thumbnails .fileuploader-thumbnails-input-inner:hover { border-color: #92a7bf; color: #899baf; } .fileuploader-theme-thumbnails .fileuploader-thumbnails-input-inner:active { background: #fff; } .fileuploader-theme-thumbnails .fileuploader-dragging .fileuploader-thumbnails-input-inner { background: #fff; } .fileuploader-theme-thumbnails .fileuploader-items-list { margin: 15px -1% -1%; } .fileuploader-theme-thumbnails li.fileuploader-item { -webkit-animation: fileuploaderScaleIn 0.2s ease; animation: fileuploaderScaleIn 0.2s ease; border-bottom: 0; background-color: transparent; cursor: move; } .fileuploader-theme-thumbnails .fileuploader-item-inner { position: absolute; border-radius: 4px; background: rgba(255, 255, 255, 0.6); overflow: hidden; } .fileuploader-theme-thumbnails .fileuploader-item-inner, .fileuploader-theme-thumbnails .fileuploader-item-inner .thumbnail-holder, .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item-image { width: 100%; height: 100%; } .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item-image { position: relative; text-align: center; overflow: hidden; } .fileuploader-theme-thumbnails .fileuploader-item .fileuploader-item-image img, .fileuploader-theme-thumbnails .fileuploader-item .fileuploader-item-image canvas { border-radius: 0; max-width: 100%; max-height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: auto; max-width: inherit; top: 50%; left: 50%; right: auto; bottom: auto; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .fileuploader-theme-thumbnails .fileuploader-item .fileuploader-item-image.fileuploader-loading:after { top: 50%; left: 50%; width: 30px; height: 30px; margin-left: -15px; margin-top: -15px; opacity: 0.2; } .fileuploader-theme-thumbnails .fileuploader-items-list .actions-holder { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 4px; background: rgba(33, 33, 33, 0.55); text-align: right; -webkit-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; opacity: 0; z-index: 101; } .fileuploader-theme-thumbnails .fileuploader-items-list li.fileuploader-item:hover .actions-holder { opacity: 1; } .fileuploader-theme-thumbnails .fileuploader-item.upload-failed { background: none; } .fileuploader-theme-thumbnails .fileuploader-items-list li.fileuploader-item.upload-failed .fileuploader-item-icon { display: block !important; background: #db6868 !important; color: #fff; } .fileuploader-theme-thumbnails .fileuploader-item .progress-holder { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .fileuploader-theme-thumbnails .fileuploader-item .progress-holder .fileuploader-progressbar { position: relative; top: 50%; width: 80%; height: 6px; margin: 0 auto; background: #dde4f6; } .fileuploader-theme-thumbnails .singleImg .fileuploader-items-list { margin: 0; } .fileuploader-theme-thumbnails .singleImg .fileuploader-thumbnails-input, .fileuploader-theme-thumbnails .singleImg li.fileuploader-item { display: block; width: 100%; padding: 0 0 56.25%; margin: 0; top: 0; left: 0; overflow: hidden; } .fileuploader-theme-thumbnails .singleImg .fileuploader-thumbnails-input .fileuploader-thumbnails-input-inner, .fileuploader-theme-thumbnails .singleImg li.fileuploader-item .fileuploader-thumbnails-input-inner { border-radius: 0; font-size: 1.6rem; color: rgba(0, 0, 0, 0.26); position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; border: 1px solid transparent; overflow: hidden; padding: 0px 2%; background-color: #f2f2f2; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; left: 0; } @media only screen and (max-width: 430px) { .fileuploader-theme-thumbnails .singleImg .fileuploader-thumbnails-input .fileuploader-thumbnails-input-inner, .fileuploader-theme-thumbnails .singleImg li.fileuploader-item .fileuploader-thumbnails-input-inner { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .fileuploader-theme-thumbnails .singleImg .fileuploader-thumbnails-input .fileuploader-thumbnails-input-inner > i, .fileuploader-theme-thumbnails .singleImg li.fileuploader-item .fileuploader-thumbnails-input-inner > i { margin: 0 auto; font-size: 4.5rem; display: block; color: rgba(0, 0, 0, 0.26); } @media only screen and (max-width: 430px) { .fileuploader-theme-thumbnails .singleImg .fileuploader-thumbnails-input .fileuploader-thumbnails-input-inner > i, .fileuploader-theme-thumbnails .singleImg li.fileuploader-item .fileuploader-thumbnails-input-inner > i { margin: 0; } } .fileuploader-theme-thumbnails .singleImg .fileuploader-thumbnails-input .fileuploader-thumbnails-input-inner > .fileuploader-input-caption, .fileuploader-theme-thumbnails .singleImg li.fileuploader-item .fileuploader-thumbnails-input-inner > .fileuploader-input-caption { margin: 0 auto; padding: 1% 0; } @media only screen and (max-width: 430px) { .fileuploader-theme-thumbnails .singleImg .fileuploader-thumbnails-input .fileuploader-thumbnails-input-inner > .fileuploader-input-caption, .fileuploader-theme-thumbnails .singleImg li.fileuploader-item .fileuploader-thumbnails-input-inner > .fileuploader-input-caption { display: none; } } .fileuploader-theme-thumbnails .singleImg .fileuploader-thumbnails-input .fileuploader-thumbnails-input-inner > .fileuploader-input-button, .fileuploader-theme-thumbnails .singleImg li.fileuploader-item .fileuploader-thumbnails-input-inner > .fileuploader-input-button { margin-top: 1%; } @media only screen and (max-width: 430px) { .fileuploader-theme-thumbnails .singleImg .fileuploader-thumbnails-input .fileuploader-thumbnails-input-inner > .fileuploader-input-button, .fileuploader-theme-thumbnails .singleImg li.fileuploader-item .fileuploader-thumbnails-input-inner > .fileuploader-input-button { margin: 0; margin: 0; background: transparent; color: rgba(0, 0, 0, 0.26); padding-left: 5px; } } @media only screen and (max-width: 430px) { .fileuploader-theme-thumbnails .singleImg .fileuploader-thumbnails-input .fileuploader-thumbnails-input-inner > p, .fileuploader-theme-thumbnails .singleImg li.fileuploader-item .fileuploader-thumbnails-input-inner > p { display: none; } } .fileuploader-theme-thumbnails .singleImg .fileuploader-thumbnails-input .fileuploader-thumbnails-input-inner:hover, .fileuploader-theme-thumbnails .singleImg li.fileuploader-item .fileuploader-thumbnails-input-inner:hover { border-color: transparent; color: rgba(0, 0, 0, 0.26); } .fileuploader-theme-thumbnails .singleImg .fileuploader-thumbnails-input .fileuploader-thumbnails-input-inner:active, .fileuploader-theme-thumbnails .singleImg li.fileuploader-item .fileuploader-thumbnails-input-inner:active { background: #f2f2f2; } .fileuploader-theme-thumbnails .singleImg .fileuploader-thumbnails-input .fileuploader-item-inner, .fileuploader-theme-thumbnails .singleImg li.fileuploader-item .fileuploader-item-inner { top: 0; left: 0; } .fileuploader-theme-thumbnails .singleImg.video .actions-holder { width: initial; height: initial; background: transparent; left: initial; right: 0; } .fileuploader-theme-thumbnails .singleImg.video .jwplayer { z-index: 100; } .fileuploader-items.voice .fileuploader-item .column-title { padding-left: 5px; } .fileuploader-items.voice .fileuploader-item .column-title > div { margin-left: 0; display: inline-block; vertical-align: middle; } .fileuploader-items.voice .fileuploader-item .column-title > div.title-name { max-width: 30%; width: initial; margin-right: 15px; } .fileuploader-items.link { margin-top: 1.5rem; } .fileuploader-items.link .fileuploader-item .column-title { padding-left: 5px; } .vertical .fileuploader-theme-thumbnails .singleImg .fileuploader-thumbnails-input, .vertical .fileuploader-theme-thumbnails .singleImg li.fileuploader-item { padding: 0 0 100%; } div.flexUpload { -ms-flex-wrap: wrap; flex-wrap: wrap; width: auto; } div.flexUpload .flex-9 { -webkit-box-flex: 9; -ms-flex: 9; flex: 9; margin: 10px; } div.flexUpload .flex-16 { -webkit-box-flex: 16; -ms-flex: 16; flex: 16; margin: 10px; } div.flexUpload .flex-4 { -webkit-box-flex: 4; -ms-flex: 4; flex: 4; margin: 10px; } div.flexUpload .flex-3 { -webkit-box-flex: 3; -ms-flex: 3; flex: 3; margin: 10px; } .imgFileProfile .b-radius { border-radius: 100px; overflow: hidden; } .imgFileProfile .b-radius .fileuploader-thumbnails-input img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .imgFileProfile a.user { color: black; font-size: 8rem; } .imgFileProfile a.camera { position: absolute; background-color: #fff; padding: 2px 5px; border-radius: 15px; width: 32px; height: 32px; line-height: 32px; left: calc(50% - 16px); top: calc(50% - 16px); opacity: 0; } .imgFileProfile:hover a.camera { opacity: 1; } .imgFileProfile .fileuploader-items { width: 100px; height: 100px; margin: 0 auto; background-color: #fff; border: 1px solid #eeeeee; } .imgFileProfile .fileuploader-items .fileuploader-thumbnails-input { cursor: pointer; height: 100px; text-align: center; } .imgFileProfile .fileuploader-items .fileuploader-thumbnails-input > img { position: absolute; width: 100% !important; height: 100% !important; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .imgFileProfile .fileuploader-items-list .actions-holder { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .open-file-manager { padding: 18px 20px; display: inline-block; color: #fff; text-align: center; font-weight: bold; vertical-align: top; cursor: pointer; -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; background-color: #9e9e9e; margin-top: 10px; font-size: 2.4rem; line-height: 0; } .fileuploader-theme-thumbnails .imgFileProfile .singleImg li.fileuploader-item { height: 100px; padding: 0; } .fileuploader-items .is-file { text-align: center; font-size: 2rem; } .file-manager .file-container .breadcrumb { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: .5rem; font-size: 1.4rem; -ms-flex-wrap: wrap; flex-wrap: wrap; } .file-manager .file-container .breadcrumb a { text-decoration: none; color: #545454; position: relative; } .file-manager .file-container .breadcrumb a::before { content: "\ea08"; display: inline-block; font: normal normal normal 14px/1 FontCCwork; font-size: inherit; text-rendering: auto; font-size: 1rem; margin: 0 .75rem; } .file-manager .file-container .breadcrumb a:first-child::before { display: none; } .file-manager .file-container .breadcrumb a:hover { color: #b71c1c; } .file-manager .file-container .breadcrumb a:hover::before { color: #545454; } .file-manager .file-container .manager-box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .file-manager .file-container .manager-box .item.ui-draggable-dragging { -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); } .file-manager .file-container .manager-box > div:not(.fileuploader-lib) { width: calc((100% / 3) - 2rem); background: #f2f2f2; padding: 1rem; margin: 1rem; position: relative; } .file-manager .file-container .manager-box > div:not(.fileuploader-lib):hover .column-actions { opacity: 1; } .file-manager .file-container .manager-box > div:not(.fileuploader-lib):hover label::before { top: -11px; border: 1px solid #fff; z-index: 1; } .file-manager .file-container .manager-box > div:not(.fileuploader-lib):hover label::after { border: 1px solid #fff; z-index: 1; } .file-manager .file-container .manager-box > div:not(.fileuploader-lib):hover [type="checkbox"]:checked ~ label::before { border-top: 2px solid transparent; border-left: 2px solid transparent; } .file-manager .file-container .manager-box > div:not(.fileuploader-lib) [type="checkbox"] ~ label { padding: 0; } .file-manager .file-container .manager-box > div:not(.fileuploader-lib) .data-info { width: 100%; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; } .file-manager .file-container .manager-box > div:not(.fileuploader-lib) .data-info:hover { cursor: pointer; } .file-manager .file-container .manager-box > div:not(.fileuploader-lib) .data-info:hover .column-actions { display: block; } .file-manager .file-container .manager-box > div:not(.fileuploader-lib) .data-info .is-img, .file-manager .file-container .manager-box > div:not(.fileuploader-lib) .data-info .is-file { background: #fff; width: 100px; margin: 0 10px 0 0; } .file-manager .file-container .manager-box > div:not(.fileuploader-lib) .data-info .is-img > div, .file-manager .file-container .manager-box > div:not(.fileuploader-lib) .data-info .is-file > div { width: 80px; height: 80px; margin: 0 auto; } .file-manager .file-container .manager-box > div:not(.fileuploader-lib) .data-info .is-file { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; font-size: 3rem; } .file-manager .file-container .manager-box > div:not(.fileuploader-lib) .data-info .is-file > div { line-height: 100px; } .file-manager .file-container .manager-box > div:not(.fileuploader-lib) .data-info .file-info li { font-size: 1rem; line-height: 1.2; } .file-manager .file-container .manager-box > div:not(.fileuploader-lib) .data-info .file-info li:first-child { font-size: 1.3rem; margin: .25rem 0; line-height: 1.5; word-break: break-all; } .file-manager .file-container .manager-box > div:not(.fileuploader-lib) .column-actions { opacity: 0; position: absolute; top: -1rem; width: calc(100% + 2rem); background: rgba(33, 33, 33, 0.55); left: -1rem; border-radius: 4px; text-align: right; color: white; -webkit-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .datetimepicker-widget .btn[data-action="incrementHours"]::after, .datetimepicker-widget .btn[data-action="incrementMinutes"]::after, .datetimepicker-widget .btn[data-action="decrementHours"]::after, .datetimepicker-widget .btn[data-action="decrementMinutes"]::after, .datetimepicker-widget .btn[data-action="showHours"]::after, .datetimepicker-widget .btn[data-action="showMinutes"]::after, .datetimepicker-widget .btn[data-action="togglePeriod"]::after, .datetimepicker-widget .btn[data-action="clear"]::after, .datetimepicker-widget .btn[data-action="today"]::after, .datetimepicker-widget .picker-switch::after, .datetimepicker-widget table th.prev::after, .datetimepicker-widget table th.next::after { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .datetimepicker-widget { min-width: 250px; width: 100%; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); } .datetimepicker-widget.dropdown-menu { margin: 2px 0; padding: 0; position: absolute; min-width: 250px; max-width: 300px; width: 100%; z-index: 101; background: #fff; } .datetimepicker-widget.dropdown-menu::before, .datetimepicker-widget.dropdown-menu::after { content: ""; display: inline-block; position: absolute; } .datetimepicker-widget.dropdown-menu.bottom::before { border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #cccccc; border-bottom-color: rgba(0, 0, 0, 0.2); top: -7px; left: 7px; } .datetimepicker-widget.dropdown-menu.bottom::after { border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; top: -6px; left: 8px; } .datetimepicker-widget.dropdown-menu.top::before { border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #cccccc; border-top-color: rgba(0, 0, 0, 0.2); bottom: -7px; left: 6px; } .datetimepicker-widget.dropdown-menu.top::after { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #ffffff; bottom: -6px; left: 7px; } .datetimepicker-widget.dropdown-menu.pull-right::before { left: auto; right: 6px; } .datetimepicker-widget.dropdown-menu.pull-right::after { left: auto; right: 7px; } .datetimepicker-widget .list-unstyled { margin: 0; } .datetimepicker-widget .list-unstyled .collapse { display: none; visibility: hidden; padding-bottom: 10px; } .datetimepicker-widget .list-unstyled .collapse.in { display: block; visibility: visible; } .datetimepicker-widget a[data-action] { padding: 6px 0; } .datetimepicker-widget a[data-action]:active { -webkit-box-shadow: none; box-shadow: none; } .datetimepicker-widget .timepicker-hour, .datetimepicker-widget .timepicker-minute, .datetimepicker-widget .timepicker-second { width: 54px; font-weight: bold; font-size: 2.4rem; margin: 0; } .datetimepicker-widget button[data-action] { padding: 6px; } .datetimepicker-widget .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 1.4rem; font-weight: 400; line-height: 1.42857; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 0; } .datetimepicker-widget .btn[data-action="incrementHours"], .datetimepicker-widget .btn[data-action="incrementMinutes"], .datetimepicker-widget .btn[data-action="decrementHours"], .datetimepicker-widget .btn[data-action="decrementMinutes"] { font-size: 3.5rem; } .datetimepicker-widget .btn[data-action="incrementHours"]::after { content: "Increment Hours"; } .datetimepicker-widget .btn[data-action="incrementMinutes"]::after { content: "Increment Minutes"; } .datetimepicker-widget .btn[data-action="decrementHours"]::after { content: "Decrement Hours"; } .datetimepicker-widget .btn[data-action="decrementMinutes"]::after { content: "Decrement Minutes"; } .datetimepicker-widget .btn[data-action="showHours"]::after { content: "Show Hours"; } .datetimepicker-widget .btn[data-action="showMinutes"]::after { content: "Show Minutes"; } .datetimepicker-widget .btn[data-action="togglePeriod"]::after { content: "Toggle AM/PM"; } .datetimepicker-widget .btn[data-action="clear"]::after { content: "Clear the picker"; } .datetimepicker-widget .btn[data-action="today"]::after { content: "Set the date to today"; } .datetimepicker-widget .picker-switch { text-align: center; } .datetimepicker-widget .picker-switch::after { content: "Toggle Date and Time Screens"; } .datetimepicker-widget .picker-switch td { padding: 0 !important; margin: 0; height: auto; width: auto; line-height: inherit; } .datetimepicker-widget .picker-switch td span { line-height: 2; height: inherit; width: 100%; padding: 6px; margin: 0px; } .datetimepicker-widget table { margin: 0; } .datetimepicker-widget table td, .datetimepicker-widget table th { text-align: center; } .datetimepicker-widget table th { height: 20px; line-height: 20px; width: 20px; } .datetimepicker-widget table th.picker-switch { width: 145px; } .datetimepicker-widget table th.disabled, .datetimepicker-widget table th.disabled:hover { background: none; color: #636c72; cursor: not-allowed; } .datetimepicker-widget table th.prev::after { content: "Previous Month"; } .datetimepicker-widget table th.next::after { content: "Next Month"; } .datetimepicker-widget table thead tr:first-child th { cursor: pointer; padding: 29px 5px !important; font-size: 2rem; color: #9e9e9e; background-color: #eeeeee; } .datetimepicker-widget table thead tr:first-child th:hover { color: #cccccc; } .datetimepicker-widget table thead th { border: none; } .datetimepicker-widget table thead th.dow { background-color: #f7f7f7; } .datetimepicker-widget table tr:hover { background-color: transparent; } .datetimepicker-widget table td { height: 54px; line-height: 54px; width: 54px; border-bottom: none; font-size: 1.4rem; padding: 0; } .datetimepicker-widget table td.cw { font-size: 0.8rem; height: 20px; line-height: 20px; color: #636c72; } .datetimepicker-widget table td.day { height: 20px; line-height: 20px; width: 20px; } .datetimepicker-widget table td.day:hover, .datetimepicker-widget table td.hour:hover, .datetimepicker-widget table td.minute:hover, .datetimepicker-widget table td.second:hover { background: #eceeef; cursor: pointer; } .datetimepicker-widget table td.old, .datetimepicker-widget table td.new { color: #636c72; } .datetimepicker-widget table td.today { position: relative; } .datetimepicker-widget table td.today::before { content: ""; display: inline-block; border: solid transparent; border-width: 0 0 7px 7px; border-bottom-color: #3e3e3e; border-top-color: rgba(0, 0, 0, 0.2); position: absolute; bottom: 4px; right: 4px; } .datetimepicker-widget table td.active, .datetimepicker-widget table td.active:hover { background-color: #3e3e3e; color: #ffffff; } .datetimepicker-widget table td.active.today::before { border-bottom-color: #ffffff; } .datetimepicker-widget table td.disabled, .datetimepicker-widget table td.disabled:hover { background: none; color: #636c72; cursor: not-allowed; } .datetimepicker-widget table td span { display: inline-block; width: 54px; height: 54px; line-height: 54px; margin: 2px 1.5px; cursor: pointer; border-radius: 0; } .datetimepicker-widget table td span:hover { background: #eceeef; } .datetimepicker-widget table td span.active { background-color: #3e3e3e; color: #ffffff; } .datetimepicker-widget table td span.old { color: #636c72; } .datetimepicker-widget table td span.disabled, .datetimepicker-widget table td span.disabled:hover { background: none; color: #636c72; cursor: not-allowed; } .datetimepicker-widget table.table-condensed > thead > tr > th, .datetimepicker-widget table.table-condensed > tbody > tr > th, .datetimepicker-widget table.table-condensed > tfoot > tr > th, .datetimepicker-widget table.table-condensed > thead > tr > td, .datetimepicker-widget table.table-condensed > tbody > tr > td, .datetimepicker-widget table.table-condensed > tfoot > tr > td { padding: 9px 5px; } .datetimepicker-widget.usetwentyfour td.hour { height: 27px; line-height: 27px; } .datetimepicker-widget .datepicker-decades span.decade { line-height: 1.8; } .dropdown-button { margin-right: 0px; } .dropdown-button.active { margin-right: 4px; } .dropdown-content { -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); background-color: #ffffff; margin: 0; display: none; min-width: 100px; max-height: 650px; overflow-y: auto; opacity: 0; position: absolute; z-index: 1001; will-change: width, height; padding-left: 0; list-style-type: none; } .dropdown-content li { clear: both; color: rgba(0, 0, 0, 0.87); cursor: pointer; line-height: 1.5rem; width: 100%; text-align: left; text-transform: none; list-style-type: none; } .dropdown-content li:hover, .dropdown-content li.active, .dropdown-content li.selected { background-color: #eeeeee; } .dropdown-content li.active.selected { background-color: #e1e1e1; } .dropdown-content li.divider { min-height: 0; height: 1px; overflow: hidden; background-color: #e0e0e0; } .dropdown-content li > span { font-size: 1.6rem; color: #424242; display: block; line-height: 22px; padding: 10px 16px; margin: 0 !important; } .dropdown-content li > span > label { vertical-align: middle; } .dropdown-content.customContent { min-width: 360px; height: 280px; } .dropdown-content.customContent.large { height: 330px; } .dropdown-content.customContent.full { min-width: 800px; height: 400px; } @media only screen and (max-width: 800px) { .dropdown-content.customContent.full { min-width: 90%; } } .dropdown-content.customContent li { cursor: default; padding: 0; } .dropdown-content.customContent, .dropdown-content.btnStyle { background-color: #f7f7f7; max-height: 400px; } .dropdown-content.customContent li, .dropdown-content.btnStyle li { min-height: initial; line-height: 1; } .dropdown-content.customContent li:hover, .dropdown-content.customContent li.active, .dropdown-content.customContent li.selected, .dropdown-content.btnStyle li:hover, .dropdown-content.btnStyle li.active, .dropdown-content.btnStyle li.selected { background-color: transparent; } .dropdown-content.customContent li.active.selected, .dropdown-content.btnStyle li.active.selected { background-color: transparent; } .dropdown-content.btnStyle li { padding: 5px 0px; } .dropdown-content.btnStyle li:first-child { padding-top: 10px; } .dropdown-content.btnStyle li:last-child { padding-bottom: 10px; } .input-field[class*='col-'] .dropdown-content [type="checkbox"] ~ label { top: 1px; left: 0; height: 18px; } .pagination { width: 100%; position: relative; margin: 20px 0px; font-size: 1.3rem; clear: both; z-index: 4; } .pagination ul { display: inline-block; margin: 0px; } .pagination ul::after { display: inline; } .pagination ul > li { display: inline; } .pagination ul > li::after { display: inline; } .pagination ul > li > a, .pagination ul > li > span { color: #777777; float: left; padding: 4px 8px; line-height: 20px; background-color: #FFFFFF; border: 1px solid #cccccc; border-left-width: 0px; } .pagination ul > li > span { color: #999999; font-weight: bold; line-height: 13px; border: none; } .pagination ul > li.ep > a { border-left-width: 1px; } .pagination ul > li > a { text-decoration: none; } .pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > li > a:active, .pagination ul > li > a.active { color: #303030; background-color: #f5f5f5; } .pagination ul > li:first-child > a { border-left-width: 1px; } @media only screen and (max-width: 430px) { .pagination ul > li .button { display: inline; } } .pagination ul > li.website { display: inline; } @media only screen and (max-width: 430px) { .pagination ul > li.website { display: none; } } .pagination ul > li.mobile { display: none; } @media only screen and (max-width: 430px) { .pagination ul > li.mobile { display: inline; } } .pagination ul > li.website.mobile { display: inline; } @media only screen and (max-width: 430px) { .pagination ul > li.website.mobile { display: inline; } } .pagination .totalPage { margin: 0px 5px; vertical-align: top; padding-top: 5px; display: inline-block; font-size: 1.2rem; } @media only screen and (max-width: 430px) { .pagination .totalPage { display: block; padding-top: 10px; } } .pagination .totalPage .num { margin: 0px 5px; letter-spacing: 0px; } .pagination .totalPage .slash { margin: 0px 3px; } @media only screen and (max-width: 800px) { .pagination.text-L .totalPage { margin: 0px 5px 0px 0px; } } @media only screen and (max-width: 430px) { .pagination.text-L .totalPage { margin: 0px 5px; } } @media only screen and (max-width: 800px) { .pagination.text-C .totalPage { margin: 0px 5px; } } @media only screen and (max-width: 800px) { .pagination.text-R .totalPage { margin: 0px 0px 0px 5px; } } @media only screen and (max-width: 430px) { .pagination.text-R .totalPage { margin: 0px 5px; } } #infscr-loading { text-align: center; z-index: 1000; position: fixed; left: 50%; margin-left: -100px; bottom: 40px; width: 200px; background: #000000; opacity: 0.5; color: #FFFFFF; border-radius: 6px; } #infscr-loading img { margin: 10px 0 5px; } #infscr-loading span { display: block; line-height: 2; } .card .pagination { padding: 20px 0px; } select:focus { border-bottom: 1px solid #424242; box-shadow: 0 1px 0 0 #424242;} button:focus { outline: none; background-color: transparent; } label { font-size: 1.3rem; color: #9e9e9e; } div.only-view div.exception input, ul.forms.only-view > li.exception input, ul.forms.only-view div.exception input { border-bottom: 1px solid #9e9e9e !important; } div.only-view div.exception::after, ul.forms.only-view > li.exception::after, ul.forms.only-view div.exception::after { display: none; } div.only-view div.exception .fileuploader-item .progress-bar2 .fileuploader-progressbar, ul.forms.only-view > li.exception .fileuploader-item .progress-bar2 .fileuploader-progressbar, ul.forms.only-view div.exception .fileuploader-item .progress-bar2 .fileuploader-progressbar { z-index: -1; } div.only-view div { position: relative; } div.only-view div .ov-none { display: none !important; } div.only-view div input { border: none !important; } div.only-view div::after { content: ""; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0); position: absolute; top: 0; left: 0; } ul.forms { margin: 40px 20px 80px; padding: 0; list-style: none; font-size: 1.3rem; } ul.forms .show2only-view { display: none; } ul.forms.only-view > li { position: relative; } ul.forms.only-view > li .select-wrapper .caret { display: none; } ul.forms.only-view > li .ov-none { display: none !important; } ul.forms.only-view > li input { border: none !important; } ul.forms.only-view > li::after { content: ""; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0); position: absolute; top: 0; left: 0; } ul.forms.only-view div.exception { position: relative; z-index: 9; } ul.forms.only-view .materialize-textarea { display: none; } ul.forms.only-view .show2only-view { display: block; } @media only screen and (max-width: 580px) { ul.forms { margin: 60px 60px 80px; } } ul.forms > li { padding: 0; list-style: none; } @media only screen and (max-width: 580px) { ul.forms > li { margin: 0; } } ul.forms > li [class*='col-'] { padding-left: 12.5px; padding-right: 12.5px; margin-bottom: 25px; } @media only screen and (max-width: 580px) { ul.forms > li [class*='col-'] { padding-left: 0s; padding-right: 0; } } ul.forms > li [class*='col-'] ~ .alert { margin-left: 12.5px; } ul.forms > li [class*='col-'] ~ .alert.full { margin-left: 9.8rem; margin-top: -25px; margin-bottom: 25px; } @media only screen and (max-width: 430px) { ul.forms > li [class*='col-'] ~ .alert.full { margin-left: 0; } } ul.forms > li [class*='col-'] [class*='col-'] { padding-left: 0; margin-left: 0; } @media only screen and (max-width: 800px) { ul.forms > li [class*='col-'] [class*='col-'] { padding-right: 0; margin-right: 0; } } ul.forms > li [class*='col-'] [class*='col-']:last-child { margin-bottom: 0; padding-right: 0; } ul.forms > li [class*='col-'] .col-1 { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } ul.forms > li [class*='col-'].no-title { vertical-align: bottom; } ul.forms > li [class*='col-'].no-title.has-prefix { vertical-align: top; } ul.forms > li [class*='col-'].no-title .input-field.inline.full { width: 100%; } ul.forms > li [class*='col-'].no-title .radio-box { margin-top: 0; } ul.forms > li [class*='col-'].file-manager { vertical-align: top; } ul.forms > li [class*='col-'].has-alert ~ .no-title, ul.forms > li [class*='col-'].has-upload ~ .no-title { vertical-align: top; } ul.forms > li [class*='col-'].has-upload .input-field.inline { vertical-align: top; } ul.forms > li [class*='col-'].has-textarea .title.inline { vertical-align: text-top; } ul.forms > li [class*='col-'].has-textarea .input-field.inline { vertical-align: top; } ul.forms > li [class*='col-'].has-textarea .cke.cke_reset { margin-top: 10px; } ul.forms > li [class*='col-'].has-ckeditor .input-field.inline { vertical-align: text-top; } @media only screen and (max-width: 580px) { ul.forms > li [class*='col-'].multiple { display: block; } } ul.forms > li [class*='col-'].multiple > .title { margin-right: 5px; min-width: 9.3rem; } ul.forms > li [class*='col-'].multiple > .constant { -webkit-box-flex: 2; -ms-flex: 2 2 auto; flex: 2 2 auto; } @media only screen and (max-width: 580px) { ul.forms > li [class*='col-'].multiple > .constant { display: block; } } ul.forms > li [class*='col-'].multiple > .constant.full > * { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } ul.forms > li [class*='col-'].multiple > .constant.full.longer { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } ul.forms > li [class*='col-'].multiple > .constant > * { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin-right: 20px; } @media only screen and (max-width: 580px) { ul.forms > li [class*='col-'].multiple > .constant > * { margin-left: 0; margin-right: 0; margin-top: 25px; } } ul.forms > li [class*='col-'].multiple > .constant > *.longer { -webkit-box-flex: 20; -ms-flex: 20 20 auto; flex: 20 20 auto; } @media only screen and (max-width: 580px) { ul.forms > li [class*='col-'].multiple > .constant > * ~ *.alert { margin-top: 0; } } ul.forms > li [class*='col-'].multiple > .constant > *:last-child { margin-right: 0; } ul.forms > li [class*='col-'].multiple > .constant > *.alert { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-left: 0; } ul.forms > li [class*='col-'].multiple > .constant > *.radio-box { min-width: 10.2rem; } @media only screen and (max-width: 580px) { ul.forms > li [class*='col-'].multiple > .constant > *.radio-box { display: block; } } ul.forms > li [class*='col-'].multiple > .constant > *.radio-box > div { margin-right: 13px; margin-bottom: 0; } @media only screen and (max-width: 580px) { ul.forms > li [class*='col-'].multiple > .constant > *.radio-box > div { display: inline-block; margin-bottom: 5px; } } ul.forms > li [class*='col-'].multiple > .constant ~ .title { margin-left: 25px; } @media only screen and (max-width: 580px) { ul.forms > li [class*='col-'].multiple > .constant ~ .title { margin-left: 0; margin-top: 25px; } } @media only screen and (max-width: 580px) { ul.forms > li [class*='col-'].multiple > .constant ~ * { margin-top: 25px; } } ul.forms > li [class*='col-'].multiple.full > .title { margin-right: 5px; min-width: 9.3rem; } ul.forms > li [class*='col-'].multiple.full > .input-field ~ .title { margin-left: 10px; } ul.forms > li [class*='col-'].multiple.full > .constant.full > * { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } ul.forms > li [class*='col-'].multiple.full > .constant.longer { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } ul.forms > li [class*='col-'].multiple.full > .constant > * { -webkit-box-flex: initial; -ms-flex: initial; flex: initial; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } ul.forms > li [class*='col-'].multiple.full > .constant > *.longer { -webkit-box-flex: 20; -ms-flex: 20 20 auto; flex: 20 20 auto; } ul.forms > li [class*='col-'].multiple.full > .constant > *.alert { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } ul.forms > li [class*='col-'].multiple.full > .constant ~ .title { margin-left: 0; margin-top: 25px; } @media only screen and (max-width: 580px) { ul.forms > li [class*='col-'].multiple.full > .constant ~ .title { margin-top: 0; } } @media only screen and (max-width: 580px) { ul.forms > li [class*='col-'].multiple.full > .constant ~ * { margin-top: 25px; } } ul.forms > li [class*='col-'].multiple.has-prefix > .constant > * ~ * { margin-left: 12.5px; } @media only screen and (max-width: 580px) { ul.forms > li [class*='col-'].multiple.has-prefix > .constant > * ~ * { margin-left: 0; } } ul.forms > li [class*='col-'].has-prefix .alert { margin-left: 3.5rem; } ul.forms > li.continuous-column [class*='col-'] { margin: 0 -2px 25px; } ul.forms > li .input-field [class*='col-'], ul.forms > li .text-value [class*='col-'] { margin-bottom: 0; } ul.forms .required { margin-left: 5px; color: #FF1744; font-size: 1.6rem; line-height: 10px; } ul.forms span:not(.required) { margin-left: 5px; } @media only screen and (max-width: 580px) { ul.forms span:not(.required) { margin-left: 0px; } } ul.forms span[id^='cke_'], ul.forms span[class^='cke_'] { margin-left: 0; } ul.forms .title { font-size: 1.3rem; color: #424242; } ul.forms .title.v-top { vertical-align: top; } ul.forms .title.inline { width: 11.1rem; display: inline-block; } @media only screen and (max-width: 430px) { ul.forms .title.inline { display: block; margin-top: 0; width: 100%; } } ul.forms .title.inline.w-auto { width: auto; } ul.forms .title.inline.w-double { width: 18.2rem; } ul.forms .title.inline.w-double ~ div { width: calc(100% - 20rem); } @media only screen and (max-width: 430px) { ul.forms .title.inline.w-double ~ div { width: 100%; } } ul.forms .title.inline.w-double ~ div ~ *:not(.alert) { margin-top: 1.8rem; margin-left: 9.8rem; } @media only screen and (max-width: 430px) { ul.forms .title.inline.w-double ~ div ~ *:not(.alert) { margin-left: 0; } } ul.forms .title.inline.w-double ~ div ~ .radio-box.inline { margin-left: 9.8rem; } @media only screen and (max-width: 430px) { ul.forms .title.inline.w-double ~ div ~ .radio-box.inline { margin-left: 0px; } } ul.forms .title.inline.w-double ~ div ~ .preview { margin-left: 0; } ul.forms .title.inline ~ .inline-partner { display: inline-block; width: calc(100% - 11.1rem); vertical-align: top; margin-right: 0 !important; margin-left: 0 !important; } @media only screen and (max-width: 430px) { ul.forms .title.inline ~ .inline-partner { display: block; width: 100%; } } ul.forms .title.inline ~ .alert { margin-left: 10rem; } @media only screen and (max-width: 430px) { ul.forms .title.inline ~ .alert { margin-left: 0; } } ul.forms .title.inline ~ .alert.inline { margin-left: 5px; } ul.forms .title.inline ~ .input-field.conversion, ul.forms .title.inline ~ .text-value.conversion, ul.forms .title.inline ~ .chips.conversion, ul.forms .title.inline ~ .radio-box.conversion { margin-left: 9.8rem; margin-top: 1.8rem; } @media only screen and (max-width: 430px) { ul.forms .title.inline ~ .input-field.conversion, ul.forms .title.inline ~ .text-value.conversion, ul.forms .title.inline ~ .chips.conversion, ul.forms .title.inline ~ .radio-box.conversion { margin-left: 0px; } } ul.forms .title.inline ~ .input-field.conversion > *, ul.forms .title.inline ~ .text-value.conversion > *, ul.forms .title.inline ~ .chips.conversion > *, ul.forms .title.inline ~ .radio-box.conversion > * { margin-top: 0; } ul.forms .title.inline ~ .input-field.inline.max-width-range, ul.forms .title.inline ~ .text-value.inline.max-width-range, ul.forms .title.inline ~ .chips.inline.max-width-range, ul.forms .title.inline ~ .radio-box.inline.max-width-range { max-width: calc(100% - 10rem); width: auto; vertical-align: top; } @media only screen and (max-width: 430px) { ul.forms .title.inline ~ .input-field.inline.max-width-range, ul.forms .title.inline ~ .text-value.inline.max-width-range, ul.forms .title.inline ~ .chips.inline.max-width-range, ul.forms .title.inline ~ .radio-box.inline.max-width-range { max-width: 100%; } } ul.forms .title.inline ~ .input-field.inline, ul.forms .title.inline ~ .text-value.inline, ul.forms .title.inline ~ .chips.inline { vertical-align: middle; } ul.forms .title.inline ~ .input-field.inline ~ .radio-box.inline, ul.forms .title.inline ~ .text-value.inline ~ .radio-box.inline, ul.forms .title.inline ~ .chips.inline ~ .radio-box.inline { margin-left: 1.5rem; } @media only screen and (max-width: 430px) { ul.forms .title.inline ~ .input-field.inline ~ .radio-box.inline, ul.forms .title.inline ~ .text-value.inline ~ .radio-box.inline, ul.forms .title.inline ~ .chips.inline ~ .radio-box.inline { margin-left: 0px; } } ul.forms .title.inline ~ .input-field.inline ~ .radio-box.inline.full, ul.forms .title.inline ~ .text-value.inline ~ .radio-box.inline.full, ul.forms .title.inline ~ .chips.inline ~ .radio-box.inline.full { margin-left: 9.8rem; margin-top: 1.8rem; } @media only screen and (max-width: 430px) { ul.forms .title.inline ~ .input-field.inline ~ .radio-box.inline.full, ul.forms .title.inline ~ .text-value.inline ~ .radio-box.inline.full, ul.forms .title.inline ~ .chips.inline ~ .radio-box.inline.full { margin-left: 0px; } } ul.forms .title.inline ~ .input-field.inline.has-w-double-title, ul.forms .title.inline ~ .text-value.inline.has-w-double-title, ul.forms .title.inline ~ .chips.inline.has-w-double-title { width: calc(100% - 20rem); } @media only screen and (max-width: 430px) { ul.forms .title.inline ~ .input-field.inline.has-w-double-title, ul.forms .title.inline ~ .text-value.inline.has-w-double-title, ul.forms .title.inline ~ .chips.inline.has-w-double-title { width: 100%; } } ul.forms .title.inline ~ .input-field.inline.has-w-double-title ~ *:not(.alert), ul.forms .title.inline ~ .text-value.inline.has-w-double-title ~ *:not(.alert), ul.forms .title.inline ~ .chips.inline.has-w-double-title ~ *:not(.alert) { margin-top: 1.8rem; margin-left: 9.8rem; } @media only screen and (max-width: 430px) { ul.forms .title.inline ~ .input-field.inline.has-w-double-title ~ *:not(.alert), ul.forms .title.inline ~ .text-value.inline.has-w-double-title ~ *:not(.alert), ul.forms .title.inline ~ .chips.inline.has-w-double-title ~ *:not(.alert) { margin-left: 0; } } ul.forms .title.inline ~ .input-field.inline.has-w-double-title ~ .radio-box.inline, ul.forms .title.inline ~ .text-value.inline.has-w-double-title ~ .radio-box.inline, ul.forms .title.inline ~ .chips.inline.has-w-double-title ~ .radio-box.inline { margin-left: 9.8rem; } @media only screen and (max-width: 430px) { ul.forms .title.inline ~ .input-field.inline.has-w-double-title ~ .radio-box.inline, ul.forms .title.inline ~ .text-value.inline.has-w-double-title ~ .radio-box.inline, ul.forms .title.inline ~ .chips.inline.has-w-double-title ~ .radio-box.inline { margin-left: 0px; } } ul.forms .title.inline ~ .input-field.inline.has-w-double-title ~ .preview, ul.forms .title.inline ~ .text-value.inline.has-w-double-title ~ .preview, ul.forms .title.inline ~ .chips.inline.has-w-double-title ~ .preview { margin-left: 0; } ul.forms .title.inline ~ .input-field.inline.full, ul.forms .title.inline ~ .text-value.inline.full, ul.forms .title.inline ~ .chips.inline.full { width: calc(100% - 10.5rem); } @media only screen and (max-width: 430px) { ul.forms .title.inline ~ .input-field.inline.full, ul.forms .title.inline ~ .text-value.inline.full, ul.forms .title.inline ~ .chips.inline.full { width: 100%; } } ul.forms .title.inline ~ .input-field.inline.full ~ *:not(.alert), ul.forms .title.inline ~ .text-value.inline.full ~ *:not(.alert), ul.forms .title.inline ~ .chips.inline.full ~ *:not(.alert) { margin-top: 1.8rem; margin-left: 9.8rem; } @media only screen and (max-width: 430px) { ul.forms .title.inline ~ .input-field.inline.full ~ *:not(.alert), ul.forms .title.inline ~ .text-value.inline.full ~ *:not(.alert), ul.forms .title.inline ~ .chips.inline.full ~ *:not(.alert) { margin-left: 0; } } ul.forms .title.inline ~ .input-field.inline.full ~ .radio-box.inline, ul.forms .title.inline ~ .text-value.inline.full ~ .radio-box.inline, ul.forms .title.inline ~ .chips.inline.full ~ .radio-box.inline { margin-left: 9.8rem; } @media only screen and (max-width: 430px) { ul.forms .title.inline ~ .input-field.inline.full ~ .radio-box.inline, ul.forms .title.inline ~ .text-value.inline.full ~ .radio-box.inline, ul.forms .title.inline ~ .chips.inline.full ~ .radio-box.inline { margin-left: 0px; } } ul.forms .title.inline ~ .input-field.inline.full ~ .preview, ul.forms .title.inline ~ .text-value.inline.full ~ .preview, ul.forms .title.inline ~ .chips.inline.full ~ .preview { margin-left: 0; } ul.forms .title.inline ~ .radio-box.inline { margin-left: 5px; margin-top: 0; } @media only screen and (max-width: 430px) { ul.forms .title.inline ~ .radio-box.inline { margin-left: 0; margin-top: 18px; } } ul.forms .title.inline ~ .radio-box.inline.full { width: calc(100% - 10.5rem); } @media only screen and (max-width: 430px) { ul.forms .title.inline ~ .radio-box.inline.full { width: 100%; } } ul.forms .title.inline ~ .radio-box.inline.full ~ *:not(.alert) { margin-top: 1.8rem; margin-left: 9.8rem; } @media only screen and (max-width: 430px) { ul.forms .title.inline ~ .radio-box.inline.full ~ *:not(.alert) { margin-left: 0; } } ul.forms .title.inline ~ .radio-box > .input-field.inline { margin-top: 0 !important; } ul.forms .title.inline ~ .radio-box > .text-value { margin-left: 0; margin-top: 0; } ul.forms .title.inline ~ .pips.inline { display: inline-block; margin-top: 1.5rem; } ul.forms .title.inline ~ .pips.inline .radio-box.inline { margin-top: 0; } ul.forms .title.inline ~ .pips.inline .radio-box.inline [type="checkbox"] ~ label, ul.forms .title.inline ~ .pips.inline .radio-box.inline [type="radio"] ~ label { top: 0.4rem; } .text-value { color: #000000; font-size: 1.5rem; } .input-field, .text-value, .chips { position: relative; margin-top: 18px; } .input-field.inline, .text-value.inline, .chips.inline { display: inline-block; margin-left: 5px; } @media only screen and (max-width: 430px) { .input-field.inline, .text-value.inline, .chips.inline { display: block; margin-left: 0px; } } .input-field.inline ~ .radio-box, .text-value.inline ~ .radio-box, .chips.inline ~ .radio-box { margin-left: 5px; } @media only screen and (max-width: 430px) { .input-field.inline ~ .radio-box, .text-value.inline ~ .radio-box, .chips.inline ~ .radio-box { margin-left: 0; } } .input-field.inline ~ .tooltip, .text-value.inline ~ .tooltip, .chips.inline ~ .tooltip { margin-top: auto; float: none; background-color: transparent; } .input-field.inline.full, .text-value.inline.full, .chips.inline.full { width: 100%; vertical-align: text-top; } .input-field.inline.full ~ .input-field, .input-field.inline.full ~ .text-value, .input-field.inline.full ~ .radio-box, .input-field.inline.full ~ .chips, .text-value.inline.full ~ .input-field, .text-value.inline.full ~ .text-value, .text-value.inline.full ~ .radio-box, .text-value.inline.full ~ .chips, .chips.inline.full ~ .input-field, .chips.inline.full ~ .text-value, .chips.inline.full ~ .radio-box, .chips.inline.full ~ .chips { margin-top: 18px; } .input-field.inline.longlong input, .text-value.inline.longlong input, .chips.inline.longlong input { width: 300px; } @media only screen and (max-width: 580px) { .input-field.inline.longlong input, .text-value.inline.longlong input, .chips.inline.longlong input { width: 100%; } } .input-field.inline.longer input, .text-value.inline.longer input, .chips.inline.longer input { width: 250px; } .input-field.inline.long input, .text-value.inline.long input, .chips.inline.long input { width: 200px; } .input-field.inline.middle input, .text-value.inline.middle input, .chips.inline.middle input { width: 130px; } @media only screen and (max-width: 580px) { .input-field.inline.middle input, .text-value.inline.middle input, .chips.inline.middle input { width: 100%; } } .input-field.inline.calendar input, .text-value.inline.calendar input, .chips.inline.calendar input { width: 123px; } @media only screen and (max-width: 580px) { .input-field.inline.calendar input, .text-value.inline.calendar input, .chips.inline.calendar input { width: 100%; } } @media only screen and (max-width: 580px) { .input-field.inline.short, .text-value.inline.short, .chips.inline.short { display: inline-block; } } .input-field.inline.short input, .text-value.inline.short input, .chips.inline.short input { width: 100px; } @media only screen and (max-width: 580px) { .input-field.inline.small, .text-value.inline.small, .chips.inline.small { display: inline-block; } } .input-field.inline.small input, .text-value.inline.small input, .chips.inline.small input { width: 60px; } @media only screen and (max-width: 580px) { .input-field.inline.mini, .text-value.inline.mini, .chips.inline.mini { display: inline-block; } } .input-field.inline.mini input, .text-value.inline.mini input, .chips.inline.mini input { width: 50px; } .input-field.inline.mini .only-view-inline-div, .text-value.inline.mini .only-view-inline-div, .chips.inline.mini .only-view-inline-div { display: inline-block; } .input-field.inline.w-50 input, .text-value.inline.w-50 input, .chips.inline.w-50 input { width: 50%; } @media only screen and (max-width: 580px) { .input-field.inline.w-50 input, .text-value.inline.w-50 input, .chips.inline.w-50 input { width: 100%; } } .input-field.inline.w-75 input, .text-value.inline.w-75 input, .chips.inline.w-75 input { width: 75%; } @media only screen and (max-width: 580px) { .input-field.inline.w-75 input, .text-value.inline.w-75 input, .chips.inline.w-75 input { width: 100%; } } .input-field.inline.no-label, .text-value.inline.no-label, .chips.inline.no-label { margin-top: 0; } .input-field.has-tip input:not([type]), .input-field.has-tip input[type=text], .input-field.has-tip input[type=password], .input-field.has-tip input[type=email], .input-field.has-tip input[type=url], .input-field.has-tip input[type=time], .input-field.has-tip input[type=date], .input-field.has-tip input[type=datetime], .input-field.has-tip input[type=datetime-local], .input-field.has-tip input[type=tel], .input-field.has-tip input[type=number], .input-field.has-tip input[type=search], .input-field.has-tip textarea, .text-value.has-tip input:not([type]), .text-value.has-tip input[type=text], .text-value.has-tip input[type=password], .text-value.has-tip input[type=email], .text-value.has-tip input[type=url], .text-value.has-tip input[type=time], .text-value.has-tip input[type=date], .text-value.has-tip input[type=datetime], .text-value.has-tip input[type=datetime-local], .text-value.has-tip input[type=tel], .text-value.has-tip input[type=number], .text-value.has-tip input[type=search], .text-value.has-tip textarea, .chips.has-tip input:not([type]), .chips.has-tip input[type=text], .chips.has-tip input[type=password], .chips.has-tip input[type=email], .chips.has-tip input[type=url], .chips.has-tip input[type=time], .chips.has-tip input[type=date], .chips.has-tip input[type=datetime], .chips.has-tip input[type=datetime-local], .chips.has-tip input[type=tel], .chips.has-tip input[type=number], .chips.has-tip input[type=search], .chips.has-tip textarea { padding-right: 24px; } .input-field.has-tip.inline input:not([type]), .input-field.has-tip.inline input[type=text], .input-field.has-tip.inline input[type=password], .input-field.has-tip.inline input[type=email], .input-field.has-tip.inline input[type=url], .input-field.has-tip.inline input[type=time], .input-field.has-tip.inline input[type=date], .input-field.has-tip.inline input[type=datetime], .input-field.has-tip.inline input[type=datetime-local], .input-field.has-tip.inline input[type=tel], .input-field.has-tip.inline input[type=number], .input-field.has-tip.inline input[type=search], .input-field.has-tip.inline textarea, .text-value.has-tip.inline input:not([type]), .text-value.has-tip.inline input[type=text], .text-value.has-tip.inline input[type=password], .text-value.has-tip.inline input[type=email], .text-value.has-tip.inline input[type=url], .text-value.has-tip.inline input[type=time], .text-value.has-tip.inline input[type=date], .text-value.has-tip.inline input[type=datetime], .text-value.has-tip.inline input[type=datetime-local], .text-value.has-tip.inline input[type=tel], .text-value.has-tip.inline input[type=number], .text-value.has-tip.inline input[type=search], .text-value.has-tip.inline textarea, .chips.has-tip.inline input:not([type]), .chips.has-tip.inline input[type=text], .chips.has-tip.inline input[type=password], .chips.has-tip.inline input[type=email], .chips.has-tip.inline input[type=url], .chips.has-tip.inline input[type=time], .chips.has-tip.inline input[type=date], .chips.has-tip.inline input[type=datetime], .chips.has-tip.inline input[type=datetime-local], .chips.has-tip.inline input[type=tel], .chips.has-tip.inline input[type=number], .chips.has-tip.inline input[type=search], .chips.has-tip.inline textarea { margin-right: -24px; } .input-field.has-tip.inline .tooltip, .text-value.has-tip.inline .tooltip, .chips.has-tip.inline .tooltip { margin-top: 8px; } .input-field.has-tip .select-wrapper, .text-value.has-tip .select-wrapper, .chips.has-tip .select-wrapper { padding-right: 20px; } .input-field.has-tip .select-wrapper span.caret, .text-value.has-tip .select-wrapper span.caret, .chips.has-tip .select-wrapper span.caret { right: 20px; } .input-field.has-tip .flexdatalist-multiple, .text-value.has-tip .flexdatalist-multiple, .chips.has-tip .flexdatalist-multiple { padding-right: 24px; } .input-field.has-tip .tag-editor, .text-value.has-tip .tag-editor, .chips.has-tip .tag-editor { padding-right: 24px; } .input-field[class*='col-']:not(.inline) label, .text-value[class*='col-']:not(.inline) label, .chips[class*='col-']:not(.inline) label { left: 12.5px; } @media only screen and (max-width: 580px) { .input-field[class*='col-']:not(.inline) label, .text-value[class*='col-']:not(.inline) label, .chips[class*='col-']:not(.inline) label { left: 6.25px; } } .input-field[class*='col-']:not(.inline) label:after, .text-value[class*='col-']:not(.inline) label:after, .chips[class*='col-']:not(.inline) label:after { right: 25px; } .input-field[class*='col-']:not(.inline) .prefix ~ label, .input-field[class*='col-']:not(.inline) .prefix ~ .validate ~ label, .text-value[class*='col-']:not(.inline) .prefix ~ label, .text-value[class*='col-']:not(.inline) .prefix ~ .validate ~ label, .chips[class*='col-']:not(.inline) .prefix ~ label, .chips[class*='col-']:not(.inline) .prefix ~ .validate ~ label { width: calc(100% - 30px - 25px); } .input-field > label, .text-value > label, .chips > label { color: #9e9e9e; position: absolute; top: 8px; left: 0; font-size: 1.5rem; cursor: text; -webkit-transition: 0.2s ease-out; -o-transition: 0.2s ease-out; transition: 0.2s ease-out; text-align: initial; } .input-field > label:not(.label-icon).active, .text-value > label:not(.label-icon).active, .chips > label:not(.label-icon).active { font-size: 1.3rem; -webkit-transform: translateY(-140%); -ms-transform: translateY(-140%); transform: translateY(-140%); } .input-field .prefix, .text-value .prefix, .chips .prefix { position: absolute; width: 30px; font-size: 3rem; -webkit-transition: color 0.2s; -o-transition: color 0.2s; transition: color 0.2s; color: #9e9e9e; } .input-field .prefix.active, .text-value .prefix.active, .chips .prefix.active { color: #424242; } .input-field .prefix ~ input, .input-field .prefix ~ textarea, .input-field .prefix ~ label, .input-field .prefix ~ .validate ~ label, .input-field .prefix ~ .autocomplete-content, .text-value .prefix ~ input, .text-value .prefix ~ textarea, .text-value .prefix ~ label, .text-value .prefix ~ .validate ~ label, .text-value .prefix ~ .autocomplete-content, .chips .prefix ~ input, .chips .prefix ~ textarea, .chips .prefix ~ label, .chips .prefix ~ .validate ~ label, .chips .prefix ~ .autocomplete-content { margin-left: 30px; width: 92%; width: calc(100% - 30px); } .input-field .prefix ~ label, .text-value .prefix ~ label, .chips .prefix ~ label { margin-left: 30px; } .input-field .tooltip:not(.pips-reset-button), .text-value .tooltip:not(.pips-reset-button) { position: absolute; margin-top: -25px; right: 0; z-index: 2; } .input-field input[type=search] { display: block; line-height: inherit; padding-left: 4rem; width: calc(100% - 4rem); } .input-field input[type=search]:focus { background-color: #ffffff; border: 0; -webkit-box-shadow: none; box-shadow: none; color: #444; } .input-field input[type=search]:focus + label i, .input-field input[type=search]:focus ~ .cc { color: #444; } .input-field input[type=search] + label { left: 1rem; } .input-field input[type=search] ~ .cc { position: absolute; top: 0; right: 1rem; color: transparent; cursor: pointer; font-size: 2rem; -webkit-transition: 0.3s color; -o-transition: 0.3s color; transition: 0.3s color; } .preview { position: relative; padding-bottom: 56.25%; margin-top: 20px; } .preview > iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .marker-group { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .marker-group input { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .marker-group input ~ a { margin-left: 15px; } .radio-box { margin-top: 18px; } .radio-box.fixed-width.two-column > div { width: calc(49% - 13px); } @media only screen and (max-width: 580px) { .radio-box.fixed-width.two-column > div { width: calc(49% - 13px); } } @media only screen and (max-width: 430px) { .radio-box.fixed-width.two-column > div { width: calc(99% - 13px); } } .radio-box.fixed-width.three-column > div { width: calc(32% - 13px); } @media only screen and (max-width: 580px) { .radio-box.fixed-width.three-column > div { width: calc(49% - 13px); } } @media only screen and (max-width: 430px) { .radio-box.fixed-width.three-column > div { width: calc(99% - 13px); } } .radio-box.fixed-width.four-column > div { width: calc(24% - 13px); } @media only screen and (max-width: 580px) { .radio-box.fixed-width.four-column > div { width: calc(49% - 13px); } } @media only screen and (max-width: 430px) { .radio-box.fixed-width.four-column > div { width: calc(99% - 13px); } } .radio-box > div { margin-bottom: 10px; } .radio-box > div .radio-box, .radio-box > div.radio-box { margin-bottom: 0; } .radio-box > div.already_checked [type="radio"].with-item ~ label::before { content: '已被選擇'; width: 100%; background: rgba(0, 0, 0, 0.3); color: #fff; height: auto; padding: 6px 10px 6px 30px; -webkit-box-sizing: border-box; box-sizing: border-box; left: 0; top: 0; } .radio-box > div.already_checked [type="radio"].with-item ~ label::after { content: '\ea42'; font-family: 'FontCCwork'; color: #fff; left: 13px; } .radio-box > .input-field { margin-top: 0; } .radio-box > .input-field > input { margin-bottom: 0; } .radio-box > .input-field.inline { margin-top: 0; } .radio-box.inline { display: inline-block; margin-bottom: 0; } .radio-box.inline.full { width: 100%; vertical-align: text-top; } .radio-box.inline.full ~ .input-field, .radio-box.inline.full ~ .text-value, .radio-box.inline.full ~ .radio-box { margin-top: 18px; } .radio-box.inline.has-withItem { vertical-align: text-top; } .radio-box.inline > div { position: relative; display: inline-block; vertical-align: top; margin-right: 13px; margin-bottom: 5px; } .radio-box.inline > div.half { margin-right: -4px; } .radio-box.inline > div.title.inline { margin-top: 0; float: none; margin-bottom: 5px; } .radio-box.inline.block > div { display: block; margin-right: 0; } .radio-box.has-withItem.has-itemImg > div { margin-bottom: 30px; } .radio-box.has-withItem.has-itemImg.no-labelText > div { margin-bottom: 5px; } .radio-box.has-withItem ~ .alert { margin-top: 12px; } .radio-box:not(.inline).has-withItem > div { width: 100px; position: relative; } .radio-box:not(.inline).has-withItem.has-itemImg > div:last-child { margin-bottom: 5px; } .checkInfocircle { position: absolute; right: 4px; top: 7px; } .checkInfo-box { margin-top: 6px; } *.inline ~ .checkInfo-box { margin-left: 94px; } .checkInfo { font-size: 1.3rem; display: inline-block; } .checkInfo > i { margin-right: 2px; } .captcha { position: absolute; right: 0px; z-index: 2; } .captcha a { font-size: 2rem; display: inline-block; vertical-align: middle; } .captcha a i { vertical-align: middle; } #divcaptcha img { vertical-align: top; } .treeview { position: relative; cursor: pointer; background-color: transparent; border: none; border-bottom: 1px solid #9e9e9e; outline: none; height: 30px; line-height: 30px; width: 100%; font-size: 1.6rem; margin: 0; padding: 0; } .treeview::after { content: "▼"; display: block; color: initial; position: absolute; right: 0; top: 0; bottom: 0; height: 10px; margin: auto 0; font-size: 1rem; line-height: 10px; } .treeview > span { display: block; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; padding-right: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } .treelist { position: absolute; list-style: none; margin: 0; padding: 0; } .treelist.dropdown-content { width: 200%; max-height: 300px; top: 0; } .treelist.dropdown-content li { list-style: none; margin: 0; padding: 0; background-color: #ffffff; min-height: inherit; } .treelist.dropdown-content li > span { background-color: #ffffff; } .treelist.dropdown-content li:hover, .treelist.dropdown-content li.active, .treelist.dropdown-content li.selected { background-color: #ffffff; } .treelist.dropdown-content li:hover > span, .treelist.dropdown-content li.active > span, .treelist.dropdown-content li.selected > span { background-color: #ffffff; } .treelist.dropdown-content li:hover > span:hover, .treelist.dropdown-content li:hover > span.active, .treelist.dropdown-content li:hover > span.selected, .treelist.dropdown-content li.active > span:hover, .treelist.dropdown-content li.active > span.active, .treelist.dropdown-content li.active > span.selected, .treelist.dropdown-content li.selected > span:hover, .treelist.dropdown-content li.selected > span.active, .treelist.dropdown-content li.selected > span.selected { background-color: #eeeeee; } .treelist.dropdown-content li .dd-handle { padding: 12px 22px; } .treelist.dropdown-content li .dd-list .dd-list .dd-handle { padding-left: 49px; } .treelist.dropdown-content li .dd-list .dd-list .dd-handle::before, .treelist.dropdown-content li .dd-list .dd-list .dd-handle::after { left: 30px; } .treelist.dropdown-content li .dd-list .dd-list .dd-list .dd-handle { padding-left: 76px; } .treelist.dropdown-content li .dd-list .dd-list .dd-list .dd-handle::before, .treelist.dropdown-content li .dd-list .dd-list .dd-list .dd-handle::after { left: 56px; } .treelist.dropdown-content.active { opacity: 1; } .treelist.dropdown-content.normal { width: 100%; } .infoTipBox { border: 5px solid #e0e0e0; padding: 30px 15px 20px 65px; position: relative; } .infoTipBox::after { content: "\ea3b"; display: block; font-family: "FontCCwork"; line-height: 30px; font-size: 3rem; position: absolute; top: 20px; left: 20px; color: #e0e0e0; } .infoTipBox ul.forms { margin: 0; } .infoTipBox ul.forms ~ ul.forms { margin-top: 20px; padding-top: 20px; border-top: 1px solid #e0e0e0; } .infoTipBox ul.forms li ~ li { margin-top: 8px; } .infoTipBox ul.forms .title.inline, .infoTipBox ul.forms .title.inline ~ .text-value { margin-top: 0; } .static-text a, .static-text a:link { color: #424242; display: inline-block; width: 100%; } .static-text a:focus, .static-text a:active, .static-text a:hover, .static-text a:link:focus, .static-text a:link:active, .static-text a:link:hover { color: #000000; } .static-text .img { float: right; margin: 0 0 20px 20px; max-width: 45%; } @media only screen and (max-width: 580px) { .static-text .img { margin: 0 0 20px; float: none; max-width: 100%; } } hr.hr { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 20px 0; border: none; background-position: center; background-size: cover; } hr.hr.use-normal { height: 1px; background: gray; } hr.hr.use-rainbow { height: 10px; background-image: url("http://bgfons.com/uploads/rainbow/rainbow_texture679.jpg"); } hr.hr.use-maxres { height: 1px; background-color: #9e9e9e; } hr.hr.use-maxres::before { display: block; height: 1px; content: attr(data-label); position: absolute; background: #fff; color: transparent; padding: 0 5px; } hr.hr.use-maxres::after { text-align: center; content: attr(data-label); padding: 0; background: transparent; margin: 0; z-index: 1; } hr.hr.use-fish { height: 10px; background-image: url("http://media.lotes.ilc.edu.tw/kompozer/l3/free/free_files1/image/02.gif"); } hr.hr.use-dotted { height: 1px; border-bottom: dotted; } hr.hr.use-dashed { height: 1px; border-bottom: dashed; } hr.hr.use-double { height: 1px; border-bottom: double; } hr.hr.use-double { height: 1px; border-bottom: solid; border-bottom-width: 3px; } hr.hr::after { text-align: center; content: attr(data-label); padding: 0 20px; background: #FFFFFF; margin: 0 20px; } hr.hr.view-form::after { background: #F7F7F7; } .addFiled { position: fixed; bottom: 67px; right: 20px; background-color: #fff; text-align: center; padding-top: 15px; z-index: 90; } .items-list { position: relative; } .items-list .actions-holder { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 4px; background: rgba(33, 33, 33, 0.55); text-align: right; -webkit-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; opacity: 0; z-index: 3; } .items-list:hover .actions-holder { opacity: 1; cursor: move; } .hide { display: none; } .line { margin: 20px 20px 40px; padding-top: 30px; border-top-style: solid; border-top-width: 1px; } .quick-chooese [type="checkbox"]:not(:checked) + label { color: #9e9e9e; } .quick-chooese [type="checkbox"]:checked + label { color: #000000; } .quick-chooese .btnGroup > * { width: 30%; text-align: left; } .quick-chooese .btnGroup > a { padding: 0; } .quick-chooese .btnGroup > a [type="checkbox"] ~ label { padding: 6px 6px 6px 46px; height: auto; } .quick-chooese .btnGroup > a [type="checkbox"] ~ label::before { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; left: 20px; } .quick-chooese .btnGroup > a [type="checkbox"]:checked ~ label::before { -webkit-transform: translateY(-50%) rotate(40deg); -ms-transform: translateY(-50%) rotate(40deg); transform: translateY(-50%) rotate(40deg); top: 40%; } .full-desc { margin: 0 0 11px; color: #9e9e9e; } .full-desc .full-desc-img { margin-bottom: 14px; } .full-desc .full-desc-img img { max-height: 500px; } .full-desc .full-desc-img.video { position: relative; height: 0; padding-bottom: 56.25%; } .full-desc .full-desc-img.video iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .chart-wrap { max-width: 100%; margin: 0 auto; } .chart-wrap .chart-title { margin-bottom: 10px; font-size: 1.6rem; text-align: center; text-transform: uppercase; } .chart-wrap .row { position: relative; margin-bottom: 15px; height: 30px; } .chart-wrap .bar-wrap { position: relative; background: #d7dbde; width: 100%; height: 100%; overflow: hidden; } .chart-wrap .bar-wrap .bar { position: absolute; top: 0; left: 0; height: 100%; background: #f37167; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .chart-wrap .bar-wrap .bar.in { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } .chart-wrap .label { position: absolute; top: 0; left: 0; max-width: 70%; min-width: 150px; padding-left: 10px; text-align: left; font-size: 1.2rem; line-height: 30px; text-transform: uppercase; font-weight: bold; z-index: 10; } .chart-wrap .number { position: absolute; top: 0; right: 0; width: 150px; padding-right: 10px; font-size: 1.8rem; line-height: 30px; font-weight: bold; text-align: right; z-index: 10; } body.body-lightBox .lightbox-top-bar { padding: 17px 20px; border-bottom: 1px solid #dddddd; position: fixed; z-index: 1; width: 100%; top: 0; font-size: 1.5rem; color: #000000; background-color: #fff; } body.body-lightBox .lightbox-top-bar ~ [class*='col-'] { margin-top: 55px; } body.body-lightBox .lightbox-top-bar ~ ul { margin-top: 80px; margin-left: 20px; margin-right: 20px; } body.body-lightBox .lightbox-top-bar ~ .fixTable { margin: 56px 3%; width: 94%; } .control-bar { position: fixed; bottom: 0; left: 0; width: 100%; text-align: right; background-color: #f7f7f7; border-top: 1px solid #e9e9e9; z-index: 100; } .control-bar > a.set-left { float: left; } .control-bar > form > .bar-item.float-L { padding: 9px 10px 0; border-bottom: none; } .control-bar > .bar-item { text-align: left; border-bottom: 1px solid #dedede; } .control-bar > .bar-item.float-L { padding: 9px 10px 0; border-bottom: none; } .control-bar > .bar-item ul.forms { margin: 12px 20px 25px; } .control-bar > .bar-item [type="checkbox"], .control-bar > .bar-item [type="checkbox"] ~ label { margin-top: 3px; } .control-bar > .bar-item > div { display: inline-block; } .control-bar > .bar-item > .input-field { max-width: 140px; } .control-bar > .bar-item input:not([type]), .control-bar > .bar-item input[type=text] { max-height: 24px; } .control-bar > .bar-item .input-field, .control-bar > .bar-item .radio-box { margin-top: 0; } .control-bar > div > a[class*='btn-'], .control-bar > a[class*='btn-'], .control-bar > form > a[class*='btn-'] { padding: 12px 20px; border: none; } .control-bar > div > a[class*='btn-']:not(.btn-del):hover, .control-bar > a[class*='btn-']:not(.btn-del):hover, .control-bar > form > a[class*='btn-']:not(.btn-del):hover { color: #000000; background-color: #fff; } .control-bar > div > a[class*='btn-'].next.btnSend, .control-bar > a[class*='btn-'].next.btnSend, .control-bar > form > a[class*='btn-'].next.btnSend { color: #ffffff; background-color: #212121; border-color: #212121; } .control-bar > div > a[class*='btn-'].next.btnSend:focus, .control-bar > div > a[class*='btn-'].next.btnSend:hover, .control-bar > a[class*='btn-'].next.btnSend:focus, .control-bar > a[class*='btn-'].next.btnSend:hover, .control-bar > form > a[class*='btn-'].next.btnSend:focus, .control-bar > form > a[class*='btn-'].next.btnSend:hover { color: #ffffff; background-color: #E53935; border-color: #E53935; } .control-bar > div > a[class*='btn-'].btn-bulid, .control-bar > a[class*='btn-'].btn-bulid, .control-bar > form > a[class*='btn-'].btn-bulid { color: #000000; } .control-bar > div > a[class*='btn-'].btn-grey, .control-bar > a[class*='btn-'].btn-grey, .control-bar > form > a[class*='btn-'].btn-grey { color: #9e9e9e; background-color: transparent; } .control-bar.flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .control-bar.flex > a { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .file-container .inline-search div:first-child { width: calc(100% - 110px); } @media only screen and (max-width: 430px) { .formError { right: 5% !important; left: auto !important; } } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active, input:-internal-autofill-selected { -webkit-transition: background-color 99999s ease-in-out 0s; transition: background-color 99999s ease-in-out 0s; } [type="checkbox"] ~ label input[type=text], [type="radio"] ~ label input[type=text] { height: 20px; } ul.forms > li.ui-sortable [class*='col-'] { vertical-align: initial; } ul.forms table thead th.slash { position: relative; overflow: hidden; } ul.forms table thead th.slash::before { content: ""; width: 50%; height: 1px; background-color: #bdbdbd; display: block; -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); left: 50%; position: absolute; margin-left: -25%; } ul.forms table thead th.slash span { position: absolute; margin: 0; } ul.forms table thead th.slash span:first-child { bottom: 0; left: 15%; } ul.forms table thead th.slash span:last-child { top: 0; right: 15%; } .small-imgFile .fileuploader li { padding: 0 0 22.5% !important; } .small-imgFile .fileuploader li h3, .small-imgFile .fileuploader li p, .small-imgFile .fileuploader li .fileuploader-input-button { display: none; } .small-voiceFile .fileuploader-input-inner { padding: 0; } .small-voiceFile .fileuploader-input-inner h3, .small-voiceFile .fileuploader-input-inner p, .small-voiceFile .fileuploader-input-inner .fileuploader-input-button { display: none; } .card, .card-box { -webkit-box-sizing: border-box; box-sizing: border-box; } .card-img, .card-img-content, .activeWrap, .chips { -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .card-img.flex, .card-img-content.flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .card-img.flex, .card-img-content.flex { -ms-flex-wrap: wrap; flex-wrap: wrap; } .card { position: relative; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); } .card > * { padding: 25px 20px; } .card > .card-box { padding: 0px; } .card.shadow-none { -webkit-box-shadow: none; box-shadow: none; } .card-box { position: relative; } .card-box:focus .card-img-content, .card-box:hover .card-img-content { opacity: 1; } .card-img { position: relative; width: 100%; overflow: hidden; height: 0; padding-bottom: 75%; text-align: left; } .card-img.wide { padding-bottom: 56.25%; } .card-img.square { padding-bottom: 100%; } .card-img.original { padding: 0; height: auto; } .card-img.original > img, .card-img.original > a { position: relative; height: auto; } .card-img > img, .card-img > a, .card-img .card-img-content { position: absolute; width: 100%; height: 100%; } .card-img > a { display: block; } .card-img .imgInfo { margin-top: 5px; text-align: left; } .card-img .imgInfo .imgIntro, .card-img .imgInfo .imgLink, .card-img .imgInfo .datetime, .card-img .imgInfo .count { display: inline-block; vertical-align: top; } .card-img .imgInfo .imgIntro { max-width: calc(100% - 50px); margin-right: 15px; } .card-img .imgInfo .imgLink { float: right; } .card-img .imgInfo .imgLink i { font-size: 22px; margin-right: 0; vertical-align: top; color: #9e9e9e; } .card-img .videoIframe { position: relative; width: 100%; height: 0; padding-bottom: 75%; overflow: hidden; } .card-img .videoIframe > iframe { position: absolute; width: 100% !important; height: 100% !important; top: 0; left: 0; } .card-img .videoIframe > img { z-index: 2; } .card-img .videoIframe .card-img-content.flex [class*='btn-'] { margin-top: 10px; } .card-img.border-T { border-top: none; } .card-img.border-T > * { border-top: 3px solid #e0e0e0; } @media only screen and (max-width: 420px) { .card-img.border-T > * { border-top: none; } } .card-img.flex > * { margin-right: 2.5%; width: 31.66666%; } @media only screen and (max-width: 420px) { .card-img.flex > * { margin-right: 0; width: 100%; } } .card-img.flex > *:nth-child(3n) { margin-right: 0px; } .card-img.flex > *:nth-child(3n) ~ * { margin-top: 30px; } .card-img.flex .imgInfo .imgIntro { max-width: 100%; margin-right: 0; } .card-img.flex.bottom { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .card-img.flex.border-T > * { padding-top: 15px; } @media only screen and (max-width: 420px) { .card-img.flex.border-T > * { padding-top: 0; } } @media only screen and (max-width: 420px) { .card-img.flex.border-T > * ~ * { padding-top: 15px; } } .card-img:focus .activeWrap, .card-img:hover .activeWrap { opacity: 1; bottom: 0; } .card-img .chips { position: absolute; width: 100%; bottom: 0; background-color: rgba(0, 0, 0, 0.5); text-align: center; padding: 8px 12px 9px; line-height: 1; } .card-img .chips *, .card-img .chips > .chip { color: #FFFFFF; text-align: center; margin: 0px 5px; padding: 0; height: auto; line-height: 1; } .card-img .card-text-name { font-size: 15px; color: #555555; } .card-img, .card-img a, .card-img-content { background-position: center top !important; background-repeat: no-repeat !important; background-size: cover !important; } .card-img-content { opacity: 0; top: 0; left: 0; background-color: rgba(255, 255, 255, 0.3); background-blend-mode: screen; -webkit-box-sizing: border-box; box-sizing: border-box; } .card-img-content.flex { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .card-img-content.active { opacity: 1; z-index: 3; } .activeWrap { position: absolute; width: 100%; height: auto; max-height: 100%; background-color: rgba(0, 0, 0, 0.3); bottom: -100%; left: 0; opacity: 0; } @media only screen and (max-width: 420px) { .activeWrap { bottom: 0%; opacity: 1; } } .card-text { padding: 10px 15px 15px; } .card-text-name { font-size: 16px; color: #3e3e3e; } .card-text-dt { font-size: 14px; font-size: 1.4rem; } .card-text-dt > div { display: inline-block; vertical-align: middle; } .card-text-time { margin: 0 5px; } .card-text-info { white-space: normal; font-size: 15px; color: #999999; } .card-text-btn { margin-top: 35px; border-top: 1px solid #eeeeee; padding-top: 10px; } .card-poster { color: #787878; font-size: 13px; padding-top: 7px; } .card-poster .posted .img { display: inline-block; width: 32px; height: 32px; margin-right: 6px; text-align: center; border-radius: 100%; overflow: hidden; vertical-align: middle; } .card-poster .posted .img img { width: 32px; height: 32px; } .imgIntro, .imgLink, .datetime, .count { font-size: 13px; } .datetime, .count { color: #9e9e9e; margin-right: 15px; } .datetime i, .count i { margin-right: 5px; } .card.video .card-img { height: 100%; padding-bottom: 0; } .card.video .card-img.wide { padding-bottom: 0; } .card.video .card-img.wide .videoIframe { padding-bottom: 56.25%; } .card.video .card-img.cube { padding-bottom: 0; } .card.video .card-img.cube .videoIframe { padding-bottom: 100%; } .card.video .imgInfo .imgIntro { display: block; max-width: 100%; margin-right: 0; } .card.video .imgInfo .imgIntro ~ .datetime, .card.video .imgInfo .imgIntro ~ .count { margin-top: 5px; } .chip { display: inline-block; height: 32px; font-size: 1.3rem; color: rgba(0, 0, 0, 0.6); line-height: 32px; padding: 0px 12px; border-radius: 16px; margin: 0px 5px 7px 0px; position: relative; } .chip > img { float: left; margin: 0px 8px 0px -12px; height: 32px; width: 32px; border-radius: 50%; overflow: hidden; } .chip .close { cursor: pointer; float: right; font-size: 1.6rem; line-height: 32px; padding-left: 8px; } .chip .chip-name { position: relative; z-index: 2; } .chip .chip-count { padding: 0px 10px; position: absolute; right: 0; top: 0; z-index: -1; opacity: 0; } .chip input { margin-bottom: 1px !important; } .chip.active .chip-count { opacity: 1; z-index: 1; } .chips { outline: none; } .chips .chip.selected { background-color: #424242; color: #ffffff; } .chips.inline { margin-top: 1.5rem; } .chips.keywords { display: block; float: left; width: 100%; margin: 20px 0 0; } .prefix ~ .chips { margin-left: 3rem; width: 92%; width: calc(100% - 3rem); } .chips:empty ~ label { font-size: 0.8rem; -webkit-transform: translateY(-140%); -ms-transform: translateY(-140%); transform: translateY(-140%); } .card-header ul, .card-header ol, .card-header li, .card-header a { margin: 0; padding: 0; list-style: none; text-decoration: none; } .card-header .mobile-menu .nav.top, .card-header .mobile-menu .menu-main .nav, .card-header .mobile-menu .menu-main .menu, .card-header .mobile-menu .menu-main .main-menu li, .card-header .mobile-menu .menu-main .main-menu a, .card-header .mobile-menu .menu-main .nav-menu li, .card-header .mobile-menu .menu-main .nav-menu a { -webkit-box-sizing: border-box; box-sizing: border-box; } .card-header, .card-header .header-logo, .card-header .header-logo img, .card-header .header-content, .card-header .nav, .card-header .menu, .card-header .mobile-search-box, .card-header .menu-toggle, .card-header .menu-toggle .menu-toggle-hamburger, .card-header .mobile-menu .nav.top, .card-header .mobile-menu .menu-main, .card-header .mobile-menu .menu-main .main.top { -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .card-header .menu .main-menu > li::before, .card-header .menu .main-menu > li::after { content: ""; position: absolute; width: 10px; height: 10px; opacity: 0; background-color: transparent; border: 2px solid #ef6c00; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, -webkit-transform 0.3s; -o-transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s; -webkit-transition-timing-function: cubic-bezier(0.17, 0.67, 0.05, 1.29); -o-transition-timing-function: cubic-bezier(0.17, 0.67, 0.05, 1.29); transition-timing-function: cubic-bezier(0.17, 0.67, 0.05, 1.29); } .card-header .menu .main-menu > li:hover::before, .card-header .menu .main-menu > li:hover::after, .card-header .menu .main-menu > li.current-menu::before, .card-header .menu .main-menu > li.current-menu::after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .card-header .nav .nav-dropdown > ul, .card-header .sub-menu { max-height: 0; visibility: hidden; opacity: 0; height: auto; top: 120%; -webkit-transition: all 0.4s ease-in-out 0.25s; -o-transition: all 0.4s ease-in-out 0.25s; transition: all 0.4s ease-in-out 0.25s; } .card-header .open > .sub-menu, .card-header .open.nav-dropdown > ul { max-height: initial; visibility: visible; opacity: 1; top: 100%; } .card-header { position: relative; width: 100%; top: 0; left: 0; background-color: #FFFFFF; z-index: 105; border-bottom: 2px solid #000000; line-height: 1; } .card-header a { display: block; color: #000000; } .card-header a:focus, .card-header a:active, .card-header a:hover { color: #ef6c00; } .card-header li.current-menu > a { color: #000000; } .card-header li.current-menu > a:focus, .card-header li.current-menu > a:active, .card-header li.current-menu > a:hover { color: #ef6c00; } .card-header .header-wrapper { position: relative; width: 1180px; height: 100%; margin: 0 auto; } @media only screen and (max-width: 1024px) { .card-header .header-wrapper { width: 100%; } } .card-header .header-logo { max-width: 50%; margin: 7px 0 0; position: absolute; z-index: 1001; font-size: 22px; } @media only screen and (max-width: 1024px) { .card-header .header-logo { margin-left: 5%; position: relative; } } @media only screen and (max-width: 800px) { .card-header .header-logo { max-width: 65%; margin: 60px 0 15px 20px; } } .card-header .header-logo a { line-height: 1; color: #000000; } .card-header .header-logo img { max-width: 250px; max-height: 68px; vertical-align: text-top; } @media only screen and (max-width: 800px) { .card-header .header-logo img { max-height: 46px; } } .card-header .header-logo img.shrink { opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0; max-height: 45px; } .card-header .header-content { opacity: 1; } @media only screen and (max-width: 800px) { .card-header .header-content > .nav, .card-header .header-content > .menu { display: none !important; } } .card-header .nav img, .card-header .menu img { width: 25px; height: 25px; border-radius: 50%; margin: 5px 5px 5px 0; } .card-header .nav i, .card-header .menu i { font-size: 24px; vertical-align: text-top; } @media only screen and (max-width: 420px) { .card-header .nav i, .card-header .menu i { font-size: 16px; vertical-align: text-bottom; } } .card-header .nav { margin-top: 5px; text-align: right; } .card-header .nav a { white-space: nowrap; letter-spacing: 0.5px; } .card-header .nav > * { position: relative; } .card-header .nav > div > ul { min-width: 100%; width: auto; text-align: center; z-index: 2; } .card-header .nav > div > ul a { padding: 8px 12px; } .card-header .nav > div, .card-header .nav > ul, .card-header .nav > ul > li { display: inline-block; } .card-header .nav > div, .card-header .nav > div li, .card-header .nav > ul, .card-header .nav > ul li, .card-header .nav > ul > li, .card-header .nav > ul > li li { line-height: 1; } .card-header .nav > div ul, .card-header .nav > ul > li ul { position: absolute; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); z-index: 2; } .card-header .nav > div ul a, .card-header .nav > ul > li ul a { background-color: #FFFFFF; } .card-header .nav *:not(i) { font-size: 13px; } .card-header .nav .nav-menu { vertical-align: text-bottom; display: none; } .card-header .nav .dropdown-default-text { cursor: pointer; } .card-header .nav > *:not(.search-box) { margin-left: 15px; } .card-header .nav .search-box { margin-left: 10px; } .card-header .nav > ul:not(.nav-social) li { text-align: left; } .card-header .nav > ul:not(.nav-social) > li { padding: 0 10px; } .card-header .nav > ul:not(.nav-social) > li:first-child { padding-left: 0; } .card-header .nav > ul:not(.nav-social) > li > ul a { padding: 8px 12px; background-color: #FFFFFF; } .card-header .nav > ul:not(.nav-social) > li > ul a:focus, .card-header .nav > ul:not(.nav-social) > li > ul a:active, .card-header .nav > ul:not(.nav-social) > li > ul a:hover { color: #FFFFFF; background-color: #9e9e9e; } .card-header .nav > ul:not(.nav-social) > li > ul > li { position: relative; } .card-header .nav > ul:not(.nav-social) > li > ul > li ul { position: absolute; left: 100%; min-width: 100%; } .card-header .nav .nav-social > li { margin-left: 6px; } .card-header .nav .nav-social > li:first-child { margin-left: 0; } .card-header .nav-dropdown i { margin-right: 5px; } .card-header .menu { margin: 30px 0 10px; font-size: 16px; text-align: center; } .card-header .menu a { white-space: nowrap; letter-spacing: 0.5px; } .card-header .menu > div { position: relative; } .card-header .menu > div > ul { width: 100%; text-align: center; } .card-header .menu > div, .card-header .menu > ul, .card-header .menu > ul > li { display: inline-block; } .card-header .menu > div, .card-header .menu > div li, .card-header .menu > ul, .card-header .menu > ul li, .card-header .menu > ul > li, .card-header .menu > ul > li li { line-height: 1; } .card-header .menu > div ul, .card-header .menu > ul > li ul { position: absolute; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); z-index: 2; } .card-header .menu > div ul a, .card-header .menu > ul > li ul a { background-color: #FFFFFF; } .card-header .menu .main-menu { position: relative; } .card-header .menu .main-menu li { text-align: left; } .card-header .menu .main-menu > li { padding: 12px 10px; position: relative; } .card-header .menu .main-menu > li:first-child { padding-left: 0; } .card-header .menu .main-menu > li:last-child { padding-right: 0; } .card-header .menu .main-menu > li::before { top: 0; left: 0; border-width: 2px 0 0 2px; -webkit-transform: translate3d(10px, 10px, 0); transform: translate3d(10px, 10px, 0); } @media only screen and (max-width: 800px) { .card-header .menu .main-menu > li::before { display: none; } } .card-header .menu .main-menu > li::after { right: 0; bottom: 0; border-width: 0 2px 2px 0; -webkit-transform: translate3d(-10px, -10px, 0); transform: translate3d(-10px, -10px, 0); } @media only screen and (max-width: 800px) { .card-header .menu .main-menu > li::after { display: none; } } @media only screen and (max-width: 800px) { .card-header .menu .main-menu > li:hover::before { display: none; } } @media only screen and (max-width: 800px) { .card-header .menu .main-menu > li:hover::after { display: none; } } .card-header .menu .main-menu > li:hover:first-child::before { -webkit-transform: translate3d(-20px, 0px, 0); transform: translate3d(-20px, 0px, 0); } .card-header .menu .main-menu > li:hover:last-child::after { -webkit-transform: translate3d(20px, 0px, 0); transform: translate3d(20px, 0px, 0); } @media only screen and (max-width: 800px) { .card-header .menu .main-menu > li.current-menu::before { display: none; } } @media only screen and (max-width: 800px) { .card-header .menu .main-menu > li.current-menu::after { display: none; } } .card-header .menu .main-menu > li.current-menu:first-child::before { -webkit-transform: translate3d(-20px, 0px, 0); transform: translate3d(-20px, 0px, 0); } .card-header .menu .main-menu > li.current-menu:last-child::after { -webkit-transform: translate3d(20px, 0px, 0); transform: translate3d(20px, 0px, 0); } .card-header .menu .main-menu > li > ul > li { position: relative; } .card-header .menu .main-menu > li > ul > li ul { position: absolute; left: 100%; min-width: 100%; } .card-header .menu .main-menu > li > ul a { padding: 12px 15px; background-color: #FFFFFF; } .card-header .menu .main-menu > li > ul a:focus, .card-header .menu .main-menu > li > ul a:active, .card-header .menu .main-menu > li > ul a:hover { color: #FFFFFF; background-color: #9e9e9e; } .card-header .menu .main-menu > li > ul li.current-menu > a { color: #FFFFFF; background-color: #9e9e9e; } @media only screen and (max-width: 800px) { .card-header .sub-menu { padding-left: 16px; } } .card-header .sub-menu .sub-menu { top: 70%; left: 95%; } .card-header .open > .sub-menu .open .sub-menu { top: 50%; left: 95%; } .card-header .open > a { color: #ef6c00; } .card-header .open > a:focus, .card-header .open > a:active, .card-header .open > a:hover { color: #ef6c00; } .card-header .mobile-search-box { display: none; position: absolute; top: 34px; right: 20px; z-index: 1005; font-size: 21px; line-height: 21px; } @media only screen and (max-width: 800px) { .card-header .mobile-search-box { display: block; } } .card-header .menu-toggle { display: none; position: absolute; top: 16px; right: 30px; z-index: 1005; padding: 10px 0px; cursor: pointer; } @media only screen and (max-width: 800px) { .card-header .menu-toggle { display: block; } } .card-header .menu-toggle .menu-toggle-hamburger { display: block; width: 30px; height: 2px; background: #222222; position: relative; } .card-header .menu-toggle .menu-toggle-hamburger::before, .card-header .menu-toggle .menu-toggle-hamburger::after { display: block; width: 100%; height: 2px; position: absolute; background: #222222; left: 0; content: ""; overflow: visible; visibility: visible; -webkit-transition-duration: 0.3s, 0.3s; -webkit-transition-delay: 0.3s, 0s; -o-transition-duration: 0.3s, 0.3s; transition-duration: 0.3s, 0.3s; -o-transition-delay: 0.3s, 0s; transition-delay: 0.3s, 0s; } .card-header .menu-toggle .menu-toggle-hamburger::before { -webkit-transition-property: top, transform; -webkit-transition-property: top, -webkit-transform; transition-property: top, -webkit-transform; -o-transition-property: top, transform; transition-property: top, transform; transition-property: top, transform, -webkit-transform; top: 8px; } .card-header .menu-toggle .menu-toggle-hamburger::after { -webkit-transition-property: bottom, transform; -webkit-transition-property: bottom, -webkit-transform; transition-property: bottom, -webkit-transform; -o-transition-property: bottom, transform; transition-property: bottom, transform; transition-property: bottom, transform, -webkit-transform; bottom: 8px; } .card-header .menu-toggle.toggle-active .menu-toggle-hamburger { background: transparent; } .card-header .menu-toggle.toggle-active .menu-toggle-hamburger::before { width: 100%; top: 0%; -webkit-transition-delay: 0s, 0.3s; -o-transition-delay: 0s, 0.3s; transition-delay: 0s, 0.3s; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .card-header .menu-toggle.toggle-active .menu-toggle-hamburger::after { width: 100%; bottom: 0%; -webkit-transition-delay: 0s, 0.3s; -o-transition-delay: 0s, 0.3s; transition-delay: 0s, 0.3s; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .card-header .mobile-menu { position: absolute; top: 0; right: 0; width: 100%; } .card-header .mobile-menu .nav.top { position: absolute; top: 0; right: 0; width: 100%; padding: 0 20px; border-bottom: 1px solid #efefef; z-index: 1005; background-color: #FFFFFF; opacity: 0; visibility: hidden; height: auto; } @media only screen and (max-width: 800px) { .card-header .mobile-menu .nav.top { opacity: 1; visibility: visible; top: -60px; } } .card-header .mobile-menu .nav.top > div > ul a { padding: 12px 15px; } .card-header .mobile-menu .nav.top .nav-menu li { padding: 0; } .card-header .mobile-menu .nav.top .nav-dropdown.lang { vertical-align: middle; } .card-header .mobile-menu .menu-main { opacity: 0; visibility: hidden; overflow: hidden; z-index: 1000; position: absolute; top: 0; right: 0; width: 100%; height: 0; -webkit-overflow-scrolling: touch; background-color: #FFFFFF; } .card-header .mobile-menu .menu-main .main.top { text-align: center; font-size: 30px; margin-top: 110px; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; } .card-header .mobile-menu .menu-main .main.top li { display: inline-block; padding: 0 10px; } .card-header .mobile-menu .menu-main .nav, .card-header .mobile-menu .menu-main .menu { float: right; margin: 0; padding: 100px 0; } .card-header .mobile-menu .menu-main .nav { width: 40%; } .card-header .mobile-menu .menu-main .nav .nav-menu { display: block; } .card-header .mobile-menu .menu-main .nav ~ .menu { width: 60%; border-right: 1px solid #efefef; } .card-header .mobile-menu .menu-main .menu { width: 100%; } .card-header .mobile-menu .menu-main .main-menu { margin: 0; padding: 0; width: 100%; position: static; } .card-header .mobile-menu .menu-main .main-menu > li::before, .card-header .mobile-menu .menu-main .main-menu > li::after { display: none; } .card-header .mobile-menu .menu-main .main-menu li, .card-header .mobile-menu .menu-main .main-menu a { display: block; width: 100%; } .card-header .mobile-menu .menu-main .main-menu li { padding: 0; } .card-header .mobile-menu .menu-main .main-menu li a { padding: 12px 20px; } .card-header .mobile-menu .menu-main .main-menu li .sub-menu { position: relative; -webkit-box-shadow: none; box-shadow: none; margin-top: 0; } .card-header .mobile-menu .menu-main .main-menu li .sub-menu .sub-menu { left: 0; } .card-header .mobile-menu .menu-main .nav-menu { margin: 0; padding: 0; width: 100%; text-align: left; } .card-header .mobile-menu .menu-main .nav-menu li, .card-header .mobile-menu .menu-main .nav-menu a { display: block; width: 100%; } .card-header .mobile-menu .menu-main .nav-menu li { padding: 0; } .card-header .mobile-menu .menu-main .nav-menu li a { padding: 12px 20px; font-size: 16px; } .card-header .mobile-menu .menu-main .nav-menu li .sub-menu { position: relative; -webkit-box-shadow: none; box-shadow: none; margin-top: 0; } .card-header .mobile-menu .menu-main .nav-menu li .sub-menu .sub-menu { left: 0; } .card-header .mobile-menu.menu-active .menu-main { opacity: 1; visibility: visible; overflow: auto; height: 100vh; } .card-header.nav--hidden .nav.top { opacity: 0; visibility: hidden; top: -36px; } .card-header.nav--hidden .menu-main .main.top { margin-top: 85px; } .card-header.playVideo svg { top: -88%; } .card-header.playVideo svg path { d: path("M0 210 C 640 210 1350 210 1920 210 V0 H0 V210 Z"); d: "M0 210 C 640 210 1350 210 1920 210 V0 H0 V210 Z"; } .card-header.playVideo .header-logo { margin: 11px 0 0; } @media only screen and (max-width: 800px) { .card-header.playVideo .header-logo { margin: 11px 0 8px 20px; } } .card-header.playVideo .header-logo img { max-height: 45px; } @media only screen and (max-width: 800px) { .card-header.playVideo .header-logo img { max-height: 40px; } } .card-header.playVideo .header-logo img.shrink { max-height: 45px; } .card-header.playVideo .nav { opacity: 0; overflow: hidden; visibility: hidden; height: 0; } .card-header.playVideo .menu { margin-top: 6px; margin-bottom: 11px; } .card-header.playVideo .mobile-search-box { top: 22px; } .card-header.playVideo .menu-toggle { top: 23px; } .card-header.header--shrink svg { top: -223%; } @media only screen and (max-width: 420px) { .card-header.header--shrink svg { top: -170%; } } .card-header.header--shrink svg path { fill: #000000; opacity: 0.54; d: path("M0 210 C 640 210 1350 210 1920 210 V0 H0 V210 Z"); d: "M0 210 C 640 210 1350 210 1920 210 V0 H0 V210 Z"; } .card-header.header--shrink .header-logo { margin-top: 6px; } .card-header.header--shrink .header-logo img.normal { max-height: 45px; } .card-header.header--shrink .header-logo img.shrink { opacity: 1; visibility: visible; } @media only screen and (max-width: 800px) { .card-header.header--shrink .header-logo img.shrink { opacity: 0; visibility: hidden; } } .card-header.header--shrink .nav { float: right; margin: 22px 0 0 10px; } .card-header.header--shrink .nav > *:not(.search-box) { display: none; } .card-header.header--shrink .menu { margin-top: 15px; display: inline-block; float: right; } .card-header.header--shrink .webSearch .content { padding: 10px 10% 10px 2%; } @media only screen and (max-width: 420px) { .card-header.header--shrink .webSearch .content { padding: 10px 90px 10px 5%; } } .card-header.header--shrink .webSearch .content input[type=text] { height: 4rem; } .card-header.header--shrink .webSearch .content input[type=text] ~ a { top: 10px; } body.blur-body::after { content: ""; background: rgba(0, 0, 0, 0.4); display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100; } body.blur-body .card-header[data-style="4"] .header-content { opacity: 0; } body.nav-hide .card-header[data-style="4"] .menu-toggle { top: 34px; } body.nav-hide .card-header[data-style="4"] .mobile-search-box { top: 34px; } body.nav-hide .card-header[data-style="4"].playVideo .menu-toggle, body.nav-hide .card-header[data-style="4"].playVideo .mobile-search-box { top: 22px; } @media only screen and (max-width: 800px) { body.member-has-login .card-header[data-style="4"] .header-logo { margin-top: 48px; } } body.member-has-login .card-header[data-style="4"] .menu-toggle, body.member-has-login .card-header[data-style="4"] .mobile-search-box { top: 62px; } body.member-has-login .card-header[data-style="4"] .webSearch .content { padding: 43px 11% 2% 2%; } body.member-has-login .card-header[data-style="4"] .webSearch .content input[type=text] ~ a { top: 47px; } body.member-has-login .card-header[data-style="4"].playVideo .menu-toggle, body.member-has-login .card-header[data-style="4"].playVideo .mobile-search-box { top: 52px; } @media only screen and (max-width: 800px) { body.member-has-login .card-header[data-style="4"].nav--hidden .header-logo { margin-top: 20px; } } body.member-has-login .card-header[data-style="4"].nav--hidden .menu-toggle, body.member-has-login .card-header[data-style="4"].nav--hidden .mobile-search-box { top: 35px; } body.member-has-login .card-header[data-style="4"].nav--hidden .webSearch .content { padding-top: 16px; } body.member-has-login .card-header[data-style="4"].nav--hidden .webSearch .content input[type=text] ~ a { top: 20px; } .card-footer ul, .card-footer ol, .card-footer li, .card-footer .footer-nav ul, .card-footer .footer-nav ol, .card-footer .footer-nav li, .card-footer .footer-nav a { margin: 0; padding: 0; list-style: none; text-decoration: none; } .card-footer .footer-nav .nav-menu, .card-footer .footer-nav .nav-menu a, .card-footer .footer-nav .nav-menu li { -webkit-box-sizing: border-box; box-sizing: border-box; } .card-footer, .card-footer svg path, .card-footer .footer-nav, .card-footer .goTop { -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .card-footer .footer-nav .sub-menu { visibility: hidden; opacity: 0; height: auto; bottom: 65px; -webkit-transition: all 0.4s ease-in-out 0.25s; -o-transition: all 0.4s ease-in-out 0.25s; transition: all 0.4s ease-in-out 0.25s; } .card-footer .footer-nav .open > .sub-menu { visibility: visible; opacity: 1; bottom: 60px; } .card-footer { font-size: 15px; color: #FFFFFF; position: relative; } .card-footer svg { position: absolute; width: 100%; height: 100px; top: 0; left: 0; } @media only screen and (max-width: 800px) { .card-footer svg { top: -20px; } } .card-footer svg path { fill: #000000; stroke: transparent; } @media only screen and (max-width: 420px) { .card-footer svg path { d: path("M0 20 C 640 0 1280 0 1920 20 V 100 H0 Z"); } } .card-footer a { color: #9e9e9e; margin-right: 5px; } .card-footer a:focus, .card-footer a:active, .card-footer a:hover { color: #FFFFFF; } .card-footer .footer-main { padding: 40px 0 0; } @media only screen and (max-width: 420px) { .card-footer .footer-main { padding: 35px 0 0; } } .card-footer .footer-copyright { background-color: #000000; color: #FFFFFF; padding: 23px 0 25px; text-align: center; line-height: 1; } .card-footer .footer-wrapper { position: relative; width: 1180px; height: 100%; margin: 0 auto; } @media only screen and (max-width: 1024px) { .card-footer .footer-wrapper { width: 100%; } } .card-footer .footer-nav { width: 100%; font-size: 13px; position: relative; } @media only screen and (max-width: 800px) { .card-footer .footer-nav { z-index: 1; background-color: #000000; } } .card-footer .footer-nav a { white-space: nowrap; letter-spacing: 0.5px; color: #FFFFFF; } .card-footer .footer-nav a:focus, .card-footer .footer-nav a:active, .card-footer .footer-nav a:hover { color: #FFFFFF; } .card-footer .footer-nav li.current-menu > a { color: #FFFFFF; } .card-footer .footer-nav li.current-menu > a:focus, .card-footer .footer-nav li.current-menu > a:active, .card-footer .footer-nav li.current-menu > a:hover { color: #FFFFFF; } .card-footer .footer-nav .sub-menu { position: absolute; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); z-index: 2; } .card-footer .footer-nav .sub-menu .sub-menu { bottom: 20px; left: 95%; } .card-footer .footer-nav .open > .sub-menu .open .sub-menu { bottom: 10px; left: 95%; } .card-footer .footer-nav .nav-menu { padding: 12px 0 12px; width: 100%; text-align: center; display: inline-block; line-height: 24px; } @media only screen and (max-width: 800px) { .card-footer .footer-nav .nav-menu { padding: 12px 50px 12px; border-bottom: none; } } .card-footer .footer-nav .nav-menu > li { display: inline-block; } .card-footer .footer-nav .nav-menu > li:first-child { padding-left: 13px; } .card-footer .footer-nav .nav-menu > li > ul li:focus, .card-footer .footer-nav .nav-menu > li > ul li:active, .card-footer .footer-nav .nav-menu > li > ul li:hover { background-color: #9e9e9e; } .card-footer .footer-nav .nav-menu > li > ul li:focus > a, .card-footer .footer-nav .nav-menu > li > ul li:active > a, .card-footer .footer-nav .nav-menu > li > ul li:hover > a { color: #FFFFFF; } .card-footer .footer-nav .nav-menu > li > ul a { padding: 6px 8px; } .card-footer .footer-nav .nav-menu > li > ul a:focus, .card-footer .footer-nav .nav-menu > li > ul a:active, .card-footer .footer-nav .nav-menu > li > ul a:hover { color: #FFFFFF; } .card-footer .footer-nav .nav-menu > li > ul > li { position: relative; } .card-footer .footer-nav .nav-menu > li > ul > li ul { position: absolute; left: 100%; min-width: 100%; } .card-footer .footer-nav .nav-menu a { display: block; width: 100%; } .card-footer .footer-nav .nav-menu li { padding: 0 15px; text-align: left; line-height: 1; } .card-footer .footer-nav .nav-menu li li { background-color: #f1f1f1; } .card-footer .footer-nav .nav-menu li a { padding: 0px; } .card-footer .goTop { position: fixed; width: 50px; height: 50px; right: 5%; bottom: 0; cursor: pointer; line-height: 50px; font-size: 35px; text-align: center; background-color: rgba(0, 0, 0, 0.53); opacity: 0; z-index: -1; } .card-footer .goTop::after { font-family: "FontCCwork"; content: "\ea05"; display: block; } .card-footer .goTop:hover { background-color: rgba(0, 0, 0, 0.73); } .card-footer .goTop#back-to-top.show { opacity: 1; z-index: 30; } #cboxPrevious, #cboxPrevious::before, #cboxNext, #cboxNext::before, #cboxClose, #cboxClose::after { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 1010; overflow: hidden; } #cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { border: 0; padding: 0; margin: 0; overflow: visible; width: auto; background: none; font-family: "FontCCwork"; } #colorbox { box-sizing: content-box; outline: 0; box-shadow: 0 4px 33px rgba(0, 0, 0, 0.22), 0 0 0 1px rgba(0, 0, 0, 0.04); } #cboxOverlay { position: fixed; width: 100%; height: 100%; background: #000000; opacity: 0.9; filter: alpha(opacity=90); } #cboxWrapper { max-width: none; } #cboxMiddleLeft { clear: left; } #cboxBottomLeft { clear: left; } #cboxContent { position: relative; margin-top: 0px; background: #f7f7f7; box-sizing: content-box; } #cboxLoadedContent { overflow: auto; box-sizing: content-box; } #cboxTitle { margin: 0; position: absolute; top: -20px; left: 0; color: #ccc; } #cboxLoadingGraphic { background: url(../../../images/colorbox/loading.gif) no-repeat center center; } #cboxPrevious { cursor: pointer; position: absolute; top: 0%; left: 0px; width: 100px; height: 100%; color: transparent; font-size: 50px; line-height: 0; text-align: left; } #cboxPrevious:active { outline: 0; } #cboxPrevious:hover::before { color: #000000; } #cboxPrevious::before { content: "\ea06"; display: block; color: #9e9e9e; } #cboxNext { cursor: pointer; position: absolute; top: 0; right: 0px; width: 100px; height: 100%; color: transparent; font-size: 50px; line-height: 0; text-align: right; } #cboxNext:active { outline: 0; } #cboxNext:hover::before { color: #000000; } #cboxNext::before { content: "\ea08"; display: block; color: #9e9e9e; } #cboxClose { cursor: pointer; position: absolute; top: 0; right: 0; display: block; width: 40px; height: 40px; overflow: hidden; color: transparent; } #cboxClose::after { content: "\e9ee"; display: block; font-family: "FontCCwork"; position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: #000000; font-size: 40px; line-height: 40px; } #cboxClose:active { outline: 0; } #cboxClose:hover { background-position: bottom center; } #cboxSlideshow { cursor: pointer; position: absolute; top: -20px; right: 90px; color: #FFFFFF; } #cboxSlideshow:active { outline: 0; } .cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; } .cboxIframe { width: 100%; height: 100%; display: block; border: 0; padding: 0; margin: 0; background: #FFFFFF; } #cboxError { padding: 50px; border: 1px solid #ccc; } #cboxCurrent { position: absolute; top: -20px; right: 0; color: #ccc; } .tooltip { display: inline-block; vertical-align: middle; } .tooltip.help { cursor: help; } .tooltipster-base { display: flex; pointer-events: none; position: absolute; font-size: 13px; pointer-events: auto; } .tooltipster-box { flex: 1 1 auto; } .tooltipster-content { box-sizing: border-box; max-height: 100%; max-width: 100%; overflow: auto; } .tooltipster-ruler { bottom: 0; left: 0; overflow: hidden; position: fixed; right: 0; top: 0; visibility: hidden; } .tooltipster-fade { opacity: 0; transition-property: opacity; } .tooltipster-fade.tooltipster-show { opacity: 1; } .tooltipster-grow { transform: scale(0, 0); transition-property: transform; } .tooltipster-grow.tooltipster-show { transform: scale(1, 1); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); } .tooltipster-swing { opacity: 0; transform: rotateZ(4deg); transition-property: transform; } .tooltipster-swing.tooltipster-show { opacity: 1; transform: rotateZ(0deg); transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); } .tooltipster-fall { transition-property: top; transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); } .tooltipster-fall.tooltipster-initial { top: 0 !important; } .tooltipster-fall.tooltipster-dying { transition-property: all; top: 0 !important; opacity: 0; } .tooltipster-slide { transition-property: left; transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); } .tooltipster-slide.tooltipster-initial { left: -40px !important; } .tooltipster-slide.tooltipster-dying { transition-property: all; left: 0 !important; opacity: 0; } @keyframes tooltipster-fading { 0% { opacity: 0; } 100% { opacity: 1; } } .tooltipster-update-fade { animation: tooltipster-fading 400ms; } @keyframes tooltipster-rotating { 25% { transform: rotate(-2deg); } 75% { transform: rotate(2deg); } 100% { transform: rotate(0); } } .tooltipster-update-rotate { animation: tooltipster-rotating 600ms; } @keyframes tooltipster-scaling { 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .tooltipster-update-scale { animation: tooltipster-scaling 600ms; } .tooltipster-sidetip .tooltipster-box { background: #aaaaaa; box-shadow: 0 0 15px #b4b4b4; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-box { margin-top: 8px; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow { height: 8px; margin-left: -10px; top: 0; width: 20px; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background { border-bottom-color: #aaaaaa; left: 0; top: 0; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped { top: 0; } .tooltipster-sidetip.tooltipster-left .tooltipster-box { margin-right: 8px; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow { height: 20px; margin-top: -4px; right: 0; top: 0; width: 8px; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background { border-left-color: #aaaaaa; left: -3px; top: 0; } .tooltipster-sidetip.tooltipster-right .tooltipster-box { margin-left: 8px; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow { height: 20px; margin-top: -4px; left: 0; top: 0; width: 8px; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background { border-right-color: #aaaaaa; left: 3px; top: 0; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped { left: -10px; } .tooltipster-sidetip.tooltipster-top .tooltipster-box { margin-bottom: 8px; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow { bottom: 0; height: 8px; margin-left: -10px; width: 20px; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background { border-top-color: #aaaaaa; left: 0; top: 0; } .tooltipster-sidetip .tooltipster-content { color: white; line-height: 18px; padding: 10px 14px; position: relative; height: 100%; } .tooltipster-sidetip .tooltipster-arrow { overflow: hidden; position: absolute; } .tooltipster-sidetip .tooltipster-arrow-background { height: 0; position: absolute; width: 0; border: 8px solid transparent; } .tooltipster-sidetip .tooltipster-arrow-border { height: 0; position: absolute; width: 0; border: 8px solid transparent; left: 0; top: 0; } .tooltipster-sidetip .tooltipster-arrow-uncropped { position: relative; } .input-field ~ .tooltip { position: relative; margin-top: -50px; float: right; z-index: 2; background-color: #f7f7f7; } .input-field.inline ~ .tooltip { margin-top: auto; float: none; background-color: transparent; } .input-field.inline.full ~ .tooltip { margin-top: -25px; float: right; background-color: #f7f7f7; } .swal2-container { display: -moz-box; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .swal2-container { -ms-flex-direction: row; -moz-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; } body.swal2-toast-shown.swal2-has-input > .swal2-container { -ms-flex-direction: column; -moz-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } body.swal2-toast-shown.swal2-has-input > .swal2-container .swal2-loading, .swal2-container { -ms-flex-pack: center; -ms-justify-content: center; -moz-justify-content: center; -webkit-justify-content: center; justify-content: center; } body.swal2-toast-shown.swal2-has-input > .swal2-container .swal2-buttonswrapper { -ms-flex-pack: flex-end; -ms-justify-content: flex-end; -moz-justify-content: flex-end; -webkit-justify-content: flex-end; justify-content: flex-end; } .swal2-container { -ms-flex-align: center; -ms-align-items: center; -moz-align-items: center; -webkit-align-items: center; align-items: center; } body.swal2-toast-shown.swal2-has-input > .swal2-container .swal2-buttonswrapper { -ms-flex-align: stretch; -ms-align-items: stretch; -moz-align-items: stretch; -webkit-align-items: stretch; align-items: stretch; } body.swal2-shown:not(.swal2-no-backdrop) { overflow-y: hidden; } body.swal2-toast-shown { overflow-y: auto; } body.swal2-toast-shown.swal2-has-input > .swal2-container .swal2-icon { margin: 0 0 15px; } body.swal2-toast-shown.swal2-has-input > .swal2-container .swal2-buttonswrapper { flex: 1; } body.swal2-toast-shown.swal2-has-input > .swal2-container .swal2-input { height: 32px; font-size: 14px; margin: 5px auto; } body.swal2-toast-shown > .swal2-container { position: fixed; background-color: transparent; } body.swal2-toast-shown > .swal2-container.swal2-shown { background-color: transparent; } body.swal2-toast-shown > .swal2-container.swal2-top { top: 0; left: 50%; bottom: auto; right: auto; transform: translateX(-50%); } body.swal2-toast-shown > .swal2-container.swal2-top-right { top: 0; left: auto; bottom: auto; right: 0; } body.swal2-toast-shown > .swal2-container.swal2-top-left { top: 0; left: 0; bottom: auto; right: auto; } body.swal2-toast-shown > .swal2-container.swal2-center-left { top: 50%; left: 0; bottom: auto; right: auto; transform: translateY(-50%); } body.swal2-toast-shown > .swal2-container.swal2-center { top: 50%; left: 50%; bottom: auto; right: auto; transform: translate(-50%, -50%); } body.swal2-toast-shown > .swal2-container.swal2-center-right { top: 50%; left: auto; bottom: auto; right: 0; transform: translateY(-50%); } body.swal2-toast-shown > .swal2-container.swal2-bottom-left { top: auto; left: 0; bottom: 0; right: auto; } body.swal2-toast-shown > .swal2-container.swal2-bottom { top: auto; left: 50%; bottom: 0; right: auto; transform: translateX(-50%); } body.swal2-toast-shown > .swal2-container.swal2-bottom-right { top: auto; left: auto; bottom: 0; right: 0; } body.swal2-iosfix { position: fixed; left: 0; right: 0; } body.swal2-no-backdrop > .swal2-shown { top: auto; bottom: auto; left: auto; right: auto; background-color: transparent; } body.swal2-no-backdrop > .swal2-shown > .swal2-modal { box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); } body.swal2-no-backdrop > .swal2-shown.swal2-top { top: 0; left: 50%; transform: translateX(-50%); } body.swal2-no-backdrop > .swal2-shown.swal2-top-left { top: 0; left: 0; } body.swal2-no-backdrop > .swal2-shown.swal2-top-right { top: 0; right: 0; } body.swal2-no-backdrop > .swal2-shown.swal2-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } body.swal2-no-backdrop > .swal2-shown.swal2-center-left { top: 50%; left: 0; transform: translateY(-50%); } body.swal2-no-backdrop > .swal2-shown.swal2-center-right { top: 50%; right: 0; transform: translateY(-50%); } body.swal2-no-backdrop > .swal2-shown.swal2-bottom { bottom: 0; left: 50%; transform: translateX(-50%); } body.swal2-no-backdrop > .swal2-shown.swal2-bottom-left { bottom: 0; left: 0; } body.swal2-no-backdrop > .swal2-shown.swal2-bottom-right { bottom: 0; right: 0; } .swal2-container { flex-direction: row; position: fixed; padding: 10px; top: 0; left: 0; right: 0; bottom: 0; background-color: transparent; z-index: 1060; } .swal2-container.swal2-top { align-items: flex-start; } .swal2-container.swal2-top-left { align-items: flex-start; justify-content: flex-start; } .swal2-container.swal2-top-right { align-items: flex-start; justify-content: flex-end; } .swal2-container.swal2-center { align-items: center; } .swal2-container.swal2-center-left { align-items: center; justify-content: flex-start; } .swal2-container.swal2-center-right { align-items: center; justify-content: flex-end; } .swal2-container.swal2-bottom { align-items: flex-end; } .swal2-container.swal2-bottom-left { align-items: flex-end; justify-content: flex-start; } .swal2-container.swal2-bottom-right { align-items: flex-end; justify-content: flex-end; } .swal2-container.swal2-grow-fullscreen > .swal2-modal { display: flex !important; flex: 1; align-self: stretch; justify-content: center; } .swal2-container.swal2-grow-row > .swal2-modal { display: flex !important; flex: 1; align-content: center; justify-content: center; } .swal2-container.swal2-grow-column { flex: 1; flex-direction: column; } .swal2-container.swal2-grow-column.swal2-top, .swal2-container.swal2-grow-column.swal2-center, .swal2-container.swal2-grow-column.swal2-bottom { align-items: center; } .swal2-container.swal2-grow-column.swal2-top-left, .swal2-container.swal2-grow-column.swal2-center-left, .swal2-container.swal2-grow-column.swal2-bottom-left { align-items: flex-start; } .swal2-container.swal2-grow-column.swal2-top-right, .swal2-container.swal2-grow-column.swal2-center-right, .swal2-container.swal2-grow-column.swal2-bottom-right { align-items: flex-end; } .swal2-container.swal2-grow-column > .swal2-modal { display: flex !important; flex: 1; align-content: center; justify-content: center; } .swal2-container.swal2-fade { transition: background-color 0.1s; } .swal2-container.swal2-shown { background-color: rgba(0, 0, 0, 0.4); } .swal2-popup { flex-direction: column; background-color: #ffffff; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; border-radius: 5px; box-sizing: border-box; text-align: center; overflow-x: hidden; overflow-y: auto; display: none; position: relative; max-width: 100%; } .swal2-popup.swal2-toast { width: 300px; padding: 0 15px; flex-direction: row; align-items: center; overflow-y: hidden; box-shadow: 0 0 10px #d9d9d9; } .swal2-popup.swal2-toast .swal2-title { max-width: 300px; font-size: 16px; text-align: left; } .swal2-popup.swal2-toast .swal2-content { font-size: 14px; text-align: left; } .swal2-popup.swal2-toast .swal2-icon { width: 32px; height: 32px; margin: 0 15px 0 0; } .swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring { width: 32px; height: 32px; } .swal2-popup.swal2-toast .swal2-icon.swal2-info, .swal2-popup.swal2-toast .swal2-icon.swal2-warning, .swal2-popup.swal2-toast .swal2-icon.swal2-question { font-size: 26px; line-height: 32px; } .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^='swal2-x-mark-line'] { top: 14px; width: 22px; } .swal2-popup.swal2-toast .swal2-icon.swal2-error[class$='left'] { left: 5px; } .swal2-popup.swal2-toast .swal2-icon.swal2-error[class$='right'] { right: 5px; } .swal2-popup.swal2-toast .swal2-buttonswrapper { margin: 0 0 0 5px; } .swal2-popup.swal2-toast .swal2-styled { margin: 0 0 0 5px; padding: 5px 10px; } .swal2-popup.swal2-toast .swal2-styled:focus { box-shadow: 0 0 0 1px #ffffff, 0 0 0 2px rgba(50, 100, 150, 0.4); } .swal2-popup.swal2-toast .swal2-validationerror { width: 100%; margin: 5px -20px; } .swal2-popup.swal2-toast .swal2-success { border-color: #a5dc86; } .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'] { border-radius: 50%; position: absolute; width: 32px; height: 64px; transform: rotate(45deg); } .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'][class$='left'] { border-radius: 64px 0 0 64px; top: -4px; left: -15px; transform: rotate(-45deg); transform-origin: 32px 32px; } .swal2-popup.swal2-toast .swal2-success [class^='swal2-success-circular-line'][class$='right'] { border-radius: 0 64px 64px 0; top: -5px; left: 14px; transform-origin: 0 32px; } .swal2-popup.swal2-toast .swal2-success .swal2-success-ring { width: 32px; height: 32px; } .swal2-popup.swal2-toast .swal2-success .swal2-success-ring .swal2-success-fix { width: 7px; height: 90px; left: 28px; top: 8px; } .swal2-popup.swal2-toast .swal2-success .swal2-success-ring [class^='swal2-success-line'] { height: 5px; } .swal2-popup.swal2-toast .swal2-success .swal2-success-ring [class^='swal2-success-line'][class$='tip'] { width: 12px; left: 3px; top: 18px; } .swal2-popup.swal2-toast .swal2-success .swal2-success-ring [class^='swal2-success-line'][class$='long'] { width: 22px; right: 3px; top: 15px; } .swal2-popup.swal2-toast .swal2-animate-success-line-tip { animation: animate-toast-success-tip 0.75s; } .swal2-popup.swal2-toast .swal2-animate-success-line-long { animation: animate-toast-success-long 0.75s; } .swal2-popup:focus { outline: none; } .swal2-popup.swal2-loading { overflow-y: hidden; } .swal2-popup .swal2-title { color: #595959; font-size: 30px; text-align: center; font-weight: 600; text-transform: none; position: relative; margin: 0 0 0.4em; padding: 0; display: block; word-wrap: break-word; } .swal2-popup .swal2-buttonswrapper { align-items: center; justify-content: center; margin-top: 15px; } .swal2-popup .swal2-buttonswrapper:not(.swal2-loading) .swal2-styled[disabled] { opacity: 0.4; cursor: no-drop; } .swal2-popup .swal2-buttonswrapper.swal2-loading .swal2-styled.swal2-confirm { box-sizing: border-box; border: 4px solid transparent; border-color: transparent; width: 40px; height: 40px; padding: 0; margin: 7.5px; vertical-align: top; background-color: transparent !important; color: transparent; cursor: default; border-radius: 100%; animation: rotate-loading 1.5s linear 0s infinite normal; user-select: none; } .swal2-popup .swal2-buttonswrapper.swal2-loading .swal2-styled.swal2-cancel { margin-left: 30px; box-sizing: border-box; border: 4px solid transparent; border-color: transparent; width: 40px; height: 40px; padding: 0; margin: 7.5px; vertical-align: top; background-color: transparent !important; color: transparent; cursor: default; border-radius: 100%; animation: rotate-loading 1.5s linear 0s infinite normal; user-select: none; } .swal2-popup .swal2-buttonswrapper.swal2-loading :not(.swal2-styled).swal2-confirm::after { display: inline-block; content: ""; margin-left: 5px; vertical-align: -1px; height: 15px; width: 15px; border: 3px solid #999999; box-shadow: 1px 1px 1px #ffffff; border-right-color: transparent; border-radius: 50%; animation: rotate-loading 1.5s linear 0s infinite normal; } .swal2-popup .swal2-styled { border: 0; border-radius: 0; box-shadow: none; color: #ffffff; cursor: pointer; font-size: 17px; font-weight: 500; margin: 15px 5px 0; padding: 10px 32px; } .swal2-popup .swal2-styled:focus { outline: none; box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px rgba(50, 100, 150, 0.4); } .swal2-popup .swal2-image { margin: 20px auto; max-width: 100%; } .swal2-popup .swal2-close { background: transparent; border: 0; margin: 0; padding: 0; width: 38px; height: 40px; font-size: 36px; line-height: 40px; font-family: serif; position: absolute; top: 5px; right: 8px; cursor: pointer; color: #cccccc; transition: color 0.1s ease; } .swal2-popup .swal2-close:hover { color: #d55; } .swal2-popup > .swal2-input, .swal2-popup > .swal2-file, .swal2-popup > .swal2-textarea, .swal2-popup > .swal2-select, .swal2-popup > .swal2-radio, .swal2-popup > .swal2-checkbox { display: none; } .swal2-popup .swal2-content { font-size: 18px; text-align: center; font-weight: 300; position: relative; float: none; margin: 0; padding: 0; line-height: normal; color: #545454; word-wrap: break-word; } .swal2-popup .swal2-input, .swal2-popup .swal2-file, .swal2-popup .swal2-textarea, .swal2-popup .swal2-select, .swal2-popup .swal2-radio, .swal2-popup .swal2-checkbox { margin: 20px auto; } .swal2-popup .swal2-input, .swal2-popup .swal2-file, .swal2-popup .swal2-textarea { width: 100%; box-sizing: border-box; font-size: 18px; border-radius: 3px; border: 1px solid #d9d9d9; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06); transition: border-color 0.3s, box-shadow 0.3s; } .swal2-popup.swal2-inputerror { border-color: #f27474 !important; box-shadow: 0 0 2px #f27474 !important; } .swal2-popup:focus { outline: none; border: 1px solid #b4dbed; box-shadow: 0 0 3px #c4e6f5; } .swal2-popup::placeholder { color: #cccccc; } .swal2-popup .swal2-range input { float: left; width: 80%; } .swal2-popup .swal2-range output { float: right; width: 20%; font-size: 20px; font-weight: 600; text-align: center; } .swal2-popup .swal2-range input, .swal2-popup .swal2-range output { height: 43px; line-height: 43px; vertical-align: middle; margin: 20px auto; padding: 0; } .swal2-popup .swal2-input { height: 43px; padding: 0 12px; } .swal2-popup .swal2-input[type='number'] { max-width: 150px; } .swal2-popup .swal2-file { font-size: 20px; } .swal2-popup .swal2-textarea { height: 108px; padding: 12px; } .swal2-popup .swal2-select { color: #545454; font-size: inherit; padding: 5px 10px; min-width: 40%; max-width: 100%; } .swal2-popup .swal2-radio { border: 0; } .swal2-popup .swal2-radio label:not(:first-child) { margin-left: 20px; } .swal2-popup .swal2-radio input, .swal2-popup .swal2-radio span { vertical-align: middle; } .swal2-popup .swal2-radio input { margin: 0 3px 0 0; } .swal2-popup .swal2-radio .swal2-checkbox { color: #545454; } .swal2-popup .swal2-radio .swal2-checkbox input, .swal2-popup .swal2-radio .swal2-checkbox span { vertical-align: middle; } .swal2-popup .swal2-validationerror { background-color: #f0f0f0; margin: 0 -20px; overflow: hidden; padding: 10px; color: gray; font-size: 16px; font-weight: 300; display: none; } .swal2-popup .swal2-validationerror::before { content: "!"; display: inline-block; width: 24px; height: 24px; border-radius: 50%; background-color: #ea7d7d; color: #ffffff; line-height: 24px; text-align: center; margin-right: 10px; } .swal2-modal .swal2-content { text-align: center; margin-bottom: 10px; } .swal2-buttonswrapper { text-align: center; } .swal2-confirm.swal2-styled { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; position: relative; display: inline-block; font-weight: normal; text-align: center; vertical-align: middle; user-select: none; text-decoration: none; border-width: 1px; border-style: solid; cursor: pointer; -webkit-tap-highlight-color: transparent; padding: 0.5rem 2rem; line-height: 1.5; font-size: 15px; font-size: 1.5rem; color: #ffffff; background-color: #2196F3; border-color: #2196F3; } .swal2-confirm.swal2-styled:focus, .swal2-confirm.swal2-styled:hover, .swal2-confirm.swal2-styled:active, .swal2-confirm.swal2-styled.active { color: #ffffff; background-color: #3085d6; border-color: #3085d6; } .swal2-cancel.swal2-styled { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; position: relative; display: inline-block; font-weight: normal; text-align: center; vertical-align: middle; user-select: none; text-decoration: none; border-width: 1px; border-style: solid; cursor: pointer; -webkit-tap-highlight-color: transparent; padding: 0.5rem 2rem; line-height: 1.5; font-size: 15px; font-size: 1.5rem; color: #ffffff; background-color: #f27474 !important; border-color: #f27474 !important; margin-left: 15px; } .swal2-cancel.swal2-styled:focus, .swal2-cancel.swal2-styled:hover, .swal2-cancel.swal2-styled:active, .swal2-cancel.swal2-styled.active { color: #ffffff; background-color: #d55000 !important; border-color: #d55000 !important; } @supports (-ms-accelerator: true) { .swal2-range input { width: 100% !important; } .swal2-range output { display: none; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .swal2-range input { width: 100% !important; } .swal2-range output { display: none; } } .swal2-icon { width: 80px; height: 80px; border: 4px solid transparent; border-radius: 50%; margin: 20px auto 30px; padding: 0; position: relative; box-sizing: content-box; cursor: default; user-select: none; } .swal2-icon.swal2-error { border-color: #f27474; } .swal2-icon .swal2-x-mark { position: relative; display: block; } .swal2-icon [class^='swal2-x-mark-line'] { position: absolute; height: 5px; width: 47px; background-color: #f27474; display: block; top: 37px; border-radius: 2px; } .swal2-icon [class^='swal2-x-mark-line'][class$='left'] { transform: rotate(45deg); left: 17px; } .swal2-icon [class^='swal2-x-mark-line'][class$='right'] { transform: rotate(-45deg); right: 16px; } .swal2-icon.swal2-warning { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #f8bb86; border-color: #facea8; font-size: 60px; line-height: 80px; text-align: center; } .swal2-icon.swal2-info { font-family: "Open Sans", sans-serif; color: #3fc3ee; border-color: #9de0f6; font-size: 60px; line-height: 80px; text-align: center; } .swal2-icon.swal2-question { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #87adbd; border-color: #c9dae1; font-size: 60px; line-height: 80px; text-align: center; } .swal2-icon.swal2-success { border-color: #a5dc86; } .swal2-icon.swal2-success [class^='swal2-success-circular-line'] { border-radius: 50%; position: absolute; width: 60px; height: 120px; transform: rotate(45deg); } .swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='left'] { border-radius: 120px 0 0 120px; top: -7px; left: -33px; transform: rotate(-45deg); transform-origin: 60px 60px; } .swal2-icon.swal2-success [class^='swal2-success-circular-line'][class$='right'] { border-radius: 0 120px 120px 0; top: -11px; left: 30px; transform: rotate(-45deg); transform-origin: 0 60px; } .swal2-icon.swal2-success .swal2-success-ring { width: 80px; height: 80px; border: 4px solid rgba(165, 220, 134, 0.2); border-radius: 50%; box-sizing: content-box; position: absolute; left: -4px; top: -4px; z-index: 2; } .swal2-icon.swal2-success .swal2-success-fix { width: 7px; height: 90px; position: absolute; left: 28px; top: 8px; z-index: 1; transform: rotate(-45deg); } .swal2-icon.swal2-success [class^='swal2-success-line'] { height: 5px; background-color: #a5dc86; display: block; border-radius: 2px; position: absolute; z-index: 2; } .swal2-icon.swal2-success [class^='swal2-success-line'][class$='tip'] { width: 25px; left: 14px; top: 46px; transform: rotate(45deg); } .swal2-icon.swal2-success [class^='swal2-success-line'][class$='long'] { width: 47px; right: 8px; top: 38px; transform: rotate(-45deg); } .swal2-progresssteps { font-weight: 600; margin: 0 0 20px; padding: 0; } .swal2-progresssteps li { display: inline-block; position: relative; } .swal2-progresssteps .swal2-progresscircle { background: #3085d6; border-radius: 2em; color: #ffffff; height: 2em; line-height: 2em; text-align: center; width: 2em; z-index: 20; } .swal2-progresssteps .swal2-progresscircle:first-child { margin-left: 0; } .swal2-progresssteps .swal2-progresscircle:last-child { margin-right: 0; } .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep { background: #3085d6; } .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progresscircle { background: #add8e6; } .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progressline { background: #add8e6; } .swal2-progresssteps .swal2-progressline { background: #3085d6; height: 0.4em; margin: 0 -1px; z-index: 10; } [class^='swal2'] { -webkit-tap-highlight-color: transparent; } @keyframes showSweetToast { 0% { transform: translateY(-10px) rotateZ(2deg); opacity: 0; } 33% { transform: translateY(0) rotateZ(-2deg); opacity: 0.5; } 66% { transform: translateY(5px) rotateZ(2deg); opacity: 0.7; } 100% { transform: translateY(0) rotateZ(0); opacity: 1; } } @keyframes hideSweetToast { 0% { opacity: 1; } 33% { opacity: 0.5; } 100% { transform: rotateZ(1deg); opacity: 0; } } @keyframes showSweetAlert { 0% { transform: scale(0.7); } 45% { transform: scale(1.05); } 80% { transform: scale(0.95); } 100% { transform: scale(1); } } @keyframes hideSweetAlert { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(0.5); opacity: 0; } } .swal2-show { animation: showSweetAlert 0.3s; } .swal2-show.swal2-toast { animation: showSweetToast 0.5s; } .swal2-show.swal2-noanimation { animation: none; } .swal2-hide { animation: hideSweetAlert 0.15s forwards; } .swal2-hide.swal2-toast { animation: hideSweetToast 0.2s forwards; } .swal2-hide.swal2-noanimation { animation: none; } @keyframes animate-success-tip { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @keyframes animate-success-long { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } @keyframes animate-toast-success-tip { 0% { width: 0; left: 1px; top: 9px; } 54% { width: 0; left: 1px; top: 9px; } 70% { width: 24px; left: -4px; top: 17px; } 84% { width: 8px; left: 10px; top: 20px; } 100% { width: 12px; left: 3px; top: 18px; } } @keyframes animate-toast-success-long { 0% { width: 0; right: 22px; top: 26px; } 65% { width: 0; right: 22px; top: 26px; } 84% { width: 26px; right: 0; top: 15px; } 100% { width: 22px; right: 3px; top: 15px; } } @keyframes rotatePlaceholder { 0% { transform: rotate(-45deg); } 5% { transform: rotate(-45deg); } 12% { transform: rotate(-405deg); } 100% { transform: rotate(-405deg); } } .swal2-animate-success-line-tip { animation: animate-success-tip 0.75s; } .swal2-animate-success-line-long { animation: animate-success-long 0.75s; } .swal2-success.swal2-animate-success-icon .swal2-success-circular-line-right { animation: rotatePlaceholder 4.25s ease-in; } @keyframes animate-error-icon { 0% { transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0deg); opacity: 1; } } .swal2-animate-error-icon { animation: animate-error-icon 0.5s; } @keyframes animate-x-mark { 0% { transform: scale(0.4); margin-top: 26px; opacity: 0; } 50% { transform: scale(0.4); margin-top: 26px; opacity: 0; } 80% { transform: scale(1.15); margin-top: -6px; } 100% { transform: scale(1); margin-top: 0; opacity: 1; } } .swal2-animate-x-mark { animation: animate-x-mark 0.5s; } @keyframes rotate-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @charset "UTF-8"; .barContent, .frameContent, .frameContent .expander, .contentTop, .contentMain, body, body.body-lightBox .lightbox-top-bar, *.title-admin-page, .float-box { -webkit-box-sizing: border-box; box-sizing: border-box; } .setting-dialog-wrapper:not(#leftEditBox)~.overlayer, .hover-show .hide { -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } body.body-admin-main .swiper-button-prev, body.body-admin-main .swiper-button-next, body.body-admin-main .swiper-button-prev::after, body.body-admin-main .swiper-button-next::after { -webkit-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; } .info-detail.member-img .actions-holder { display: -webkit-box; display: -ms-flexbox; display: flex; } .info-detail.member-img .actions-holder { -ms-flex-pack: center; -ms-justify-content: center; -moz-justify-content: center; -webkit-box-pack: center; justify-content: center; } .info-detail.member-img .actions-holder { -ms-flex-align: center; -ms-align-items: center; -moz-align-items: center; -webkit-box-align: center; align-items: center; } .sideBarMenu:not(.mm-menu) { display: none; } .cclogo { text-align: center !important; margin: 10px 0 30px; } .cclogo img { max-width: 180px; } .publish { position: fixed; width: 100%; bottom: 0; text-align: center; padding: 20px 0; } a.btn-MianUpload>i { font-size: 45px; display: block; } a.btn-MianUpload:focus, a.btn-MianUpload:hover { color: #000000; } .barContent { width: 100%; height: 100%; position: absolute !important; } .frameContent { position: absolute !important; top: 0; left: 280px; right: 0; bottom: 0; padding: 50px 20px 0 0; height: 100%; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } @media only screen and (max-width: 1024px) { .frameContent { left: 240px; } } .frameContent .expander { position: absolute !important; top: -10px; left: -10px; height: 44px; width: 44px; overflow: hidden !important; pointer-events: none; cursor: pointer; z-index: 1001; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .frameContent .expander::before, .frameContent .expander::after { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .frameContent .expander::after { content: ""; display: block !important; position: absolute !important; height: 100%; width: 100%; left: 0; top: 0; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; pointer-events: auto; border-left: 1px solid #cccccc; border-top: 1px solid #cccccc; } .frameContent .expander::before { content: ""; display: block !important; position: absolute !important; left: -11%; top: 37%; width: 100%; height: 1px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); pointer-events: auto; background-color: #cccccc; opacity: 0; } .frameContent.pushdown { left: 0; padding: 0; } .frameContent.pushdown .expander::after { width: 60%; height: 60%; border-left: none; border-top: none; border-right: 2px solid #000000; border-bottom: 2px solid #000000; } .frameContent.pushdown .expander::before { height: 2px; opacity: 1; background-color: #000000; width: 90%; left: 0; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .frameContent.pushdown:hover .expander::after { width: 60%; height: 60%; border-left: none; border-top: none; border-right: 2px solid #000000; border-bottom: 2px solid #000000; } .frameContent.pushdown:hover .expander::before { background-color: #000000; } .contentTop { position: absolute !important; width: 100%; height: 50px; top: 0; padding-right: 20px; } .contentTop #contentTop .login-info.d-flex { -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; text-decoration: none; margin-top: 10px; } .contentTop #contentTop .login-info.d-flex .login-name { padding-left: 5px; } .contentTop #contentTop .info-detail { display: none; position: absolute; top: 50px; right: 0; z-index: 9; background-color: white; } .contentTop #contentTop .info-detail.hoved { display: -webkit-box; display: -ms-flexbox; display: flex; } .contentTop #contentTop .info-detail .imgfile, .contentTop #contentTop .info-detail .info-forms { padding: 1em; } .contentTop #contentTop .info-detail ul.forms { margin: 0; } .contentTop #contentTop img { width: 30px; height: 30px; border-radius: 40px; margin-top: 0px; } .contentMain { position: relative !important; width: 100%; height: 100%; background-color: #ffffff; -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.11); box-shadow: 0 0 25px rgba(0, 0, 0, 0.11); } .contentMain:hover .expander::after { height: 50%; width: 50%; border-left: 1px solid #999999; border-top: 1px solid #999999; } .contentMain:hover .expander::before { background-color: #999999; opacity: 1; } .contentMain #mainWebContent { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .DDmenu { text-align: left !important; } .section-heading>div { display: inline-block; vertical-align: middle; line-height: 1; margin: 30px 0 10px; } .section-heading>div.dd-empty { margin: 10px auto; } .section-heading .addMenu { position: absolute; right: 18px; font-size: 20px; font-size: 2rem; } .section-heading.nestable-topMenu>div:not(.dd-empty) { margin: 0px 0 10px; } .section-heading>.dd-list { display: none; } .section-heading>.dd-list.show { display: block; } .section-heading.setting-ad { max-width: 320px; width: 100%; } .section-heading.setting-ad.active .toggleBox i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .section-heading.setting-ad .dd-list { display: block; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: flipOutY; animation-name: flipOutY; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } .section-heading.setting-ad .dd-list .dd-handle { cursor: inherit; } .section-heading.setting-ad>.dd-list>.dd-item:before { content: ""; display: block; position: absolute; left: 30px; background-color: #dddddd; visibility: visible; overflow: visible; } .section-heading.setting-ad>.dd-list>.dd-item:after { content: ""; display: block; position: absolute; left: 30px; background-color: #dddddd; visibility: visible; overflow: visible; } .section-heading.setting-ad>.dd-list>.dd-item:before { width: 1px; height: 38px; top: 0; } .section-heading.setting-ad>.dd-list>.dd-item:after { width: 11px; height: 1px; top: 19px; margin-top: -0.5px; } .section-heading.setting-ad>.dd-list>.dd-item:last-child:before { width: 1px; height: 19px; top: 0; } .section-heading.setting-ad>.dd-list>.dd-item:last-child:after { width: 11px; height: 1px; top: 19px; margin-top: -0.5px; } .section-heading.setting-ad.active .dd-list { display: block; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } .section-heading.setting-ad .cc.cc-check { opacity: 0; } .section-heading.setting-ad .has-ad .cc.cc-check { opacity: 1; color: #0070c0; } .section-heading.setting-ad .has-ad .menu-title { color: #0070c0; } .section-heading.setting-ad .icons-box a { opacity: 0.6; } .section-heading.setting-ad .icons-box a:hover { opacity: 1; } .section-heading.setting-ad .icons-box i { display: inline-block; position: static; } .section-heading.setting-ad .ad-content { position: absolute; left: 100%; width: 100%; min-width: 480px; } .section-heading.setting-ad .ad-content ul { list-style: none; padding-left: 0px; margin-left: 0px; } .section-heading.setting-ad .ad-content ul li { display: inline-block; margin-left: 1rem; } .section-heading.setting-ad .ad-content .ad-display-position { color: #0070c0; } .section-heading.setting-ad .ad-content .ad-display-position+.ad-display-position:before { content: "、"; } .toggleBox { margin: 0 5px 0 10px; padding: 3px 6px; cursor: pointer; } .toggleBox i { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .toggleBox:hover i, .toggleBox.active i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } [class^='iconMenu-'] { position: relative; width: 14px; height: 12px; margin-right: 5px; } [class^='iconMenu-']::before, [class^='iconMenu-']::after { content: ""; display: block; overflow: visible; visibility: visible; } [class^='iconMenu-']>div, [class^='iconMenu-']::before, [class^='iconMenu-']::after { position: absolute; width: 100%; height: 2px; background-color: #cccccc; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; } [class^='iconMenu-']>div { top: 5px; } [class^='iconMenu-']::before { top: 0; } [class^='iconMenu-']::after { bottom: 0; } .iconMenu-top::before { background-color: #999999; } .iconMenu-main>div { background-color: #999999; } .iconMenu-bottom::after { background-color: #999999; } .icons-box { position: absolute; right: 20px; } .icons-box i { color: #000000; position: absolute; right: 0; } .icons-box a i.cc-settings { display: none; z-index: 100; } .dd { position: relative; display: block; margin: 0; padding: 0; list-style: none; font-size: 14px; font-size: 1.4rem; line-height: 20px; } .dd-list { display: block; position: relative; margin: 0; padding: 0; list-style: none; } .dd-list .menu-title { max-width: 130px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .dd-list .dd-list .dd-item .dd-handle::before, .dd-list .dd-list .dd-item>.dd-nodrag::before { width: 1px; height: 38px; top: 0; } .dd-list .dd-list .dd-item:last-child>.dd-handle::before, .dd-list .dd-list .dd-item:last-child>.dd-nodrag::before { width: 1px; height: 19px; top: 0; } .dd-list .dd-list .menu-title { max-width: 110px; } .dd-list .dd-list .dd-handle, .dd-list .dd-list .dd-item>.dd-nodrag { padding-left: 70px; } .dd-list .dd-list .dd-handle::before, .dd-list .dd-list .dd-handle::after, .dd-list .dd-list .dd-item>.dd-nodrag::before, .dd-list .dd-list .dd-item>.dd-nodrag::after { content: ""; display: block; position: absolute; left: 50px; background-color: #dddddd; visibility: visible; overflow: visible; } .dd-list .dd-list .dd-handle::after, .dd-list .dd-list .dd-item>.dd-nodrag::after { width: 11px; height: 1px; top: 19px; margin-top: -0.5px; } .dd-list .dd-list .dd-list .dd-handle, .dd-list .dd-list .dd-list .dd-item>.dd-nodrag { padding-left: 95px; } .dd-list .dd-list .dd-list .dd-handle::before, .dd-list .dd-list .dd-list .dd-handle::after, .dd-list .dd-list .dd-list .dd-item>.dd-nodrag::before, .dd-list .dd-list .dd-list .dd-item>.dd-nodrag::after { left: 80px; } .dd-list .dd-list .dd-list .menu-title { max-width: 90px; } .dd-list .dd-list .dd-list .dd-list .dd-handle, .dd-list .dd-list .dd-list .dd-list .dd-item>.dd-nodrag { padding-left: 120px; } .dd-list .dd-list .dd-list .dd-list .dd-handle::before, .dd-list .dd-list .dd-list .dd-list .dd-handle::after, .dd-list .dd-list .dd-list .dd-list .dd-item>.dd-nodrag::before, .dd-list .dd-list .dd-list .dd-list .dd-item>.dd-nodrag::after { left: 110px; } .dd-list .dd-list .dd-list .dd-list .menu-title { max-width: 70px; } .dd-list .dd-list .dd-list .dd-list .dd-list .dd-handle, .dd-list .dd-list .dd-list .dd-list .dd-list .dd-item>.dd-nodrag { padding-left: 145px; } .dd-list .dd-list .dd-list .dd-list .dd-list .dd-handle::before, .dd-list .dd-list .dd-list .dd-list .dd-list .dd-handle::after, .dd-list .dd-list .dd-list .dd-list .dd-list .dd-item>.dd-nodrag::before, .dd-list .dd-list .dd-list .dd-list .dd-list .dd-item>.dd-nodrag::after { left: 135px; } .dd-list .dd-list .dd-list .dd-list .dd-list .menu-title { max-width: 50px; } .dd-list.checkStyle .dd-list .dd-handle { padding-left: 25px; } .dd-list.checkStyle .dd-list .dd-handle::before, .dd-list.checkStyle .dd-list .dd-handle::after { left: 8px; } .dd-list.checkStyle .dd-list .dd-list .dd-handle { padding-left: 50px; } .dd-list.checkStyle .dd-list .dd-list .dd-handle::before, .dd-list.checkStyle .dd-list .dd-list .dd-handle::after { left: 33px; } .dd-list.checkStyle .dd-list .dd-list .dd-handle .dd-handle { padding-left: 75px; } .dd-list.checkStyle .dd-list .dd-list .dd-handle .dd-handle::before, .dd-list.checkStyle .dd-list .dd-list .dd-handle .dd-handle::after { left: 58px; } .dd-list.checkStyle .dd-list .dd-list .dd-list .dd-handle { padding-left: 75px; } .dd-list.checkStyle .dd-list .dd-list .dd-list .dd-handle::before, .dd-list.checkStyle .dd-list .dd-list .dd-list .dd-handle::after { left: 58px; } .dd-item, .dd-empty, .dd-placeholder { display: block; position: relative; margin: 0; padding: 0; min-height: 20px; font-size: 14px; font-size: 1.4rem; line-height: 20px; } .current-menu>.dd-handle, .current-menu>.dd-nodrag { background: #e4e4e4; } .current-menu>.dd-handle:hover, .current-menu>.dd-nodrag:hover { background: #e4e4e4; } .current-menu>.dd-handle>.icons-box i:not(.cc-settings), .current-menu>.dd-nodrag>.icons-box i:not(.cc-settings) { right: inherit; margin-right: 3px; } .current-menu>.dd-handle>.icons-box a i.cc-settings, .current-menu>.dd-nodrag>.icons-box a i.cc-settings { display: block; } .current-menu.active-menu>.dd-handle .icons-box i:not(.cc-settings), .current-menu.active-menu>.dd-nodrag .icons-box i:not(.cc-settings) { display: block; } .active-menu>.dd-handle .icons-box a i.cc-settings, .active-menu>.dd-nodrag .icons-box a i.cc-settings { display: block; } .active-menu>.dd-handle .icons-box i:not(.cc-settings), .active-menu>.dd-nodrag .icons-box i:not(.cc-settings) { display: none; } .disable-menu .dd-handle, .disable-menu .icons-box i:not(.cc-settings), .disable-menu>.dd-nodrag { color: #999999; } .dd-handle, .dd-item>.dd-nodrag { display: block; margin: 2px 0; padding: 10px 10px 10px 45px; color: #3e3e3e; text-decoration: none; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1; cursor: pointer; } .dd-handle:hover, .dd-item>.dd-nodrag:hover { background: rgba(228, 228, 228, 0.55); } .dd-handle i, .dd-item>.dd-nodrag i { font-size: 1.8rem; font-size: 1.8rem; } .dd-handle>*, .dd-item>.dd-nodrag>* { display: inline-block; vertical-align: middle; } .dd-handle>i, .dd-item>.dd-nodrag>i { margin-right: 3px; } .dd-item>button { position: relative; cursor: pointer; float: left; width: 25px; height: 20px; margin: 5px 0; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: transparent; font-size: 12px; line-height: 30px; text-align: center; font-weight: bold; z-index: 1; } .dd-item>button::before { display: block; position: absolute; width: 100%; text-align: center; text-indent: 0; } .dd-item>button.dd-expand:before { content: "+"; } .dd-item>button.dd-collapse:before { content: "-"; } .dd-expand { display: none; } .dd-collapsed .dd-list, .dd-collapsed .dd-collapse { display: none; } .dd-collapsed .dd-expand { display: block; } .dd-empty, .dd-placeholder { margin: 5px 0; padding: 0; min-height: 30px; border: 1px dashed #b6bcbf; border-left: none; border-right: none; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-sizing: border-box; } .dd-empty { display: block !important; width: 90%; border: 2px dashed #cccccc; min-height: 40px; } .dd-empty::before { display: block !important; text-align: center !important; font-size: 13px; font-size: 1.3rem; padding: 15px 0; color: #bbbbbb; content: "This navigation is empty"; } .dd-dragel { position: absolute; pointer-events: none; z-index: 9999; } .dd-dragel>.dd-item .dd-handle, .dd-dragel>.dd-item>.dd-nodrag { margin-top: 0; } .dd-nochildren .dd-placeholder { display: none; } html { overflow-x: hidden !important; } body.body-lightBox { background-color: #f7f7f7; overflow-x: initial !important; } body.body-lightBox .lightbox-top-bar { padding: 17px 20px; border-bottom: 1px solid #dddddd; position: fixed; z-index: 1; background: #f7f7f7; width: 100%; top: 0; font-size: 15px; color: #000000; } body.body-lightBox .lightbox-top-bar~[class*='col-'] { margin-top: 55px; } body.body-lightBox .lightbox-top-bar~ul.forms { margin-top: 80px; margin-left: 20px; margin-right: 20px; } body.body-lightBox .lightbox-top-bar~.fixTable { margin: 56px 3%; width: 94%; } body.body-lightBox .swiper-slide ul.forms { margin: 0px 0px 60px; } body.body-lightBox ul.forms { margin: 20px 25px 60px; } body.body-admin-main { background-color: #FFFFFF; min-height: 100vh; overflow-x: initial !important; } body.body-admin-main>.zone { padding: 10px; } body.body-admin-main>.zone>.wrapper { -ms-flex-direction: inherit; -moz-flex-direction: inherit; -webkit-box-orient: inherit; -webkit-box-direction: inherit; flex-direction: inherit; } body.body-admin-main>.zone>.wrapper>.groove { margin: 10px; white-space: normal; -webkit-box-flex: initial !important; -ms-flex: initial !important; flex: initial !important; } body.body-admin-main>.zone>.wrapper>.groove.groove-1 { width: calc(100% - 20px); } body.body-admin-main>.zone>.wrapper>.groove.groove-4 { width: calc(25% - 20px); } @media only screen and (max-width: 1024px) { body.body-admin-main>.zone>.wrapper>.groove.groove-4 { width: calc(50% - 20px); } } body.body-admin-main ul.forms { margin: 20px 20px 40px; } body.body-admin-main ul.forms ul.forms { margin: 10px 15px; } body.body-admin-main .card>.control-bar { padding: 0; } body.body-admin-main .goBack { padding: 0; font-size: 20px; } body.body-admin-main .goBack>i { font-size: 28px; vertical-align: text-top; } body.body-admin-main .swiper-button-prev, body.body-admin-main .swiper-button-next { width: 30px; height: 100%; top: 0; margin-top: 0; opacity: 0; background-color: rgba(255, 255, 255, 0.7); z-index: 100; } @media only screen and (max-width: 420px) { body.body-admin-main .swiper-button-prev, body.body-admin-main .swiper-button-next { width: 40px; height: 40px; opacity: 1; background-color: transparent; } } body.body-admin-main .swiper-button-prev::after, body.body-admin-main .swiper-button-next::after { font-family: "FontCCWork"; display: block; position: absolute; width: 100%; height: 50px; line-height: 50px; top: 50%; margin-top: -25px; font-size: 30px; } @media only screen and (max-width: 420px) { body.body-admin-main .swiper-button-prev::after, body.body-admin-main .swiper-button-next::after { height: 100%; line-height: 40px; top: 0%; margin-top: 0px; font-size: 40px; } } body.body-admin-main .swiper-button-prev { left: 0; } body.body-admin-main .swiper-button-prev::after { content: "\ea06"; } body.body-admin-main .swiper-button-next { right: 0; } body.body-admin-main .swiper-button-next::after { content: "\ea08"; } body.body-admin-main .swiper-container.swiper-tab-bar { position: relative; border-bottom-color: transparent; background: transparent; } body.body-admin-main .swiper-container.swiper-tab-bar .swiper-slide { padding: 17px 20px; } body.body-admin-main .swiper-container.swiper-tab-bar .swiper-slide:hover, body.body-admin-main .swiper-container.swiper-tab-bar .swiper-slide:focus { background-color: #f7f7f7; } body.body-admin-main .swiper-container.swiper-tab-bar .swiper-slide.selected { background-color: #f7f7f7; } body.body-admin-main .swiper-container.swiper-tab-content { position: relative; overflow: hidden; min-height: 100%; margin-top: 0; } body.body-admin-main .swiper-container.swiper-tab-content .swiper-wrapper { position: relative; } body.body-admin-main .swiper-container.swiper-tab-content .swiper-wrapper .swiper-slide { background: transparent; padding: 10px 0px 60px; } @media only screen and (min-width: 1500px) { body.body-admin-main .swiper-container.swiper-tab-content .swiper-wrapper .swiper-slide { padding: 10px 0px 60px; } } body.body-admin-main .swiper-container.swiper-tab-content .swiper-wrapper .swiper-slide ul.forms { margin: 0px; } body.body-admin-main .swiper-container:hover .swiper-button-prev, body.body-admin-main .swiper-container:hover .swiper-button-next { opacity: 1; } body.body-dropdown { background-color: #f7f7f7; } body.body-dropdown ul.forms { margin: 20px 20px 80px; } body.body-dropdown .toggleBox { position: absolute; top: 4px; left: 0px; margin: 0px; } body.body-dropdown .dd-list .dd-list .dd-handle, body.body-dropdown .dd-list .dd-list .dd-item>.dd-nodrag { padding-left: 55px; } body.body-dropdown .dd-list .dd-list .dd-handle::before, body.body-dropdown .dd-list .dd-list .dd-handle::after, body.body-dropdown .dd-list .dd-list .dd-item>.dd-nodrag::before, body.body-dropdown .dd-list .dd-list .dd-item>.dd-nodrag::after { left: 35px; } body.body-dropdown .dd-handle, body.body-dropdown .dd-item>.dd-nodrag { padding: 6px 10px 6px 30px; } ul.forms { margin: 20px 20px 40px; } ul.forms li.detailSetting { text-align: right; margin-left: 10px; margin-right: 10px; } @media only screen and (max-width: 800px) { ul.forms li.detailSetting { margin-left: 5px; margin-right: 5px; } } ul.forms li.detailSetting ul.forms { text-align: left; padding: 20px 20px 18px; background-color: #fafafa; margin: -1px 0px 0px; } ul.forms li.paragraph { position: relative; padding: 20px 20px 18px; margin-top: 25px; margin-left: 10px; margin-right: 10px; background-color: #fafafa; } @media only screen and (max-width: 800px) { ul.forms li.paragraph { margin-left: 5px; margin-right: 5px; } } ul.forms li.paragraph ul.forms { margin: 0px; } ul.forms li.paragraph>[class*='btn-'] { position: absolute; right: 0; top: 0; } ul.forms li.paragraph>[class*='btn-']:not(.btn-del) { position: relative; top: -20px; left: -20px; right: auto; } ul.forms li.paragraph .cke_contents { max-height: 250px; } ul.forms li.paragraph.bg-transparent { margin-left: 0; margin-right: 0; background-color: #FFFFFF; padding: 0; margin-top: 0; } @media only screen and (max-width: 800px) { ul.forms li.paragraph.bg-transparent { margin-left: 0; margin-right: 0; } } ul.forms li.paragraph.bg-transparent .input-field>.cke_reset { border: 1px solid #9e9e9e !important; } ul.forms .dropdown-content li>ul.forms { margin: 20px 20px 10px; padding: 0px; border: none; } .fixTable.check-table td { text-align: left; padding: 5px 13px; } .fixTable td.name { text-align: left; } .fixTable td.name a { color: #000000; } .fixTable td.name a:focus, .fixTable td.name a:active, .fixTable td.name a:hover { color: #9e9e9e; } .fixTable td.name a:link { color: #000000; } .fixTable td.name a:visited { color: #000000; } .fixTable td.name a.underline { border-color: #000000; } .fixTable td.name a.underline:hover { border-color: #9e9e9e; } .fixTable td.viewCount { width: 100px; position: relative; line-height: 1; padding: 0; } .fixTable td.viewCount>a, .fixTable td.viewCount>span { position: relative; z-index: 1; } .fixTable td.viewCount>div { background-color: #f1f1f1; position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding: 5px 8px; } .fixTable td.viewCount>div.doubleCount { position: relative; background-color: transparent; } .fixTable td.viewCount>div.doubleCount>a, .fixTable td.viewCount>div.doubleCount>span { position: relative; z-index: 1; } .fixTable td.viewCount>div.doubleCount>div { background-color: #f1f1f1; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .chartContent { text-align: center; } .chartContent>* { display: inline-block; } .chartContent>span { margin-right: 5px; font-size: 13px; } .chartContent>a { margin-right: 25px; font-size: 20px; vertical-align: bottom; } form#editForm { width: 100%; } .btn-openDetail { border-color: transparent; background-color: #fafafa; } .btn-openDetail:focus, .btn-openDetail:hover { border-color: transparent; background-color: #fafafa; } .dropdownIframe { width: 100%; height: 100%; position: absolute; } *.title-admin-page { padding: 7px 0px 5px; font-size: 18px; font-size: 1.8rem; text-align: left; color: #303030; background-color: #ffffff; position: relative; } .radio-box.module { margin-bottom: 145px; } .float-box { width: 100%; padding: 10px 12px; background-color: #f2f2f2; text-align: left; white-space: normal !important; } .float-box.top { position: absolute; top: -100% !important; left: 0 !important; margin: 0; padding: 6px 20px; width: auto; overflow: visible; } .float-box.right { position: absolute; margin: 0; padding: 6px 20px; overflow: visible; left: auto !important; right: 0 !important; } .float-box.middle { width: 80%; } .float-box .title { font-size: 1.3rem; color: #424242; margin-bottom: 8px; } .float-box input { margin-bottom: 5px; } .img-text-height .cke_contents { max-height: 200px; } .fileuploader.normal { margin: 0 -0.5% 25px; } .fileuploader.normal.fileuploader-theme-thumbnails .fileuploader-items-list { position: relative; margin: 0; display: inline; height: 0; padding: 0 0 18% 0; } .fileuploader.normal.fileuploader-theme-thumbnails .fileuploader-items-list .click-bg, .fileuploader.normal.fileuploader-theme-thumbnails .fileuploader-items-list a.click-bg { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; z-index: 1; } .fileuploader.normal.fileuploader-theme-thumbnails .fileuploader-items-list .actions-holder a:not(.click-bg) { position: relative; z-index: 2; } .fileuploader.normal.fileuploader-theme-thumbnails .fileuploader-items-list:hover .actions-holder { opacity: 1; } .fileuploader.normal.fileuploader-theme-thumbnails .fileuploader-items-list li.fileuploader-item { width: 19%; padding: 0 0 19%; margin: 0.5%; cursor: default; } .fileuploader.normal.fileuploader-theme-thumbnails .fileuploader-items.video .fileuploader-items-list, .fileuploader.normal.fileuploader-theme-thumbnails .fileuploader-items.voice .fileuploader-items-list, .fileuploader.normal.fileuploader-theme-thumbnails .fileuploader-items.file .fileuploader-items-list, .fileuploader.normal.fileuploader-theme-thumbnails .fileuploader-items.link .fileuploader-items-list { display: inherit; height: auto; padding: 0; } .fileuploader.normal.fileuploader-theme-thumbnails .fileuploader-items.voice li.fileuploader-item, .fileuploader.normal.fileuploader-theme-thumbnails .fileuploader-items.file li.fileuploader-item, .fileuploader.normal.fileuploader-theme-thumbnails .fileuploader-items.link li.fileuploader-item { width: 100%; cursor: default; margin: 0; padding: 20px 15px; border-bottom: 1px solid #eeeeee; background-color: #ffffff; } .fileuploader.normal.fileuploader-theme-thumbnails .fileuploader-items.video .fileuploader-items-list .actions-holder { width: 100%; height: 100%; left: 0; background: rgba(33, 33, 33, 0.55); z-index: 200; } .fileuploader.normal.fileuploader-theme-thumbnails .fileuploader-items.voice li.fileuploader-item .column-title { padding: 0; text-align: right; } .fileuploader.normal.fileuploader-theme-thumbnails .fileuploader-items.voice li.fileuploader-item .column-title>div.title-name { max-width: initial; width: calc(100% - 260px); text-align: left; } .fileuploader.normal.fileuploader-theme-thumbnails .fileuploader-items.file.fileuploader-item, .fileuploader.normal.fileuploader-theme-thumbnails .fileuploader-items.link.fileuploader-item { padding-bottom: 13px; } .setting-dialog-wrapper { position: absolute; z-index: 1011; display: none; width: 600px; height: 95%; top: 2.5%; left: 20px; -webkit-box-shadow: 0 4px 33px rgba(0, 0, 0, 0.22), 0 0 0 1px rgba(0, 0, 0, 0.04); box-shadow: 0 4px 33px rgba(0, 0, 0, 0.22), 0 0 0 1px rgba(0, 0, 0, 0.04); } .setting-dialog-wrapper#centerEditBox { width: 95%; left: 2.5%; } .setting-dialog-wrapper#centerEditBox-middle { width: 60%; left: 20%; z-index: 1005; } @media only screen and (max-width: 1599px) { .setting-dialog-wrapper#centerEditBox-middle { width: 75%; left: 12.5%; } } @media only screen and (max-width: 1179px) { .setting-dialog-wrapper#centerEditBox-middle { width: 95%; left: 2.5%; } } .setting-dialog-wrapper>iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .setting-dialog-wrapper:not(#leftEditBox)~.overlayer { position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); top: 0; left: 0; z-index: -1; opacity: 0; } .setting-dialog-wrapper:not(#leftEditBox).active~.overlayer { opacity: 1; z-index: 1002; } .preview { position: relative; width: 100%; padding-bottom: 56.25%; margin-top: 20px; margin-bottom: 10px; } .preview>iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } a.paragraph-add, a.link-add { margin-top: 25px; padding: 0; } a.paragraph-add { margin-left: 10px; margin-right: 10px; } @media only screen and (max-width: 800px) { a.paragraph-add { margin-left: 5px; margin-right: 5px; } } div.search-box { width: 100%; background-color: #FFFFFF; border: 1px solid #dddddd; opacity: 0; height: 0; overflow: hidden; padding: 0px; } div.search-box.pushup { opacity: 1; height: 100%; padding: 25px 20px; } div.search-box.pushup~.fixTable { margin-top: 40px; } div.search-box ul.forms { margin: 0px; } div.search-box ul.forms .title.inline.no-label~.input-field.inline input { margin-bottom: 0; } div.search-box .btn-close { position: absolute; top: 0; right: 0; } .btnGroup [class*='btn-'] { margin: 0px 10px 13px 0px; } table .plainText { display: inline-block; vertical-align: middle; margin-right: 5px; } table .plainText .plainText-content { font-size: 13px; color: #555555; } .chips { margin-bottom: 20px; min-height: 45px; } [data-color] { border: transparent; } .jugnle-temp-setting { text-align: center; background-color: #e0e0e0; padding: 10px 0px; font-size: 14px; line-height: 1; } [type="radio"].with-item.transparent.custom~label i { opacity: 0.5; } [type="radio"].with-item.transparent.custom:checked~label i { opacity: 1; } .info-detail.member-img { position: absolute; right: 0; } .info-detail.member-img .fileuploader { margin: 0; } .info-detail.member-img .imgFileProfile .fileuploader-items { width: 150px; height: 150px; border-color: #eeeeee; } .info-detail.member-img .fileuploader-theme-thumbnails .singleImg .fileuploader-thumbnails-input { padding-bottom: 100%; } .info-detail.member-img .imgFileProfile a.user { font-size: 113px; } .info-detail.member-img .imgFileProfile a.camera { right: 50%; bottom: 50%; margin-bottom: -13px; margin-right: -13px; opacity: 0; } .info-detail.member-img:hover .imgFileProfile a.camera { opacity: 1; } .info-detail.member-img .fileuploader-theme-thumbnails .imgFileProfile .singleImg li.fileuploader-item { height: 0; padding-bottom: 100%; } .info-detail.member-img .actions-holder .fileuploader-action-image { display: none; } .info-detail.member-img .actions-holder .fileuploader-item a[class*='btn-'] { width: 36px; height: 36px; } .hover-show .hide { opacity: 0; } .hover-show:hover .hide { opacity: 1; } #video-website-box [type="radio"].with-item.video-img~img { max-width: 110%; height: auto; } #video-website-box .radio-box { margin-top: 5px; } .top-profile-img { max-width: 50px; margin: 0 5px; } .top-profile-img img { margin-top: -20px; } .seo-textaarea { height: 10rem; } ul.keyword-list { display: inline-block; list-style: none; margin-top: 2rem; margin-left: 0; width: 85%; } ul.keyword-list li { display: inline-block; list-style: none; color: #000; background-color: #ccc; margin: 0 0.3rem 1rem 0.3rem; padding: 0.3rem 1.5rem; font-size: 1.4rem; line-height: 1.5; } ul.code_list { display: inline-block; list-style: none; margin-top: 1rem; margin-bottom: 3rem; } ul.code_list li { margin-bottom: 0.5rem; clear: both; } ul.code_list li>div { float: left; } ul.code_list li .brand_name { width: 20rem; margin-left: 1rem; } ul.code_list li input[type=text] { width: 28rem; height: 2.5rem; margin-bottom: 20px; } ul.tracking-list { display: inline-block; list-style: none; width: 86%; margin-top: 1rem; margin-bottom: 3rem; } ul.tracking-list li { display: inline-block; margin-bottom: 0.5rem; margin-right: 2rem; } ul.tracking-list li>div { float: left; } ul.tracking-list li .brand_name { width: 13.5rem; margin-left: 1rem; } ul.tracking-list li input[type=text] { width: 8rem; height: 2.5rem; margin-bottom: 20px; } .shareTd { width: 90%; } .shareTd .social-icons { width: 36px; padding: 0; margin: 0; text-align: right; } .shareTd .social-icons>i { margin-top: 5px; } .align-inline { margin: 1rem 0 0 7rem; } .socialSelect .select-wrapper { border-bottom: 1px solid #9e9e9e; margin-bottom: 25px; } .socialSelect .select-wrapper input.select-dropdown { display: none; } .socialSelect .select-wrapper span.caret { color: initial; position: absolute; right: 0; top: -6px; bottom: 0; height: 10px; margin: auto 0; font-size: 10px; line-height: 10px; } .socialSelect option.avatar { background-repeat: no-repeat !important; padding-left: 20px; } .socialSelect option.avatar .ui-icon { background-position: left top; } .ui-menu { list-style: none; padding: 0; margin: 10px 0; display: block; outline: 0; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; border-bottom: 1px solid #ccc; } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 1rem; background: #fff; } .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: 0.2em; margin: auto 0; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-open { display: block; } .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em; } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0; } .ui-icon { display: inline-block; vertical-align: middle; margin-top: -0.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; width: 36px; height: 36px; } .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 3em; } .game-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .game-container>div[class^='game-'] { margin-bottom: 20px; } .game-container #GAT { width: 100%; } .game-container .game-type { font-size: 1.4rem; } .game-container .game-type.t01 { color: grey; } .game-container .game-type.t02 { color: red; } .game-container .game-type.t03 { color: cornflowerblue; } .game-container .game-type.t04 { color: green; } .game-container .game-readme { padding-bottom: 20px; border-bottom: 1px solid; width: 100%; } .game-container .game-readme .text { font-size: 1.8rem; color: black; } .game-container .game-readme .text.hide { display: none; } .game-container .game-readme .result { font-size: 1.8rem; display: none; } .game-container .game-readme .result.red { display: block; color: red; font-weight: 900; -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); } .game-container .game-readme .result.green { display: block; color: green; font-weight: 900; -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); } .game-container .game-main { position: relative; padding: 0 50px; width: 100%; max-width: 900px; } .game-container .game-main .game-order { position: absolute; top: 0; color: #000000; left: -70px; border: 1px solid #7F7E7F; padding: 1rem 1.25rem; } .game-container .game-main #GA .game-card-title { font-size: 1.8rem; color: black; margin-bottom: 20px; text-align: left; } .game-container .game-main #GA .game-card-desc { text-align: left; } .game-container .game-main #GA .game-card-img { width: 100%; margin-bottom: 20px; } .game-container .game-main #GA .game-card-img .img-container { width: 100%; height: 0; padding-top: calc( 100% * 9 / 16); position: relative; background-size: cover; background-position: center center; background-color: black; background-repeat: no-repeat; } .game-container .game-main #GA .game-card-img .img-container iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .game-container .game-main #GA .game-answer { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-bottom: 20px; } .game-container .game-main #GA .game-answer .option { width: 50%; padding: 10px; } @media only screen and (max-width: 420px) { .game-container .game-main #GA .game-answer .option { width: 100%; } } .game-container .game-main #GA .game-answer .option .answer-option { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #D9D9D9; background-color: #F2F2F2; padding: 10px; cursor: pointer; -webkit-transition: 0.4s all ease-in-out; -o-transition: 0.4s all ease-in-out; transition: 0.4s all ease-in-out; } .game-container .game-main #GA .game-answer .option .answer-option .checkbox { width: 2rem; height: 2rem; background-color: white; border: 2px solid #BFBFBF; margin-right: 15px; } .game-container .game-main #GA .game-answer .option .answer-option .checkbox i { -webkit-transition: 0.4s all ease-in-out; -o-transition: 0.4s all ease-in-out; transition: 0.4s all ease-in-out; opacity: 0; font-weight: 900; -webkit-transform: scale(3); -ms-transform: scale(3); transform: scale(3); } .game-container .game-main #GA .game-answer .option .answer-option .text { padding: 1px; font-size: 1.8rem; -webkit-transition: 0.4s all; -o-transition: 0.4s all; transition: 0.4s all; } .game-container .game-main #GA .game-answer .option .answer-option.highlight>.text { font-weight: 900; } .game-container .game-main #GA .game-answer .option .answer-option:not(.off):not(.green):not(.red):hover { background-color: #DEDEDE; } .game-container .game-main #GA .game-answer .option .answer-option.selected { background-color: #DEDEDE; } .game-container .game-main #GA .game-answer .option .answer-option.selected .checkbox i { opacity: 1; -webkit-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); } .game-container .game-main #GA .game-answer .option .answer-option.off:not(.red) { opacity: 0.5; cursor: auto; } .game-container .game-main #GA .game-answer .option .answer-option.off:not(.red) .checkbox i { opacity: 0; -webkit-transform: scale(3); -ms-transform: scale(3); transform: scale(3); } .game-container .game-main #GA .game-answer .option .answer-option.green { background-color: forestgreen; border-width: 0; } .game-container .game-main #GA .game-answer .option .answer-option.green .checkbox { border-width: 0; } .game-container .game-main #GA .game-answer .option .answer-option.green .text { color: white; } .game-container .game-main #GA .game-answer .option .answer-option.red { background-color: red; border-width: 0; opacity: 0.5; cursor: auto; } .game-container .game-main #GA .game-answer .option .answer-option.red .checkbox i { opacity: 1; -webkit-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); } .game-container .game-main #GA .game-answer .option .answer-option.red .text { color: white; } .game-container .game-main #GA .form-hide { display: none; } .game-container .game-main #GA .game-descrip { font-size: 2rem; padding: 10px; margin-bottom: 20px; } .game-container .game-main #GA .custom-cc-m-L { margin-left: -17px; } .percentage-box { height: 15px; } #SearchBox.search-box { overflow: initial; } div.tabs > ul { list-style: none; margin: 0; padding: 0; } div .tabs > ul::after { clear: both; content: ""; display: table; } div.tabs > ul > li { background-color: white; border-color: #d8d8d8; border-left-style: solid; border-top: solid; border-width: 2px; color: #AAA; cursor: pointer; display: inline-block; font-weight: 600; float: left; padding: 0.625rem 1.25rem; position: relative; -webkit-transition: 0.1s ease-in-out; transition: 0.1s ease-in-out; } div.tabs.small > ul > li { font-size:1.5rem; padding: 0.5rem 0.8rem; } div.tabs > ul > li:last-of-type { border-right-style: solid; } div.tabs > ul > li::before, div.tabs > ul > li::after { content: ""; display: block; height: 4px; position: absolute; -webkit-transition: 0.1s ease-in-out; transition: 0.1s ease-in-out; } div.tabs > ul > li::before { background-color: #AAA; left: -2px; right: -2px; top: -2px; } div.tabs > ul > li::after { background-color: transparent; bottom: -2px; left: 0; right: 0; } div.tabs > ul > li.is-active { position: relative; color: #555; z-index: 1; } div.tabs > ul > li.is-active::before { background-color: #555; } div.tabs > ul > li.is-active::after { background-color: white; } div.tabs > div.content { box-sizing: border-box; background-color: white; border: 2px solid #d8d8d8; padding: 10px; } @font-face { font-family: "FontCCwork"; src: url("../fonts/FontCCwork/FontCCwork.eot?v=4.7.0"); src: url("../fonts/FontCCwork/FontCCwork.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/FontCCwork/FontCCwork.woff?v=4.7.0") format("woff"), url("../fonts/FontCCwork/FontCCwork.woff2?v=4.7.0") format("woff2"), url("../fonts/FontCCwork/FontCCwork.ttf?v=4.7.0") format("truetype"), url("../fonts/FontCCwork/FontCCwork.svg?v=4.7.0#fontccworkregular") format("svg"); font-weight: normal; font-style: normal; } .cc { display: inline-block; font: normal normal normal 14px/1 FontCCwork; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .cc-lg { font-size: 1.33333em; line-height: .75em; vertical-align: -15% } .cc-2x { font-size: 2em } .cc-3x { font-size: 3em } .cc-4x { font-size: 4em } .cc-5x { font-size: 5em } .cc-fw { width: 1.28571em; text-align: center } .cc-ul { padding-left: 0; margin-left: 2.14286em; list-style-type: none } .cc-ul>li { position: relative } .cc-li { position: absolute; left: -2.14286em; width: 2.14286em; top: .14286em; text-align: center } .cc-li.cc-lg { left: -1.85714em } .cc-border { padding: 0.2em 0.25em 0.15em; border: solid 0.08em #eee; border-radius: 0.1em } .cc-pull-left { float: left } .cc-pull-right { float: right } .cc.cc-pull-left { margin-right: 0.3em } .cc.cc-pull-right { margin-left: 0.3em } .pull-right { float: right } .pull-left { float: left } .cc.pull-left { margin-right: 0.3em } .cc.pull-right { margin-left: 0.3em } .cc-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear } .cc-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8) } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } .cc-rotate-45 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .cc-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .cc-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .cc-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg) } .cc-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1) } .cc-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1) } .cc-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle } .cc-stack-1x, .cc-stack-2x { position: absolute; left: 0; width: 100%; text-align: center } .cc-stack-1x { line-height: inherit } .cc-stack-2x { font-size: 2em } .cc-inverse { color: #fff } .cc-email-thin::before { content: "\e981" } .cc-volunteer-thin::before { content: "\e982" } .cc-gift-thin::before { content: "\e983" } .cc-youtube-thin::before { content: "\e984" } .cc-facebook-thin::before { content: "\e985" } .cc-instagram-thin::before { content: "\e986" } .cc-car::before { content: "\e93e" } .cc-playlist-add::before { content: "\e93b" } .cc-hierarchy::before { content: "\e936" } .cc-job::before { content: "\e937" } .cc-minus::before { content: "\e938" } .cc-muscle::before { content: "\e939" } .cc-pay::before { content: "\e93a" } .cc-news::before { content: "\e935" } .cc-pixnet::before { content: "\e934" } .cc-coin-dollar::before { content: "\e933" } .cc-coins::before { content: "\e932" } .cc-logout::before { content: "\e930" } .cc-logout-line::before { content: "\e931" } .cc-wifi-lock::before { content: "\e92b" } .cc-wifi::before { content: "\e92c" } .cc-link-horizontal::before { content: "\e92a" } .cc-qrcode::before { content: "\e929" } .cc-pinkoi::before { content: "\e924" } .cc-gallery::before { content: "\e925" } .cc-channel::before { content: "\e926" } .cc-shop::before { content: "\e927" } .cc-reading::before { content: "\e928" } .cc-blogger-square::before { content: "\e922" } .cc-blogger::before { content: "\e923" } .cc-baidu::before { content: "\e920" } .cc-linkedin::before { content: "\e921" } .cc-image-format-right::before { content: "\e91e" } .cc-image-format-left::before { content: "\e91f" } .cc-android::before { content: "\e91c" } .cc-mobile::before { content: "\e91d" } .cc-share-o::before { content: "\e92d" } .cc-share::before { content: "\e91b" } .cc-star-full::before { content: "\e918" } .cc-star-half::before { content: "\e919" } .cc-star-empty::before { content: "\e91a" } .cc-star-circle::before { content: "\e92e" } .cc-sort-default::before { content: "\e912" } .cc-sort-up::before { content: "\e915" } .cc-sort-down::before { content: "\e916" } .cc-lock::before { content: "\e917" } .cc-unlock::before { content: "\e913" } .cc-unlock-alt::before { content: "\e914" } .cc-favorite-thin::before { content: "\e92f" } .cc-favorite-o::before { content: "\e910" } .cc-favorite::before { content: "\e911" } .cc-line-chart::before { content: "\e90c" } .cc-pie-chart::before { content: "\e90d" } .cc-area-chart::before { content: "\e90e" } .cc-bar-chart::before { content: "\e90f" } .cc-line-text::before { content: "\e9bf" } .cc-facebook::before { content: "\e9c0" } .cc-pinterest::before { content: "\e9c1" } .cc-google-plus::before { content: "\e9c2" } .cc-instagram::before { content: "\e9c3" } .cc-twitter::before { content: "\e9c5" } .cc-vimeo::before { content: "\e9c7" } .cc-youtube::before { content: "\e9c8" } .cc-sina-weibo::before { content: "\e900" } .cc-qqchat::before { content: "\e9c6" } .cc-renren::before { content: "\e901" } .cc-plurk::before { content: "\e9c4" } .cc-wechat::before { content: "\e957" } .cc-dots-horizontal::before { content: "\e9c9" } .cc-moon::before { content: "\e9ca" } .cc-weather-sunny::before { content: "\e9cb" } .cc-reload::before { content: "\e9cc" } .cc-globe-o::before { content: "\e9cd" } .cc-globe::before { content: "\e9ce" } .cc-spoon-knife::before { content: "\e9cf" } .cc-restaurant::before { content: "\e9d0" } .cc-food-fork-drink::before { content: "\e9d1" } .cc-food-variant::before { content: "\e9d2" } .cc-coffee::before { content: "\e9d3" } .cc-glass-flute::before { content: "\e9d4" } .cc-glass-tulip::before { content: "\e9d5" } .cc-music-note::before { content: "\e9d6" } .cc-music::before { content: "\e9d7" } .cc-book-open-page-variant::before { content: "\e9d8" } .cc-book::before { content: "\e9d9" } .cc-lnr-bookmark::before { content: "\e903" } .cc-gift::before { content: "\e9da" } .cc-loading::before { content: "\e9e9" } .cc-circle-o::before { content: "\e9db" } .cc-circle::before { content: "\e9dc" } .cc-square-o::before { content: "\e9dd" } .cc-square::before { content: "\e9de" } .cc-print::before { content: "\e9df" } .cc-film::before { content: "\e9e0" } .cc-clipboard-outline::before { content: "\e9e1" } .cc-content-cut::before { content: "\e9e2" } .cc-image-filter-none::before { content: "\e9e3" } .cc-content-copy::before { content: "\e9e4" } .cc-sort::before { content: "\e9e5" } .cc-tudou::before { content: "\e9e6" } .cc-drag::before { content: "\e9e7" } .cc-code-tags::before { content: "\e9e8" } .cc-eye::before { content: "\e9ea" } .cc-eye-off::before { content: "\e9eb" } .cc-home-o::before { content: "\e9ec" } .cc-check::before { content: "\e9ed" } .cc-close::before { content: "\e9ee" } .cc-plus::before { content: "\e9ef" } .cc-edit-o::before { content: "\e9f0" } .cc-edit::before { content: "\e9f1" } .cc-file-o::before { content: "\e9f2" } .cc-newspaper-o::before { content: "\e9f3" } .cc-newspaper::before { content: "\e9f4" } .cc-tutorial-o::before { content: "\e9f5" } .cc-cards-o::before { content: "\e9f6" } .cc-store-sign::before { content: "\e9f7" } .cc-tablesign-o::before { content: "\e9f8" } .cc-cart-o::before { content: "\e9f9" } .cc-flag::before { content: "\e9fa" } .cc-tag::before { content: "\e9fb" } .cc-cursor-o::before { content: "\e9fc" } .cc-ticket::before { content: "\e9fd" } .cc-map-marker::before { content: "\e9fe" } .cc-map-location::before { content: "\e9ff" } .cc-map-info::before { content: "\ea00" } .cc-map-o::before { content: "\ea01" } .cc-time-traffic::before { content: "\ea02" } .cc-folder-lock::before { content: "\ea03" } .cc-clock::before { content: "\ea04" } .cc-chevron-up::before { content: "\ea05" } .cc-chevron-left::before { content: "\ea06" } .cc-chevron-down::before { content: "\ea07" } .cc-chevron-right::before { content: "\ea08" } .cc-lnr-chevron-up::before { content: "\e904" } .cc-lnr-chevron-left::before { content: "\e905" } .cc-lnr-chevron-down::before { content: "\e906" } .cc-lnr-chevron-right::before { content: "\e907" } .cc-arrow-up::before { content: "\ea09" } .cc-arrow-down::before { content: "\ea0a" } .cc-arrow-left::before { content: "\ea0b" } .cc-arrow-right::before { content: "\ea0c" } .cc-link::before { content: "\ea0d" } .cc-arrow-forward::before { content: "\e902" } .cc-folder::before { content: "\ea0e" } .cc-move-folder::before { content: "\ea0f" } .cc-photos-o::before { content: "\ea10" } .cc-image::before { content: "\ea11" } .cc-image-slide::before { content: "\ea12" } .cc-image-grid::before { content: "\ea13" } .cc-image-flex-top::before { content: "\ea14" } .cc-image-flex-bottom::before { content: "\ea15" } .cc-image-top::before { content: "\ea16" } .cc-image-center::before { content: "\ea17" } .cc-image-bottom::before { content: "\ea18" } .cc-image-float-left::before { content: "\ea19" } .cc-format-float-left::before { content: "\ea1a" } .cc-format-float-center::before { content: "\ea1b" } .cc-format-float-right::before { content: "\ea1c" } .cc-format-wrap-inline::before { content: "\ea1d" } .cc-template::before { content: "\ea1e" } .cc-grid-list::before { content: "\ea1f" } .cc-list-bulleted::before { content: "\e93d" } .cc-list::before { content: "\ea20" } .cc-format-list-checks::before { content: "\ea21" } .cc-checklist::before { content: "\ea22" } .cc-playlist-play::before { content: "\ea23" } .cc-file-edit::before { content: "\ea24" } .cc-trash-o::before { content: "\ea25" } .cc-cloud-upload-o::before { content: "\ea26" } .cc-cloud-download-o::before { content: "\ea27" } .cc-upload-o::before { content: "\ea28" } .cc-download::before { content: "\ea29" } .cc-link-variant::before { content: "\ea2a" } .cc-attach-file::before { content: "\e908" } .cc-laptop::before { content: "\ea2b" } .cc-desktop-message::before { content: "\ea2c" } .cc-cellphone-link::before { content: "\ea2d" } .cc-business-users::before { content: "\ea2e" } .cc-account-alert::before { content: "\ea2f" } .cc-user-o::before { content: "\ea30" } .cc-dancing-o::before { content: "\ea31" } .cc-user-circle-o::before { content: "\ea32" } .cc-target-user::before { content: "\ea33" } .cc-calendar-o::before { content: "\ea34" } .cc-calendar-today::before { content: "\ea35" } .cc-videos::before { content: "\ea36" } .cc-video::before { content: "\ea37" } .cc-play::before { content: "\ea38" } .cc-stop2::before { content: "\e909" } .cc-pause::before { content: "\e90a" } .cc-search::before { content: "\ea39" } .cc-search-text::before { content: "\ea3a" } .cc-phone::before { content: "\ea3b" } .cc-phone-in-talk::before { content: "\e93c" } .cc-camera-o::before { content: "\ea3c" } .cc-voice-o::before { content: "\ea3d" } .cc-voice::before { content: "\ea3e" } .cc-comment-o::before { content: "\ea3f" } .cc-email::before { content: "\ea40" } .cc-email-open-outline::before { content: "\ea41" } .cc-paper-plane::before { content: "\e90b" } .cc-stop::before { content: "\ea42" } .cc-question::before { content: "\ea43" } .cc-info::before { content: "\ea44" } .cc-attention::before { content: "\ea45" } .cc-info-o::before { content: "\e93f" } .cc-trapezoid::before { content: "\ea46" } .cc-hexagon::before { content: "\ea47" } .cc-sliders-v::before { content: "\ea48" } .cc-settings::before { content: "\ea49" } .cc-frame-1::before { content: "\e97c" } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto } .animated { animation-duration: 1s; animation-fill-mode: both; } .animated.infinite { animation-iteration-count: infinite; } .animated.hinge { animation-duration: 2s; } .animated.flipOutX { animation-duration: 0.75s; } .animated.flipOutY { animation-duration: 0.75s; } .animated.bounceIn { animation-duration: 0.75s; } .animated.bounceOut { animation-duration: 0.75s; } .animated.flip { backface-visibility: visible; animation-name: flip; } @-webkit-keyframes bounce { from { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0); } 20% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0); } 53% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0); } 80% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0); } to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0); } 40% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -30px, 0); } 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -30px, 0); } 70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -15px, 0); } 90% { transform: translate3d(0, -4px, 0); } } @keyframes bounce { from { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0); } 20% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0); } 53% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0); } 80% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0); } to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0); } 40% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -30px, 0); } 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -30px, 0); } 70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -15px, 0); } 90% { transform: translate3d(0, -4px, 0); } } .bounce { animation-name: bounce; transform-origin: center bottom; } @-webkit-keyframes flash { from { opacity: 1; } 50% { opacity: 1; } to { opacity: 1; } 25% { opacity: 0; } 75% { opacity: 0; } } @keyframes flash { from { opacity: 1; } 50% { opacity: 1; } to { opacity: 1; } 25% { opacity: 0; } 75% { opacity: 0; } } .flash { animation-name: flash; } @-webkit-keyframes pulse { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } to { transform: scale3d(1, 1, 1); } } @keyframes pulse { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } to { transform: scale3d(1, 1, 1); } } .pulse { animation-name: pulse; } @-webkit-keyframes rubberBand { from { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } to { transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } to { transform: scale3d(1, 1, 1); } } .rubberBand { animation-name: rubberBand; } @-webkit-keyframes shake { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(0, 0, 0); } 10% { transform: translate3d(-10px, 0, 0); } 30% { transform: translate3d(-10px, 0, 0); } 50% { transform: translate3d(-10px, 0, 0); } 70% { transform: translate3d(-10px, 0, 0); } 90% { transform: translate3d(-10px, 0, 0); } 20% { transform: translate3d(10px, 0, 0); } 40% { transform: translate3d(10px, 0, 0); } 60% { transform: translate3d(10px, 0, 0); } 80% { transform: translate3d(10px, 0, 0); } } @keyframes shake { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(0, 0, 0); } 10% { transform: translate3d(-10px, 0, 0); } 30% { transform: translate3d(-10px, 0, 0); } 50% { transform: translate3d(-10px, 0, 0); } 70% { transform: translate3d(-10px, 0, 0); } 90% { transform: translate3d(-10px, 0, 0); } 20% { transform: translate3d(10px, 0, 0); } 40% { transform: translate3d(10px, 0, 0); } 60% { transform: translate3d(10px, 0, 0); } 80% { transform: translate3d(10px, 0, 0); } } .shake { animation-name: shake; } @-webkit-keyframes headShake { 0% { transform: translateX(0); } 50% { transform: translateX(0); } 0.5% { transform: translateX(-6px) rotateY(-9deg); } 1.5% { transform: translateX(5px) rotateY(7deg); } 2.5% { transform: translateX(-3px) rotateY(-5deg); } 3.5% { transform: translateX(2px) rotateY(3deg); } } @keyframes headShake { 0% { transform: translateX(0); } 50% { transform: translateX(0); } 0.5% { transform: translateX(-6px) rotateY(-9deg); } 1.5% { transform: translateX(5px) rotateY(7deg); } 2.5% { transform: translateX(-3px) rotateY(-5deg); } 3.5% { transform: translateX(2px) rotateY(3deg); } } .headShake { animation-timing-function: ease-in-out; animation-name: headShake; } @-webkit-keyframes swing { 20% { transform: rotate3d(0, 0, 1, 15deg); } 40% { transform: rotate3d(0, 0, 1, -10deg); } 60% { transform: rotate3d(0, 0, 1, 5deg); } 80% { transform: rotate3d(0, 0, 1, -5deg); } to { transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { transform: rotate3d(0, 0, 1, 15deg); } 40% { transform: rotate3d(0, 0, 1, -10deg); } 60% { transform: rotate3d(0, 0, 1, 5deg); } 80% { transform: rotate3d(0, 0, 1, -5deg); } to { transform: rotate3d(0, 0, 1, 0deg); } } .swing { transform-origin: top center; animation-name: swing; } @-webkit-keyframes tada { from { transform: scale3d(1, 1, 1); } 10% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 50% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 70% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 60% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { transform: scale3d(1, 1, 1); } } @keyframes tada { from { transform: scale3d(1, 1, 1); } 10% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 50% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 70% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 60% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { transform: scale3d(1, 1, 1); } } .tada { animation-name: tada; } @-webkit-keyframes wobble { from { transform: none; } 15% { transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { transform: none; } } @keyframes wobble { from { transform: none; } 15% { transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { transform: none; } } .wobble { animation-name: wobble; } @-webkit-keyframes jello { from { transform: none; } to { transform: none; } 0.1% { transform: none; } 1.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 2.3% { transform: skewX(6.25deg) skewY(6.25deg); } 3.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 4.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 5.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 6.7% { transform: skewX(0.39063deg) skewY(0.39063deg); } 7.8% { transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from { transform: none; } to { transform: none; } 0.1% { transform: none; } 1.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 2.3% { transform: skewX(6.25deg) skewY(6.25deg); } 3.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 4.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 5.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 6.7% { transform: skewX(0.39063deg) skewY(0.39063deg); } 7.8% { transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { animation-name: jello; transform-origin: center; } @-webkit-keyframes bounceIn { from { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 20% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: scale3d(1.1, 1.1, 1.1); } 40% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: scale3d(0.9, 0.9, 0.9); } 60% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: scale3d(0.97, 0.97, 0.97); } to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); opacity: 1; transform: scale3d(1, 1, 1); } 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceIn { from { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 20% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: scale3d(1.1, 1.1, 1.1); } 40% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: scale3d(0.9, 0.9, 0.9); } 60% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: scale3d(0.97, 0.97, 0.97); } to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); opacity: 1; transform: scale3d(1, 1, 1); } 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } .bounceIn { animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 60% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); opacity: 1; transform: translate3d(0, 25px, 0); } 75% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, -10px, 0); } 90% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 5px, 0); } to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: none; } 0% { opacity: 0; transform: translate3d(0, -3000px, 0); } } @keyframes bounceInDown { from { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 60% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); opacity: 1; transform: translate3d(0, 25px, 0); } 75% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, -10px, 0); } 90% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 5px, 0); } to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: none; } 0% { opacity: 0; transform: translate3d(0, -3000px, 0); } } .bounceInDown { animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 60% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); opacity: 1; transform: translate3d(25px, 0, 0); } 75% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(-10px, 0, 0); } 90% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(5px, 0, 0); } to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: none; } 0% { opacity: 0; transform: translate3d(-3000px, 0, 0); } } @keyframes bounceInLeft { from { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 60% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); opacity: 1; transform: translate3d(25px, 0, 0); } 75% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(-10px, 0, 0); } 90% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(5px, 0, 0); } to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: none; } 0% { opacity: 0; transform: translate3d(-3000px, 0, 0); } } .bounceInLeft { animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); opacity: 0; transform: translate3d(3000px, 0, 0); } 60% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(10px, 0, 0); } 90% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(-5px, 0, 0); } to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: none; } } @keyframes bounceInRight { from { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); opacity: 0; transform: translate3d(3000px, 0, 0); } 60% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(10px, 0, 0); } 90% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(-5px, 0, 0); } to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: none; } } .bounceInRight { animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); opacity: 0; transform: translate3d(0, 3000px, 0); } 60% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); opacity: 1; transform: translate3d(0, -20px, 0); } 75% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 10px, 0); } 90% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, -5px, 0); } to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); opacity: 0; transform: translate3d(0, 3000px, 0); } 60% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); opacity: 1; transform: translate3d(0, -20px, 0); } 75% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 10px, 0); } 90% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, -5px, 0); } to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0); } } .bounceInUp { animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); } 50% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); } 50% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { transform: translate3d(0, 10px, 0); } 40% { opacity: 1; transform: translate3d(0, -20px, 0); } 45% { opacity: 1; transform: translate3d(0, -20px, 0); } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { transform: translate3d(0, 10px, 0); } 40% { opacity: 1; transform: translate3d(0, -20px, 0); } 45% { opacity: 1; transform: translate3d(0, -20px, 0); } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .bounceOutDown { animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0); } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0); } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0, 0); } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0, 0); } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } .bounceOutRight { animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { transform: translate3d(0, -10px, 0); } 40% { opacity: 1; transform: translate3d(0, 20px, 0); } 45% { opacity: 1; transform: translate3d(0, 20px, 0); } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { transform: translate3d(0, -10px, 0); } 40% { opacity: 1; transform: translate3d(0, 20px, 0); } 45% { opacity: 1; transform: translate3d(0, 20px, 0); } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .bounceOutUp { animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: none; } } @keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: none; } } .fadeInDown { animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; transform: translate3d(0, -2000px, 0); } to { opacity: 1; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; transform: translate3d(0, -2000px, 0); } to { opacity: 1; transform: none; } } .fadeInDownBig { animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInLeft { animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; transform: translate3d(-2000px, 0, 0); } to { opacity: 1; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; transform: translate3d(-2000px, 0, 0); } to { opacity: 1; transform: none; } } .fadeInLeftBig { animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: none; } } @keyframes fadeInRight { from { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInRight { animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; transform: translate3d(2000px, 0, 0); } to { opacity: 1; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; transform: translate3d(2000px, 0, 0); } to { opacity: 1; transform: none; } } .fadeInRightBig { animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: none; } } @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: none; } } .fadeInUp { animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; transform: translate3d(0, 2000px, 0); } to { opacity: 1; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; transform: translate3d(0, 2000px, 0); } to { opacity: 1; transform: none; } } .fadeInUpBig { animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 100%, 0); } } .fadeOutDown { animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0); } } .fadeOutRight { animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -100%, 0); } } .fadeOutUp { animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { transform: perspective(400px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; } 80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95); animation-timing-function: ease-in; } to { transform: perspective(400px); animation-timing-function: ease-in; } } @keyframes flip { from { transform: perspective(400px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; } 80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95); animation-timing-function: ease-in; } to { transform: perspective(400px); animation-timing-function: ease-in; } } @-webkit-keyframes flipInX { from { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { transform: perspective(400px); } } @keyframes flipInX { from { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { transform: perspective(400px); } } .flipInX { backface-visibility: visible !important; animation-name: flipInX; } @-webkit-keyframes flipInY { from { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { transform: perspective(400px); } } @keyframes flipInY { from { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { transform: perspective(400px); } } .flipInY { backface-visibility: visible !important; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { animation-name: flipOutX; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { backface-visibility: visible !important; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); opacity: 1; } 80% { transform: skewX(-5deg); opacity: 1; } to { transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); opacity: 1; } 80% { transform: skewX(-5deg); opacity: 1; } to { transform: none; opacity: 1; } } .lightSpeedIn { animation-name: lightSpeedIn; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { animation-name: lightSpeedOut; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { transform-origin: center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { transform-origin: center; transform: none; opacity: 1; } } @keyframes rotateIn { from { transform-origin: center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { transform-origin: center; transform: none; opacity: 1; } } .rotateIn { animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { transform-origin: left bottom; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { transform-origin: left bottom; transform: none; opacity: 1; } } .rotateInDownLeft { animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: right bottom; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: right bottom; transform: none; opacity: 1; } } .rotateInDownRight { animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: left bottom; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: left bottom; transform: none; opacity: 1; } } .rotateInUpLeft { animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { transform-origin: right bottom; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { transform-origin: right bottom; transform: none; opacity: 1; } } .rotateInUpRight { animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { transform-origin: center; opacity: 1; } to { transform-origin: center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { transform-origin: center; opacity: 1; } to { transform-origin: center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { transform-origin: top left; animation-timing-function: ease-in-out; } 20% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: top left; animation-timing-function: ease-in-out; opacity: 1; } 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: top left; animation-timing-function: ease-in-out; opacity: 1; } to { transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { transform-origin: top left; animation-timing-function: ease-in-out; } 20% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: top left; animation-timing-function: ease-in-out; opacity: 1; } 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: top left; animation-timing-function: ease-in-out; opacity: 1; } to { transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { animation-name: hinge; } @-webkit-keyframes rollIn { from { opacity: 0; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; transform: none; } } @keyframes rollIn { from { opacity: 0; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; transform: none; } } .rollIn { animation-name: rollIn; } @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0, 0); transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0, 0); transform-origin: left center; } } .zoomOutLeft { animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(2000px, 0, 0); transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(2000px, 0, 0); transform-origin: right center; } } .zoomOutRight { animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { transform: translate3d(0, -100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { transform: translate3d(0, -100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInDown { animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { transform: translate3d(-100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { transform: translate3d(-100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInLeft { animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInRight { animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { transform: translate3d(0, 100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { transform: translate3d(0, 100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInUp { animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, 100%, 0); } } .slideOutDown { animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(-100%, 0, 0); } } .slideOutLeft { animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(100%, 0, 0); } } .slideOutRight { animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, -100%, 0); } } .slideOutUp { animation-name: slideOutUp; }