/* Minification failed. Returning unminified contents.
(6785,2400): run-time error CSS1039: Token not allowed after unary operator: '-action-icon-color'
(6793,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6793,2282): run-time error CSS1039: Token not allowed after unary operator: '-hover-grey'
(6793,4158): run-time error CSS1039: Token not allowed after unary operator: '-red'
(6794,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6794,343): run-time error CSS1039: Token not allowed after unary operator: '-job-filter-text-color'
(6794,1677): run-time error CSS1039: Token not allowed after unary operator: '-job-filter-text-color'
(7170,1224): run-time error CSS1039: Token not allowed after unary operator: '-red'
(7184,1): run-time error CSS1019: Unexpected token, found '@import'
(7184,9): run-time error CSS1019: Unexpected token, found 'url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic&subset=latin)'
(7709,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7710,10): run-time error CSS1035: Expected colon, found '{'
(7719,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7720,10): run-time error CSS1035: Expected colon, found '{'
(8351,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8352,10): run-time error CSS1035: Expected colon, found '{'
(8361,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8362,10): run-time error CSS1035: Expected colon, found '{'
(12753,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12754,10): run-time error CSS1035: Expected colon, found '{'
(12763,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12764,10): run-time error CSS1035: Expected colon, found '{'
(19241,17): run-time error CSS1063: Expected calculation unit, found '-'
(19241,17): run-time error CSS1064: Expected calculation product, found '-'
(19241,17): run-time error CSS1065: Expected calculation sum, found '-'
(19241,17): run-time error CSS1034:
(19241,17): run-time error CSS1042: Expected function, found '-'
(19241,26): run-time error CSS1019: Unexpected token, found ' '
(19241,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(20770,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(20771,10): run-time error CSS1035: Expected colon, found '{'
(20780,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(20781,10): run-time error CSS1035: Expected colon, found '{'
(21028,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(21029,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(21038,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(21039,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(21970,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(21971,10): run-time error CSS1035: Expected colon, found '{'
(21980,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(21981,10): run-time error CSS1035: Expected colon, found '{'
(22611,26): run-time error CSS1063: Expected calculation unit, found '-'
(22611,26): run-time error CSS1064: Expected calculation product, found '-'
(22611,26): run-time error CSS1065: Expected calculation sum, found '-'
(22611,26): run-time error CSS1063: Expected calculation unit, found '-'
(22611,26): run-time error CSS1064: Expected calculation product, found '-'
(22611,35): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(22613,30): run-time error CSS1063: Expected calculation unit, found '-'
(22613,30): run-time error CSS1064: Expected calculation product, found '-'
(22613,30): run-time error CSS1065: Expected calculation sum, found '-'
(22613,30): run-time error CSS1063: Expected calculation unit, found '-'
(22613,30): run-time error CSS1064: Expected calculation product, found '-'
(22613,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(23233,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(23234,10): run-time error CSS1035: Expected colon, found '{'
(23243,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(23244,10): run-time error CSS1035: Expected colon, found '{'
(31572,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(31573,10): run-time error CSS1035: Expected colon, found '{'
(31582,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(31583,10): run-time error CSS1035: Expected colon, found '{'
(33682,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(33683,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(33694,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(33695,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(35153,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(35154,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(35177,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(35178,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(35201,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(35202,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(35223,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(35224,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(35245,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(35246,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(35267,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(35268,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(35307,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(35308,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(35319,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(35320,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(35331,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(35332,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(35343,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(35344,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(35405,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(35406,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(35415,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(35416,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(35425,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(35426,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(35437,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(35438,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(35449,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(35450,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(35461,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(35462,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(35473,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(35474,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(35485,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(35486,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(35497,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(35498,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(35509,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(35510,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(35521,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(35522,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(35531,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(35532,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(35541,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(35542,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(35553,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(35554,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(35565,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(35566,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(35577,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(35578,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(35589,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(35590,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(35601,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(35602,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(35613,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(35614,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(35625,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(35626,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(35662,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(35663,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(35674,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(35675,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(35686,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(35687,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(35698,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(35699,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(35710,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(35711,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(35722,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(35723,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(35734,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(35735,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(35746,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(35747,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(35768,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(35769,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(35780,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(35781,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(35792,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(35793,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(35804,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(35805,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(35872,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(35873,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(35901,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(35902,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(35930,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(35931,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(35954,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(35955,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(35978,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(35979,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(36002,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(36003,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(36026,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(36027,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(36050,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(36051,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(36074,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(36075,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(36098,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(36099,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(36122,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(36123,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(36138,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(36139,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(36154,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(36155,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(36170,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(36171,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(36186,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(36187,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(36202,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(36203,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(36218,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(36219,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(36230,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(36231,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(36242,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(36243,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(36254,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(36255,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(36314,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(36315,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(36326,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(36327,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(36338,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(36339,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(36350,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(36351,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(36362,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(36363,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(36374,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(36375,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(36386,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(36387,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(36398,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(36399,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(36463,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(36464,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(36487,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(36488,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(36511,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(36512,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(36535,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(36536,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(36559,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(36560,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(36583,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(36584,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(36607,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(36608,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(36631,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(36632,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(36665,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(36666,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(36677,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(36678,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(36689,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(36690,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(36701,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(36702,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(36767,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(36768,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(36777,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(36778,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(36787,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(36788,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(36801,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(36802,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(36815,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(36816,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(36829,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(36830,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(36843,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(36844,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(36865,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(36866,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(36887,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(36888,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(36904,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(36905,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(36921,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(36922,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(36951,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(36952,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(36981,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(36982,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(36995,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(36996,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(37164,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(37164,97): run-time error CSS1030: Expected identifier, found ','
(37164,105): run-time error CSS1031: Expected selector, found ')'
(37164,105): run-time error CSS1025: Expected comma or open brace, found ')'
(37164,1370): run-time error CSS1019: Unexpected token, found '@keyframes'
(37164,1387): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(37164,3600): run-time error CSS1030: Expected identifier, found ','
(37164,3631): run-time error CSS1031: Expected selector, found ')'
(37164,3631): run-time error CSS1025: Expected comma or open brace, found ')'
(37389,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(37390,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(37413,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(37414,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(37439,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(37440,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(37460,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(37461,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(37481,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(37482,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(37502,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(37503,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(37546,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(37547,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(37558,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(37559,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(37570,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(37571,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(37582,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(37583,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(37641,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(37642,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(37649,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(37650,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(37657,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(37658,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(37669,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(37670,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(37681,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(37682,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(37693,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(37694,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(37705,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(37706,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(37717,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(37718,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(37729,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(37730,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(37741,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(37742,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(37755,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(37756,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(37763,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(37764,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(37771,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(37772,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(37783,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(37784,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(37795,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(37796,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(37807,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(37808,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(37819,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(37820,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(37831,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(37832,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(37843,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(37844,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(37855,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(37856,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(37895,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(37896,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(37907,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(37908,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(37919,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(37920,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(37931,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(37932,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(37945,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(37946,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(37957,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(37958,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(37969,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(37970,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(37981,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(37982,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(38006,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(38007,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(38018,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(38019,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(38032,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(38033,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(38044,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(38045,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(38113,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(38114,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(38142,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(38143,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(38171,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(38172,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(38195,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(38196,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(38219,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(38220,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(38243,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(38244,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(38267,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(38268,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(38291,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(38292,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(38315,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(38316,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(38339,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(38340,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(38365,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(38366,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(38382,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(38383,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(38399,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(38400,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(38416,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(38417,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(38433,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(38434,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(38450,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(38451,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(38467,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(38468,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(38479,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(38480,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(38491,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(38492,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(38503,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(38504,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(38572,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(38573,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(38584,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(38585,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(38596,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(38597,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(38608,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(38609,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(38622,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(38623,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(38634,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(38635,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(38646,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(38647,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(38658,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(38659,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(38730,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(38731,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(38754,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(38755,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(38778,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(38779,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(38802,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(38803,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(38828,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(38829,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(38852,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(38853,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(38876,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(38877,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(38900,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(38901,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(38937,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(38938,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(38949,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(38950,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(38961,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(38962,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(38973,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(38974,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(39044,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(39045,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(39055,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(39056,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(39068,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(39069,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(39090,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(39091,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(39114,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(39115,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(39132,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(39133,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(39152,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(39153,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(39180,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(39181,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(39210,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(39211,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(39227,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(39228,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(39246,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(39247,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(39276,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(39277,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(39308,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(39309,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(39319,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(39320,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(39337,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(39337,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(39337,42): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(39337,58): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(39337,85): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(39337,116): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(39337,137): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(39337,166): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(39337,188): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(39337,212): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(39337,229): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(39337,252): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(39337,309): run-time error CSS1039: Token not allowed after unary operator: '-time-picker-accent'
(39337,394): run-time error CSS1039: Token not allowed after unary operator: '-time-picker-accent'
(39337,440): run-time error CSS1039: Token not allowed after unary operator: '-time-picker-accent'
(39337,2943): run-time error CSS1039: Token not allowed after unary operator: '-input-background'
(39337,3003): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(39337,4175): run-time error CSS1039: Token not allowed after unary operator: '-required'
(39337,4261): run-time error CSS1039: Token not allowed after unary operator: '-input-error'
(39337,4334): run-time error CSS1039: Token not allowed after unary operator: '-input-error'
(39337,4596): run-time error CSS1039: Token not allowed after unary operator: '-input-background'
(39337,4860): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(39337,5080): run-time error CSS1039: Token not allowed after unary operator: '-input-background'
(39337,7219): run-time error CSS1039: Token not allowed after unary operator: '-input-background'
(39337,7387): run-time error CSS1039: Token not allowed after unary operator: '-input-background'
(39337,7477): run-time error CSS1039: Token not allowed after unary operator: '-input-background'
(39337,8200): run-time error CSS1039: Token not allowed after unary operator: '-color'
(39337,8338): run-time error CSS1039: Token not allowed after unary operator: '-disabled'
(39337,9152): run-time error CSS1039: Token not allowed after unary operator: '-disabled'
(39337,9410): run-time error CSS1039: Token not allowed after unary operator: '-signature-background'
(39337,9856): run-time error CSS1039: Token not allowed after unary operator: '-signature-background'
(39337,12776): run-time error CSS1039: Token not allowed after unary operator: '-input-background'
(39337,14086): run-time error CSS1039: Token not allowed after unary operator: '-table-striped'
(39337,14661): run-time error CSS1039: Token not allowed after unary operator: '-delete'
(39337,15506): run-time error CSS1039: Token not allowed after unary operator: '-input-background'
(39337,16070): run-time error CSS1039: Token not allowed after unary operator: '-action-hover'
(39337,16160): run-time error CSS1039: Token not allowed after unary operator: '-action-icon-blue'
(39337,18526): run-time error CSS1039: Token not allowed after unary operator: '-input-background'
(39337,19015): run-time error CSS1019: Unexpected token, found '@keyframes'
(39337,19039): run-time error CSS1035: Expected colon, found '{'
(39338,1): run-time error CSS1019: Unexpected token, found '@import'
(39338,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css?family=Lato")'
*/
/*! jQuery UI - v1.11.4 - 2015-03-11
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-clearfix {
min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: Alpha(Opacity=0); /* support: IE8 */
}
.ui-front {
z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
margin: 2px 0 0 0;
padding: .5em .5em .5em .7em;
min-height: 0; /* support: IE7 */
font-size: 100%;
}
.ui-accordion .ui-accordion-icons {
padding-left: 2.2em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
position: absolute;
left: .5em;
top: 50%;
margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
overflow: auto;
}
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default;
}
.ui-button {
display: inline-block;
position: relative;
padding: 0;
line-height: normal;
margin-right: .1em;
cursor: pointer;
vertical-align: middle;
text-align: center;
overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
width: 2.2em;
}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
width: 2.4em;
}
.ui-button-icons-only {
width: 3.4em;
}
button.ui-button-icons-only {
width: 3.7em;
}
/* button text element */
.ui-button .ui-button-text {
display: block;
line-height: normal;
}
.ui-button-text-only .ui-button-text {
padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
padding: .4em;
text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
padding-left: 2.1em;
padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
padding: .4em 1em;
}
/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
position: absolute;
top: 50%;
margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
left: 50%;
margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
right: .5em;
}
/* button sets */
.ui-buttonset {
margin-right: 7px;
}
.ui-buttonset .ui-button {
margin-left: 0;
margin-right: -.3em;
}
/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
}
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 45%;
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em;
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0;
}
/* RTL support */
.ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
.ui-dialog {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
padding: .2em;
outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
padding: .4em 1em;
position: relative;
}
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 20px;
margin: -10px 0 0 0;
padding: 1px;
height: 20px;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: none;
overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin-top: .5em;
padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
margin: .5em .4em .5em 0;
cursor: pointer;
}
.ui-dialog .ui-resizable-se {
width: 12px;
height: 12px;
right: -5px;
bottom: -5px;
background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
.ui-draggable-handle {
-ms-touch-action: none;
touch-action: none;
}
.ui-menu {
list-style: none;
padding: 0;
margin: 0;
display: block;
outline: none;
}
.ui-menu .ui-menu {
position: absolute;
}
.ui-menu .ui-menu-item {
position: relative;
margin: 0;
padding: 3px 1em 3px .4em;
cursor: pointer;
min-height: 0; /* support: IE7 */
/* support: IE10, see #8844 */
list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-divider {
margin: 5px 0;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
margin: -1px;
}
/* icon support */
.ui-menu-icons {
position: relative;
}
.ui-menu-icons .ui-menu-item {
padding-left: 2em;
}
/* left-aligned */
.ui-menu .ui-icon {
position: absolute;
top: 0;
bottom: 0;
left: .2em;
margin: auto 0;
}
/* right-aligned */
.ui-menu .ui-menu-icon {
left: auto;
right: 0;
}
.ui-progressbar {
height: 2em;
text-align: left;
overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
margin: -1px;
height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
height: 100%;
filter: alpha(opacity=25); /* support: IE8 */
opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
background-image: none;
}
.ui-resizable {
position: relative;
}
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
-ms-touch-action: none;
touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
display: none;
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0;
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0;
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%;
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%;
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px;
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px;
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px;
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px;
}
.ui-selectable {
-ms-touch-action: none;
touch-action: none;
}
.ui-selectable-helper {
position: absolute;
z-index: 100;
border: 1px dotted black;
}
.ui-selectmenu-menu {
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
display: none;
}
.ui-selectmenu-menu .ui-menu {
overflow: auto;
/* Support: IE7 */
overflow-x: hidden;
padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
font-size: 1em;
font-weight: bold;
line-height: 1.5;
padding: 2px 0.4em;
margin: 0.5em 0 0 0;
height: auto;
border: 0;
}
.ui-selectmenu-open {
display: block;
}
.ui-selectmenu-button {
display: inline-block;
overflow: hidden;
position: relative;
text-decoration: none;
cursor: pointer;
}
.ui-selectmenu-button span.ui-icon {
right: 0.5em;
left: auto;
margin-top: -8px;
position: absolute;
top: 50%;
}
.ui-selectmenu-button span.ui-selectmenu-text {
text-align: left;
padding: 0.4em 2.1em 0.4em 1em;
display: block;
line-height: 1.4;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
-ms-touch-action: none;
touch-action: none;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
}
/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit;
}
.ui-slider-horizontal {
height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
.ui-slider-vertical {
width: .8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -.3em;
margin-left: 0;
margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
}
.ui-sortable-handle {
-ms-touch-action: none;
touch-action: none;
}
.ui-spinner {
position: relative;
display: inline-block;
overflow: hidden;
padding: 0;
vertical-align: middle;
}
.ui-spinner-input {
border: none;
background: none;
color: inherit;
padding: 0;
margin: .2em 0;
vertical-align: middle;
margin-left: .4em;
margin-right: 22px;
}
.ui-spinner-button {
width: 16px;
height: 50%;
font-size: .5em;
padding: 0;
margin: 0;
text-align: center;
position: absolute;
cursor: default;
display: block;
overflow: hidden;
right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
border-top: none;
border-bottom: none;
border-right: none;
}
/* vertically center icon */
.ui-spinner .ui-icon {
position: absolute;
margin-top: -8px;
top: 50%;
left: 0;
}
.ui-spinner-up {
top: 0;
}
.ui-spinner-down {
bottom: 0;
}
/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
/* need to fix icons sprite */
background-position: -65px -16px;
}
.ui-tabs {
position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
padding: .2em;
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float: left;
padding: .5em 1em;
text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
margin-bottom: -1px;
padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: none;
}
.ui-tooltip {
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 300px;
-webkit-box-shadow: 0 0 5px #aaa;
box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
font-size: 1.1em;
}
.ui-widget .ui-widget {
font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
font-size: 1em;
}
.ui-widget-content {
border: 1px solid #dddddd;
background: #eeeeee url("images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;
color: #333333;
}
.ui-widget-content a {
color: #333333;
}
.ui-widget-header {
border: 1px solid #e78f08;
background: #f6a828 url("images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;
color: #ffffff;
font-weight: bold;
}
.ui-widget-header a {
color: #ffffff;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
border: 1px solid #cccccc;
background: #f6f6f6 url("images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;
font-weight: bold;
color: #1c94c4;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
color: #1c94c4;
text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
border: 1px solid #fbcb09;
background: #fdf5ce url("images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;
font-weight: bold;
color: #c77405;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
color: #c77405;
text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
border: 1px solid #fbd850;
background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
font-weight: bold;
color: #eb8f00;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #eb8f00;
text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #fed22f;
background: #ffe45c url("images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x;
color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #cd0a0a;
background: #b81900 url("images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;
color: #ffffff;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #ffffff;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #ffffff;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter: Alpha(Opacity=70); /* support: IE8 */
font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
filter: Alpha(Opacity=35); /* support: IE8 */
background-image: none;
}
.ui-state-disabled .ui-icon {
filter: Alpha(Opacity=35); /* support: IE8 - See #6059 */
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
width: 16px;
height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
background-image: url("images/ui-icons_222222_256x240.png");
}
.ui-widget-header .ui-icon {
background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-default .ui-icon {
background-image: url("images/ui-icons_ef8c08_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
background-image: url("images/ui-icons_ef8c08_256x240.png");
}
.ui-state-active .ui-icon {
background-image: url("images/ui-icons_ef8c08_256x240.png");
}
.ui-state-highlight .ui-icon {
background-image: url("images/ui-icons_228ef1_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url("images/ui-icons_ffd27a_256x240.png");
}
/* positioning */
.ui-icon-blank {
background-position: 16px 16px;
}
.ui-icon-carat-1-n {
background-position: 0 0;
}
.ui-icon-carat-1-ne {
background-position: -16px 0;
}
.ui-icon-carat-1-e {
background-position: -32px 0;
}
.ui-icon-carat-1-se {
background-position: -48px 0;
}
.ui-icon-carat-1-s {
background-position: -64px 0;
}
.ui-icon-carat-1-sw {
background-position: -80px 0;
}
.ui-icon-carat-1-w {
background-position: -96px 0;
}
.ui-icon-carat-1-nw {
background-position: -112px 0;
}
.ui-icon-carat-2-n-s {
background-position: -128px 0;
}
.ui-icon-carat-2-e-w {
background-position: -144px 0;
}
.ui-icon-triangle-1-n {
background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
background-position: -64px -16px;
}
.ui-icon-triangle-1-sw {
background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
background-position: -64px -32px;
}
.ui-icon-arrow-1-sw {
background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
background-position: 0 -48px;
}
.ui-icon-arrowthick-1-ne {
background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
background-position: -176px -64px;
}
.ui-icon-arrow-4 {
background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
background-position: -16px -80px;
}
.ui-icon-extlink {
background-position: -32px -80px;
}
.ui-icon-newwin {
background-position: -48px -80px;
}
.ui-icon-refresh {
background-position: -64px -80px;
}
.ui-icon-shuffle {
background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
background-position: 0 -96px;
}
.ui-icon-folder-open {
background-position: -16px -96px;
}
.ui-icon-document {
background-position: -32px -96px;
}
.ui-icon-document-b {
background-position: -48px -96px;
}
.ui-icon-note {
background-position: -64px -96px;
}
.ui-icon-mail-closed {
background-position: -80px -96px;
}
.ui-icon-mail-open {
background-position: -96px -96px;
}
.ui-icon-suitcase {
background-position: -112px -96px;
}
.ui-icon-comment {
background-position: -128px -96px;
}
.ui-icon-person {
background-position: -144px -96px;
}
.ui-icon-print {
background-position: -160px -96px;
}
.ui-icon-trash {
background-position: -176px -96px;
}
.ui-icon-locked {
background-position: -192px -96px;
}
.ui-icon-unlocked {
background-position: -208px -96px;
}
.ui-icon-bookmark {
background-position: -224px -96px;
}
.ui-icon-tag {
background-position: -240px -96px;
}
.ui-icon-home {
background-position: 0 -112px;
}
.ui-icon-flag {
background-position: -16px -112px;
}
.ui-icon-calendar {
background-position: -32px -112px;
}
.ui-icon-cart {
background-position: -48px -112px;
}
.ui-icon-pencil {
background-position: -64px -112px;
}
.ui-icon-clock {
background-position: -80px -112px;
}
.ui-icon-disk {
background-position: -96px -112px;
}
.ui-icon-calculator {
background-position: -112px -112px;
}
.ui-icon-zoomin {
background-position: -128px -112px;
}
.ui-icon-zoomout {
background-position: -144px -112px;
}
.ui-icon-search {
background-position: -160px -112px;
}
.ui-icon-wrench {
background-position: -176px -112px;
}
.ui-icon-gear {
background-position: -192px -112px;
}
.ui-icon-heart {
background-position: -208px -112px;
}
.ui-icon-star {
background-position: -224px -112px;
}
.ui-icon-link {
background-position: -240px -112px;
}
.ui-icon-cancel {
background-position: 0 -128px;
}
.ui-icon-plus {
background-position: -16px -128px;
}
.ui-icon-plusthick {
background-position: -32px -128px;
}
.ui-icon-minus {
background-position: -48px -128px;
}
.ui-icon-minusthick {
background-position: -64px -128px;
}
.ui-icon-close {
background-position: -80px -128px;
}
.ui-icon-closethick {
background-position: -96px -128px;
}
.ui-icon-key {
background-position: -112px -128px;
}
.ui-icon-lightbulb {
background-position: -128px -128px;
}
.ui-icon-scissors {
background-position: -144px -128px;
}
.ui-icon-clipboard {
background-position: -160px -128px;
}
.ui-icon-copy {
background-position: -176px -128px;
}
.ui-icon-contact {
background-position: -192px -128px;
}
.ui-icon-image {
background-position: -208px -128px;
}
.ui-icon-video {
background-position: -224px -128px;
}
.ui-icon-script {
background-position: -240px -128px;
}
.ui-icon-alert {
background-position: 0 -144px;
}
.ui-icon-info {
background-position: -16px -144px;
}
.ui-icon-notice {
background-position: -32px -144px;
}
.ui-icon-help {
background-position: -48px -144px;
}
.ui-icon-check {
background-position: -64px -144px;
}
.ui-icon-bullet {
background-position: -80px -144px;
}
.ui-icon-radio-on {
background-position: -96px -144px;
}
.ui-icon-radio-off {
background-position: -112px -144px;
}
.ui-icon-pin-w {
background-position: -128px -144px;
}
.ui-icon-pin-s {
background-position: -144px -144px;
}
.ui-icon-play {
background-position: 0 -160px;
}
.ui-icon-pause {
background-position: -16px -160px;
}
.ui-icon-seek-next {
background-position: -32px -160px;
}
.ui-icon-seek-prev {
background-position: -48px -160px;
}
.ui-icon-seek-end {
background-position: -64px -160px;
}
.ui-icon-seek-start {
background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
background-position: -80px -160px;
}
.ui-icon-stop {
background-position: -96px -160px;
}
.ui-icon-eject {
background-position: -112px -160px;
}
.ui-icon-volume-off {
background-position: -128px -160px;
}
.ui-icon-volume-on {
background-position: -144px -160px;
}
.ui-icon-power {
background-position: 0 -176px;
}
.ui-icon-signal-diag {
background-position: -16px -176px;
}
.ui-icon-signal {
background-position: -32px -176px;
}
.ui-icon-battery-0 {
background-position: -48px -176px;
}
.ui-icon-battery-1 {
background-position: -64px -176px;
}
.ui-icon-battery-2 {
background-position: -80px -176px;
}
.ui-icon-battery-3 {
background-position: -96px -176px;
}
.ui-icon-circle-plus {
background-position: 0 -192px;
}
.ui-icon-circle-minus {
background-position: -16px -192px;
}
.ui-icon-circle-close {
background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
background-position: -192px -192px;
}
.ui-icon-circle-check {
background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
background-position: -80px -224px;
}
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius: 4px;
}
/* Overlays */
.ui-widget-overlay {
background: #666666 url("images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;
opacity: .5;
filter: Alpha(Opacity=50); /* support: IE8 */
}
.ui-widget-shadow {
margin: -5px 0 0 -5px;
padding: 5px;
background: #000000 url("images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;
opacity: .2;
filter: Alpha(Opacity=20); /* support: IE8 */
border-radius: 5px;
}
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(../images/colorpicker_background.png);
font-family: Arial, Helvetica, sans-serif;
display: none;
z-index: 9999999999999;
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #f00;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(../images/colorpicker_overlay.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(../images/colorpicker_select.gif);
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}
.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(../images/colorpicker_indic.gif) left top;
margin: -4px 0 0 0;
left: 0px;
}
.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #f00;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #f00;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #898989;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: url(../images/colorpicker_hex.png) top;
left: 212px;
top: 142px;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r {
background-image: url(../images/colorpicker_rgb_r.png);
top: 52px;
left: 212px;
}
.colorpicker_rgb_g {
background-image: url(../images/colorpicker_rgb_g.png);
top: 82px;
left: 212px;
}
.colorpicker_rgb_b {
background-image: url(../images/colorpicker_rgb_b.png);
top: 112px;
left: 212px;
}
.colorpicker_hsb_h {
background-image: url(../images/colorpicker_hsb_h.png);
top: 52px;
left: 282px;
}
.colorpicker_hsb_s {
background-image: url(../images/colorpicker_hsb_s.png);
top: 82px;
left: 282px;
}
.colorpicker_hsb_b {
background-image: url(../images/colorpicker_hsb_b.png);
top: 112px;
left: 282px;
}
.colorpicker_submit {
position: absolute;
width: 22px;
height: 22px;
background: url(../images/colorpicker_submit.png) top;
left: 322px;
top: 142px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus {
background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position: bottom;
}
.colorpicker_slider {
background-position: bottom;
}
/*!
* Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
*/
.fa,
.fas,
.far,
.fal,
.fad,
.fab {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1; }
.fa-lg {
font-size: 1.33333em;
line-height: 0.75em;
vertical-align: -.0667em; }
.fa-xs {
font-size: .75em; }
.fa-sm {
font-size: .875em; }
.fa-1x {
font-size: 1em; }
.fa-2x {
font-size: 2em; }
.fa-3x {
font-size: 3em; }
.fa-4x {
font-size: 4em; }
.fa-5x {
font-size: 5em; }
.fa-6x {
font-size: 6em; }
.fa-7x {
font-size: 7em; }
.fa-8x {
font-size: 8em; }
.fa-9x {
font-size: 9em; }
.fa-10x {
font-size: 10em; }
.fa-fw {
text-align: center;
width: 1.25em; }
.fa-ul {
list-style-type: none;
margin-left: 2.5em;
padding-left: 0; }
.fa-ul > li {
position: relative; }
.fa-li {
left: -2em;
position: absolute;
text-align: center;
width: 2em;
line-height: inherit; }
.fa-border {
border: solid 0.08em #eee;
border-radius: .1em;
padding: .2em .25em .15em; }
.fa-pull-left {
float: left; }
.fa-pull-right {
float: right; }
.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
margin-right: .3em; }
.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
margin-left: .3em; }
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear; }
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8); }
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
transform: rotate(90deg); }
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
transform: rotate(270deg); }
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1); }
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(1, -1);
transform: scale(1, -1); }
.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(-1, -1);
transform: scale(-1, -1); }
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
-webkit-filter: none;
filter: none; }
.fa-stack {
display: inline-block;
height: 2em;
line-height: 2em;
position: relative;
vertical-align: middle;
width: 2.5em; }
.fa-stack-1x,
.fa-stack-2x {
left: 0;
position: absolute;
text-align: center;
width: 100%; }
.fa-stack-1x {
line-height: inherit; }
.fa-stack-2x {
font-size: 2em; }
.fa-inverse {
color: #fff; }
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-500px:before {
content: "\f26e"; }
.fa-accessible-icon:before {
content: "\f368"; }
.fa-accusoft:before {
content: "\f369"; }
.fa-acquisitions-incorporated:before {
content: "\f6af"; }
.fa-ad:before {
content: "\f641"; }
.fa-address-book:before {
content: "\f2b9"; }
.fa-address-card:before {
content: "\f2bb"; }
.fa-adjust:before {
content: "\f042"; }
.fa-adn:before {
content: "\f170"; }
.fa-adversal:before {
content: "\f36a"; }
.fa-affiliatetheme:before {
content: "\f36b"; }
.fa-air-freshener:before {
content: "\f5d0"; }
.fa-airbnb:before {
content: "\f834"; }
.fa-algolia:before {
content: "\f36c"; }
.fa-align-center:before {
content: "\f037"; }
.fa-align-justify:before {
content: "\f039"; }
.fa-align-left:before {
content: "\f036"; }
.fa-align-right:before {
content: "\f038"; }
.fa-alipay:before {
content: "\f642"; }
.fa-allergies:before {
content: "\f461"; }
.fa-amazon:before {
content: "\f270"; }
.fa-amazon-pay:before {
content: "\f42c"; }
.fa-ambulance:before {
content: "\f0f9"; }
.fa-american-sign-language-interpreting:before {
content: "\f2a3"; }
.fa-amilia:before {
content: "\f36d"; }
.fa-anchor:before {
content: "\f13d"; }
.fa-android:before {
content: "\f17b"; }
.fa-angellist:before {
content: "\f209"; }
.fa-angle-double-down:before {
content: "\f103"; }
.fa-angle-double-left:before {
content: "\f100"; }
.fa-angle-double-right:before {
content: "\f101"; }
.fa-angle-double-up:before {
content: "\f102"; }
.fa-angle-down:before {
content: "\f107"; }
.fa-angle-left:before {
content: "\f104"; }
.fa-angle-right:before {
content: "\f105"; }
.fa-angle-up:before {
content: "\f106"; }
.fa-angry:before {
content: "\f556"; }
.fa-angrycreative:before {
content: "\f36e"; }
.fa-angular:before {
content: "\f420"; }
.fa-ankh:before {
content: "\f644"; }
.fa-app-store:before {
content: "\f36f"; }
.fa-app-store-ios:before {
content: "\f370"; }
.fa-apper:before {
content: "\f371"; }
.fa-apple:before {
content: "\f179"; }
.fa-apple-alt:before {
content: "\f5d1"; }
.fa-apple-pay:before {
content: "\f415"; }
.fa-archive:before {
content: "\f187"; }
.fa-archway:before {
content: "\f557"; }
.fa-arrow-alt-circle-down:before {
content: "\f358"; }
.fa-arrow-alt-circle-left:before {
content: "\f359"; }
.fa-arrow-alt-circle-right:before {
content: "\f35a"; }
.fa-arrow-alt-circle-up:before {
content: "\f35b"; }
.fa-arrow-circle-down:before {
content: "\f0ab"; }
.fa-arrow-circle-left:before {
content: "\f0a8"; }
.fa-arrow-circle-right:before {
content: "\f0a9"; }
.fa-arrow-circle-up:before {
content: "\f0aa"; }
.fa-arrow-down:before {
content: "\f063"; }
.fa-arrow-left:before {
content: "\f060"; }
.fa-arrow-right:before {
content: "\f061"; }
.fa-arrow-up:before {
content: "\f062"; }
.fa-arrows-alt:before {
content: "\f0b2"; }
.fa-arrows-alt-h:before {
content: "\f337"; }
.fa-arrows-alt-v:before {
content: "\f338"; }
.fa-artstation:before {
content: "\f77a"; }
.fa-assistive-listening-systems:before {
content: "\f2a2"; }
.fa-asterisk:before {
content: "\f069"; }
.fa-asymmetrik:before {
content: "\f372"; }
.fa-at:before {
content: "\f1fa"; }
.fa-atlas:before {
content: "\f558"; }
.fa-atlassian:before {
content: "\f77b"; }
.fa-atom:before {
content: "\f5d2"; }
.fa-audible:before {
content: "\f373"; }
.fa-audio-description:before {
content: "\f29e"; }
.fa-autoprefixer:before {
content: "\f41c"; }
.fa-avianex:before {
content: "\f374"; }
.fa-aviato:before {
content: "\f421"; }
.fa-award:before {
content: "\f559"; }
.fa-aws:before {
content: "\f375"; }
.fa-baby:before {
content: "\f77c"; }
.fa-baby-carriage:before {
content: "\f77d"; }
.fa-backspace:before {
content: "\f55a"; }
.fa-backward:before {
content: "\f04a"; }
.fa-bacon:before {
content: "\f7e5"; }
.fa-bacteria:before {
content: "\e059"; }
.fa-bacterium:before {
content: "\e05a"; }
.fa-bahai:before {
content: "\f666"; }
.fa-balance-scale:before {
content: "\f24e"; }
.fa-balance-scale-left:before {
content: "\f515"; }
.fa-balance-scale-right:before {
content: "\f516"; }
.fa-ban:before {
content: "\f05e"; }
.fa-band-aid:before {
content: "\f462"; }
.fa-bandcamp:before {
content: "\f2d5"; }
.fa-barcode:before {
content: "\f02a"; }
.fa-bars:before {
content: "\f0c9"; }
.fa-baseball-ball:before {
content: "\f433"; }
.fa-basketball-ball:before {
content: "\f434"; }
.fa-bath:before {
content: "\f2cd"; }
.fa-battery-empty:before {
content: "\f244"; }
.fa-battery-full:before {
content: "\f240"; }
.fa-battery-half:before {
content: "\f242"; }
.fa-battery-quarter:before {
content: "\f243"; }
.fa-battery-three-quarters:before {
content: "\f241"; }
.fa-battle-net:before {
content: "\f835"; }
.fa-bed:before {
content: "\f236"; }
.fa-beer:before {
content: "\f0fc"; }
.fa-behance:before {
content: "\f1b4"; }
.fa-behance-square:before {
content: "\f1b5"; }
.fa-bell:before {
content: "\f0f3"; }
.fa-bell-slash:before {
content: "\f1f6"; }
.fa-bezier-curve:before {
content: "\f55b"; }
.fa-bible:before {
content: "\f647"; }
.fa-bicycle:before {
content: "\f206"; }
.fa-biking:before {
content: "\f84a"; }
.fa-bimobject:before {
content: "\f378"; }
.fa-binoculars:before {
content: "\f1e5"; }
.fa-biohazard:before {
content: "\f780"; }
.fa-birthday-cake:before {
content: "\f1fd"; }
.fa-bitbucket:before {
content: "\f171"; }
.fa-bitcoin:before {
content: "\f379"; }
.fa-bity:before {
content: "\f37a"; }
.fa-black-tie:before {
content: "\f27e"; }
.fa-blackberry:before {
content: "\f37b"; }
.fa-blender:before {
content: "\f517"; }
.fa-blender-phone:before {
content: "\f6b6"; }
.fa-blind:before {
content: "\f29d"; }
.fa-blog:before {
content: "\f781"; }
.fa-blogger:before {
content: "\f37c"; }
.fa-blogger-b:before {
content: "\f37d"; }
.fa-bluetooth:before {
content: "\f293"; }
.fa-bluetooth-b:before {
content: "\f294"; }
.fa-bold:before {
content: "\f032"; }
.fa-bolt:before {
content: "\f0e7"; }
.fa-bomb:before {
content: "\f1e2"; }
.fa-bone:before {
content: "\f5d7"; }
.fa-bong:before {
content: "\f55c"; }
.fa-book:before {
content: "\f02d"; }
.fa-book-dead:before {
content: "\f6b7"; }
.fa-book-medical:before {
content: "\f7e6"; }
.fa-book-open:before {
content: "\f518"; }
.fa-book-reader:before {
content: "\f5da"; }
.fa-bookmark:before {
content: "\f02e"; }
.fa-bootstrap:before {
content: "\f836"; }
.fa-border-all:before {
content: "\f84c"; }
.fa-border-none:before {
content: "\f850"; }
.fa-border-style:before {
content: "\f853"; }
.fa-bowling-ball:before {
content: "\f436"; }
.fa-box:before {
content: "\f466"; }
.fa-box-open:before {
content: "\f49e"; }
.fa-box-tissue:before {
content: "\e05b"; }
.fa-boxes:before {
content: "\f468"; }
.fa-braille:before {
content: "\f2a1"; }
.fa-brain:before {
content: "\f5dc"; }
.fa-bread-slice:before {
content: "\f7ec"; }
.fa-briefcase:before {
content: "\f0b1"; }
.fa-briefcase-medical:before {
content: "\f469"; }
.fa-broadcast-tower:before {
content: "\f519"; }
.fa-broom:before {
content: "\f51a"; }
.fa-brush:before {
content: "\f55d"; }
.fa-btc:before {
content: "\f15a"; }
.fa-buffer:before {
content: "\f837"; }
.fa-bug:before {
content: "\f188"; }
.fa-building:before {
content: "\f1ad"; }
.fa-bullhorn:before {
content: "\f0a1"; }
.fa-bullseye:before {
content: "\f140"; }
.fa-burn:before {
content: "\f46a"; }
.fa-buromobelexperte:before {
content: "\f37f"; }
.fa-bus:before {
content: "\f207"; }
.fa-bus-alt:before {
content: "\f55e"; }
.fa-business-time:before {
content: "\f64a"; }
.fa-buy-n-large:before {
content: "\f8a6"; }
.fa-buysellads:before {
content: "\f20d"; }
.fa-calculator:before {
content: "\f1ec"; }
.fa-calendar:before {
content: "\f133"; }
.fa-calendar-alt:before {
content: "\f073"; }
.fa-calendar-check:before {
content: "\f274"; }
.fa-calendar-day:before {
content: "\f783"; }
.fa-calendar-minus:before {
content: "\f272"; }
.fa-calendar-plus:before {
content: "\f271"; }
.fa-calendar-times:before {
content: "\f273"; }
.fa-calendar-week:before {
content: "\f784"; }
.fa-camera:before {
content: "\f030"; }
.fa-camera-retro:before {
content: "\f083"; }
.fa-campground:before {
content: "\f6bb"; }
.fa-canadian-maple-leaf:before {
content: "\f785"; }
.fa-candy-cane:before {
content: "\f786"; }
.fa-cannabis:before {
content: "\f55f"; }
.fa-capsules:before {
content: "\f46b"; }
.fa-car:before {
content: "\f1b9"; }
.fa-car-alt:before {
content: "\f5de"; }
.fa-car-battery:before {
content: "\f5df"; }
.fa-car-crash:before {
content: "\f5e1"; }
.fa-car-side:before {
content: "\f5e4"; }
.fa-caravan:before {
content: "\f8ff"; }
.fa-caret-down:before {
content: "\f0d7"; }
.fa-caret-left:before {
content: "\f0d9"; }
.fa-caret-right:before {
content: "\f0da"; }
.fa-caret-square-down:before {
content: "\f150"; }
.fa-caret-square-left:before {
content: "\f191"; }
.fa-caret-square-right:before {
content: "\f152"; }
.fa-caret-square-up:before {
content: "\f151"; }
.fa-caret-up:before {
content: "\f0d8"; }
.fa-carrot:before {
content: "\f787"; }
.fa-cart-arrow-down:before {
content: "\f218"; }
.fa-cart-plus:before {
content: "\f217"; }
.fa-cash-register:before {
content: "\f788"; }
.fa-cat:before {
content: "\f6be"; }
.fa-cc-amazon-pay:before {
content: "\f42d"; }
.fa-cc-amex:before {
content: "\f1f3"; }
.fa-cc-apple-pay:before {
content: "\f416"; }
.fa-cc-diners-club:before {
content: "\f24c"; }
.fa-cc-discover:before {
content: "\f1f2"; }
.fa-cc-jcb:before {
content: "\f24b"; }
.fa-cc-mastercard:before {
content: "\f1f1"; }
.fa-cc-paypal:before {
content: "\f1f4"; }
.fa-cc-stripe:before {
content: "\f1f5"; }
.fa-cc-visa:before {
content: "\f1f0"; }
.fa-centercode:before {
content: "\f380"; }
.fa-centos:before {
content: "\f789"; }
.fa-certificate:before {
content: "\f0a3"; }
.fa-chair:before {
content: "\f6c0"; }
.fa-chalkboard:before {
content: "\f51b"; }
.fa-chalkboard-teacher:before {
content: "\f51c"; }
.fa-charging-station:before {
content: "\f5e7"; }
.fa-chart-area:before {
content: "\f1fe"; }
.fa-chart-bar:before {
content: "\f080"; }
.fa-chart-line:before {
content: "\f201"; }
.fa-chart-pie:before {
content: "\f200"; }
.fa-check:before {
content: "\f00c"; }
.fa-check-circle:before {
content: "\f058"; }
.fa-check-double:before {
content: "\f560"; }
.fa-check-square:before {
content: "\f14a"; }
.fa-cheese:before {
content: "\f7ef"; }
.fa-chess:before {
content: "\f439"; }
.fa-chess-bishop:before {
content: "\f43a"; }
.fa-chess-board:before {
content: "\f43c"; }
.fa-chess-king:before {
content: "\f43f"; }
.fa-chess-knight:before {
content: "\f441"; }
.fa-chess-pawn:before {
content: "\f443"; }
.fa-chess-queen:before {
content: "\f445"; }
.fa-chess-rook:before {
content: "\f447"; }
.fa-chevron-circle-down:before {
content: "\f13a"; }
.fa-chevron-circle-left:before {
content: "\f137"; }
.fa-chevron-circle-right:before {
content: "\f138"; }
.fa-chevron-circle-up:before {
content: "\f139"; }
.fa-chevron-down:before {
content: "\f078"; }
.fa-chevron-left:before {
content: "\f053"; }
.fa-chevron-right:before {
content: "\f054"; }
.fa-chevron-up:before {
content: "\f077"; }
.fa-child:before {
content: "\f1ae"; }
.fa-chrome:before {
content: "\f268"; }
.fa-chromecast:before {
content: "\f838"; }
.fa-church:before {
content: "\f51d"; }
.fa-circle:before {
content: "\f111"; }
.fa-circle-notch:before {
content: "\f1ce"; }
.fa-city:before {
content: "\f64f"; }
.fa-clinic-medical:before {
content: "\f7f2"; }
.fa-clipboard:before {
content: "\f328"; }
.fa-clipboard-check:before {
content: "\f46c"; }
.fa-clipboard-list:before {
content: "\f46d"; }
.fa-clock:before {
content: "\f017"; }
.fa-clone:before {
content: "\f24d"; }
.fa-closed-captioning:before {
content: "\f20a"; }
.fa-cloud:before {
content: "\f0c2"; }
.fa-cloud-download-alt:before {
content: "\f381"; }
.fa-cloud-meatball:before {
content: "\f73b"; }
.fa-cloud-moon:before {
content: "\f6c3"; }
.fa-cloud-moon-rain:before {
content: "\f73c"; }
.fa-cloud-rain:before {
content: "\f73d"; }
.fa-cloud-showers-heavy:before {
content: "\f740"; }
.fa-cloud-sun:before {
content: "\f6c4"; }
.fa-cloud-sun-rain:before {
content: "\f743"; }
.fa-cloud-upload-alt:before {
content: "\f382"; }
.fa-cloudflare:before {
content: "\e07d"; }
.fa-cloudscale:before {
content: "\f383"; }
.fa-cloudsmith:before {
content: "\f384"; }
.fa-cloudversify:before {
content: "\f385"; }
.fa-cocktail:before {
content: "\f561"; }
.fa-code:before {
content: "\f121"; }
.fa-code-branch:before {
content: "\f126"; }
.fa-codepen:before {
content: "\f1cb"; }
.fa-codiepie:before {
content: "\f284"; }
.fa-coffee:before {
content: "\f0f4"; }
.fa-cog:before {
content: "\f013"; }
.fa-cogs:before {
content: "\f085"; }
.fa-coins:before {
content: "\f51e"; }
.fa-columns:before {
content: "\f0db"; }
.fa-comment:before {
content: "\f075"; }
.fa-comment-alt:before {
content: "\f27a"; }
.fa-comment-dollar:before {
content: "\f651"; }
.fa-comment-dots:before {
content: "\f4ad"; }
.fa-comment-medical:before {
content: "\f7f5"; }
.fa-comment-slash:before {
content: "\f4b3"; }
.fa-comments:before {
content: "\f086"; }
.fa-comments-dollar:before {
content: "\f653"; }
.fa-compact-disc:before {
content: "\f51f"; }
.fa-compass:before {
content: "\f14e"; }
.fa-compress:before {
content: "\f066"; }
.fa-compress-alt:before {
content: "\f422"; }
.fa-compress-arrows-alt:before {
content: "\f78c"; }
.fa-concierge-bell:before {
content: "\f562"; }
.fa-confluence:before {
content: "\f78d"; }
.fa-connectdevelop:before {
content: "\f20e"; }
.fa-contao:before {
content: "\f26d"; }
.fa-cookie:before {
content: "\f563"; }
.fa-cookie-bite:before {
content: "\f564"; }
.fa-copy:before {
content: "\f0c5"; }
.fa-copyright:before {
content: "\f1f9"; }
.fa-cotton-bureau:before {
content: "\f89e"; }
.fa-couch:before {
content: "\f4b8"; }
.fa-cpanel:before {
content: "\f388"; }
.fa-creative-commons:before {
content: "\f25e"; }
.fa-creative-commons-by:before {
content: "\f4e7"; }
.fa-creative-commons-nc:before {
content: "\f4e8"; }
.fa-creative-commons-nc-eu:before {
content: "\f4e9"; }
.fa-creative-commons-nc-jp:before {
content: "\f4ea"; }
.fa-creative-commons-nd:before {
content: "\f4eb"; }
.fa-creative-commons-pd:before {
content: "\f4ec"; }
.fa-creative-commons-pd-alt:before {
content: "\f4ed"; }
.fa-creative-commons-remix:before {
content: "\f4ee"; }
.fa-creative-commons-sa:before {
content: "\f4ef"; }
.fa-creative-commons-sampling:before {
content: "\f4f0"; }
.fa-creative-commons-sampling-plus:before {
content: "\f4f1"; }
.fa-creative-commons-share:before {
content: "\f4f2"; }
.fa-creative-commons-zero:before {
content: "\f4f3"; }
.fa-credit-card:before {
content: "\f09d"; }
.fa-critical-role:before {
content: "\f6c9"; }
.fa-crop:before {
content: "\f125"; }
.fa-crop-alt:before {
content: "\f565"; }
.fa-cross:before {
content: "\f654"; }
.fa-crosshairs:before {
content: "\f05b"; }
.fa-crow:before {
content: "\f520"; }
.fa-crown:before {
content: "\f521"; }
.fa-crutch:before {
content: "\f7f7"; }
.fa-css3:before {
content: "\f13c"; }
.fa-css3-alt:before {
content: "\f38b"; }
.fa-cube:before {
content: "\f1b2"; }
.fa-cubes:before {
content: "\f1b3"; }
.fa-cut:before {
content: "\f0c4"; }
.fa-cuttlefish:before {
content: "\f38c"; }
.fa-d-and-d:before {
content: "\f38d"; }
.fa-d-and-d-beyond:before {
content: "\f6ca"; }
.fa-dailymotion:before {
content: "\e052"; }
.fa-dashcube:before {
content: "\f210"; }
.fa-database:before {
content: "\f1c0"; }
.fa-deaf:before {
content: "\f2a4"; }
.fa-deezer:before {
content: "\e077"; }
.fa-delicious:before {
content: "\f1a5"; }
.fa-democrat:before {
content: "\f747"; }
.fa-deploydog:before {
content: "\f38e"; }
.fa-deskpro:before {
content: "\f38f"; }
.fa-desktop:before {
content: "\f108"; }
.fa-dev:before {
content: "\f6cc"; }
.fa-deviantart:before {
content: "\f1bd"; }
.fa-dharmachakra:before {
content: "\f655"; }
.fa-dhl:before {
content: "\f790"; }
.fa-diagnoses:before {
content: "\f470"; }
.fa-diaspora:before {
content: "\f791"; }
.fa-dice:before {
content: "\f522"; }
.fa-dice-d20:before {
content: "\f6cf"; }
.fa-dice-d6:before {
content: "\f6d1"; }
.fa-dice-five:before {
content: "\f523"; }
.fa-dice-four:before {
content: "\f524"; }
.fa-dice-one:before {
content: "\f525"; }
.fa-dice-six:before {
content: "\f526"; }
.fa-dice-three:before {
content: "\f527"; }
.fa-dice-two:before {
content: "\f528"; }
.fa-digg:before {
content: "\f1a6"; }
.fa-digital-ocean:before {
content: "\f391"; }
.fa-digital-tachograph:before {
content: "\f566"; }
.fa-directions:before {
content: "\f5eb"; }
.fa-discord:before {
content: "\f392"; }
.fa-discourse:before {
content: "\f393"; }
.fa-disease:before {
content: "\f7fa"; }
.fa-divide:before {
content: "\f529"; }
.fa-dizzy:before {
content: "\f567"; }
.fa-dna:before {
content: "\f471"; }
.fa-dochub:before {
content: "\f394"; }
.fa-docker:before {
content: "\f395"; }
.fa-dog:before {
content: "\f6d3"; }
.fa-dollar-sign:before {
content: "\f155"; }
.fa-dolly:before {
content: "\f472"; }
.fa-dolly-flatbed:before {
content: "\f474"; }
.fa-donate:before {
content: "\f4b9"; }
.fa-door-closed:before {
content: "\f52a"; }
.fa-door-open:before {
content: "\f52b"; }
.fa-dot-circle:before {
content: "\f192"; }
.fa-dove:before {
content: "\f4ba"; }
.fa-download:before {
content: "\f019"; }
.fa-draft2digital:before {
content: "\f396"; }
.fa-drafting-compass:before {
content: "\f568"; }
.fa-dragon:before {
content: "\f6d5"; }
.fa-draw-polygon:before {
content: "\f5ee"; }
.fa-dribbble:before {
content: "\f17d"; }
.fa-dribbble-square:before {
content: "\f397"; }
.fa-dropbox:before {
content: "\f16b"; }
.fa-drum:before {
content: "\f569"; }
.fa-drum-steelpan:before {
content: "\f56a"; }
.fa-drumstick-bite:before {
content: "\f6d7"; }
.fa-drupal:before {
content: "\f1a9"; }
.fa-dumbbell:before {
content: "\f44b"; }
.fa-dumpster:before {
content: "\f793"; }
.fa-dumpster-fire:before {
content: "\f794"; }
.fa-dungeon:before {
content: "\f6d9"; }
.fa-dyalog:before {
content: "\f399"; }
.fa-earlybirds:before {
content: "\f39a"; }
.fa-ebay:before {
content: "\f4f4"; }
.fa-edge:before {
content: "\f282"; }
.fa-edge-legacy:before {
content: "\e078"; }
.fa-edit:before {
content: "\f044"; }
.fa-egg:before {
content: "\f7fb"; }
.fa-eject:before {
content: "\f052"; }
.fa-elementor:before {
content: "\f430"; }
.fa-ellipsis-h:before {
content: "\f141"; }
.fa-ellipsis-v:before {
content: "\f142"; }
.fa-ello:before {
content: "\f5f1"; }
.fa-ember:before {
content: "\f423"; }
.fa-empire:before {
content: "\f1d1"; }
.fa-envelope:before {
content: "\f0e0"; }
.fa-envelope-open:before {
content: "\f2b6"; }
.fa-envelope-open-text:before {
content: "\f658"; }
.fa-envelope-square:before {
content: "\f199"; }
.fa-envira:before {
content: "\f299"; }
.fa-equals:before {
content: "\f52c"; }
.fa-eraser:before {
content: "\f12d"; }
.fa-erlang:before {
content: "\f39d"; }
.fa-ethereum:before {
content: "\f42e"; }
.fa-ethernet:before {
content: "\f796"; }
.fa-etsy:before {
content: "\f2d7"; }
.fa-euro-sign:before {
content: "\f153"; }
.fa-evernote:before {
content: "\f839"; }
.fa-exchange-alt:before {
content: "\f362"; }
.fa-exclamation:before {
content: "\f12a"; }
.fa-exclamation-circle:before {
content: "\f06a"; }
.fa-exclamation-triangle:before {
content: "\f071"; }
.fa-expand:before {
content: "\f065"; }
.fa-expand-alt:before {
content: "\f424"; }
.fa-expand-arrows-alt:before {
content: "\f31e"; }
.fa-expeditedssl:before {
content: "\f23e"; }
.fa-external-link-alt:before {
content: "\f35d"; }
.fa-external-link-square-alt:before {
content: "\f360"; }
.fa-eye:before {
content: "\f06e"; }
.fa-eye-dropper:before {
content: "\f1fb"; }
.fa-eye-slash:before {
content: "\f070"; }
.fa-facebook:before {
content: "\f09a"; }
.fa-facebook-f:before {
content: "\f39e"; }
.fa-facebook-messenger:before {
content: "\f39f"; }
.fa-facebook-square:before {
content: "\f082"; }
.fa-fan:before {
content: "\f863"; }
.fa-fantasy-flight-games:before {
content: "\f6dc"; }
.fa-fast-backward:before {
content: "\f049"; }
.fa-fast-forward:before {
content: "\f050"; }
.fa-faucet:before {
content: "\e005"; }
.fa-fax:before {
content: "\f1ac"; }
.fa-feather:before {
content: "\f52d"; }
.fa-feather-alt:before {
content: "\f56b"; }
.fa-fedex:before {
content: "\f797"; }
.fa-fedora:before {
content: "\f798"; }
.fa-female:before {
content: "\f182"; }
.fa-fighter-jet:before {
content: "\f0fb"; }
.fa-figma:before {
content: "\f799"; }
.fa-file:before {
content: "\f15b"; }
.fa-file-alt:before {
content: "\f15c"; }
.fa-file-archive:before {
content: "\f1c6"; }
.fa-file-audio:before {
content: "\f1c7"; }
.fa-file-code:before {
content: "\f1c9"; }
.fa-file-contract:before {
content: "\f56c"; }
.fa-file-csv:before {
content: "\f6dd"; }
.fa-file-download:before {
content: "\f56d"; }
.fa-file-excel:before {
content: "\f1c3"; }
.fa-file-export:before {
content: "\f56e"; }
.fa-file-image:before {
content: "\f1c5"; }
.fa-file-import:before {
content: "\f56f"; }
.fa-file-invoice:before {
content: "\f570"; }
.fa-file-invoice-dollar:before {
content: "\f571"; }
.fa-file-medical:before {
content: "\f477"; }
.fa-file-medical-alt:before {
content: "\f478"; }
.fa-file-pdf:before {
content: "\f1c1"; }
.fa-file-powerpoint:before {
content: "\f1c4"; }
.fa-file-prescription:before {
content: "\f572"; }
.fa-file-signature:before {
content: "\f573"; }
.fa-file-upload:before {
content: "\f574"; }
.fa-file-video:before {
content: "\f1c8"; }
.fa-file-word:before {
content: "\f1c2"; }
.fa-fill:before {
content: "\f575"; }
.fa-fill-drip:before {
content: "\f576"; }
.fa-film:before {
content: "\f008"; }
.fa-filter:before {
content: "\f0b0"; }
.fa-fingerprint:before {
content: "\f577"; }
.fa-fire:before {
content: "\f06d"; }
.fa-fire-alt:before {
content: "\f7e4"; }
.fa-fire-extinguisher:before {
content: "\f134"; }
.fa-firefox:before {
content: "\f269"; }
.fa-firefox-browser:before {
content: "\e007"; }
.fa-first-aid:before {
content: "\f479"; }
.fa-first-order:before {
content: "\f2b0"; }
.fa-first-order-alt:before {
content: "\f50a"; }
.fa-firstdraft:before {
content: "\f3a1"; }
.fa-fish:before {
content: "\f578"; }
.fa-fist-raised:before {
content: "\f6de"; }
.fa-flag:before {
content: "\f024"; }
.fa-flag-checkered:before {
content: "\f11e"; }
.fa-flag-usa:before {
content: "\f74d"; }
.fa-flask:before {
content: "\f0c3"; }
.fa-flickr:before {
content: "\f16e"; }
.fa-flipboard:before {
content: "\f44d"; }
.fa-flushed:before {
content: "\f579"; }
.fa-fly:before {
content: "\f417"; }
.fa-folder:before {
content: "\f07b"; }
.fa-folder-minus:before {
content: "\f65d"; }
.fa-folder-open:before {
content: "\f07c"; }
.fa-folder-plus:before {
content: "\f65e"; }
.fa-font:before {
content: "\f031"; }
.fa-font-awesome:before {
content: "\f2b4"; }
.fa-font-awesome-alt:before {
content: "\f35c"; }
.fa-font-awesome-flag:before {
content: "\f425"; }
.fa-font-awesome-logo-full:before {
content: "\f4e6"; }
.fa-fonticons:before {
content: "\f280"; }
.fa-fonticons-fi:before {
content: "\f3a2"; }
.fa-football-ball:before {
content: "\f44e"; }
.fa-fort-awesome:before {
content: "\f286"; }
.fa-fort-awesome-alt:before {
content: "\f3a3"; }
.fa-forumbee:before {
content: "\f211"; }
.fa-forward:before {
content: "\f04e"; }
.fa-foursquare:before {
content: "\f180"; }
.fa-free-code-camp:before {
content: "\f2c5"; }
.fa-freebsd:before {
content: "\f3a4"; }
.fa-frog:before {
content: "\f52e"; }
.fa-frown:before {
content: "\f119"; }
.fa-frown-open:before {
content: "\f57a"; }
.fa-fulcrum:before {
content: "\f50b"; }
.fa-funnel-dollar:before {
content: "\f662"; }
.fa-futbol:before {
content: "\f1e3"; }
.fa-galactic-republic:before {
content: "\f50c"; }
.fa-galactic-senate:before {
content: "\f50d"; }
.fa-gamepad:before {
content: "\f11b"; }
.fa-gas-pump:before {
content: "\f52f"; }
.fa-gavel:before {
content: "\f0e3"; }
.fa-gem:before {
content: "\f3a5"; }
.fa-genderless:before {
content: "\f22d"; }
.fa-get-pocket:before {
content: "\f265"; }
.fa-gg:before {
content: "\f260"; }
.fa-gg-circle:before {
content: "\f261"; }
.fa-ghost:before {
content: "\f6e2"; }
.fa-gift:before {
content: "\f06b"; }
.fa-gifts:before {
content: "\f79c"; }
.fa-git:before {
content: "\f1d3"; }
.fa-git-alt:before {
content: "\f841"; }
.fa-git-square:before {
content: "\f1d2"; }
.fa-github:before {
content: "\f09b"; }
.fa-github-alt:before {
content: "\f113"; }
.fa-github-square:before {
content: "\f092"; }
.fa-gitkraken:before {
content: "\f3a6"; }
.fa-gitlab:before {
content: "\f296"; }
.fa-gitter:before {
content: "\f426"; }
.fa-glass-cheers:before {
content: "\f79f"; }
.fa-glass-martini:before {
content: "\f000"; }
.fa-glass-martini-alt:before {
content: "\f57b"; }
.fa-glass-whiskey:before {
content: "\f7a0"; }
.fa-glasses:before {
content: "\f530"; }
.fa-glide:before {
content: "\f2a5"; }
.fa-glide-g:before {
content: "\f2a6"; }
.fa-globe:before {
content: "\f0ac"; }
.fa-globe-africa:before {
content: "\f57c"; }
.fa-globe-americas:before {
content: "\f57d"; }
.fa-globe-asia:before {
content: "\f57e"; }
.fa-globe-europe:before {
content: "\f7a2"; }
.fa-gofore:before {
content: "\f3a7"; }
.fa-golf-ball:before {
content: "\f450"; }
.fa-goodreads:before {
content: "\f3a8"; }
.fa-goodreads-g:before {
content: "\f3a9"; }
.fa-google:before {
content: "\f1a0"; }
.fa-google-drive:before {
content: "\f3aa"; }
.fa-google-pay:before {
content: "\e079"; }
.fa-google-play:before {
content: "\f3ab"; }
.fa-google-plus:before {
content: "\f2b3"; }
.fa-google-plus-g:before {
content: "\f0d5"; }
.fa-google-plus-square:before {
content: "\f0d4"; }
.fa-google-wallet:before {
content: "\f1ee"; }
.fa-gopuram:before {
content: "\f664"; }
.fa-graduation-cap:before {
content: "\f19d"; }
.fa-gratipay:before {
content: "\f184"; }
.fa-grav:before {
content: "\f2d6"; }
.fa-greater-than:before {
content: "\f531"; }
.fa-greater-than-equal:before {
content: "\f532"; }
.fa-grimace:before {
content: "\f57f"; }
.fa-grin:before {
content: "\f580"; }
.fa-grin-alt:before {
content: "\f581"; }
.fa-grin-beam:before {
content: "\f582"; }
.fa-grin-beam-sweat:before {
content: "\f583"; }
.fa-grin-hearts:before {
content: "\f584"; }
.fa-grin-squint:before {
content: "\f585"; }
.fa-grin-squint-tears:before {
content: "\f586"; }
.fa-grin-stars:before {
content: "\f587"; }
.fa-grin-tears:before {
content: "\f588"; }
.fa-grin-tongue:before {
content: "\f589"; }
.fa-grin-tongue-squint:before {
content: "\f58a"; }
.fa-grin-tongue-wink:before {
content: "\f58b"; }
.fa-grin-wink:before {
content: "\f58c"; }
.fa-grip-horizontal:before {
content: "\f58d"; }
.fa-grip-lines:before {
content: "\f7a4"; }
.fa-grip-lines-vertical:before {
content: "\f7a5"; }
.fa-grip-vertical:before {
content: "\f58e"; }
.fa-gripfire:before {
content: "\f3ac"; }
.fa-grunt:before {
content: "\f3ad"; }
.fa-guilded:before {
content: "\e07e"; }
.fa-guitar:before {
content: "\f7a6"; }
.fa-gulp:before {
content: "\f3ae"; }
.fa-h-square:before {
content: "\f0fd"; }
.fa-hacker-news:before {
content: "\f1d4"; }
.fa-hacker-news-square:before {
content: "\f3af"; }
.fa-hackerrank:before {
content: "\f5f7"; }
.fa-hamburger:before {
content: "\f805"; }
.fa-hammer:before {
content: "\f6e3"; }
.fa-hamsa:before {
content: "\f665"; }
.fa-hand-holding:before {
content: "\f4bd"; }
.fa-hand-holding-heart:before {
content: "\f4be"; }
.fa-hand-holding-medical:before {
content: "\e05c"; }
.fa-hand-holding-usd:before {
content: "\f4c0"; }
.fa-hand-holding-water:before {
content: "\f4c1"; }
.fa-hand-lizard:before {
content: "\f258"; }
.fa-hand-middle-finger:before {
content: "\f806"; }
.fa-hand-paper:before {
content: "\f256"; }
.fa-hand-peace:before {
content: "\f25b"; }
.fa-hand-point-down:before {
content: "\f0a7"; }
.fa-hand-point-left:before {
content: "\f0a5"; }
.fa-hand-point-right:before {
content: "\f0a4"; }
.fa-hand-point-up:before {
content: "\f0a6"; }
.fa-hand-pointer:before {
content: "\f25a"; }
.fa-hand-rock:before {
content: "\f255"; }
.fa-hand-scissors:before {
content: "\f257"; }
.fa-hand-sparkles:before {
content: "\e05d"; }
.fa-hand-spock:before {
content: "\f259"; }
.fa-hands:before {
content: "\f4c2"; }
.fa-hands-helping:before {
content: "\f4c4"; }
.fa-hands-wash:before {
content: "\e05e"; }
.fa-handshake:before {
content: "\f2b5"; }
.fa-handshake-alt-slash:before {
content: "\e05f"; }
.fa-handshake-slash:before {
content: "\e060"; }
.fa-hanukiah:before {
content: "\f6e6"; }
.fa-hard-hat:before {
content: "\f807"; }
.fa-hashtag:before {
content: "\f292"; }
.fa-hat-cowboy:before {
content: "\f8c0"; }
.fa-hat-cowboy-side:before {
content: "\f8c1"; }
.fa-hat-wizard:before {
content: "\f6e8"; }
.fa-hdd:before {
content: "\f0a0"; }
.fa-head-side-cough:before {
content: "\e061"; }
.fa-head-side-cough-slash:before {
content: "\e062"; }
.fa-head-side-mask:before {
content: "\e063"; }
.fa-head-side-virus:before {
content: "\e064"; }
.fa-heading:before {
content: "\f1dc"; }
.fa-headphones:before {
content: "\f025"; }
.fa-headphones-alt:before {
content: "\f58f"; }
.fa-headset:before {
content: "\f590"; }
.fa-heart:before {
content: "\f004"; }
.fa-heart-broken:before {
content: "\f7a9"; }
.fa-heartbeat:before {
content: "\f21e"; }
.fa-helicopter:before {
content: "\f533"; }
.fa-highlighter:before {
content: "\f591"; }
.fa-hiking:before {
content: "\f6ec"; }
.fa-hippo:before {
content: "\f6ed"; }
.fa-hips:before {
content: "\f452"; }
.fa-hire-a-helper:before {
content: "\f3b0"; }
.fa-history:before {
content: "\f1da"; }
.fa-hive:before {
content: "\e07f"; }
.fa-hockey-puck:before {
content: "\f453"; }
.fa-holly-berry:before {
content: "\f7aa"; }
.fa-home:before {
content: "\f015"; }
.fa-hooli:before {
content: "\f427"; }
.fa-hornbill:before {
content: "\f592"; }
.fa-horse:before {
content: "\f6f0"; }
.fa-horse-head:before {
content: "\f7ab"; }
.fa-hospital:before {
content: "\f0f8"; }
.fa-hospital-alt:before {
content: "\f47d"; }
.fa-hospital-symbol:before {
content: "\f47e"; }
.fa-hospital-user:before {
content: "\f80d"; }
.fa-hot-tub:before {
content: "\f593"; }
.fa-hotdog:before {
content: "\f80f"; }
.fa-hotel:before {
content: "\f594"; }
.fa-hotjar:before {
content: "\f3b1"; }
.fa-hourglass:before {
content: "\f254"; }
.fa-hourglass-end:before {
content: "\f253"; }
.fa-hourglass-half:before {
content: "\f252"; }
.fa-hourglass-start:before {
content: "\f251"; }
.fa-house-damage:before {
content: "\f6f1"; }
.fa-house-user:before {
content: "\e065"; }
.fa-houzz:before {
content: "\f27c"; }
.fa-hryvnia:before {
content: "\f6f2"; }
.fa-html5:before {
content: "\f13b"; }
.fa-hubspot:before {
content: "\f3b2"; }
.fa-i-cursor:before {
content: "\f246"; }
.fa-ice-cream:before {
content: "\f810"; }
.fa-icicles:before {
content: "\f7ad"; }
.fa-icons:before {
content: "\f86d"; }
.fa-id-badge:before {
content: "\f2c1"; }
.fa-id-card:before {
content: "\f2c2"; }
.fa-id-card-alt:before {
content: "\f47f"; }
.fa-ideal:before {
content: "\e013"; }
.fa-igloo:before {
content: "\f7ae"; }
.fa-image:before {
content: "\f03e"; }
.fa-images:before {
content: "\f302"; }
.fa-imdb:before {
content: "\f2d8"; }
.fa-inbox:before {
content: "\f01c"; }
.fa-indent:before {
content: "\f03c"; }
.fa-industry:before {
content: "\f275"; }
.fa-infinity:before {
content: "\f534"; }
.fa-info:before {
content: "\f129"; }
.fa-info-circle:before {
content: "\f05a"; }
.fa-innosoft:before {
content: "\e080"; }
.fa-instagram:before {
content: "\f16d"; }
.fa-instagram-square:before {
content: "\e055"; }
.fa-instalod:before {
content: "\e081"; }
.fa-intercom:before {
content: "\f7af"; }
.fa-internet-explorer:before {
content: "\f26b"; }
.fa-invision:before {
content: "\f7b0"; }
.fa-ioxhost:before {
content: "\f208"; }
.fa-italic:before {
content: "\f033"; }
.fa-itch-io:before {
content: "\f83a"; }
.fa-itunes:before {
content: "\f3b4"; }
.fa-itunes-note:before {
content: "\f3b5"; }
.fa-java:before {
content: "\f4e4"; }
.fa-jedi:before {
content: "\f669"; }
.fa-jedi-order:before {
content: "\f50e"; }
.fa-jenkins:before {
content: "\f3b6"; }
.fa-jira:before {
content: "\f7b1"; }
.fa-joget:before {
content: "\f3b7"; }
.fa-joint:before {
content: "\f595"; }
.fa-joomla:before {
content: "\f1aa"; }
.fa-journal-whills:before {
content: "\f66a"; }
.fa-js:before {
content: "\f3b8"; }
.fa-js-square:before {
content: "\f3b9"; }
.fa-jsfiddle:before {
content: "\f1cc"; }
.fa-kaaba:before {
content: "\f66b"; }
.fa-kaggle:before {
content: "\f5fa"; }
.fa-key:before {
content: "\f084"; }
.fa-keybase:before {
content: "\f4f5"; }
.fa-keyboard:before {
content: "\f11c"; }
.fa-keycdn:before {
content: "\f3ba"; }
.fa-khanda:before {
content: "\f66d"; }
.fa-kickstarter:before {
content: "\f3bb"; }
.fa-kickstarter-k:before {
content: "\f3bc"; }
.fa-kiss:before {
content: "\f596"; }
.fa-kiss-beam:before {
content: "\f597"; }
.fa-kiss-wink-heart:before {
content: "\f598"; }
.fa-kiwi-bird:before {
content: "\f535"; }
.fa-korvue:before {
content: "\f42f"; }
.fa-landmark:before {
content: "\f66f"; }
.fa-language:before {
content: "\f1ab"; }
.fa-laptop:before {
content: "\f109"; }
.fa-laptop-code:before {
content: "\f5fc"; }
.fa-laptop-house:before {
content: "\e066"; }
.fa-laptop-medical:before {
content: "\f812"; }
.fa-laravel:before {
content: "\f3bd"; }
.fa-lastfm:before {
content: "\f202"; }
.fa-lastfm-square:before {
content: "\f203"; }
.fa-laugh:before {
content: "\f599"; }
.fa-laugh-beam:before {
content: "\f59a"; }
.fa-laugh-squint:before {
content: "\f59b"; }
.fa-laugh-wink:before {
content: "\f59c"; }
.fa-layer-group:before {
content: "\f5fd"; }
.fa-leaf:before {
content: "\f06c"; }
.fa-leanpub:before {
content: "\f212"; }
.fa-lemon:before {
content: "\f094"; }
.fa-less:before {
content: "\f41d"; }
.fa-less-than:before {
content: "\f536"; }
.fa-less-than-equal:before {
content: "\f537"; }
.fa-level-down-alt:before {
content: "\f3be"; }
.fa-level-up-alt:before {
content: "\f3bf"; }
.fa-life-ring:before {
content: "\f1cd"; }
.fa-lightbulb:before {
content: "\f0eb"; }
.fa-line:before {
content: "\f3c0"; }
.fa-link:before {
content: "\f0c1"; }
.fa-linkedin:before {
content: "\f08c"; }
.fa-linkedin-in:before {
content: "\f0e1"; }
.fa-linode:before {
content: "\f2b8"; }
.fa-linux:before {
content: "\f17c"; }
.fa-lira-sign:before {
content: "\f195"; }
.fa-list:before {
content: "\f03a"; }
.fa-list-alt:before {
content: "\f022"; }
.fa-list-ol:before {
content: "\f0cb"; }
.fa-list-ul:before {
content: "\f0ca"; }
.fa-location-arrow:before {
content: "\f124"; }
.fa-lock:before {
content: "\f023"; }
.fa-lock-open:before {
content: "\f3c1"; }
.fa-long-arrow-alt-down:before {
content: "\f309"; }
.fa-long-arrow-alt-left:before {
content: "\f30a"; }
.fa-long-arrow-alt-right:before {
content: "\f30b"; }
.fa-long-arrow-alt-up:before {
content: "\f30c"; }
.fa-low-vision:before {
content: "\f2a8"; }
.fa-luggage-cart:before {
content: "\f59d"; }
.fa-lungs:before {
content: "\f604"; }
.fa-lungs-virus:before {
content: "\e067"; }
.fa-lyft:before {
content: "\f3c3"; }
.fa-magento:before {
content: "\f3c4"; }
.fa-magic:before {
content: "\f0d0"; }
.fa-magnet:before {
content: "\f076"; }
.fa-mail-bulk:before {
content: "\f674"; }
.fa-mailchimp:before {
content: "\f59e"; }
.fa-male:before {
content: "\f183"; }
.fa-mandalorian:before {
content: "\f50f"; }
.fa-map:before {
content: "\f279"; }
.fa-map-marked:before {
content: "\f59f"; }
.fa-map-marked-alt:before {
content: "\f5a0"; }
.fa-map-marker:before {
content: "\f041"; }
.fa-map-marker-alt:before {
content: "\f3c5"; }
.fa-map-pin:before {
content: "\f276"; }
.fa-map-signs:before {
content: "\f277"; }
.fa-markdown:before {
content: "\f60f"; }
.fa-marker:before {
content: "\f5a1"; }
.fa-mars:before {
content: "\f222"; }
.fa-mars-double:before {
content: "\f227"; }
.fa-mars-stroke:before {
content: "\f229"; }
.fa-mars-stroke-h:before {
content: "\f22b"; }
.fa-mars-stroke-v:before {
content: "\f22a"; }
.fa-mask:before {
content: "\f6fa"; }
.fa-mastodon:before {
content: "\f4f6"; }
.fa-maxcdn:before {
content: "\f136"; }
.fa-mdb:before {
content: "\f8ca"; }
.fa-medal:before {
content: "\f5a2"; }
.fa-medapps:before {
content: "\f3c6"; }
.fa-medium:before {
content: "\f23a"; }
.fa-medium-m:before {
content: "\f3c7"; }
.fa-medkit:before {
content: "\f0fa"; }
.fa-medrt:before {
content: "\f3c8"; }
.fa-meetup:before {
content: "\f2e0"; }
.fa-megaport:before {
content: "\f5a3"; }
.fa-meh:before {
content: "\f11a"; }
.fa-meh-blank:before {
content: "\f5a4"; }
.fa-meh-rolling-eyes:before {
content: "\f5a5"; }
.fa-memory:before {
content: "\f538"; }
.fa-mendeley:before {
content: "\f7b3"; }
.fa-menorah:before {
content: "\f676"; }
.fa-mercury:before {
content: "\f223"; }
.fa-meteor:before {
content: "\f753"; }
.fa-microblog:before {
content: "\e01a"; }
.fa-microchip:before {
content: "\f2db"; }
.fa-microphone:before {
content: "\f130"; }
.fa-microphone-alt:before {
content: "\f3c9"; }
.fa-microphone-alt-slash:before {
content: "\f539"; }
.fa-microphone-slash:before {
content: "\f131"; }
.fa-microscope:before {
content: "\f610"; }
.fa-microsoft:before {
content: "\f3ca"; }
.fa-minus:before {
content: "\f068"; }
.fa-minus-circle:before {
content: "\f056"; }
.fa-minus-square:before {
content: "\f146"; }
.fa-mitten:before {
content: "\f7b5"; }
.fa-mix:before {
content: "\f3cb"; }
.fa-mixcloud:before {
content: "\f289"; }
.fa-mixer:before {
content: "\e056"; }
.fa-mizuni:before {
content: "\f3cc"; }
.fa-mobile:before {
content: "\f10b"; }
.fa-mobile-alt:before {
content: "\f3cd"; }
.fa-modx:before {
content: "\f285"; }
.fa-monero:before {
content: "\f3d0"; }
.fa-money-bill:before {
content: "\f0d6"; }
.fa-money-bill-alt:before {
content: "\f3d1"; }
.fa-money-bill-wave:before {
content: "\f53a"; }
.fa-money-bill-wave-alt:before {
content: "\f53b"; }
.fa-money-check:before {
content: "\f53c"; }
.fa-money-check-alt:before {
content: "\f53d"; }
.fa-monument:before {
content: "\f5a6"; }
.fa-moon:before {
content: "\f186"; }
.fa-mortar-pestle:before {
content: "\f5a7"; }
.fa-mosque:before {
content: "\f678"; }
.fa-motorcycle:before {
content: "\f21c"; }
.fa-mountain:before {
content: "\f6fc"; }
.fa-mouse:before {
content: "\f8cc"; }
.fa-mouse-pointer:before {
content: "\f245"; }
.fa-mug-hot:before {
content: "\f7b6"; }
.fa-music:before {
content: "\f001"; }
.fa-napster:before {
content: "\f3d2"; }
.fa-neos:before {
content: "\f612"; }
.fa-network-wired:before {
content: "\f6ff"; }
.fa-neuter:before {
content: "\f22c"; }
.fa-newspaper:before {
content: "\f1ea"; }
.fa-nimblr:before {
content: "\f5a8"; }
.fa-node:before {
content: "\f419"; }
.fa-node-js:before {
content: "\f3d3"; }
.fa-not-equal:before {
content: "\f53e"; }
.fa-notes-medical:before {
content: "\f481"; }
.fa-npm:before {
content: "\f3d4"; }
.fa-ns8:before {
content: "\f3d5"; }
.fa-nutritionix:before {
content: "\f3d6"; }
.fa-object-group:before {
content: "\f247"; }
.fa-object-ungroup:before {
content: "\f248"; }
.fa-octopus-deploy:before {
content: "\e082"; }
.fa-odnoklassniki:before {
content: "\f263"; }
.fa-odnoklassniki-square:before {
content: "\f264"; }
.fa-oil-can:before {
content: "\f613"; }
.fa-old-republic:before {
content: "\f510"; }
.fa-om:before {
content: "\f679"; }
.fa-opencart:before {
content: "\f23d"; }
.fa-openid:before {
content: "\f19b"; }
.fa-opera:before {
content: "\f26a"; }
.fa-optin-monster:before {
content: "\f23c"; }
.fa-orcid:before {
content: "\f8d2"; }
.fa-osi:before {
content: "\f41a"; }
.fa-otter:before {
content: "\f700"; }
.fa-outdent:before {
content: "\f03b"; }
.fa-page4:before {
content: "\f3d7"; }
.fa-pagelines:before {
content: "\f18c"; }
.fa-pager:before {
content: "\f815"; }
.fa-paint-brush:before {
content: "\f1fc"; }
.fa-paint-roller:before {
content: "\f5aa"; }
.fa-palette:before {
content: "\f53f"; }
.fa-palfed:before {
content: "\f3d8"; }
.fa-pallet:before {
content: "\f482"; }
.fa-paper-plane:before {
content: "\f1d8"; }
.fa-paperclip:before {
content: "\f0c6"; }
.fa-parachute-box:before {
content: "\f4cd"; }
.fa-paragraph:before {
content: "\f1dd"; }
.fa-parking:before {
content: "\f540"; }
.fa-passport:before {
content: "\f5ab"; }
.fa-pastafarianism:before {
content: "\f67b"; }
.fa-paste:before {
content: "\f0ea"; }
.fa-patreon:before {
content: "\f3d9"; }
.fa-pause:before {
content: "\f04c"; }
.fa-pause-circle:before {
content: "\f28b"; }
.fa-paw:before {
content: "\f1b0"; }
.fa-paypal:before {
content: "\f1ed"; }
.fa-peace:before {
content: "\f67c"; }
.fa-pen:before {
content: "\f304"; }
.fa-pen-alt:before {
content: "\f305"; }
.fa-pen-fancy:before {
content: "\f5ac"; }
.fa-pen-nib:before {
content: "\f5ad"; }
.fa-pen-square:before {
content: "\f14b"; }
.fa-pencil-alt:before {
content: "\f303"; }
.fa-pencil-ruler:before {
content: "\f5ae"; }
.fa-penny-arcade:before {
content: "\f704"; }
.fa-people-arrows:before {
content: "\e068"; }
.fa-people-carry:before {
content: "\f4ce"; }
.fa-pepper-hot:before {
content: "\f816"; }
.fa-perbyte:before {
content: "\e083"; }
.fa-percent:before {
content: "\f295"; }
.fa-percentage:before {
content: "\f541"; }
.fa-periscope:before {
content: "\f3da"; }
.fa-person-booth:before {
content: "\f756"; }
.fa-phabricator:before {
content: "\f3db"; }
.fa-phoenix-framework:before {
content: "\f3dc"; }
.fa-phoenix-squadron:before {
content: "\f511"; }
.fa-phone:before {
content: "\f095"; }
.fa-phone-alt:before {
content: "\f879"; }
.fa-phone-slash:before {
content: "\f3dd"; }
.fa-phone-square:before {
content: "\f098"; }
.fa-phone-square-alt:before {
content: "\f87b"; }
.fa-phone-volume:before {
content: "\f2a0"; }
.fa-photo-video:before {
content: "\f87c"; }
.fa-php:before {
content: "\f457"; }
.fa-pied-piper:before {
content: "\f2ae"; }
.fa-pied-piper-alt:before {
content: "\f1a8"; }
.fa-pied-piper-hat:before {
content: "\f4e5"; }
.fa-pied-piper-pp:before {
content: "\f1a7"; }
.fa-pied-piper-square:before {
content: "\e01e"; }
.fa-piggy-bank:before {
content: "\f4d3"; }
.fa-pills:before {
content: "\f484"; }
.fa-pinterest:before {
content: "\f0d2"; }
.fa-pinterest-p:before {
content: "\f231"; }
.fa-pinterest-square:before {
content: "\f0d3"; }
.fa-pizza-slice:before {
content: "\f818"; }
.fa-place-of-worship:before {
content: "\f67f"; }
.fa-plane:before {
content: "\f072"; }
.fa-plane-arrival:before {
content: "\f5af"; }
.fa-plane-departure:before {
content: "\f5b0"; }
.fa-plane-slash:before {
content: "\e069"; }
.fa-play:before {
content: "\f04b"; }
.fa-play-circle:before {
content: "\f144"; }
.fa-playstation:before {
content: "\f3df"; }
.fa-plug:before {
content: "\f1e6"; }
.fa-plus:before {
content: "\f067"; }
.fa-plus-circle:before {
content: "\f055"; }
.fa-plus-square:before {
content: "\f0fe"; }
.fa-podcast:before {
content: "\f2ce"; }
.fa-poll:before {
content: "\f681"; }
.fa-poll-h:before {
content: "\f682"; }
.fa-poo:before {
content: "\f2fe"; }
.fa-poo-storm:before {
content: "\f75a"; }
.fa-poop:before {
content: "\f619"; }
.fa-portrait:before {
content: "\f3e0"; }
.fa-pound-sign:before {
content: "\f154"; }
.fa-power-off:before {
content: "\f011"; }
.fa-pray:before {
content: "\f683"; }
.fa-praying-hands:before {
content: "\f684"; }
.fa-prescription:before {
content: "\f5b1"; }
.fa-prescription-bottle:before {
content: "\f485"; }
.fa-prescription-bottle-alt:before {
content: "\f486"; }
.fa-print:before {
content: "\f02f"; }
.fa-procedures:before {
content: "\f487"; }
.fa-product-hunt:before {
content: "\f288"; }
.fa-project-diagram:before {
content: "\f542"; }
.fa-pump-medical:before {
content: "\e06a"; }
.fa-pump-soap:before {
content: "\e06b"; }
.fa-pushed:before {
content: "\f3e1"; }
.fa-puzzle-piece:before {
content: "\f12e"; }
.fa-python:before {
content: "\f3e2"; }
.fa-qq:before {
content: "\f1d6"; }
.fa-qrcode:before {
content: "\f029"; }
.fa-question:before {
content: "\f128"; }
.fa-question-circle:before {
content: "\f059"; }
.fa-quidditch:before {
content: "\f458"; }
.fa-quinscape:before {
content: "\f459"; }
.fa-quora:before {
content: "\f2c4"; }
.fa-quote-left:before {
content: "\f10d"; }
.fa-quote-right:before {
content: "\f10e"; }
.fa-quran:before {
content: "\f687"; }
.fa-r-project:before {
content: "\f4f7"; }
.fa-radiation:before {
content: "\f7b9"; }
.fa-radiation-alt:before {
content: "\f7ba"; }
.fa-rainbow:before {
content: "\f75b"; }
.fa-random:before {
content: "\f074"; }
.fa-raspberry-pi:before {
content: "\f7bb"; }
.fa-ravelry:before {
content: "\f2d9"; }
.fa-react:before {
content: "\f41b"; }
.fa-reacteurope:before {
content: "\f75d"; }
.fa-readme:before {
content: "\f4d5"; }
.fa-rebel:before {
content: "\f1d0"; }
.fa-receipt:before {
content: "\f543"; }
.fa-record-vinyl:before {
content: "\f8d9"; }
.fa-recycle:before {
content: "\f1b8"; }
.fa-red-river:before {
content: "\f3e3"; }
.fa-reddit:before {
content: "\f1a1"; }
.fa-reddit-alien:before {
content: "\f281"; }
.fa-reddit-square:before {
content: "\f1a2"; }
.fa-redhat:before {
content: "\f7bc"; }
.fa-redo:before {
content: "\f01e"; }
.fa-redo-alt:before {
content: "\f2f9"; }
.fa-registered:before {
content: "\f25d"; }
.fa-remove-format:before {
content: "\f87d"; }
.fa-renren:before {
content: "\f18b"; }
.fa-reply:before {
content: "\f3e5"; }
.fa-reply-all:before {
content: "\f122"; }
.fa-replyd:before {
content: "\f3e6"; }
.fa-republican:before {
content: "\f75e"; }
.fa-researchgate:before {
content: "\f4f8"; }
.fa-resolving:before {
content: "\f3e7"; }
.fa-restroom:before {
content: "\f7bd"; }
.fa-retweet:before {
content: "\f079"; }
.fa-rev:before {
content: "\f5b2"; }
.fa-ribbon:before {
content: "\f4d6"; }
.fa-ring:before {
content: "\f70b"; }
.fa-road:before {
content: "\f018"; }
.fa-robot:before {
content: "\f544"; }
.fa-rocket:before {
content: "\f135"; }
.fa-rocketchat:before {
content: "\f3e8"; }
.fa-rockrms:before {
content: "\f3e9"; }
.fa-route:before {
content: "\f4d7"; }
.fa-rss:before {
content: "\f09e"; }
.fa-rss-square:before {
content: "\f143"; }
.fa-ruble-sign:before {
content: "\f158"; }
.fa-ruler:before {
content: "\f545"; }
.fa-ruler-combined:before {
content: "\f546"; }
.fa-ruler-horizontal:before {
content: "\f547"; }
.fa-ruler-vertical:before {
content: "\f548"; }
.fa-running:before {
content: "\f70c"; }
.fa-rupee-sign:before {
content: "\f156"; }
.fa-rust:before {
content: "\e07a"; }
.fa-sad-cry:before {
content: "\f5b3"; }
.fa-sad-tear:before {
content: "\f5b4"; }
.fa-safari:before {
content: "\f267"; }
.fa-salesforce:before {
content: "\f83b"; }
.fa-sass:before {
content: "\f41e"; }
.fa-satellite:before {
content: "\f7bf"; }
.fa-satellite-dish:before {
content: "\f7c0"; }
.fa-save:before {
content: "\f0c7"; }
.fa-schlix:before {
content: "\f3ea"; }
.fa-school:before {
content: "\f549"; }
.fa-screwdriver:before {
content: "\f54a"; }
.fa-scribd:before {
content: "\f28a"; }
.fa-scroll:before {
content: "\f70e"; }
.fa-sd-card:before {
content: "\f7c2"; }
.fa-search:before {
content: "\f002"; }
.fa-search-dollar:before {
content: "\f688"; }
.fa-search-location:before {
content: "\f689"; }
.fa-search-minus:before {
content: "\f010"; }
.fa-search-plus:before {
content: "\f00e"; }
.fa-searchengin:before {
content: "\f3eb"; }
.fa-seedling:before {
content: "\f4d8"; }
.fa-sellcast:before {
content: "\f2da"; }
.fa-sellsy:before {
content: "\f213"; }
.fa-server:before {
content: "\f233"; }
.fa-servicestack:before {
content: "\f3ec"; }
.fa-shapes:before {
content: "\f61f"; }
.fa-share:before {
content: "\f064"; }
.fa-share-alt:before {
content: "\f1e0"; }
.fa-share-alt-square:before {
content: "\f1e1"; }
.fa-share-square:before {
content: "\f14d"; }
.fa-shekel-sign:before {
content: "\f20b"; }
.fa-shield-alt:before {
content: "\f3ed"; }
.fa-shield-virus:before {
content: "\e06c"; }
.fa-ship:before {
content: "\f21a"; }
.fa-shipping-fast:before {
content: "\f48b"; }
.fa-shirtsinbulk:before {
content: "\f214"; }
.fa-shoe-prints:before {
content: "\f54b"; }
.fa-shopify:before {
content: "\e057"; }
.fa-shopping-bag:before {
content: "\f290"; }
.fa-shopping-basket:before {
content: "\f291"; }
.fa-shopping-cart:before {
content: "\f07a"; }
.fa-shopware:before {
content: "\f5b5"; }
.fa-shower:before {
content: "\f2cc"; }
.fa-shuttle-van:before {
content: "\f5b6"; }
.fa-sign:before {
content: "\f4d9"; }
.fa-sign-in-alt:before {
content: "\f2f6"; }
.fa-sign-language:before {
content: "\f2a7"; }
.fa-sign-out-alt:before {
content: "\f2f5"; }
.fa-signal:before {
content: "\f012"; }
.fa-signature:before {
content: "\f5b7"; }
.fa-sim-card:before {
content: "\f7c4"; }
.fa-simplybuilt:before {
content: "\f215"; }
.fa-sink:before {
content: "\e06d"; }
.fa-sistrix:before {
content: "\f3ee"; }
.fa-sitemap:before {
content: "\f0e8"; }
.fa-sith:before {
content: "\f512"; }
.fa-skating:before {
content: "\f7c5"; }
.fa-sketch:before {
content: "\f7c6"; }
.fa-skiing:before {
content: "\f7c9"; }
.fa-skiing-nordic:before {
content: "\f7ca"; }
.fa-skull:before {
content: "\f54c"; }
.fa-skull-crossbones:before {
content: "\f714"; }
.fa-skyatlas:before {
content: "\f216"; }
.fa-skype:before {
content: "\f17e"; }
.fa-slack:before {
content: "\f198"; }
.fa-slack-hash:before {
content: "\f3ef"; }
.fa-slash:before {
content: "\f715"; }
.fa-sleigh:before {
content: "\f7cc"; }
.fa-sliders-h:before {
content: "\f1de"; }
.fa-slideshare:before {
content: "\f1e7"; }
.fa-smile:before {
content: "\f118"; }
.fa-smile-beam:before {
content: "\f5b8"; }
.fa-smile-wink:before {
content: "\f4da"; }
.fa-smog:before {
content: "\f75f"; }
.fa-smoking:before {
content: "\f48d"; }
.fa-smoking-ban:before {
content: "\f54d"; }
.fa-sms:before {
content: "\f7cd"; }
.fa-snapchat:before {
content: "\f2ab"; }
.fa-snapchat-ghost:before {
content: "\f2ac"; }
.fa-snapchat-square:before {
content: "\f2ad"; }
.fa-snowboarding:before {
content: "\f7ce"; }
.fa-snowflake:before {
content: "\f2dc"; }
.fa-snowman:before {
content: "\f7d0"; }
.fa-snowplow:before {
content: "\f7d2"; }
.fa-soap:before {
content: "\e06e"; }
.fa-socks:before {
content: "\f696"; }
.fa-solar-panel:before {
content: "\f5ba"; }
.fa-sort:before {
content: "\f0dc"; }
.fa-sort-alpha-down:before {
content: "\f15d"; }
.fa-sort-alpha-down-alt:before {
content: "\f881"; }
.fa-sort-alpha-up:before {
content: "\f15e"; }
.fa-sort-alpha-up-alt:before {
content: "\f882"; }
.fa-sort-amount-down:before {
content: "\f160"; }
.fa-sort-amount-down-alt:before {
content: "\f884"; }
.fa-sort-amount-up:before {
content: "\f161"; }
.fa-sort-amount-up-alt:before {
content: "\f885"; }
.fa-sort-down:before {
content: "\f0dd"; }
.fa-sort-numeric-down:before {
content: "\f162"; }
.fa-sort-numeric-down-alt:before {
content: "\f886"; }
.fa-sort-numeric-up:before {
content: "\f163"; }
.fa-sort-numeric-up-alt:before {
content: "\f887"; }
.fa-sort-up:before {
content: "\f0de"; }
.fa-soundcloud:before {
content: "\f1be"; }
.fa-sourcetree:before {
content: "\f7d3"; }
.fa-spa:before {
content: "\f5bb"; }
.fa-space-shuttle:before {
content: "\f197"; }
.fa-speakap:before {
content: "\f3f3"; }
.fa-speaker-deck:before {
content: "\f83c"; }
.fa-spell-check:before {
content: "\f891"; }
.fa-spider:before {
content: "\f717"; }
.fa-spinner:before {
content: "\f110"; }
.fa-splotch:before {
content: "\f5bc"; }
.fa-spotify:before {
content: "\f1bc"; }
.fa-spray-can:before {
content: "\f5bd"; }
.fa-square:before {
content: "\f0c8"; }
.fa-square-full:before {
content: "\f45c"; }
.fa-square-root-alt:before {
content: "\f698"; }
.fa-squarespace:before {
content: "\f5be"; }
.fa-stack-exchange:before {
content: "\f18d"; }
.fa-stack-overflow:before {
content: "\f16c"; }
.fa-stackpath:before {
content: "\f842"; }
.fa-stamp:before {
content: "\f5bf"; }
.fa-star:before {
content: "\f005"; }
.fa-star-and-crescent:before {
content: "\f699"; }
.fa-star-half:before {
content: "\f089"; }
.fa-star-half-alt:before {
content: "\f5c0"; }
.fa-star-of-david:before {
content: "\f69a"; }
.fa-star-of-life:before {
content: "\f621"; }
.fa-staylinked:before {
content: "\f3f5"; }
.fa-steam:before {
content: "\f1b6"; }
.fa-steam-square:before {
content: "\f1b7"; }
.fa-steam-symbol:before {
content: "\f3f6"; }
.fa-step-backward:before {
content: "\f048"; }
.fa-step-forward:before {
content: "\f051"; }
.fa-stethoscope:before {
content: "\f0f1"; }
.fa-sticker-mule:before {
content: "\f3f7"; }
.fa-sticky-note:before {
content: "\f249"; }
.fa-stop:before {
content: "\f04d"; }
.fa-stop-circle:before {
content: "\f28d"; }
.fa-stopwatch:before {
content: "\f2f2"; }
.fa-stopwatch-20:before {
content: "\e06f"; }
.fa-store:before {
content: "\f54e"; }
.fa-store-alt:before {
content: "\f54f"; }
.fa-store-alt-slash:before {
content: "\e070"; }
.fa-store-slash:before {
content: "\e071"; }
.fa-strava:before {
content: "\f428"; }
.fa-stream:before {
content: "\f550"; }
.fa-street-view:before {
content: "\f21d"; }
.fa-strikethrough:before {
content: "\f0cc"; }
.fa-stripe:before {
content: "\f429"; }
.fa-stripe-s:before {
content: "\f42a"; }
.fa-stroopwafel:before {
content: "\f551"; }
.fa-studiovinari:before {
content: "\f3f8"; }
.fa-stumbleupon:before {
content: "\f1a4"; }
.fa-stumbleupon-circle:before {
content: "\f1a3"; }
.fa-subscript:before {
content: "\f12c"; }
.fa-subway:before {
content: "\f239"; }
.fa-suitcase:before {
content: "\f0f2"; }
.fa-suitcase-rolling:before {
content: "\f5c1"; }
.fa-sun:before {
content: "\f185"; }
.fa-superpowers:before {
content: "\f2dd"; }
.fa-superscript:before {
content: "\f12b"; }
.fa-supple:before {
content: "\f3f9"; }
.fa-surprise:before {
content: "\f5c2"; }
.fa-suse:before {
content: "\f7d6"; }
.fa-swatchbook:before {
content: "\f5c3"; }
.fa-swift:before {
content: "\f8e1"; }
.fa-swimmer:before {
content: "\f5c4"; }
.fa-swimming-pool:before {
content: "\f5c5"; }
.fa-symfony:before {
content: "\f83d"; }
.fa-synagogue:before {
content: "\f69b"; }
.fa-sync:before {
content: "\f021"; }
.fa-sync-alt:before {
content: "\f2f1"; }
.fa-syringe:before {
content: "\f48e"; }
.fa-table:before {
content: "\f0ce"; }
.fa-table-tennis:before {
content: "\f45d"; }
.fa-tablet:before {
content: "\f10a"; }
.fa-tablet-alt:before {
content: "\f3fa"; }
.fa-tablets:before {
content: "\f490"; }
.fa-tachometer-alt:before {
content: "\f3fd"; }
.fa-tag:before {
content: "\f02b"; }
.fa-tags:before {
content: "\f02c"; }
.fa-tape:before {
content: "\f4db"; }
.fa-tasks:before {
content: "\f0ae"; }
.fa-taxi:before {
content: "\f1ba"; }
.fa-teamspeak:before {
content: "\f4f9"; }
.fa-teeth:before {
content: "\f62e"; }
.fa-teeth-open:before {
content: "\f62f"; }
.fa-telegram:before {
content: "\f2c6"; }
.fa-telegram-plane:before {
content: "\f3fe"; }
.fa-temperature-high:before {
content: "\f769"; }
.fa-temperature-low:before {
content: "\f76b"; }
.fa-tencent-weibo:before {
content: "\f1d5"; }
.fa-tenge:before {
content: "\f7d7"; }
.fa-terminal:before {
content: "\f120"; }
.fa-text-height:before {
content: "\f034"; }
.fa-text-width:before {
content: "\f035"; }
.fa-th:before {
content: "\f00a"; }
.fa-th-large:before {
content: "\f009"; }
.fa-th-list:before {
content: "\f00b"; }
.fa-the-red-yeti:before {
content: "\f69d"; }
.fa-theater-masks:before {
content: "\f630"; }
.fa-themeco:before {
content: "\f5c6"; }
.fa-themeisle:before {
content: "\f2b2"; }
.fa-thermometer:before {
content: "\f491"; }
.fa-thermometer-empty:before {
content: "\f2cb"; }
.fa-thermometer-full:before {
content: "\f2c7"; }
.fa-thermometer-half:before {
content: "\f2c9"; }
.fa-thermometer-quarter:before {
content: "\f2ca"; }
.fa-thermometer-three-quarters:before {
content: "\f2c8"; }
.fa-think-peaks:before {
content: "\f731"; }
.fa-thumbs-down:before {
content: "\f165"; }
.fa-thumbs-up:before {
content: "\f164"; }
.fa-thumbtack:before {
content: "\f08d"; }
.fa-ticket-alt:before {
content: "\f3ff"; }
.fa-tiktok:before {
content: "\e07b"; }
.fa-times:before {
content: "\f00d"; }
.fa-times-circle:before {
content: "\f057"; }
.fa-tint:before {
content: "\f043"; }
.fa-tint-slash:before {
content: "\f5c7"; }
.fa-tired:before {
content: "\f5c8"; }
.fa-toggle-off:before {
content: "\f204"; }
.fa-toggle-on:before {
content: "\f205"; }
.fa-toilet:before {
content: "\f7d8"; }
.fa-toilet-paper:before {
content: "\f71e"; }
.fa-toilet-paper-slash:before {
content: "\e072"; }
.fa-toolbox:before {
content: "\f552"; }
.fa-tools:before {
content: "\f7d9"; }
.fa-tooth:before {
content: "\f5c9"; }
.fa-torah:before {
content: "\f6a0"; }
.fa-torii-gate:before {
content: "\f6a1"; }
.fa-tractor:before {
content: "\f722"; }
.fa-trade-federation:before {
content: "\f513"; }
.fa-trademark:before {
content: "\f25c"; }
.fa-traffic-light:before {
content: "\f637"; }
.fa-trailer:before {
content: "\e041"; }
.fa-train:before {
content: "\f238"; }
.fa-tram:before {
content: "\f7da"; }
.fa-transgender:before {
content: "\f224"; }
.fa-transgender-alt:before {
content: "\f225"; }
.fa-trash:before {
content: "\f1f8"; }
.fa-trash-alt:before {
content: "\f2ed"; }
.fa-trash-restore:before {
content: "\f829"; }
.fa-trash-restore-alt:before {
content: "\f82a"; }
.fa-tree:before {
content: "\f1bb"; }
.fa-trello:before {
content: "\f181"; }
.fa-trophy:before {
content: "\f091"; }
.fa-truck:before {
content: "\f0d1"; }
.fa-truck-loading:before {
content: "\f4de"; }
.fa-truck-monster:before {
content: "\f63b"; }
.fa-truck-moving:before {
content: "\f4df"; }
.fa-truck-pickup:before {
content: "\f63c"; }
.fa-tshirt:before {
content: "\f553"; }
.fa-tty:before {
content: "\f1e4"; }
.fa-tumblr:before {
content: "\f173"; }
.fa-tumblr-square:before {
content: "\f174"; }
.fa-tv:before {
content: "\f26c"; }
.fa-twitch:before {
content: "\f1e8"; }
.fa-twitter:before {
content: "\f099"; }
.fa-twitter-square:before {
content: "\f081"; }
.fa-typo3:before {
content: "\f42b"; }
.fa-uber:before {
content: "\f402"; }
.fa-ubuntu:before {
content: "\f7df"; }
.fa-uikit:before {
content: "\f403"; }
.fa-umbraco:before {
content: "\f8e8"; }
.fa-umbrella:before {
content: "\f0e9"; }
.fa-umbrella-beach:before {
content: "\f5ca"; }
.fa-uncharted:before {
content: "\e084"; }
.fa-underline:before {
content: "\f0cd"; }
.fa-undo:before {
content: "\f0e2"; }
.fa-undo-alt:before {
content: "\f2ea"; }
.fa-uniregistry:before {
content: "\f404"; }
.fa-unity:before {
content: "\e049"; }
.fa-universal-access:before {
content: "\f29a"; }
.fa-university:before {
content: "\f19c"; }
.fa-unlink:before {
content: "\f127"; }
.fa-unlock:before {
content: "\f09c"; }
.fa-unlock-alt:before {
content: "\f13e"; }
.fa-unsplash:before {
content: "\e07c"; }
.fa-untappd:before {
content: "\f405"; }
.fa-upload:before {
content: "\f093"; }
.fa-ups:before {
content: "\f7e0"; }
.fa-usb:before {
content: "\f287"; }
.fa-user:before {
content: "\f007"; }
.fa-user-alt:before {
content: "\f406"; }
.fa-user-alt-slash:before {
content: "\f4fa"; }
.fa-user-astronaut:before {
content: "\f4fb"; }
.fa-user-check:before {
content: "\f4fc"; }
.fa-user-circle:before {
content: "\f2bd"; }
.fa-user-clock:before {
content: "\f4fd"; }
.fa-user-cog:before {
content: "\f4fe"; }
.fa-user-edit:before {
content: "\f4ff"; }
.fa-user-friends:before {
content: "\f500"; }
.fa-user-graduate:before {
content: "\f501"; }
.fa-user-injured:before {
content: "\f728"; }
.fa-user-lock:before {
content: "\f502"; }
.fa-user-md:before {
content: "\f0f0"; }
.fa-user-minus:before {
content: "\f503"; }
.fa-user-ninja:before {
content: "\f504"; }
.fa-user-nurse:before {
content: "\f82f"; }
.fa-user-plus:before {
content: "\f234"; }
.fa-user-secret:before {
content: "\f21b"; }
.fa-user-shield:before {
content: "\f505"; }
.fa-user-slash:before {
content: "\f506"; }
.fa-user-tag:before {
content: "\f507"; }
.fa-user-tie:before {
content: "\f508"; }
.fa-user-times:before {
content: "\f235"; }
.fa-users:before {
content: "\f0c0"; }
.fa-users-cog:before {
content: "\f509"; }
.fa-users-slash:before {
content: "\e073"; }
.fa-usps:before {
content: "\f7e1"; }
.fa-ussunnah:before {
content: "\f407"; }
.fa-utensil-spoon:before {
content: "\f2e5"; }
.fa-utensils:before {
content: "\f2e7"; }
.fa-vaadin:before {
content: "\f408"; }
.fa-vector-square:before {
content: "\f5cb"; }
.fa-venus:before {
content: "\f221"; }
.fa-venus-double:before {
content: "\f226"; }
.fa-venus-mars:before {
content: "\f228"; }
.fa-vest:before {
content: "\e085"; }
.fa-vest-patches:before {
content: "\e086"; }
.fa-viacoin:before {
content: "\f237"; }
.fa-viadeo:before {
content: "\f2a9"; }
.fa-viadeo-square:before {
content: "\f2aa"; }
.fa-vial:before {
content: "\f492"; }
.fa-vials:before {
content: "\f493"; }
.fa-viber:before {
content: "\f409"; }
.fa-video:before {
content: "\f03d"; }
.fa-video-slash:before {
content: "\f4e2"; }
.fa-vihara:before {
content: "\f6a7"; }
.fa-vimeo:before {
content: "\f40a"; }
.fa-vimeo-square:before {
content: "\f194"; }
.fa-vimeo-v:before {
content: "\f27d"; }
.fa-vine:before {
content: "\f1ca"; }
.fa-virus:before {
content: "\e074"; }
.fa-virus-slash:before {
content: "\e075"; }
.fa-viruses:before {
content: "\e076"; }
.fa-vk:before {
content: "\f189"; }
.fa-vnv:before {
content: "\f40b"; }
.fa-voicemail:before {
content: "\f897"; }
.fa-volleyball-ball:before {
content: "\f45f"; }
.fa-volume-down:before {
content: "\f027"; }
.fa-volume-mute:before {
content: "\f6a9"; }
.fa-volume-off:before {
content: "\f026"; }
.fa-volume-up:before {
content: "\f028"; }
.fa-vote-yea:before {
content: "\f772"; }
.fa-vr-cardboard:before {
content: "\f729"; }
.fa-vuejs:before {
content: "\f41f"; }
.fa-walking:before {
content: "\f554"; }
.fa-wallet:before {
content: "\f555"; }
.fa-warehouse:before {
content: "\f494"; }
.fa-watchman-monitoring:before {
content: "\e087"; }
.fa-water:before {
content: "\f773"; }
.fa-wave-square:before {
content: "\f83e"; }
.fa-waze:before {
content: "\f83f"; }
.fa-weebly:before {
content: "\f5cc"; }
.fa-weibo:before {
content: "\f18a"; }
.fa-weight:before {
content: "\f496"; }
.fa-weight-hanging:before {
content: "\f5cd"; }
.fa-weixin:before {
content: "\f1d7"; }
.fa-whatsapp:before {
content: "\f232"; }
.fa-whatsapp-square:before {
content: "\f40c"; }
.fa-wheelchair:before {
content: "\f193"; }
.fa-whmcs:before {
content: "\f40d"; }
.fa-wifi:before {
content: "\f1eb"; }
.fa-wikipedia-w:before {
content: "\f266"; }
.fa-wind:before {
content: "\f72e"; }
.fa-window-close:before {
content: "\f410"; }
.fa-window-maximize:before {
content: "\f2d0"; }
.fa-window-minimize:before {
content: "\f2d1"; }
.fa-window-restore:before {
content: "\f2d2"; }
.fa-windows:before {
content: "\f17a"; }
.fa-wine-bottle:before {
content: "\f72f"; }
.fa-wine-glass:before {
content: "\f4e3"; }
.fa-wine-glass-alt:before {
content: "\f5ce"; }
.fa-wix:before {
content: "\f5cf"; }
.fa-wizards-of-the-coast:before {
content: "\f730"; }
.fa-wodu:before {
content: "\e088"; }
.fa-wolf-pack-battalion:before {
content: "\f514"; }
.fa-won-sign:before {
content: "\f159"; }
.fa-wordpress:before {
content: "\f19a"; }
.fa-wordpress-simple:before {
content: "\f411"; }
.fa-wpbeginner:before {
content: "\f297"; }
.fa-wpexplorer:before {
content: "\f2de"; }
.fa-wpforms:before {
content: "\f298"; }
.fa-wpressr:before {
content: "\f3e4"; }
.fa-wrench:before {
content: "\f0ad"; }
.fa-x-ray:before {
content: "\f497"; }
.fa-xbox:before {
content: "\f412"; }
.fa-xing:before {
content: "\f168"; }
.fa-xing-square:before {
content: "\f169"; }
.fa-y-combinator:before {
content: "\f23b"; }
.fa-yahoo:before {
content: "\f19e"; }
.fa-yammer:before {
content: "\f840"; }
.fa-yandex:before {
content: "\f413"; }
.fa-yandex-international:before {
content: "\f414"; }
.fa-yarn:before {
content: "\f7e3"; }
.fa-yelp:before {
content: "\f1e9"; }
.fa-yen-sign:before {
content: "\f157"; }
.fa-yin-yang:before {
content: "\f6ad"; }
.fa-yoast:before {
content: "\f2b1"; }
.fa-youtube:before {
content: "\f167"; }
.fa-youtube-square:before {
content: "\f431"; }
.fa-zhihu:before {
content: "\f63f"; }
.sr-only {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px; }
.sr-only-focusable:active, .sr-only-focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto; }
@font-face {
font-family: 'Font Awesome 5 Brands';
font-style: normal;
font-weight: 400;
font-display: block;
src: url("../webfonts/fa-brands-400.eot");
src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg"); }
.fab {
font-family: 'Font Awesome 5 Brands';
font-weight: 400; }
@font-face {
font-family: 'Font Awesome 5 Free';
font-style: normal;
font-weight: 400;
font-display: block;
src: url("../webfonts/fa-regular-400.eot");
src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); }
.far {
font-family: 'Font Awesome 5 Free';
font-weight: 400; }
@font-face {
font-family: 'Font Awesome 5 Free';
font-style: normal;
font-weight: 900;
font-display: block;
src: url("../webfonts/fa-solid-900.eot");
src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg"); }
.fa,
.fas {
font-family: 'Font Awesome 5 Free';
font-weight: 900; }
/* -----------------------------------------------------------------------------
AnyPicker - Customizable Picker for Mobile OS
Version 2.0.9
Copyright (c)2017 Lajpat Shah
Contributors : https://github.com/nehakadam/AnyPicker/contributors
Repository : https://github.com/nehakadam/AnyPicker
Homepage : https://nehakadam.github.io/AnyPicker
----------------------------------------------------------------------------- */
body.noscroll{overflow:hidden}.ap-overlay{display:none;z-index:2000;min-width:250px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:1000px;-moz-perspective:1000px;perspective:1000px}.ap-layout-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}.ap-layout-fixed,.ap-layout-popover{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}.ap-layout-relative,.ap-layout-inline{position:fixed;top:0;left:0;width:100%;height:100%}.ap-overlay *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.ap-bg{width:100%;height:100%;font-family:sans-serif;font-size:22px}.ap-cont{margin:0 auto;background:#FFF}.ap-theme-default:not(.ap-layout-inline):not(.ap-layout-relative) .ap-cont{-webkit-box-shadow:0 16px 28px 0 rgba(0,0,0,.22),0 25px 55px 0 rgba(0,0,0,.21);-moz-box-shadow:0 16px 28px 0 rgba(0,0,0,.22),0 25px 55px 0 rgba(0,0,0,.21);box-shadow:0 16px 28px 0 rgba(0,0,0,.22),0 25px 55px 0 rgba(0,0,0,.21)}.ap-layout-popup .ap-cont{position:relative;top:50%;max-width:500px;width:95%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.ap-layout-relative .ap-cont{max-width:500px;width:97%;border:1px solid #ECF0F1}.ap-layout-inline .ap-cont{border:1px solid #ECF0F1}.ap-layout-fixed .ap-cont{width:100%;position:fixed}.ap-header{height:50px;line-height:50px;text-align:left;font-size:.9em;padding:0 16px}.ap-dir-rtl .ap-header{text-align:right}.ap-theme-default .ap-header{height:60px;line-height:60px}.ap-content{max-width:320px;margin:0 auto}.ap-content-top{height:50px;padding:8px 16px;color:#555;text-align:center}.ap-content-switch{margin-top:8px;margin-bottom:8px;text-align:center}.ap-content-switch-tab{border:1px solid #009688;padding:5px 16px;cursor:pointer;font-size:.6em;color:#009688}.ap-dir-ltr .ap-content-switch-date{border-top-left-radius:2px;border-bottom-left-radius:2px}.ap-dir-rtl .ap-content-switch-date{border-top-right-radius:2px;border-bottom-right-radius:2px;margin-left:-1px}.ap-dir-ltr .ap-content-switch-time{border-top-right-radius:2px;border-bottom-right-radius:2px;margin-left:-1px}.ap-dir-rtl .ap-content-switch-time{border-top-left-radius:2px;border-bottom-left-radius:2px}.ap-content-switch-selected{background:#009688;color:#FFF}.ap-content-middle{min-height:120px;padding-top:20px;padding-bottom:20px}.ap-content-bottom{height:50px;padding:8px 16px;color:#555;text-align:center}.ap-theme-default .ap-content-top,.ap-theme-default .ap-content-bottom{font-size:.7em}.ap-footer{display:table;table-layout:fixed;width:100%;height:50px;text-align:center}.ap-theme-default .ap-footer{padding:0 16px}.ap-theme-default .ap-footer-top{line-height:55px}.ap-theme-default .ap-footer-bottom{line-height:45px}.ap-header__title{color:#000;font-size:1.2em}.ap-theme-default .ap-button{cursor:pointer;letter-spacing:0;text-align:center;font-size:.8em;padding:8px 12px;margin:8px;color:#009688;background:rgba(255,255,255,1);text-transform:uppercase}.ap-theme-default .ap-button-cont{float:right}.ap-theme-default.ap-dir-rtl .ap-button-cont{float:left}.ap-show{opacity:0;animation:ap-anim-show ease .5s;animation-iteration-count:1;-webkit-animation:ap-anim-show ease .5s;-webkit-animation-iteration-count:1;-moz-animation:ap-anim-show ease .5s;-moz-animation-iteration-count:1;-o-animation:ap-anim-show ease .5s;-o-animation-iteration-count:1;-ms-animation:ap-anim-show ease .5s;-ms-animation-iteration-count:1;-moz-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@keyframes ap-anim-show{0%{opacity:0}100%{opacity:1}}@-moz-keyframes ap-anim-show{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes ap-anim-show{0%{opacity:0}100%{opacity:1}}@-o-keyframes ap-anim-show{0%{opacity:0}100%{opacity:1}}.ap-hide{animation:ap-anim-hide ease .5s;animation-iteration-count:1;-moz-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation:ap-anim-hide ease .5s;-webkit-animation-iteration-count:1;-moz-animation:ap-anim-hide ease .5s;-moz-animation-iteration-count:1;-o-animation:ap-anim-hide ease .5s;-o-animation-iteration-count:1;-ms-animation:ap-anim-hide ease .5s;-ms-animation-iteration-count:1}@keyframes ap-anim-hide{0%{opacity:1}100%{opacity:0}}@-moz-keyframes ap-anim-hide{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes ap-anim-hide{0%{opacity:1}100%{opacity:0}}@-o-keyframes ap-anim-hide{0%{opacity:1}100%{opacity:0}}.ap-bottom-slide-up{opacity:0;animation:ap-anim-bottom-slide-up ease .5s;animation-iteration-count:1;-webkit-animation:ap-anim-bottom-slide-up ease .5s;-webkit-animation-iteration-count:1;-moz-animation:ap-anim-bottom-slide-up ease .5s;-moz-animation-iteration-count:1;-o-animation:ap-anim-bottom-slide-up ease .5s;-o-animation-iteration-count:1;-ms-animation:ap-anim-bottom-slide-up ease .5s;-ms-animation-iteration-count:1;-moz-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@keyframes ap-anim-bottom-slide-up{100%{opacity:1;bottom:0}}@-moz-keyframes ap-anim-bottom-slide-up{100%{opacity:1;bottom:0}}@-webkit-keyframes ap-anim-bottom-slide-up{100%{opacity:1;bottom:0}}@-o-keyframes ap-anim-bottom-slide-up{100%{opacity:1;bottom:0}}.ap-bottom-slide-down{opacity:1;animation:ap-anim-bottom-slide-down ease .5s;animation-iteration-count:1;-webkit-animation:ap-anim-bottom-slide-down ease .5s;-webkit-animation-iteration-count:1;-moz-animation:ap-anim-bottom-slide-down ease .5s;-moz-animation-iteration-count:1;-o-animation:ap-anim-bottom-slide-down ease .5s;-o-animation-iteration-count:1;-ms-animation:ap-anim-bottom-slide-down ease .5s;-ms-animation-iteration-count:1;-moz-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@keyframes ap-anim-bottom-slide-down{100%{opacity:0;bottom:-1000px}}@-moz-keyframes ap-anim-bottom-slide-down{100%{opacity:0;bottom:-1000px}}@-webkit-keyframes ap-anim-bottom-slide-down{100%{opacity:0;bottom:-1000px}}@-o-keyframes ap-anim-bottom-slide-down{100%{opacity:0;bottom:-1000px}}.ap-top-slide-down{opacity:0;animation:ap-anim-top-slide-down ease .5s;animation-iteration-count:1;-webkit-animation:ap-anim-top-slide-down ease .5s;-webkit-animation-iteration-count:1;-moz-animation:ap-anim-top-slide-down ease .5s;-moz-animation-iteration-count:1;-o-animation:ap-anim-top-slide-down ease .5s;-o-animation-iteration-count:1;-ms-animation:ap-anim-top-slide-down ease .5s;-ms-animation-iteration-count:1;-moz-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@keyframes ap-anim-top-slide-down{100%{opacity:1;top:0}}@-moz-keyframes ap-anim-top-slide-down{100%{opacity:1;top:0}}@-webkit-keyframes ap-anim-top-slide-down{100%{opacity:1;top:0}}@-o-keyframes ap-anim-top-slide-down{100%{opacity:1;top:0}}.ap-top-slide-up{opacity:1;animation:ap-anim-top-slide-up ease .5s;animation-iteration-count:1;-webkit-animation:ap-anim-top-slide-up ease .5s;-webkit-animation-iteration-count:1;-moz-animation:ap-anim-top-slide-up ease .5s;-moz-animation-iteration-count:1;-o-animation:ap-anim-top-slide-up ease .5s;-o-animation-iteration-count:1;-ms-animation:ap-anim-top-slide-up ease .5s;-ms-animation-iteration-count:1;-moz-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@keyframes ap-anim-top-slide-up{100%{opacity:0;top:-1000px}}@-moz-keyframes ap-anim-top-slide-up{100%{opacity:0;top:-1000px}}@-webkit-keyframes ap-anim-top-slide-up{100%{opacity:0;top:-1000px}}@-o-keyframes ap-anim-top-slide-up{100%{opacity:0;top:-1000px}}.ap-theme-default .ap-button-active{animation:ap-anim-default-button-active ease .5s;animation-iteration-count:1;animation-fill-mode:forwards;-webkit-animation:ap-anim-default-button-active ease .5s;-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-moz-animation:ap-anim-default-button-active ease .5s;-moz-animation-iteration-count:1;-moz-animation-fill-mode:forwards;-o-animation:ap-anim-default-button-active ease .5s;-o-animation-iteration-count:1;-o-animation-fill-mode:forwards;-ms-animation:ap-anim-default-button-active ease .5s;-ms-animation-iteration-count:1;-ms-animation-fill-mode:forwards}@keyframes ap-anim-default-button-active{100%{background:#E0F2F1}}@-moz-keyframes ap-anim-default-button-active{100%{background:#E0F2F1}}@-webkit-keyframes ap-anim-default-button-active{100%{background:#E0F2F1}}@-o-keyframes ap-anim-default-button-active{100%{background:#E0F2F1}}.ap-component-section{display:table;table-layout:fixed;width:100%;background:#FFF}.ap-loading{width:100%;height:100%;z-index:2;background:#FFF}.ap-component-section,ap-component-section *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-select:none;-ms-touch-action:none;touch-action:none}.ap-component{display:table-cell}.ap-component-label{text-align:center;font-size:.7em}.ap-theme-default{color:#009688}.ap-component-plus,.ap-component-minus{background:#FFF;color:#BDBDBD;width:100%;height:40px;line-height:40px;text-align:center;font-size:15px;cursor:pointer}.ap-component-cont{position:relative;overflow:hidden}.ap-component-data{position:absolute;left:0;top:0;width:100%;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-perspective:1000px;-moz-perspective:1000px;perspective:1000px}.ap-row{height:40px;line-height:40px;text-align:center;overflow:hidden;text-overflow:clip;white-space:nowrap;cursor:pointer;color:#000}.ap-row-invalid{color:#FFCDD2}.ap-row-hidden{opacity:0}.ap-component-selector{position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:100%;height:40px;border-top:1px solid #009688;border-bottom:1px solid #009688}.ap-theme-default .ap-component-selector{left:10%;width:80%}.ap-component-gradient{position:absolute;top:-1px;left:0;width:100%;height:102%;cursor:pointer;background:rgba(255,255,255,.8);background:-moz-linear-gradient(top,rgba(255,255,255,.8) 0,rgba(255,255,255,.8) 30%,rgba(255,255,255,0) 45%,rgba(255,255,255,0) 55%,rgba(255,255,255,.8) 70%,rgba(255,255,255,.8) 100%);background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(255,255,255,.8)),color-stop(30%,rgba(255,255,255,.8)),color-stop(45%,rgba(255,255,255,0)),color-stop(55%,rgba(255,255,255,0)),color-stop(70%,rgba(255,255,255,.8)),color-stop(100%,rgba(255,255,255,.8)));background:-webkit-linear-gradient(top,rgba(255,255,255,.8) 0,rgba(255,255,255,.8) 30%,rgba(255,255,255,0) 45%,rgba(255,255,255,0) 55%,rgba(255,255,255,.8) 70%,rgba(255,255,255,.8) 100%);background:-o-linear-gradient(top,rgba(255,255,255,.8) 0,rgba(255,255,255,.8) 30%,rgba(255,255,255,0) 45%,rgba(255,255,255,0) 55%,rgba(255,255,255,.8) 70%,rgba(255,255,255,.8) 100%);background:-ms-linear-gradient(top,rgba(255,255,255,.8) 0,rgba(255,255,255,.8) 30%,rgba(255,255,255,0) 45%,rgba(255,255,255,0) 55%,rgba(255,255,255,.8) 70%,rgba(255,255,255,.8) 100%);background:linear-gradient(to bottom,rgba(255,255,255,.8) 0,rgba(255,255,255,.8) 30%,rgba(255,255,255,0) 45%,rgba(255,255,255,0) 55%,rgba(255,255,255,.8) 70%,rgba(255,255,255,.8) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0)}.ap-theme-ios.ap-layout-popup .ap-cont,.ap-theme-ios.ap-layout-popover .ap-cont{max-width:320px;width:90%;border-radius:10px;border:1px solid #D7D7D7}.ap-theme-ios.ap-layout-popup,.ap-theme-ios.ap-layout-fixed,.ap-theme-ios.ap-layout-popover{background:rgba(0,0,0,.4)}.ap-theme-ios .ap-tooltip,.ap-theme-ios .ap-tooltip:after{display:inline-block;width:0;height:0;position:absolute;border-width:11px;border-style:solid;z-index:6}.ap-theme-ios .ap-tooltip:after{content:" ";border-width:10px}.ap-theme-ios .ap-tooltip-bottom{top:-22px;left:10px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #D7D7D7}.ap-dir-rtl.ap-theme-ios .ap-tooltip-bottom{right:10px}.ap-theme-ios .ap-tooltip-bottom:after{top:-8px;left:-10px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #FFF}.ap-theme-ios .ap-tooltip-top{bottom:-21px;left:16px;border-color:#D7D7D7 rgba(0,0,0,0) rgba(0,0,0,0)}.ap-dir-rtl.ap-theme-ios .ap-tooltip-top{right:16px}.ap-theme-ios .ap-tooltip-top:after{bottom:-8px;left:-10px;border-color:#FFF rgba(0,0,0,0) rgba(0,0,0,0)}.ap-theme-ios .ap-tooltip-left{top:50%;left:-22px;border-color:rgba(0,0,0,0) #D7D7D7 rgba(0,0,0,0) rgba(0,0,0,0);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.ap-theme-ios .ap-tooltip-left:after{top:-10px;left:-9px;border-color:rgba(0,0,0,0) #FFF rgba(0,0,0,0) rgba(0,0,0,0)}.ap-theme-ios .ap-tooltip-right{top:50%;right:-22px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #D7D7D7;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.ap-theme-ios .ap-tooltip-right:after{top:-10px;left:-11px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #FFF}.ap-theme-ios .ap-bg{font-size:18px;font-family:sans-serif}.ap-theme-ios .ap-header{height:45px;line-height:45px;text-align:center;border-bottom:1px solid #D7D7D7}.ap-theme-ios .ap-header__title{color:#FF3B30;font-size:1.2em}.ap-theme-ios .ap-button{display:inline-block;cursor:pointer;letter-spacing:0;text-align:center;font-size:1em;height:43px;line-height:47px;background:rgba(255,255,255,1)}.ap-theme-ios .ap-content-top,.ap-theme-ios .ap-content-bottom{font-size:.9em}.ap-theme-ios .ap-footer{padding:0 16px}.ap-theme-ios .ap-footer-top .ap-button{display:inline-block}.ap-theme-ios .ap-button:last-child{float:right;padding:0 0 0 16px;color:#007AFF}.ap-dir-rtl.ap-theme-ios .ap-button:last-child{float:left;padding:0 16px 0 0}.ap-theme-ios .ap-button:not(:last-child){float:left;padding:0 16px 0 0;color:#007AFF}.ap-dir-rtl.ap-theme-ios .ap-button:not(:last-child){float:right;padding:0 0 0 16px}.ap-theme-ios .ap-component-gradient{background:rgba(255,255,255,.7);background:-moz-linear-gradient(top,rgba(255,255,255,.7) 0,rgba(255,255,255,.7) 40%,rgba(255,255,255,0) 45%,rgba(255,255,255,0) 55%,rgba(255,255,255,.7) 60%,rgba(255,255,255,.7) 100%);background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(255,255,255,.7)),color-stop(40%,rgba(255,255,255,.7)),color-stop(45%,rgba(255,255,255,0)),color-stop(55%,rgba(255,255,255,0)),color-stop(60%,rgba(255,255,255,.7)),color-stop(100%,rgba(255,255,255,.7)));background:-webkit-linear-gradient(top,rgba(255,255,255,.7) 0,rgba(255,255,255,.7) 40%,rgba(255,255,255,0) 45%,rgba(255,255,255,0) 55%,rgba(255,255,255,.7) 60%,rgba(255,255,255,.7) 100%);background:-o-linear-gradient(top,rgba(255,255,255,.7) 0,rgba(255,255,255,.7) 40%,rgba(255,255,255,0) 45%,rgba(255,255,255,0) 55%,rgba(255,255,255,.7) 60%,rgba(255,255,255,.7) 100%);background:-ms-linear-gradient(top,rgba(255,255,255,.7) 0,rgba(255,255,255,.7) 40%,rgba(255,255,255,0) 45%,rgba(255,255,255,0) 55%,rgba(255,255,255,.7) 60%,rgba(255,255,255,.7) 100%);background:linear-gradient(to bottom,rgba(255,255,255,.7) 0,rgba(255,255,255,.7) 40%,rgba(255,255,255,0) 45%,rgba(255,255,255,0) 55%,rgba(255,255,255,.7) 60%,rgba(255,255,255,.7) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0)}.ap-theme-ios .ap-content-middle{padding:10px 25px}.ap-theme-ios .ap-content-switch-tab{border:1px solid #007AFF;font-size:.7em;color:#007AFF}.ap-dir-ltr.ap-theme-ios .ap-content-switch-date{border-top-left-radius:5px;border-bottom-left-radius:5px}.ap-dir-rtl.ap-theme-ios .ap-content-switch-date{border-top-right-radius:5px;border-bottom-right-radius:5px;margin-left:-1px}.ap-dir-ltr.ap-theme-ios .ap-content-switch-time{border-top-right-radius:5px;border-bottom-right-radius:5px;margin-left:-1px}.ap-dir-rtl.ap-theme-ios .ap-content-switch-time{border-top-left-radius:5px;border-bottom-left-radius:5px}.ap-theme-ios .ap-content-switch-selected{background:#007AFF;color:#FFF}.ap-theme-ios .ap-component-plus,.ap-theme-ios .ap-component-minus{color:#BDBDBD}.ap-theme-ios .ap-component-label{color:#007AFF}.ap-theme-ios .ap-row{color:#000;font-size:1.2em}.ap-theme-ios .ap-row-disabled{color:#9E9E9E}.ap-theme-ios .ap-component-selector{left:0;width:100%;border-top:1px solid #D7D7D7;border-bottom:1px solid #D7D7D7}.ap-theme-android.ap-layout-popup,.ap-theme-android .ap-layout-fixed{background:rgba(0,0,0,.6)}.ap-theme-android .ap-bg{font-size:16px;font-family:sans-serif}.ap-theme-android.ap-layout-popup .ap-cont{max-width:300px}.ap-theme-android:not(.ap-layout-inline):not(.ap-layout-relative) .ap-cont{-webkit-box-shadow:0 3px 5px #111,0 0 5px #111;-moz-box-shadow:0 3px 5px #111,0 0 5px #111;box-shadow:0 3px 5px #111,0 0 5px #111}.ap-theme-android.ap-layout-popup .ap-cont{width:85%}.ap-theme-android .ap-header{text-align:left;height:65px;line-height:65px;border-bottom:2px solid #33B5E5}.ap-dir-rtl.ap-theme-android .ap-header{text-align:right}.ap-theme-android .ap-header__title{color:#33B5E5;font-size:1.45em}.ap-theme-android .ap-footer{height:45px}.ap-theme-android .ap-button{display:table-cell;cursor:pointer;letter-spacing:0;text-align:center;font-size:.9em;height:45px;line-height:45px;color:#000;background:rgba(255,255,255,1);border-top:1px solid #DCDCDC}.ap-theme-android .ap-footer-bottom .ap-button{border-top:1px solid #DCDCDC}.ap-theme-android .ap-footer-top{border-bottom:1px solid #DCDCDC}.ap-dir-ltr.ap-theme-android .ap-button:not(:last-child){border-right:1px solid #DCDCDC}.ap-dir-rtl.ap-theme-android .ap-button:not(:last-child){border-left:1px solid #DCDCDC}.ap-theme-android .ap-footer-top .ap-button{display:table-cell;cursor:pointer;letter-spacing:0;text-align:center;font-size:.8em;height:40px;line-height:40px;padding:0 16px;color:#000;background:rgba(255,255,255,1)}.ap-dir-ltr.ap-theme-android .ap-layout-fixed .ap-button:not(:last-child){border-right:0;float:left}.ap-dir-rtl.ap-theme-android .ap-layout-fixed .ap-button:not(:last-child){border-left:0;float:right}.ap-theme-android .ap-component-gradient{background:rgba(255,255,255,1);background:-moz-linear-gradient(top,rgba(255,255,255,1) 0,rgba(255,255,255,.85) 5%,rgba(255,255,255,.45) 24%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 43%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 71%,rgba(255,255,255,0) 75%,rgba(255,255,255,.45) 76%,rgba(255,255,255,.85) 95%,rgba(255,255,255,1) 100%);background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(255,255,255,1)),color-stop(5%,rgba(255,255,255,.85)),color-stop(24%,rgba(255,255,255,.45)),color-stop(25%,rgba(255,255,255,0)),color-stop(43%,rgba(255,255,255,0)),color-stop(51%,rgba(255,255,255,0)),color-stop(71%,rgba(255,255,255,0)),color-stop(75%,rgba(255,255,255,0)),color-stop(76%,rgba(255,255,255,.45)),color-stop(95%,rgba(255,255,255,.85)),color-stop(100%,rgba(255,255,255,1)));background:-webkit-linear-gradient(top,rgba(255,255,255,1) 0,rgba(255,255,255,.85) 5%,rgba(255,255,255,.45) 24%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 43%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 71%,rgba(255,255,255,0) 75%,rgba(255,255,255,.45) 76%,rgba(255,255,255,.85) 95%,rgba(255,255,255,1) 100%);background:-o-linear-gradient(top,rgba(255,255,255,1) 0,rgba(255,255,255,.85) 5%,rgba(255,255,255,.45) 24%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 43%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 71%,rgba(255,255,255,0) 75%,rgba(255,255,255,.45) 76%,rgba(255,255,255,.85) 95%,rgba(255,255,255,1) 100%);background:-ms-linear-gradient(top,rgba(255,255,255,1) 0,rgba(255,255,255,.85) 5%,rgba(255,255,255,.45) 24%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 43%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 71%,rgba(255,255,255,0) 75%,rgba(255,255,255,.45) 76%,rgba(255,255,255,.85) 95%,rgba(255,255,255,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,1) 0,rgba(255,255,255,.85) 5%,rgba(255,255,255,.45) 24%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 43%,rgba(255,255,255,0) 51%,rgba(255,255,255,0) 71%,rgba(255,255,255,0) 75%,rgba(255,255,255,.45) 76%,rgba(255,255,255,.85) 95%,rgba(255,255,255,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0)}.ap-theme-android .ap-content-middle{padding:25px 32px}.ap-theme-android .ap-content-switch-tab{border:1px solid #6BC8E9;font-size:.7em;color:#6BC8E9;text-transform:uppercase}.ap-theme-android .ap-content-switch-selected{background:#6BC8E9;color:#FFF}.ap-theme-android .ap-component-plus,.ap-theme-android .ap-component-minus{color:#BDBDBD}.ap-theme-android .ap-component-label{color:#6BC8E9;font-size:.85em}.ap-theme-android .ap-row{color:#000;font-size:1.1em}.ap-theme-android .ap-row-disabled{color:#9E9E9E}.ap-theme-android .ap-component-selector{left:10%;width:80%;border-top:2px solid #6BC8E9;border-bottom:2px solid #6BC8E9}.ap-theme-android .ap-button-active{animation:ap-anim-android-button-active ease .5s;animation-iteration-count:1;animation-fill-mode:forwards;-webkit-animation:ap-anim-android-button-active ease .5s;-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-moz-animation:ap-anim-android-button-active ease .5s;-moz-animation-iteration-count:1;-moz-animation-fill-mode:forwards;-o-animation:ap-anim-android-button-active ease .5s;-o-animation-iteration-count:1;-o-animation-fill-mode:forwards;-ms-animation:ap-anim-android-button-active ease .5s;-ms-animation-iteration-count:1;-ms-animation-fill-mode:forwards}@keyframes ap-anim-android-button-active{100%{background:#F5F5F5}}@-moz-keyframes ap-anim-android-button-active{100%{background:#F5F5F5}}@-webkit-keyframes ap-anim-android-button-active{100%{background:#F5F5F5}}@-o-keyframes ap-anim-android-button-active{100%{background:#F5F5F5}}.ap-theme-windows.ap-layout-popup,.ap-theme-windows.ap-layout-popup *{background:#181C18}.ap-theme-windows.ap-layout-popup .ap-cont{width:100%;height:100%;max-width:100%}.ap-theme-windows .ap-bg{font-size:18px;font-family:sans-serif}.ap-theme-windows .ap-header{position:absolute;top:0;left:0;width:100%;height:60px;line-height:75px;text-align:left;text-transform:uppercase;z-index:2}.ap-theme-windows .ap-header__title{color:#FFF;font-size:1em}.ap-theme-windows .ap-button{display:inline-block;cursor:pointer;letter-spacing:0;text-align:center;font-size:1em;height:30px;max-width:50px;margin-left:4px;margin-right:4px;color:#FFF}.ap-theme-windows .ap-button-icon{height:32px;font-size:32px;position:relative;bottom:-8px}.ap-theme-windows .ap-button-text{display:inline-block;width:100%;font-size:.5em;text-transform:lowercase;position:relative;bottom:0}.ap-theme-windows .ap-content{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;max-width:none}.ap-theme-windows .ap-content-top,.ap-theme-windows .ap-content-bottom{font-size:.9em}.ap-theme-windows .ap-content-top{position:absolute;top:60px;width:100%;z-index:2;height:auto;padding:4px 16px}.ap-theme-windows .ap-content-bottom{position:absolute;bottom:59px;width:100%;z-index:2;height:auto;padding:2px 16px}.ap-theme-windows .ap-footer{position:absolute;bottom:0;left:0;width:100%;height:50px;padding:0 16px;text-align:center;z-index:2}.ap-theme-windows .ap-component-gradient{background:transparent}.ap-theme-windows .ap-content-middle{padding:0 10px}.ap-theme-windows .ap-content-switch{display:inline-block;height:0;float:right;margin-right:2px;margin-top:0;margin-bottom:0}.ap-theme-windows .ap-content-switch-tab{border:1px solid #ADADAD;font-size:.7em;color:#ADADAD}.ap-dir-ltr.ap-theme-windows .ap-content-switch-date{border-top-left-radius:0;border-bottom-left-radius:0}.ap-dir-rtl.ap-theme-windows .ap-content-switch-date{border-top-right-radius:0;border-bottom-right-radius:0;margin-left:-1px}.ap-dir-ltr.ap-theme-windows .ap-content-switch-time{border-top-right-radius:0;border-bottom-right-radius:0;margin-left:-2px}.ap-dir-rtl.ap-theme-windows .ap-content-switch-time{border-top-left-radius:0;border-bottom-left-radius:0}.ap-theme-windows .ap-content-switch-selected{background:#ADADAD!important;color:#181C18}.ap-theme-windows .ap-component-plus,.ap-theme-ios .ap-component-minus{color:#BDBDBD}.ap-theme-windows .ap-component-label{color:#007AFF}.ap-theme-windows .ap-row{color:#FFF}.ap-theme-windows .ap-row-content{background:transparent;font-size:1.8em;text-align:left;width:100%;height:80px;line-height:80px;padding-left:4px;position:absolute;bottom:0;left:0}.ap-theme-windows .ap-row-label{background:transparent;font-size:.7em;text-transform:lowercase;text-align:left;padding-left:3px;width:100%;height:20px;line-height:20px;position:absolute;bottom:0;left:0}.ap-theme-windows .ap-row-bg{position:relative;margin:4px;border:2px solid #181C18}.ap-theme-windows .ap-row-selected .ap-row-bg{background:#4B4D4A!important;border:2px solid #4B4D4A}.ap-theme-windows .ap-row-selected .ap-row-content{color:#FFF!important}.ap-theme-windows .ap-row-selected .ap-row-label{color:#A7A8A7!important}.ap-theme-windows .ap-component:not(.ap-component-modifying) .ap-row-content{color:transparent}.ap-theme-windows .ap-component:not(.ap-component-modifying) .ap-row-label{color:transparent}.ap-theme-windows .ap-component.ap-component-modifying .ap-row-bg{border:2px solid #4B4D4A}.ap-theme-windows .ap-component.ap-component-modifying .ap-row-content{color:#ADADAD}.ap-theme-windows .ap-component.ap-component-modifying .ap-row-label{color:#5F5F5F}.ap-theme-windows .ap-component.ap-component-modifying .ap-row-content{color:#ADADAD}.ap-theme-windows .ap-component.ap-component-modifying .ap-row-bg{color:#000}.ap-theme-windows .ap-row-disabled{color:#9E9E9E}.ap-theme-windows .ap-component-selector{left:0;width:100%;border-top:0;border-bottom:0;background:transparent}@media only screen and (orientation :landscape){.ap-theme-windows .ap-header{height:40px;line-height:40px}.ap-theme-windows .ap-content-top{top:31px}.ap-theme-windows .ap-content-bottom{bottom:60px}.ap-theme-windows .ap-row-content{font-size:1.3em;height:60px;line-height:60px}.ap-theme-windows .ap-row-label{font-size:.6em}.ap-theme-windows .ap-button-icon{height:24px;font-size:24px;position:relative;bottom:-12px}}@font-face{font-family:anypicker-font;src:url(fonts/anypicker-font.eot)}@font-face{font-family:anypicker-font;src:url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SAvQAAAC8AAAAYGNtYXDmP+C4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5Zk9FXHgAAAGAAAAEFGhlYWQGjJupAAAFlAAAADZoaGVhB8IDzQAABcwAAAAkaG10eCYAAAAAAAXwAAAAMGxvY2EEPgMmAAAGIAAAABptYXhwABAAUQAABjwAAAAgbmFtZTvtFloAAAZcAAABznBvc3QAAwAAAAAILAAAACAAAwPHAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg4APmA//9//8AAAAAACDgAOYA//3//wAB/+MgBBoIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAADABAACwAADAAAlIQkBBAD8AAIAAgDAAgD+AAAAAQAAAHcEAAMJAAUAAAEnCQEHAQQAkf6R/pGRAgACd5L+kQFvkv4AAAEAAADABAACwAACAAATCQEAAgACAALA/gACAAABAAAAcgP6AwgAGwAACQEmIgcBDgEVFBYfAR4BMzI2NwkBFjI/ATY0JwP6/hUGEgb+FQMDAwOIAwcEBAgDAVUBVQYSBYgGBgEdAesGBv4VAwgEBAgCiAMDAwMBVf6rBgaIBhEGAAAAAAMAAP/ABAADwAAUACkAPwAAASIOAhUUHgIzMj4CNTQuAiMRIi4CNTQ+AjMyHgIVFA4CIxMjNTQmKwEiBh0BFBY7ATI2PQE0JiMCAGq7i1BQi7tqaruLUFCLu2pYmnJDQ3KaWFiackNDcppYvZAUDhYOFBQOyA4UFA4DwFCLu2pqu4tQUIu7amq7i1D8WUNymlhYmnJDQ3KaWFiackMB1KYOFBQO3g4UFA4WDhQAAAAAAwAA/8AEAAPAABQAKQBLAAABIg4CFRQeAjMyPgI1NC4CIxEiLgI1ND4CMzIeAhUUDgIjEyYiDwEnJiIPAQYUHwEUMBUXFDIxFxYyPwE+AT8BNjQvAQIAaruLUFCLu2pqu4tQUIu7aliackNDcppYWJpyQ0NymlipChsKm1oKHAoQCgpxEAECChwKEAMEAagKChADwFCLu2pqu4tQUIu7amq7i1D8WUNymlhYmnJDQ3KaWFiackMCHQoKm1oKChAKHApwAQEPAQIKChECBwSoChwJEAADAAD/wAQAA8AAFAApAE4AAAEiDgIVFB4CMzI+AjU0LgIjESIuAjU0PgIzMh4CFRQOAiMTJyYiDwEnJiIPAQYUHwEHBhQfARYyPwEXFjI/ATY0LwE3NjQnAgBqu4tQUIu7amq7i1BQi7tqWJpyQ0NymlhYmnJDQ3KaWKMQChwJZGQJHAoQCQlkZAkJEAocCWRkCRwKEAkJZGQJCQPAUIu7amq7i1BQi7tqaruLUPxZQ3KaWFiackNDcppYWJpyQwI6EAkJZGQJCRAKHAlkZAkcChAJCWRkCQkQChwJZGQJHAoAAAADAAD/wAQAA8AAFAApADoAAAEiDgIVFB4CMzI+AjU0LgIjESIuAjU0PgIzMh4CFRQOAiMTISIGHQEUFjMhMjY9ATQmIwIAaruLUFCLu2pqu4tQUIu7aliackNDcppYWJpyQ0Nymlin/rIOExMOAU4OExMOA8BQi7tqaruLUFCLu2pqu4tQ/FlDcppYWJpyQ0NymlhYmnJDAdQUDhYOFBQOFg4UAAEAAAABGZrL7g4nXw889QALBAAAAAAA0baeyQAAAADRtp7JAAD/wAQAA8AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAABAAAAQAAAAAAAAAAAAAAAAAAAAwEAAAAAAAAAAAAAAACAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAAAAAAAAoAFAAeAC4AQgBQAIQA3AFGAbgCCgAAAAEAAAAMAE8AAwAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQANAAAAAQAAAAAAAgAHAJYAAQAAAAAAAwANAEgAAQAAAAAABAANAKsAAQAAAAAABQALACcAAQAAAAAABgANAG8AAQAAAAAACgAaANIAAwABBAkAAQAaAA0AAwABBAkAAgAOAJ0AAwABBAkAAwAaAFUAAwABBAkABAAaALgAAwABBAkABQAWADIAAwABBAkABgAaAHwAAwABBAkACgA0AOxBbnlQaWNrZXJGb250AEEAbgB5AFAAaQBjAGsAZQByAEYAbwBuAHRWZXJzaW9uIDEuMQBWAGUAcgBzAGkAbwBuACAAMQAuADFBbnlQaWNrZXJGb250AEEAbgB5AFAAaQBjAGsAZQByAEYAbwBuAHRBbnlQaWNrZXJGb250AEEAbgB5AFAAaQBjAGsAZQByAEYAbwBuAHRSZWd1bGFyAFIAZQBnAHUAbABhAHJBbnlQaWNrZXJGb250AEEAbgB5AFAAaQBjAGsAZQByAEYAbwBuAHRGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype');font-weight:400;font-style:normal}[class^=ap-icon-],[class*=" ap-icon-"]{font-family:anypicker-font;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ap-icon-now:before{content:"\e600"}.ap-icon-set:before{content:"\e601"}.ap-icon-cancel:before{content:"\e602"}.ap-icon-clear:before{content:"\e603"}.ap-icon-arrow-up-filled:before{content:"\e000"}.ap-icon-arrow-down:before{content:"\e001"}.ap-icon-arrow-down-filled:before{content:"\e002"}.ap-icon-arrow-up:before{content:"\e003"}
.col-delete{width:360px;}.col-delete p{padding:10px;text-align:center;margin:0;}#lists{height:100%;display:flex;}#lists .info{font-size:.8em;margin:10px;}#lists>div{display:flex;flex-direction:column;}#lists h2{color:#555;padding:5px 10px;}#lists label{padding:0 10px;font-size:.8em;}#lists #collections{flex:0 0 300px;border-right:1px solid #ddd;}#lists #collections .itm:not(.new){border-left:3px solid #7a90b3;}#lists #items{flex:1 1 auto;}#lists #items .itm:not(.new){border-left:3px solid #6bb8d8;}#lists #items #config{margin:10px;display:none;}#lists #items #config .info{margin:0 0 10px 0;display:block;}#lists #items #config #config_ops{display:flex;align-items:center;height:50px;background-color:#f0f6ff;}#lists #items #config #config_ops>div{margin-left:10px;}#lists #items #config #config_ops>div input,#lists #items #config #config_ops>div label{cursor:pointer;margin:0;}#lists .collection{flex:1 1 auto;background-color:#f9f9f9;overflow:auto;position:relative;border-top:1px solid #ddd;}#lists .collection .ld{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;}#lists .collection .ld .bg{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fff;opacity:.6;}#lists .collection .ld img{max-width:200px;}#lists .collection .itm{display:flex;align-items:center;padding:2px 5px;border:1px solid transparent;border-bottom:1px solid #ddd;background:#f4f4f4;cursor:pointer;}#lists .collection .itm.act{background:#e3ebf9;border:1px solid #7a90b3;}#lists .collection .itm .n{flex:1 1 auto;margin-left:10px;}#lists .collection .itm:not(.new) .inp{display:none;border-radius:3px;width:100%;border:1px dashed #d8d8d8;margin:3px 0 4px 0;padding:2px;}#lists .collection .itm .ov{display:inline-block;padding-top:3px;}#lists .collection .itm .ov .c{border:1px dashed transparent;padding:0 5px 0 5px;margin-right:20px;white-space:nowrap;overflow:hidden;max-width:233px;display:inline-block;line-height:27px;}#lists .collection .itm .ov .e{display:none;}#lists .collection .itm.err .c,#lists .collection .itm.err .inp{border-color:#8c0202;}#lists .collection .itm:not(.edit):hover .ov{position:relative;}#lists .collection .itm:not(.edit):hover .ov .e{display:flex;justify-content:center;align-items:center;position:absolute;right:0;top:3px;bottom:5px;width:20px;text-align:center;color:#acacac;font-size:12px;}#lists .collection .itm .e:hover{background-color:#ddd;}#lists .collection .itm .e:hover+.c{border-color:#808080;}#lists .collection .itm.edit .ov{display:none;}#lists .collection .itm.edit .inp{display:block;}#lists .collection .itm.new{background:#fff;padding:8px;margin-bottom:30px;}#lists .collection .itm.new input{border:0;font-size:17px;}#lists .collection .itm.new input[readonly]{color:#ddd;}#lists .collection .itm.new .ico{color:#d8d8d8;}#lists .collection .itm.new .rem{display:none;}#lists .collection .itm .ico{display:flex;justify-content:center;align-items:center;}#lists .cons{border-top:1px solid #ddd;padding:10px;}
#contacts .con{display:flex;height:100%;}#contacts .con .contact-groups{flex:0 0 300px;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid #ddd;position:relative;}#contacts .con .contact-groups .cons h2{border-bottom:1px solid #ddd;color:#808080;padding-left:10px;padding-bottom:5px;}#contacts .con .contact-groups .cg-cons{display:flex;padding:5px;}#contacts .con .contact-groups .cg-cons>div{margin-right:10px;color:#696969;cursor:pointer;}#contacts .con .contact-groups .cg-cons>div:hover{color:#333;}#contacts .con .contact-groups .cg-search{display:flex;border-bottom:1px solid #ddd;}#contacts .con .contact-groups .cg-search input{flex:1 1 auto;padding-left:5px;margin:3px;border:1px solid #ddd;}#contacts .con .tree{flex:1 1 auto;display:flex;color:#696969;overflow:auto;font-size:12px;padding-top:10px;}#contacts .con .tree .groups{flex:1 1 auto;position:relative;}#contacts .con .tree .groups .ag{flex:1 1 auto;margin:5px;border:1px dashed #ddd;text-align:center;padding:5px;color:#696969;}#contacts .con .tree .group{flex:1 1 auto;}#contacts .con .tree .group .h{display:flex;align-items:center;padding-right:100px;}#contacts .con .tree .group .h>*{display:inline-block;}#contacts .con .tree .group .h .c-a{display:none;}#contacts .con .tree .group .h:hover{color:#fff;}#contacts .con .tree .group .h:hover .bg{background-color:#5272a6;position:absolute;left:0;right:0;height:24px;}#contacts .con .tree .group .h .i{flex:0 0 20px;text-align:center;z-index:1;}#contacts .con .tree .group .h .t{flex:1 1 auto;line-height:24px;white-space:nowrap;z-index:1;}#contacts .con .tree .group .items{padding-left:20px;display:none;}#contacts .con .tree .group.active>.h .c-c{display:none;}#contacts .con .tree .group.active>.h .c-a{display:inline-block;}#contacts .con .tree .group.active>.items{display:block;}#contacts .con .tree .group.selected>.h{color:#fff;}#contacts .con .tree .group.selected>.h .bg{background-color:#5292a6;position:absolute;left:0;right:0;height:24px;}#contacts .con .tree .group.ni .h .c-c::before{content:"";}#contacts .con .tree .group.ni .h .c-a::before{content:"";}#contacts .panel{flex:1 1 auto;display:flex;flex-direction:column;overflow:auto;position:relative;}#contacts .panel h2{font-size:20px;padding:5px;color:#797979;}#contacts .panel fieldset{padding-top:0;}#contacts .panel .controls{display:flex;align-items:end;padding:3px;padding-bottom:3px;height:59px;padding-bottom:5px;border-bottom:1px solid #ddd;}#contacts .panel .controls input{flex:1 1 auto;border:none;border-bottom:1px dashed #ddd;margin:0 5px;font-size:20px;}#contacts .panel .controls>div{margin-left:5px;}#contacts .panel .details{flex:0 0 150px;border-bottom:1px solid #ddd;padding:5px;display:flex;flex-direction:column;}#contacts .panel .details textarea{flex:1 1 auto;}#contacts .panel .cons{flex:1 1 auto;border-bottom:1px solid #ddd;min-height:100px;display:flex;flex-direction:column;}#contacts .panel .addr{flex:1 1 auto;min-height:100px;display:flex;flex-direction:column;}#contacts .c-loader{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fff;display:none;align-items:center;justify-content:center;z-index:3;}#contacts .c-dis{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fff;opacity:.6;align-items:center;justify-content:center;}fieldset.full{width:unset;}.contact-collection{flex:1 1 auto;padding:10px;position:relative;}.address-collection{flex:1 1 auto;padding:10px;position:relative;}#contacts .it-cont .bg{background:none;border-bottom:1px solid #ddd;height:40px;}#contacts .it-cont .it-head{height:40px;}#contacts .it-cont .it-head>div{display:flex;flex-direction:column;justify-content:center;}#contacts .it-cont .it-body{top:40px;}#contacts .it-cont .it-body table tr:hover td{background:none;}#contacts .it-cont .it-body table tr.active td{background:none !important;}#contacts .it-cont .it-body table input[type=text]{border:none;padding-left:5px;width:100%;}#contacts .it-cont .it-body table .ph input[type=radio],#contacts .it-cont .it-body table .ph .it-col-delete span{display:none;}#contacts .it-cont .it-body table .it-col-default{text-align:center;}#contacts .it-cont .it-body table .it-col-delete span{color:#bc1f1f;display:flex;align-items:center;justify-content:center;}
#ca-container .container{max-width:100%;}#ca-container .modal .label-danger{display:inline-block;margin-top:10px;font-size:13px;color:#ff1717;}#ca-container .modal .form-group.error input.form-control{border:1px solid #ff8e8e;}#ca-container #rrp-modal .info{font-size:13px;margin-bottom:10px;}#ca-container #rrp-modal #ReasonForReassignment{height:110px;}#ca{display:flex;flex-direction:column;min-height:100%;background-color:#f7f7f7;}#ca #head{margin:15px 15px 0;background-color:#fff;padding:20px 20px 0;box-shadow:0 0 10px #eaeaea;}#ca #head .title{margin:0;color:#626262;}#ca #head #head_controls{display:flex;margin:10px 0;}#ca .button{display:flex;padding:5px 10px;cursor:pointer;color:#626262;align-content:center;}#ca .button:hover{background:#eaeaea;}#ca .button i{color:#4572b9;line-height:23px;margin:0 5px;}#ca .button.danger i{color:#b94545;}#ca .button.warning i{color:#b98545;}#ca .main{margin:15px 15px;background-color:#fff;padding:20px 20px;box-shadow:0 0 10px #eaeaea;flex:auto;display:flex;flex-direction:column;}#ca .header-container{display:flex;margin-bottom:12px;}#ca .header-container .header-info{display:flex;font-size:13px;white-space:nowrap;}#ca .header-container .header-info .header-info-column{margin-right:35px;align-self:end;}#ca .header-container .header-info .header-info-column label{font-weight:bold;text-align:right;margin-right:4px;}#ca .header-container .header-info .header-info-column:nth-child(2) label{width:67px;}#ca .header-container .header-info .header-info-column:nth-child(3) label{width:133px;}#ca .header-container .header-actions{display:flex;flex:auto;margin-right:10px;margin-bottom:2px;align-items:end;justify-content:right;}#ca .middle-container{display:flex;flex-grow:inherit;}#ca .middle-container .middle-left-column{display:flex;flex:1 1 auto;width:50%;position:relative;margin-right:20px;}#ca .middle-container .middle-left-column .fieldset{flex:auto;flex-direction:column;display:flex;}#ca .middle-container .middle-left-column .fieldset .tabs{margin-bottom:10px;}#ca .middle-container .middle-left-column .fieldset .tabs span[data-tab]{cursor:pointer;text-shadow:none;padding-left:10px;padding-right:10px;}#ca .middle-container .middle-left-column .fieldset .tabs span[data-tab].active{color:#566400;border-bottom:3px solid #859900;padding-bottom:2px;}#ca .middle-container .middle-left-column .fieldset .tabs span[data-tab]:hover{color:#566400;}#ca .middle-container .middle-left-column .fieldset .tab{position:relative;flex:auto;}#ca .middle-container .middle-right-column{flex:1 1 auto;position:relative;width:50%;margin-right:20px;border:1px solid #eaeaea;}#ca .submissions-table-container,#ca .emails-table-container,#ca .history-table-container{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #eaeaea;}#ca .submissions-table-container .table-scroll,#ca .emails-table-container .table-scroll,#ca .history-table-container .table-scroll{position:absolute;top:43px;left:0;right:0;bottom:0;overflow:auto;}#ca .submissions-table,#ca .emails-table,#ca .history-table{padding-right:2px;}#ca .submissions-table.table-striped tbody tr:nth-of-type(2n+1),#ca .emails-table.table-striped tbody tr:nth-of-type(2n+1),#ca .history-table.table-striped tbody tr:nth-of-type(2n+1){background-color:#fbfdff;}#ca .submissions-table th,#ca .emails-table th,#ca .history-table th{border-top:0;}#ca .submissions-table tbody,#ca .emails-table tbody,#ca .history-table tbody{font-size:13px;}#ca .submissions-table tbody tr.active,#ca .emails-table tbody tr.active,#ca .history-table tbody tr.active{background-color:#fff4d3!important;}#ca .submissions-table tbody tr{cursor:pointer;}#ca .submissions-table tbody tr:not(.active):hover{background-color:#fffcf1;}#ca .submissions-table .col-form{width:66%;}#ca .submissions-table .col-status{width:16%;}#ca .submissions-table .col-date{width:18%;min-width:138px;}#ca .emails-table .col-email{width:38%;}#ca .emails-table .col-subject{width:28%;}#ca .emails-table .col-status{width:16%;}#ca .emails-table .col-date{width:18%;min-width:138px;}#ca .history-table .col-progress{width:82%;}#ca .history-table .col-date{width:18%;min-width:138px;}#ca .gs{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;display:flex;align-items:center;justify-content:center;}#ca #form{position:absolute;top:0;left:0;width:100%;height:100%;overflow:auto;display:block;}#ca #form .form-title{margin-top:0;}.info-modal .modal-header{padding:5px 15px;}.info-modal .modal-header .close{height:28px;top:3px;right:-6px;margin:0;padding:6px 6px;}.info-modal .modal-body{padding:15px 15px 5px 15px;font-size:14px;}
#body #db{height:100%;}#dash{display:flex;height:100%;min-width:1024px;}#dash #filters-column{display:flex;flex-direction:column;min-width:300px;max-width:300px;}#dash #filters-column #date-range-fieldset .form-group.inline{display:flex;margin:10px;}#dash #filters-column #date-range-fieldset .form-group.inline .control-label{width:70px;margin-bottom:0;margin-top:3px;}#dash #filters-column #date-range-fieldset ul{padding-bottom:2px;}#dash #filters-column #date-range-fieldset .date-range-clear-all{float:right;margin-top:5px;margin-right:2px;font-size:12px;color:#777;cursor:pointer;}#dash #filters-column #divisions-fieldset ul{max-height:413px;overflow:auto;}#dash #filters-column #divisions-fieldset .selections{font-size:12px;color:#777;}#dash #filters-column #divisions-fieldset .divisions-clear-all{float:right;margin-top:5px;margin-right:2px;font-size:12px;color:#777;cursor:pointer;}#dash #filters-column .fieldset{margin:28px 0 3px 20px;padding-bottom:5px;border:1px solid #fff;border-radius:10px;box-shadow:#d2d2d2 0 0 15px;}#dash #filters-column .fieldset .legend{display:block;margin:3px 5px 11px;padding:3px 4px 5px;border-bottom:1px solid #d5d5d5;font-size:16px;}#dash #filters-column .fieldset ul{margin:6px 3px 6px 8px;font-size:13px;list-style-type:none;}#dash #filters-column .fieldset ul li{margin-bottom:2px;margin-right:5px;padding:3px 5px;border:1px solid #fff;background-color:#f7f8f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:ease-in all .1s;}#dash #filters-column .fieldset ul li:hover{background-color:#f0f0f0;}#dash #filters-column .fieldset ul li.active{background-color:#b0ca00;}#dash #dash-main{display:flex;flex-direction:column;min-width:1024px;flex:auto;}#dash .t{color:#777;}#dash .widget{padding:30px 0 0 30px;}#dash .widget:last-child{padding-right:30px;}#dash .sh{border-radius:10px;border:1px solid #fff;box-shadow:#d2d2d2 0 0 15px;margin:0;}#dash #first-row{display:flex;}#dash #first-row .dsp{flex:0 1 50%;}#dash #first-row .dsp .sh{padding:10px;}#dash #first-row .dsp .sh .t{margin-left:10px;margin-bottom:8px;}#dash #first-row .dsp .sh .canvas-wrapper{height:150px;}#dash #second-row{display:flex;}#dash #second-row .dsp{flex:0 1 50%;}#dash #second-row .dsp .sh{padding:10px;}#dash #second-row .dsp .sh .t{margin-left:10px;margin-bottom:8px;}#dash #second-row .dsp .sh .canvas-wrapper{height:290px;}#dash .three-widget-row{display:flex;}#dash .three-widget-row .widget{display:flex;}#dash .three-widget-row .dsp{flex:0 1 50%;}#dash .three-widget-row .dsp .sh{display:flex;flex:1 1 auto;padding:20px;}#dash .three-widget-row .dsp .d{flex:1 1 auto;}#dash .three-widget-row .dsp .d .m{font-size:55px;line-height:55px;color:#48caca;height:55px;}#dash .three-widget-row .dsp .d .t{color:#777;}#dash .three-widget-row .dsp .ico{flex:0 0 50px;display:flex;justify-content:center;align-items:center;}#dash .three-widget-row .dsp .ico>div{background:#ebf3ff;box-shadow:#dae1ec 0 0 24px inset;border-radius:50px;font-size:30px;padding:20px;color:#828282;}#dash #submissions{display:flex;}#dash #submissions .dsp{flex:0 1 33.3333%;}#dash #submissions .dsp .sh:hover{border:1px solid #48caca;}#dash #submissions .dsp>div{display:flex;}#dash #submissions .dsp>div a{display:flex;flex:1 1 auto;padding:20px;outline:0;text-decoration:none;}#dash #submissions .dsp .d{flex:1 1 auto;}#dash #submissions .dsp .d .m{font-size:55px;line-height:55px;color:#48caca;height:55px;}#dash #submissions .dsp .ico{flex:0 0 50px;display:flex;justify-content:center;align-items:center;}#dash #submissions .dsp .ico>div{background:#ebf3ff;box-shadow:#dae1ec 0 0 24px inset;border-radius:50px;font-size:30px;padding:20px;color:#828282;}#dash #submitters{display:flex;}#dash #submitters .ui.dropdown{padding:3px;border:1px solid #fff;}#dash #submitters .ui.dropdown:hover{border-color:#ddd;border-radius:5px;}#dash #submitters .ui.dropdown .icon{margin-left:3px;}#dash #submitters .ui.dropdown .menu .item{color:#8c8c8c;}#dash #submitters .tten{flex:0 1 66.666%;}#dash #submitters .tten .sh{padding:10px 20px 20px 20px;height:210px;}#dash #submitters .tten ul{list-style:none;}#dash #submitters .tten ul .t .nu{padding:3px;}#dash #submitters .tten ul .t .su{padding:3px;}#dash #submitters .tten ul li{display:flex;margin-bottom:5px;}#dash #submitters .tten ul li .nu{flex:0 0 30px;text-align:center;}#dash #submitters .tten ul li .su{flex:0 1 250px;}#dash #submitters .tten ul li .pr{flex:1 1 auto;}#dash #submitters .tten ul li .pr .bar{position:relative;background-color:#ddd;height:100%;}#dash #submitters .tten ul li .pr .bar .fill{position:relative;background-color:#48caca;min-width:22px;box-shadow:#c4c4c4 2px 1px 5px;}#dash #submitters .tten ul li .pr .bar .cnt{text-align:right;color:#fff;padding-right:5px;}#dash #submitters .jobs{flex:1 1 auto;}#dash #submitters .jobs .sh{padding:10px 20px 20px 20px;display:flex;flex-direction:column;height:210px;}#dash #submitters .jobs .sh .t{color:#777;}#dash #submitters .jobs .sh .cnts{display:flex;flex:1 1 auto;justify-content:center;align-items:center;}#dash #submitters .jobs .sh .cnts .cnt{display:flex;flex:1 1 auto;flex-direction:column;text-align:center;}#dash #submitters .jobs .sh .cnts .cnt .num{height:85px;font-size:55px;}#dash #submitters .jobs .sh .cnts .cnt.tot{color:#4856ca;}#dash #submitters .jobs .sh .cnts .cnt.comp{color:#48caca;}#dash #submitters .jobs .sh .cnts .cnt.late{color:#ca4848;}#dash #submitters .jobs.late{flex:0 1 10%;}#dash #charts{flex:1 1 auto;display:flex;flex-direction:column;overflow:hidden;min-height:380px;}#dash #charts .widget{height:100%;}#dash #subChart{padding:10px;flex:1 1 auto;display:flex;flex-direction:column;overflow:hidden;height:100%;}#dash #subChart #legend_clear{position:absolute;top:0;right:0;cursor:pointer;width:56px;font-size:.8em;}#dash #subChart .chart{flex:1 1 auto;display:flex;overflow:hidden;position:relative;}#dash #subChart .chart .chart-wrapper{flex:1 1 auto;}#dash #subChart .chart #legend_container{flex:0 0 320px;overflow:auto;height:100%;margin-left:20px;position:relative;}#dash #subChart .chart #legend_container ul li{float:left;overflow:hidden;display:flex;width:100%;}#dash #subChart .chart #legend_container ul li .legend-icon{flex:0 0 20px;height:20px;margin-right:10px;}#dash #subChart .chart #legend_container ul li .legend-text{white-space:nowrap;overflow:hidden;flex:1 1 auto;}#dash #subChart .cons{position:relative;display:flex;justify-content:center;color:#777;}#dash #subChart .cons .right{position:absolute;right:0;}#dash #subChart .cons .t{position:absolute;left:10px;}#dash #subChart .cons .icon{padding:5px 10px;border:1px solid #fff;border-radius:5px;margin:0 5px;cursor:pointer;}#dash #subChart .cons .icon:hover{border-color:#ddd;color:#484848;}#dash #subChart .cons .forms{padding:5px 10px;border:1px solid #fff;cursor:pointer;}#dash #subChart .cons .forms:hover{border-color:#ddd;}
#dashboard_filters{display:none;padding:20px 20px 0 30px;}#dashboard_filters .ui.multiple.dropdown>.label{background-color:#fbcfd7;}#dashboard_filters>label{color:#777;}#dashboard_filters #filter_controls{display:flex;}#dashboard_filters #filter_controls .ui.dropdown{border:1px solid #dedede;}#dashboard_filters #filter_controls .filter-list{width:200px;}#dashboard_filters #filter_controls .filter-list-items{width:500px;margin-left:15px;}#dashboard_filters #filter_controls #update_filters{margin-left:15px;}
.dropdown-tree > ul {
overflow-y: auto;
overflow-x: hidden;
white-space: nowrap;
}
.dropdown-tree li {
list-style: none
}
.dropdown-tree ul {
margin-left: 20px;
}
.dropdown-tree li > i {
margin-left: 10px;
width: 20px;
height: 20px;
text-align: center;
position: relative;
z-index: 1;
font-size: 20px;
top: 3px;
}
/*.dropdown-tree li:hover {
background: #eee;
}
.dropdown-tree li:hover ul {
background: white;
}
.dropdown-tree li:hover ul li:hover {
background: #eee;
}*/
.dropdown-tree a {
display: inline-block !important;
padding: 3px 20px;
clear: both;
font-weight: 400;
line-height: 1.42857143;
color: #333;
white-space: nowrap;
text-decoration: none;
background: transparent !important;
position: relative;
}
.dropdown-tree .arrow {
position: absolute;
margin-left: -15px;
top: 50%;
transform: translateY(-50%);
}
/*RTL CSS*/
.rtl-dropdown-tree {
direction: rtl !important
}
.rtl-dropdown-tree > ul {
right: 0;
left: unset;
text-align: right
}
.rtl-dropdown-tree .arrow {
right: 6px
}
.rtl-dropdown-tree li > i {
margin-left: 0;
margin-right: 10px;
}
#form_create{height:100%;display:flex;flex-direction:column;overflow:hidden;justify-content:center;align-items:center;}#form_create>h1{margin-bottom:20px;color:#757575;font-family:"Poppins";}#form_create>div{flex:0 0 500px;width:800px;display:flex;border:1px solid #d4d4d4;box-shadow:0 0 8px #c8c8c8;border-radius:3px;overflow:hidden;background-color:#f9f9f9;}#form_create #form_create_types{flex:0 0 30%;background-color:#19313e;display:flex;flex-direction:column;justify-content:center;padding:10px;}#form_create #form_create_types .form-type{border:1px solid #37505e;padding:10px;background-color:#26495b;font-size:.7em;margin-bottom:10px;border-radius:3px;color:#fff;cursor:pointer;}#form_create #form_create_types .form-type:hover{box-shadow:0 0 6px #2668bd;border-color:#4b7c94;}#form_create #form_create_types .form-type.active{box-shadow:0 0 6px #2668bd;border-color:#68b2d7;}#form_create #form_create_types .form-type h2{font-size:1.8em;margin-bottom:10px;}#form_create .form-overview{overflow:hidden;flex-direction:column;display:none;margin:5px;width:100%;}#form_create .form-overview.active{display:flex;}#form_create .form-overview .form-overview-content{overflow:auto;scrollbar-width:thin;padding:20px;flex:1;}#form_create .form-overview .form-overview-content h2{margin-bottom:10px;color:#3e3e3e;}#form_create .form-overview .form-overview-actions{flex:0 0 75px;display:flex;justify-content:center;padding:20px;}#form_create .form-overview .form-overview-actions>a{border:1px solid #26495b;padding:10px 20px;text-align:center;border-radius:3px;cursor:pointer;transition:transform ease-in .1s;color:#19313e;text-decoration:none;}#form_create .form-overview .form-overview-actions>a:hover{border-color:#68b2d7;color:#26495b;transform:scale(1.03);}
.form-docs{padding:5px;}.form-docs .alert{font-size:.8em;margin-bottom:5px;padding:5px;}.form-docs .t{color:#8c8c8c;border-bottom:1px solid #8c8c8c;margin-bottom:5px;}.form-docs .ddes:hover{cursor:pointer;color:#2196f3;}.form-docs .t,.form-docs ul li{display:flex;flex-direction:row;padding-right:10px;}.form-docs .d,.form-docs ul li span{flex:1 1 auto;}.form-docs .r,.form-docs ul li label{flex:0 0 37px;}.form-docs #nd:hover{border-color:#5c5c5c;}.form-docs #nd{border:1px solid #ccc;border-top-color:#ccc;border-right-color:#ccc;border-bottom-color:#ccc;border-left-color:#ccc;padding:3px;font-size:12px;text-align:center;cursor:pointer;}.form-docs #nd span:first-child{margin-right:5px;}.doc-modal .modal-dialog{width:330px;}.doc-modal .modal-body{padding:10px;}.doc-modal .req{display:flex;flex-direction:row;padding-top:5px;margin-bottom:.5em;}.doc-modal .req .t{flex:1 1 auto;margin:0;}.doc-modal .req .switch{flex:0 0 37px;margin-top:3px;}.doc-modal .del{margin-right:auto;}.doc-modal .alert{padding:3px;margin:0;}.doc-modal input{width:100%;}
.errored,.input-validation-error{border:1px solid #f8d7da!important;}.inp-error-message{background:#bf314c;color:#fff;font-size:13px;padding:3px;clear:both;}.tippy-box[data-theme~=col_error]{background-color:#bf314c;color:#fff;}.tippy-box[data-theme~=col_error][data-placement^=top]>.tippy-arrow::before{border-top-color:#bf314c;}.tippy-box[data-theme~=col_error][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:#bf314c;}.tippy-box[data-theme~=col_error][data-placement^=left]>.tippy-arrow::before{border-left-color:#bf314c;}.tippy-box[data-theme~=col_error][data-placement^=right]>.tippy-arrow::before{border-right-color:#bf314c;}.color-selector{border:1px solid #f7f8f9;cursor:pointer;position:relative;}.color-selector .ph{position:absolute;top:0;left:0;width:100%;height:100%;font-size:.8em;color:#3e3e3e;display:flex;align-items:center;justify-content:center;}.color-selector .clear{display:none;border-radius:10px;font-size:.6em;background-color:#939393;color:#fff;position:absolute;right:5px;top:50%;transform:translateY(-50%);padding:2px 3px;z-index:9;}.color-selector:hover .clear{display:block;}.nav .nav-item .nav-link{border:0;color:#222;font-size:1em;padding:3px;text-align:center;}.nav .nav-item.active .nav-link{border-bottom:2px solid #23282d;background-color:#fff;border-radius:0;color:#23282d;}.clone-modal{margin-top:10px;}.clone-modal .t{font-size:.8em;margin-top:20px!important;}#form #pdf_designs{display:none!important;}#form #content>#body .scroller{display:flex;flex-direction:column;}#form fieldset{width:1020px;}#form #form_con{width:100%;height:100%;min-height:500px;position:relative;}#form #template{margin:15px;position:relative;}#form #template label{margin-left:5px;margin-top:3px;font-size:12px;margin:0;}#form #template .clearFile{position:absolute;top:8px;right:25px;}#form #template .clearFile:hover{cursor:pointer;color:#f00;}#form #template #ls{margin-top:5px;min-height:unset;position:relative;}#form #template #ls #ls_bg{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000;opacity:.2;}#form #template #ls .c{z-index:9;position:relative;float:left;line-height:24px;opacity:.8;font-size:1em;cursor:pointer;padding:3px 10px;display:flex;justify-content:center;align-items:center;}#form #template #ls .c:hover{background:#eaeaea;}#form #template #ls .c select{width:120px;cursor:pointer;}#form #template #ls .c .ico{color:var(--action-icon-color);margin-right:7px;}#form #template #ls .c.disabled{color:#b3b3b3;cursor:not-allowed;}#form #template #ls .c.disabled .ico{color:#b3b3b3;}#form #colour_pill{height:20px;border-radius:8px;width:50px;margin-top:3px;}#form .form-pickr .pcr-selection{height:2.5em;}#form .form-pickr .pcr-selection .pcr-color-chooser{margin-top:11px;}#form .form-pickr .pcr-selection .pcr-color-palette{position:absolute;left:-999px;}#form #template #ls label{margin:0;}#form #FormTitle{height:35px;font-size:1.6em;border:0;border:1px dashed #fff;padding:5px;background-color:transparent;}#form #FormTitle:focus,#form #FormTitle:hover{border:0;border:1px dashed #ccc;box-shadow:none;}#form #designer{position:absolute;top:90px;left:0;right:0;bottom:0;min-width:900px;padding-top:0;display:flex;border-top:1px solid #ddd;}#form #designer #elements{position:relative;flex:0 0 200px;border-right:1px solid #e2e2e2;height:100%;overflow:auto;}#form #designer #elements h2{font-size:18px;color:#243e4b;font-weight:bold;padding:5px;}#form #designer #elements ul{list-style:none;margin:0;}#form #designer #elements ul li{color:#242424;position:relative;cursor:grab;}#form #designer #elements ul li span{height:30px;display:block;float:left;}#form #designer #elements ul li .ic{text-align:center;width:30px;color:#606060;line-height:30px;}#form #designer #elements ul li .dis{margin-left:5px;line-height:30px;font-size:.8em;}#form #designer #elements ul li .di{position:absolute;right:10px;top:7px;color:#9d9d9d;display:none;}#form #designer #elements ul li[draggable=false]{background-color:#d7d7d7;cursor:not-allowed;}#form #designer #elements ul li[draggable=false] .dis{color:#959595;}#form #designer #elements ul li[draggable=false] .di{display:none;}#form #formElements .element:hover .elBorder,#form #designer #elements ul li[draggable=true]:hover .ic{background-color:#767d8e;color:#fff;}#form #formElements,#form #props{float:left;}#form #formElements{position:relative;background-color:#fff;flex:1 1 auto;}#form #formElements #form_loader{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background-color:#fff;z-index:999999;}#form #formElements #form_loader img{width:200px;}#form #formElements .layout-hint{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;}#form #formElements .layout-hint>span{padding:50px;text-align:center;border:1px dashed #c3c3c3;color:#939393;font-size:20px;}#form #formElements .nav{position:absolute;left:0;right:0;top:0;display:flex;}#form #formElements .nav .nav-item{width:50%;flex:1 1 auto;}#form #formElements .nav .nav-item .nav-link{border:0;color:#222;font-size:1em;padding:3px;text-align:center;background-color:#f5f5f5;}#form #formElements .nav .nav-item.active .nav-link{border-bottom:2px solid #23282d;background-color:#fff;border-radius:0;color:#23282d;}#form #props .tab-content{position:absolute;top:30px;left:0;right:0;bottom:0;}#form .mCSB_dragger_bar{background-color:#444b5e;}#form .mCSB_inside>.mCSB_container{margin-right:0;}#form #formElements .tab-pane{position:absolute;left:0;right:0;top:0;bottom:0;overflow:auto;padding:5px;padding-bottom:500px;}#form #formElements .scheduled .tab-pane{top:32px;}#form #formElements .tab-pane .mCustomScrollBox{padding:10px 10px;}#form #formElements .tab-pane .mCustomScrollBox .mCSB_scrollTools{right:-3px;}#form #formElements .groups{padding-right:3px;}#form #formElements .group{border:2px solid #fff;margin-bottom:5px;position:relative;display:table;width:100%;table-layout:fixed;background-color:#fff;}#form #formElements .group:hover{border:2px solid #bfcfd9;}#form #formElements .group.active{border:2px solid #5c76b4;}#form #formElements .group>.remove{right:1px;top:3px;height:30px;width:30px;position:absolute;line-height:30px;text-align:center;color:#e36767;}#form #formElements .remove:hover{cursor:pointer;color:#cc1461;}#form #formElements .group .border{padding:1.5px;color:#e8e8e8;cursor:ns-resize;border:0!important;}#form #formElements .group .border:hover{color:#9cb2ce;}#form #formElements .ops{width:0;}#form #formElements .group .gnt .gn{float:left;display:block;width:100%;height:30px;font-size:1.6em;border:0;border-bottom:1px dashed #ccc;padding-bottom:5px;background:none;}#form #formElements .group .gnt .gn:focus{border:0;border-bottom:1px dashed #ccc;box-shadow:none;}#form #formElements .group .gnt .remove{border:1px solid #ccc;width:30px;height:30px;padding:7px;display:block;float:left;font-size:16px;color:#333!important;cursor:pointer;}#form #formElements .group .gnt span:hover{background-color:#f2f2f2;}#form #formElements .group .con{margin:7px;}#form #formElements .group .con .gnt{display:flex;align-items:center;}#form #formElements .group .con .gnt .ico{color:#919191;font-size:25px;margin-right:5px;}#form #formElements .elements{min-height:35px;margin-top:10px;}#form #formElements .grid .elements{display:flex;flex-wrap:wrap;}#form #formElements .table .elements{display:none;}#form #formElements .table .table-container{overflow:auto;margin-top:5px;border:1px solid #d8ddee;scrollbar-width:thin;padding:5px;}#form #formElements .table .drag{width:10px;background-color:#9cb2ce;flex:0 0 10px;}#form #formElements .table .cols .drag{background-color:unset;}#form #formElements .table .rows .drag{cursor:n-resize;}#form #formElements .table .cols{display:flex;margin-bottom:2px;}#form #formElements .table .cols>div{display:flex;}#form #formElements .table .cols .addCol{align-self:center;padding:5px;font-size:25px;color:#556e97;cursor:pointer;}#form #formElements .table .cols .addCol:hover{color:#233148;}#form #formElements .table .col{flex-basis:250px;flex-grow:0;flex-shrink:0;min-height:35px;position:relative;padding:0;flex-direction:column;}#form #formElements .table .cols .col>div:first-child{display:flex;align-items:center;padding:5px;flex:auto 1 1;height:40px;}#form #formElements .table .cols .col.selected>div:first-child{background-color:#fbf1ff;}#form #formElements .table .cols .col:hover>div:first-child{background-color:#f9f9f9;}#form #formElements .table .cols .col .inp{border:0;background:rgba(255,255,255,0);z-index:1;float:left;width:178px;}#form #formElements .table .cols .col .c-dd{display:none;color:#909090;cursor:pointer;transition-delay:.3s;transition:ease-in;transition-property:transform;float:left;padding:5px 0;}#form #formElements .table .cols .col.selected .c-dd,#form #formElements .table .cols .col:hover .c-dd{display:flex;color:#909090;width:30px;}#form #formElements .table .cols .col .c-dd:hover{transform:scale(1.2);color:#2e3b71;}#form #formElements .table .cols .col .c-dd span{text-align:center;width:100%;}#form #formElements .table .cols .col .rem{display:none;float:left;}#form #formElements .table .cols .col.selected .rem,#form #formElements .table .cols .col:hover .rem{display:block;}#form #formElements .table .rows .row{width:100%;margin:0;flex-wrap:unset;padding-bottom:2px;}#form #formElements .table .rows .row .rem{align-self:center;flex:0 0 30px;text-align:center;}#form #formElements .table .rows .row:last-child .rem{display:none;}#form #formElements .table .rows .col{border-right:1px solid #fff;}#form #formElements .table .rows .col input{width:100%;height:100%;border:0;background-color:#f6f7f9;border-bottom:1px solid #ddd;padding:5px;}#form #formElements .table .rows .col input[readonly]{background-color:#ebedf0;cursor:default;}#form .dd-items{position:absolute;background-color:#fff;border:1px solid #aaa;z-index:999999;}#form .dd-items .dd-item{padding:5px 10px;}#form .dd-items .dd-item:hover{cursor:pointer;background-color:#d5daf7;}#form .dd-items .dd-item .ico{margin-right:10px;width:15px;text-align:center;}#form #formElements .ph{width:100%;padding-top:5px;}#form #formElements .ph>span{border:dashed 1px #ccc;background-color:#f6f6f6;height:30px;display:block;}#form #formElements .element{padding-top:5px;padding-right:5px;position:relative;}#form #formElements .element.active .elBorder{background-color:#c92ec7;color:#f0f0f0;}#form #formElements .element.active .q{background-color:#fbf1ff;}#form #formElements .dt{height:18px;position:absolute;top:0;left:0;right:0;display:none;z-index:3;}#form #formElements .db{height:15px;position:absolute;bottom:0;left:0;right:0;display:none;z-index:3;}#form #formElements .group>.dt{height:35px;}#form #formElements .group>.db{height:35px;}#form #formElements .group.drag>.dt:hover,#form #formElements .group.drag>.db:hover{background-color:rgba(88,159,219,.45);}#form #formElements .group[data-grid=true] .ph{padding-top:2px;}#form #formElements .group[data-grid=true] .ph span{margin-right:5px;}#form #formElements .group[data-grid=true] .element .dt{height:unset;top:0;left:0;bottom:0;right:unset;width:50%;}#form #formElements .group[data-grid=true] .element .db{height:unset;top:0;left:unset;bottom:0;right:0;width:50%;}#form #formElements .drag .db:hover,#form #formElements .drag .dt:hover{background-color:#0ff;}#form #formElements .drag .db,#form #formElements .drag .dt{display:block;}#form #formElements .element .elBorder{position:relative;width:35px;height:28px;float:left;line-height:30px;vertical-align:middle;cursor:ns-resize;text-align:center;font-size:15px;z-index:2;color:#4a4a4a;background-color:#f7f8f9;margin:1px 0 1px 1px;}#form #formElements .title{padding-top:3px;}#form #formElements .title>span,#form #formElements .element>input{float:left;}#form #formElements .title>span{display:block;font-size:13px;font-weight:bold;color:#7d8184;margin-top:5px;}#form #formElements .title>span:first-child{margin-left:24px;}#form #formElements .element .inp{position:absolute;left:0;right:5px;z-index:1;}#form #formElements .element .inp input{overflow:hidden;text-overflow:ellipsis;}#form #formElements .element .pd{position:absolute;right:6px;color:#dadada;font-size:12px;top:6px;z-index:9;background:#f7f7f7;padding-right:10px;bottom:0;padding-top:5px;max-height:28px;}#form #formElements .element .pd .en.act{color:#3adea7;}#form #formElements .element .pd .hid.act{color:#cb4242;}#form #formElements .element .pd .ev.act{color:#e9c81a;}#form #formElements .element .pd i{margin-left:5px;}#form #formElements .element .q{height:30px;font-size:16px;padding-left:40px;background-color:#f7f8f9;border-radius:0;border:0;}#form #formElements .element .t{width:155px;margin-right:5px;float:left;}#form #formElements .title .t{padding-left:41px;}#form #formElements .element .t .input-group-addon{padding:6px 5px;}#form #formElements .element .t input{margin:0;width:100%;}#form #formElements .title .ch,#form #formElements .element .ch{width:70px;}#form #formElements .title .fcb,#form #formElements .element .fcb{width:70px;margin-left:3px;padding-left:1px;}#form #formElements .title .req,#form #formElements .element .req,#form #formElements .title .ena,#form #formElements .element .ena{width:60px;margin-left:3px;padding-left:1px;margin:0;}#form #formElements .title .typ,#form #formElements .element .typ{width:70px;margin-left:3px;padding-left:1px;margin:0;}#form #formElements .title .req,#form #formElements .title .ena,#form #formElements .title .typ{margin-top:5px;}#form #formElements .element .remove{width:38px;text-align:center;height:25px;line-height:20px;cursor:pointer;}#form #formElements #addGroup{padding:10px;text-align:center;background-color:#dee5f2;color:#444b5e;font-size:20px;cursor:pointer;border-radius:3px;}#form #formElements #addGroup:hover{background-color:#c6e1e7;}#form #props{position:relative;flex:0 0 360px;overflow:hidden;border-left:1px solid #e2e2e2;}#form #props .nav{display:flex;background:#f5f5f5;}#form #props .nav .nav-item{width:50%;flex:1 1 auto;}#form #props .title{display:block;width:100%;border:0;padding:3px;max-height:120px;overflow-y:auto;background:#f7f8f9;margin-bottom:10px;}#form #props .tab-content>.tab-pane{position:absolute;top:2px;left:0;right:0;bottom:0;overflow:auto;}#form #props .mCustomScrollBox{padding:0;}#form #props .mCSB_scrollTools{width:12px;right:-3px;}#form #props #nqs{display:table;position:absolute;width:100%;top:40px;}#form #props #nqs>div{display:table-cell;text-align:center;vertical-align:middle;}#form #props #nqs>div span{padding:20px;border:1px dashed #c3c3c3;color:#c3c3c3;display:block;margin:30px;}#form #props #pc{padding:5px;padding-top:10px;}#form #props .pt{font-size:16px;margin-bottom:5px;display:block;color:#3e3e3e;background-color:#f7f7f7;}#form #props .pt i{text-align:center;padding-top:6px;width:35px;height:29px;background-color:#e3e3e3;}#form #props .pt span{padding:5px;padding-left:5px;}#form #props #prop_actions{display:flex;margin-top:15px;}#form #props #prop_actions>div{padding:7px;border:1px solid;border-radius:2px;text-align:center;font-size:14px;cursor:pointer;flex:auto;margin-right:10px;opacity:.8;}#form #props #prop_actions>div:hover{opacity:1;}#form #props #prop_actions>div:last-child{margin-right:0;}#form #props #prop_actions #del{background-color:#d05050;border-color:#831717;color:#fff;}#form #props #prop_actions #clone{background-color:#d09a50;border-color:#836617;color:#fff;}#form #props .prop label{display:block;float:left;width:120px;text-align:right;padding-right:10px;font-weight:normal;text-align:right;}#form #props .prop>div{width:200px;float:left;}#form #props .prop>div input[type=text]{width:100%;}#form #props .prop>div select{width:100%;}#form #props .opts>div{margin-bottom:5px;}#form #props .opts label{margin-bottom:0;width:120px;text-align:right;padding-right:10px;font-size:.8em;}#form #props .opts label.g{width:100%;text-align:left;border-bottom:1px solid #8c8c8c;margin-bottom:6px;font-size:13px;font-weight:bold;color:#8c8c8c;}#form #props #events{margin-top:15px;}#form #props #events #show_events{border:1px solid #22386a;background-color:#3455a2;padding:7px;text-align:center;cursor:pointer;font-size:14px;opacity:.8;color:#fff;border-radius:2px;}#form #props #events #show_events:hover{opacity:1;}#form .opts .pcb{display:flex;}#form .opts .pcb.direction-column{flex-direction:column;}#form .opts .pcb input{margin-right:5px;cursor:pointer;}#form .opts .pcb label{font-weight:normal;cursor:pointer;}#form .opts .ptb{display:flex;align-items:center;}#form .opts .ptb.direction-column{flex-direction:column;}#form .opts .ptb label{width:120px;float:left;text-align:right;padding-right:10px;font-weight:normal;}#form .opts .ptb select{width:100%;height:unset;}#form .opts .ptb>div{width:200px;float:left;}#form .opts .inline-image-select{display:flex;align-items:center;}#form .opts .inline-image-select.direction-column{flex-direction:column;}#form .opts .inline-image-select label{width:120px;float:left;text-align:right;padding-right:10px;font-weight:normal;}#form .opts .inline-image-select>div{width:200px;border:1px solid #efefef;padding:7px;cursor:pointer;}#form .opts .inline-image-select img{width:100%;}#form .opts .radio-buttons{list-style:none;}#form .opts .radio-buttons li{margin-bottom:5px;}#form .opts .radio-buttons .radio-name{float:left;width:260px;height:36px;}#form .opts .radio-buttons .radio-cp{float:left;}#form .opts .radio-buttons .radio-rem{float:left;line-height:30px;}#form .opts .radioAddBtn{border:1px solid #ccc;padding:3px;font-size:12px;text-align:center;cursor:pointer;}#form .opts .radioAddBtn:hover{border-color:#5c5c5c;}#form .opts .radioAddBtn span:first-child{margin-right:5px;}#form .image-select{min-height:215px;max-height:800px;margin:20px;}#form .image-select .img-con{width:300px;min-height:150px;max-height:500px;border:1px dashed #d7d7d7;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;}#form .image-select .img-con .img{width:100%;background-size:100% 100%;background-repeat:no-repeat;flex:1;background-size:contain;background-position:center;}#form .image-select .ip{text-align:center;color:#808080;}#form .image-select .fw{position:relative;width:300px;height:50px;text-align:center;border:1px solid #61aa95;border-radius:3px;margin:10px auto;background-color:#81dfc4;}#form .image-select .fw:hover{border-color:#396256;}#form .image-select .fw input{opacity:0;width:100%;height:100%;cursor:pointer;font-size:70px;}#form .image-select .fw span{position:absolute;top:0;left:0;bottom:0;right:0;line-height:45px;}#form .opts .dd-options{list-style:none;}#form .opts .dd-options li{margin-bottom:5px;}#form .opts .dd-options .dd-name{float:left;width:295px;height:36px;}#form .opts .dd-options .dd-rem{float:left;line-height:10px;padding:10px;}#form .opts .ddAddBtn{border:1px solid #ccc;padding:3px;font-size:12px;text-align:center;cursor:pointer;border-radius:3px;}#form .opts .ddAddBtn:hover{border-color:#5c5c5c;}#form .opts .ddAddBtn span:first-child{margin-right:5px;}#form .opts .dropdown-tree button{background:#fff;width:100%;border:1px solid #ddd;padding:0;display:block;}#form .modal-header{background-color:#f4f2f0;border:0;height:70px;align-items:center;}#form #publish_modal .modal-dialog{width:770px;height:545px;}#form #publish_modal .modal-body{padding:5px 5px 50px 5px;}#form #publish_modal .flow{display:flex;text-align:center;color:#939393;align-items:center;justify-content:center;}#form #publish_modal .c{font-size:120px;padding:30px;}#form #publish_modal .r{font-size:40px;padding:30px;}#form #publish_modal .n{font-size:100px;padding:30px;}#form #publish_modal p{text-align:center;margin:20px 56px;}
.tox-tinymce-aux{z-index:99999!important;}#post_process_modal ul{margin:0;font-size:.8em;}#post_process_modal .modal-dialog{width:70%;min-width:1200px;height:90%;}#post_process_modal .modal-body{display:flex;overflow:hidden;}#post_process_modal .editor .form-control{background-color:#fff;}#post_process_modal .processes{flex:0 0 300px;border-right:1px solid #eee;overflow-y:auto;padding:5px;display:flex;flex-direction:column;position:relative;}#post_process_modal .processes .proc-col{display:flex;flex-direction:column;flex:1 1 auto;justify-content:center;}#post_process_modal .processes .proc{display:flex;flex-direction:column;border:1px solid #ececec;border-radius:3px;padding:5px;margin-bottom:5px;cursor:pointer;transition:box-shadow ease-in .1s;}#post_process_modal .processes .proc:hover{box-shadow:0 0 5px #ececec;}#post_process_modal .processes .proc .proc-detail{display:flex;align-items:center;justify-content:center;min-height:50px;flex-direction:column;}#post_process_modal .processes .proc .proc-detail .proc-logo{width:60%;height:100%;background-repeat:no-repeat;background-position:center;background-size:contain;position:relative;}#post_process_modal .processes .proc .proc-detail .ico{margin-right:10px;}#post_process_modal .processes .proc .proc-detail label{margin:0;}#post_process_modal .loader{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;margin:0;}#post_process_modal .loader img{width:150px;}#post_process_modal .active-procs{flex:1 1 auto;overflow-y:auto;display:flex;flex-direction:column;position:relative;}#post_process_modal .active-procs .no-proc{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:#808080;}#post_process_modal .active-procs .no-proc>div{padding:30px;border:1px dashed #808080;}#post_process_modal .active-procs .no-proc>div .far{margin-right:10px;}#post_process_modal .active-procs .no-proc.hide{display:none;}#post_process_modal .active-procs .proc-col{display:flex;flex-direction:column;flex:1 1 auto;padding:10px;}#post_process_modal .active-procs .proc{border:1px solid #ececec;margin-bottom:5px;cursor:pointer;transition:box-shadow ease-in .1s;}#post_process_modal .active-procs .proc .p-row{display:flex;align-items:center;}#post_process_modal .active-procs .proc .p-row>div{margin-right:5px;flex:1;}#post_process_modal .active-procs .proc .p-row>div:last-child{margin-right:0;}#post_process_modal .active-procs .proc.active .content{display:block;position:relative;cursor:default;}#post_process_modal .active-procs .proc:hover{box-shadow:0 0 5px #ececec;}#post_process_modal .active-procs .proc .header{display:flex;padding:5px;color:#808080;min-height:50px;}#post_process_modal .active-procs .proc .header>div{display:flex;flex-direction:column;justify-content:center;flex:1 1 auto;}#post_process_modal .active-procs .proc .header h2{font-size:1em;}#post_process_modal .active-procs .proc .header h3{font-size:.7em;margin:0;}#post_process_modal .active-procs .proc .header .rem{flex:0 0 50px;display:flex;justify-content:center;align-items:center;}#post_process_modal .active-procs .proc .content{display:none;min-height:350px;}#post_process_modal .active-procs .proc .content h2{margin:0;font-size:1.1em;text-transform:uppercase;font-weight:600;color:#808080;margin-top:20px;}#post_process_modal .active-procs .proc .content .wrap{padding:20px;}#post_process_modal .active-procs .proc .content form{padding:0 5px 10px 5px;}#post_process_modal .active-procs .proc .content .editor{margin-top:5px;padding:10px;background:#f7f8f9;}#post_process_modal .active-procs .proc .content .trigger .cons{display:flex;align-items:center;height:50px;padding:5px;}#post_process_modal .active-procs .proc .content .trigger .cons select{margin-right:5px;flex:1;width:100%;}#post_process_modal .active-procs .proc .content .trigger .cons .type-con{background:#fff;flex:1;height:100%;display:flex;align-items:center;justify-content:center;}#post_process_modal .active-procs .proc .content .trigger .cons .type-con .ptb{height:100%;}#post_process_modal .active-procs .proc .content .trigger .cons .type-con .ptb div{height:100%;}#post_process_modal .active-procs .proc .content .trigger .cons .type-con .ptb label{display:none;}#post_process_modal .active-procs .proc .content .trigger .cons .type-con .ptb input{border:0;height:100%;}#post_process_modal .active-procs .proc .content .trigger .cons .rem{display:flex;align-items:center;justify-content:center;flex:0 0 50px;}#post_process_modal .active-procs .proc .content .actions button{background:none;border:0;text-align:center;padding:5px 15px;color:#808080;cursor:pointer;}#post_process_modal .active-procs .proc .content .actions button i{color:#0078d4;margin-right:5px;}#post_process_modal .active-procs .proc .content .actions button:hover{background:#f7f8f9;}
#event_manager{display:none;align-items:center;justify-content:center;padding:100px;position:absolute;top:0;left:0;width:100%;height:100%;z-index:9999999999;}#event_manager.active{display:flex;}#event_manager .mist{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#e9ecf4;opacity:.2;}#event_manager .dialog{max-width:1000px;max-height:600px;height:100%;flex:auto;background-color:#fff;box-shadow:0 0 15px #b0b4bf;border-radius:3px;border:1px solid #d9dfe6;position:relative;display:flex;flex-direction:column;}#event_manager #title_bar{display:flex;padding:15px;color:#6a6a6a;align-items:center;border-bottom:1px solid #dedede;}#event_manager #title_bar h1{margin:0 auto 0 0;}#event_manager #config{flex:auto;display:flex;overflow:hidden;}#event_manager #config #event_props{width:33%;display:flex;flex-direction:column;overflow:auto;background-color:#d9dfe6;}#event_manager #config #event_props .prop{padding:15px 15px 15px 15px;display:flex;align-items:center;cursor:pointer;margin:2px 6px 2px 5px;background-color:#fbfbfb;border-radius:2px;}#event_manager #config #event_props .prop:not([data-cnt="0"]){border:1px solid #ccdcff;}#event_manager #config #event_props .prop:first-child{margin-top:4px;}#event_manager #config #event_props .prop:last-child{margin-bottom:4px;}#event_manager #config #event_props .prop:hover{background-color:#eef2ff;}#event_manager #config #event_props .prop .title{margin-right:auto;color:#606060;}#event_manager #config #event_props .prop .evCount{color:#b9b9b9;display:flex;align-items:center;}#event_manager #config #event_props .prop .evCount i{margin-left:3px;font-size:10px;}#event_manager #config #event_props .prop.active{background-color:#3455a2;}#event_manager #config #event_props .prop.active .title{color:#fff;}#event_manager #config #event_props .prop.active .evCount{color:#fff;}#event_manager #config #event_props .prop.active .evCount i{color:#ff8f00;}#event_manager #config #events_wrapper{display:flex;flex-direction:column;flex:1;overflow:hidden;}#event_manager #config #events_wrapper #actions{display:flex;padding:10px;}#event_manager #config #events_wrapper #actions.scroll{box-shadow:0 0 5px #ddd;}#event_manager #config #events_wrapper #actions>div{cursor:pointer;}#event_manager #config #events_wrapper #actions>div:first-child{margin-left:auto;}#event_manager #config #events_wrapper #actions #new_event{padding:5px 10px;background-color:#0071e6;color:#fff;border-radius:3px;font-size:12px;}#event_manager #config #events_wrapper #actions #new_event:hover{background-color:#0068d3;}#event_manager #config #event_colleciton{flex:auto;overflow:auto;}#event_manager #config #event_colleciton #no_events{display:flex;height:100%;padding:80px 30px;justify-content:center;color:#8e8e8e;font-size:1em;}#event_manager #config #event_colleciton #no_events #no_event_prop{font-weight:bold;}#event_manager #config #event_colleciton #no_events i{transform:rotate(90deg);}#event_manager #config #event_colleciton .event{margin:10px;border:1px solid #a9b7df;border-radius:3px;padding:10px;}#event_manager #config #event_colleciton .event .e-ops{display:flex;margin:0 5px;}#event_manager #config #event_colleciton .event .e-ops>span{padding:5px;cursor:pointer;width:26px;text-align:center;}#event_manager #config #event_colleciton .event .e-ops>span:first-child{margin-left:auto;}#event_manager #config #event_colleciton .event .e-ops .remove:hover{background:#ec3232;}#event_manager #config #event_colleciton .event .e-ops .clone:hover{background:#ecaa32;}#event_manager #config #event_colleciton .event .e-pro{display:flex;align-items:center;font-size:1.5em;margin:0 20px;color:#6a6a6a;}#event_manager #config #event_colleciton .event .e-pro>div{margin-right:5px;}#event_manager #config #event_colleciton .event .e-pro .prop-name{font-weight:bold;}#event_manager #config #event_colleciton .event .e-pro .vc{flex:auto;background:#f7f8f9;text-align:center;}#event_manager #config #event_colleciton .event .e-pro input{font-weight:bold;}#event_manager #config #event_colleciton .event .cons .con{padding:15px;margin:20px;border:1px solid #3455a2;border-radius:3px;}#event_manager #config #event_colleciton .event .cons .con .bound .a{text-transform:lowercase;}#event_manager #config #event_colleciton .event .cons .con .bound.or{margin-bottom:10px;color:#686868;}#event_manager #config #event_colleciton .event .cons .con .bound.or .a{font-size:1.2em;}#event_manager #config #event_colleciton .event .cons .con:first-child .bound.or{display:none;}#event_manager #config #event_colleciton .event .cons .con .ev-con .obs .imp{display:flex;margin-bottom:5px;}#event_manager #config #event_colleciton .event .cons .con .ev-con .obs .imp>div{flex:1;padding-right:5px;}#event_manager #config #event_colleciton .event .cons .con .ev-con .obs .imp .a{max-width:35px;font-weight:bold;color:#686868;}#event_manager #config #event_colleciton .event .cons .con .ev-con .obs .imp .r{max-width:25px;text-align:center;cursor:pointer;}#event_manager #config #event_colleciton .event .cons .con .ev-con .obs .imp .r:hover{color:#ec3232;}#event_manager #config #event_colleciton .event .cons .con .ev-con .obs .imp .q select{width:100%;font-size:11px;height:23px;}#event_manager #config #event_colleciton .event .cons .con .ev-con .obs .imp .o select{width:100%;font-size:11px;height:23px;}#event_manager #config #event_colleciton .event .cons .con .ev-con .obs .imp .v input{width:100%;height:23px;padding-left:3px;}#event_manager #config #event_colleciton .event .cons .con .ev-con .obs .imp .v input[type=checkbox]{height:initial;padding-left:3px;}#event_manager #config #event_colleciton .event .cons .con .ev-con .obs:first-child .a{color:#fff;}#event_manager #config #event_colleciton .event .cons .con .ev-con .obs:first-child .bound.and{display:none;}#event_manager #config #event_colleciton .event .cons .con .ev-con .obs .t{display:none;}#event_manager #config #event_colleciton .event .new-con span{color:#6a6a6a;cursor:pointer;padding:5px 10px;border-radius:3px;font-size:12px;}#event_manager #config #event_colleciton .event .andCon{margin-top:10px;}#event_manager #config #event_colleciton .event .andCon span:hover{background-color:#12b5cc;color:#fff;}#event_manager #config #event_colleciton .event .orCon span:hover{background-color:#cc6712;color:#fff;}
#form #workflow{overflow:auto;padding:10px;padding:0;}#form #workflow .wf-controls{display:flex;padding-left:5px;padding-bottom:5px;margin:10px 0;border-bottom:1px solid #f7f7f7;}#form #workflow .wf-controls .con div{display:flex;align-items:center;margin-right:10px;border:1px solid #fff;border-radius:3px;padding:5px 10px 5px 5px;color:#939393;font-size:.8em;cursor:pointer;}#form #workflow .wf-controls .con div span{margin-right:5px;}#form #workflow .wf-controls .con div:hover{border-color:#e27213;color:#e27213;}#form #workflow .wf-controls #complete_in_order div:hover{border-color:#85b4d4;color:#85b4d4;}#form #workflow .wf-controls #complete_in_order input[value=True]+div{border-color:#1872ae;color:#1872ae;}#form #workflow .wf-controls #requires_first div:hover{border-color:#e4b389;color:#e4b389;}#form #workflow .wf-controls #requires_first input[value=True]+div{border-color:#e27213;color:#e27213;}#form #workflow .wf-controls #open_first div:hover{border-color:#a7e5b9;color:#85ac86;}#form #workflow .wf-controls #open_first input[value=True]+div{border-color:#2ce362;color:#42a243;}#form #workflow .wfi{display:flex;align-items:center;height:40px;border-bottom:1px solid #f7f7f7;}#form #workflow .wfi.w-h{border-bottom:none;}#form #workflow .wfi .drag{flex:0 0 20px;text-align:center;color:#ddd;cursor:n-resize;}#form #workflow .wfi .drag:hover{color:#808080;}#form #workflow .wfi .ico{flex:0 0 30px;text-align:center;cursor:pointer;}#form #workflow .wfi i{margin-left:3px;color:#51778a;font-size:12px;}#form #workflow .wfi .w-d{flex:1 1 auto;}#form #workflow .wfi .w-d input{width:100%;border:none;}#form #workflow .wfi .w-r{flex:0 0 105px;text-align:center;}#form #workflow .wfi .w-m{flex:0 0 105px;text-align:center;}#form #workflow .wfi .w-dg{flex:0 0 95px;text-align:center;}#form #workflow .wfi .w-s{flex:0 0 350px;}#form #workflow .wfi .w-s select{width:100%;height:27px;}#form #workflow .wfi .rem{flex:0 0 30px;text-align:center;}#form #workflow .add{margin-bottom:20px;padding:8px 10px;padding-left:28px;color:#acacac;}#form #workflow .add:hover{color:#2e2e2e;cursor:pointer;background-color:#f5f5f5;}#form #workflow .add>span{margin-right:3px;}
#container{background-color:#fff!important;}#container #nav .mn .mn-ni{text-align:center;border-top:unset;}#container #nav .mn .mn-ni:hover{background-color:#ececec;}#container #nav .mn .mn-ni:last-child{border-bottom:unset;}#container #nav .mn .mn-ni.active{background-color:#b0ca00;}#container #nav .mn .mn-ni.active span{color:#000;}#container #nav .mn .mn-ni span{color:#000;}#container #nav .mni .ni h2{color:#000;white-space:nowrap;}#container #nav .mni .ni ul{box-shadow:unset;border-left:1px solid #ddd;border-top:1px solid #ddd;}#container #tb>#profile{color:#000;}#container #content>#body>#db,#container #content>#body>#list{border-top:1px solid #ddd;}
.icon-select{position:fixed;top:0;left:0;width:100%;height:100%;color:#565656;z-index:300;display:flex;align-items:center;justify-content:center;}.icon-select .i_bg{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#b0b0b0;opacity:.4;}.icon-select .cont{position:relative;width:520px;height:390px;margin:auto;background-color:#fff;border:1px solid #c8c8c8;padding:10px;border-radius:3px;box-shadow:0 0 10px #808080;display:flex;flex-direction:column;}.icon-select .i_con{height:180px;overflow:auto;flex:1 1 auto;}.icon-select .options{flex:0 0 100px;}.icon-select .options .form-group{width:162px;margin-right:5px;float:left;}.icon-select .options .form-group:last-child{margin-right:0;}.icon-select .actions{text-align:right;padding-right:2px;margin-top:5px;}.icon-select .actions button:first-child{margin-left:auto;}.icon-select .icons{width:100%;list-style:none;}.icon-select .icons .is-ico{float:left;width:30px;height:30px;text-align:center;padding-top:3px;}.icon-select .icons .is-ico:hover{background-color:#00839e;color:#fff;cursor:pointer;}.icon-select .icons .is-ico.active{background-color:#25a6c0;color:#fff;}.icon-select .mCSB_dragger_bar{background-color:#1d889e;}.icon-select .mCSB_inside>.mCSB_container{margin-right:12px;}
.job-itm{display:flex;border-bottom:1px solid #d9d9d9;padding:3px;cursor:pointer;}.job-itm .th{position:absolute;top:1px;left:1px;bottom:1px;width:3px;}.job-itm td{position:relative;font-size:.8em;}.job-itm td span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.job-itm td.nr{padding:5px 12px;color:#8a8a8a;}.job-itm td.f{flex:0 0 5px;}.job-itm td.num,.job-itm td.form{overflow:hidden;display:flex;align-items:center;}.job-itm td.num .p,.job-itm td.form .p{position:relative;padding-left:10px;overflow:hidden;flex:0 0 200px;}.job-itm td.num .p.jn,.job-itm td.form .p.jn{flex:0 0 95px;}.job-itm td.num .p .fo,.job-itm td.form .p .fo{font-weight:600;text-overflow:ellipsis;width:100%;float:left;color:#595959;}.job-itm td.num{flex:0 0 95px;}.job-itm td.form{flex:0 0 200px;}.job-itm td.t{flex:1 1 auto;overflow:hidden;display:flex;align-items:center;}.job-itm td.t .p{position:relative;padding-left:10px;overflow:hidden;flex:0 0 200px;}.job-itm td.t .p.jn{flex:0 0 50px;text-align:center;padding-left:0;}.job-itm td.t .p .fo{font-weight:600;text-overflow:ellipsis;width:100%;float:left;color:#595959;font-size:1.2em;}.job-itm td.t .p .h{font-size:.8em;float:left;white-space:nowrap;overflow:hidden;color:#808080;}.job-itm td.t .p .de{color:#575757;float:left;font-size:.9em;font-weight:bold;white-space:nowrap;overflow:hidden;width:100%;text-overflow:ellipsis;height:18px;}.job-itm td.d{flex:0 0 100px;padding:5px;display:flex;align-items:center;text-overflow:ellipsis;justify-content:center;}.job-itm td.d.a{flex:0 0 110px;}.job-itm td.d.st{flex:0 0 170px;}
.xdsoft_datetimepicker{z-index:10000000000000000!important;}#job_collection #con{height:100%;}#job_collection #form_list{position:absolute;left:0;top:0;bottom:0;width:260px;overflow:auto;margin:0;border-right:1px solid #d9d9d9;display:flex;flex-direction:column;overflow:hidden;}#job_collection #form_list h1{margin:0;font-size:.8em;font-weight:bold;padding:11px;border-bottom:1px solid #dedede;height:37px;color:#797979;}#job_collection #form_list ul{list-style:none;overflow:auto;margin:0;scrollbar-width:thin;}#job_collection #form_list .fi{position:relative;display:flex;height:40px;}#job_collection #form_list .fi .th{flex:0 0 3px;margin:3px;}#job_collection #form_list .fi .t{margin:0;font-size:.9em;flex:1 1 auto;padding:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:31px;}#job_collection #form_list .fi:hover{background-color:#fcfcfc;}#job_collection #form_list .fi:hover .c>span{display:block;}#job_collection #form_list .fi .c{display:flex;align-items:center;}#job_collection #form_list .fi .c>span{width:30px;height:30px;border:1px solid #fff;text-align:center;padding:6px;background-color:#f1f1f1;color:#b1b1b1;cursor:pointer;margin-right:3px;display:none;}#job_collection #form_list .fi .c>span.filter.act,#job_collection #form_list .fi .c>span.filter:hover{background-color:#cce3ff;border-color:#abd1ff;color:#4778b5;display:block;}#job_collection #form_list .fi .c>span.new:hover{background-color:#d8ffe1;border-color:#8dea8e;color:#00b40c;}#job_collection #form_list .search{display:flex;align-items:center;padding:3px;border-bottom:1px solid #dedede;}#job_collection #job_list{position:absolute;top:0;right:0;bottom:0;left:260px;}#job_collection #job_list .search{height:40px;}#job_collection #job_list .search td{display:flex;align-items:center;flex:1 1 auto;}#job_collection #form_list .search input,#job_collection #job_list .search input{border:0;padding:5px;font-size:16px;width:100%;}#job_collection #form_list .search input:disabled,#job_collection #job_list .search input:disabled{background-color:inherit;}#job_collection #form_list .search .fa-search,#job_collection #job_list .search .fa-search{margin-left:5px;color:#767575;font-size:16px;}
:root{--hover-grey:#f8f8f8;}#job_modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:999999;display:none;}#job_modal .bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:.7;}#job_modal .loader{position:absolute;left:0;top:50px;right:0;bottom:0;background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;opacity:.8;margin:0;}#job_modal select{height:28px;}#job_modal .lookup{position:relative;}#job_modal .content{background:#fff;border:initial;height:100%;display:flex;flex-direction:column;float:right;position:relative;box-shadow:0 0 16px #797979;width:0;max-width:1024px;transition:ease-in;transition-property:width;transition-duration:.3s;}#job_modal .header{border-bottom:3px solid #c8c8c8;display:flex;flex:0 0 50px;padding-left:10px;}#job_modal .header .title{font-weight:600;font-size:1em;color:#46586f;margin-top:12px;}#job_modal .header .close{margin-left:auto;text-shadow:none;}#job_modal .errors{background-color:#dc3545;color:#fff;padding:11px 10px 10px 15px;display:none;}#job_modal .errors h2{color:#fff;font-size:16px;margin-bottom:10px;}#job_modal .errors ul{list-style:circle;margin-left:12px;font-size:13px;}#job_modal .body{flex:1 1 auto;display:flex;flex-direction:column;background-color:#fff;padding:0;overflow:hidden;}#job_modal .nav-tabs .nav-item{flex:1 1 33%;display:flex;}#job_modal .nav-tabs .nav-item a{padding:15px 15px;margin:20px;border:1px solid #d9d9d9;border-radius:unset;display:flex;flex-direction:column;flex:1;color:#7f9fd0;}#job_modal .nav-tabs .nav-item a .ni-t{font-weight:600;}#job_modal .nav-tabs .nav-item a .ni-d{font-size:14px;}#job_modal .nav-tabs .nav-item.active a{color:#4572b9;border:1px solid #a8a7a7;}#job_modal .nav-tabs .nav-item:hover a{border:1px solid #2d4e8a;color:#565656;}#job_modal .tab-content{flex:1 1 auto;display:flex;flex-direction:column;overflow:hidden;}#job_modal .tab-content .tab-pane{position:relative;flex:1 1 auto;overflow:auto;}#job_modal .tab-content .tab-pane .menu{padding:5px 10px;}#job_modal .tab-content .tab-pane .menu>div{display:inline-block;cursor:pointer;padding:5px 10px;}#job_modal .tab-content .tab-pane .menu>div .ico{color:#4572b9;}#job_modal .tab-content .tab-pane .menu>div:hover{background-color:var(--hover-grey);}#job_modal .footer{border-top:1px solid #ddd;padding:10px;display:flex;}#job_modal .footer button{margin:5px;}#job_modal .footer #job_download{background-color:#6f238a;border-color:#6f238a;}#job_modal .footer #job_download:hover{background-color:#591670;}#job_modal h2{font-size:1.5em;color:#797979;font-weight:bold;}#job_modal th{color:#323130;font-size:13px;font-weight:600;}#job_modal .dialog{width:900px;height:590px;}#job_modal #tab_det .items{margin:11px 10px 10px 15px;}#job_modal #tab_sche th{border-top:0;}#job_modal #tab_sche .status .ico{margin-right:10px;}#job_modal #tab_sche .opts{cursor:pointer;}#job_modal #tab_docs #nd{border:0;font-size:unset;}#job_modal .items ul{list-style:none;margin-right:5px;}#job_modal .items .foi{display:flex;flex-direction:column;}#job_modal .items .foi .gr{border-bottom:1px solid #727479;margin-bottom:13px;font-weight:bold;font-size:1.2em;color:#797979;margin-top:10px;}#job_modal .items .foi:first-child .gr{margin-top:0;}#job_modal .items .foi .prop-t{font-size:.7em;margin-bottom:0;}#job_modal .items .foi .prop-t .req{color:#ce2222;}#job_modal .items .foi .check .prop-t{cursor:pointer;}#job_modal .items .foi .check input{float:left;width:inherit;margin-right:7px;margin-top:1px;cursor:pointer;}#job_modal .items .foi .lookup{position:relative;}#job_modal .items .foi .map{height:300px;position:relative;}#job_modal .items .foi .map .pc{position:absolute;top:10px;left:220px;right:70px;height:40px;background-color:#fff;border:1px solid #ddd;border-radius:3px;}#job_modal .items .foi .map .pc input{width:100%;height:100%;border:0;padding:5px;font-size:18px;font-family:Roboto,Arial,sans-serif;}.foi .prop.err input[type=textbox],.foi .prop.err textarea{border:1px solid #dc3545;}.j-user .tippy-content{padding:0;width:100px;text-align:center;}.j-user .tippy-content .ju-del{padding:5px;background-color:var(--red);color:#fff;}.foi .prop.err .val{display:block;background-color:#dc3545;color:#fff;padding-left:3px;font-size:.7em;}#job_modal textarea{height:auto;font-size:.8em;}#job_modal #job_delete{margin-left:auto;}#clone_modal .modal-header{background-color:#f4f2f0;}#clone_modal .modal-dialog{width:800px;height:500px;}#clone_modal .modal-dialog .modal-content{height:500px;}#clone_modal .modal-dialog .modal-content .user-lookup{position:relative;}#clone_modal .modal-dialog .modal-content .content{padding:20px 10px;}#clone_modal .modal-dialog .modal-content .status{display:none;}#clone_modal .modal-dialog .modal-content .addUser{cursor:pointer;padding:5px 10px;}#clone_modal .modal-dialog .modal-content .addUser i{color:#4572b9;}#clone_modal .modal-dialog .modal-content .table{margin:0;}#clone_modal .modal-dialog .modal-content .table td:nth-child(1),#clone_modal .modal-dialog .modal-content .table th:nth-child(1){width:350px;}#clone_modal .modal-dialog .modal-content .user-collection{display:flex;flex-direction:column;}#clone_modal .modal-dialog .modal-content .user-collection .scroll{height:210px;overflow:auto;}
:root{--job-filter-text-color:#686868;}.job-list{display:flex;flex-direction:column;}.job-list .job-banner{flex:0 0 100px;padding:10px;}.job-list .job-banner h1{color:#797979;}.job-list .job-filter{display:flex;}.job-list .job-filter .filter{position:relative;cursor:pointer;border:1px solid #fff;border-radius:5px;padding:3px 5px;color:var(--job-filter-text-color);margin-right:5px;display:flex;align-items:center;}.job-list .job-filter .filter .icon{margin-right:3px;}.job-list .job-filter .filter:hover{background-color:#f5f5f5;}.job-list .job-filter .filter .filter-dialog{visibility:hidden;position:absolute;top:0;left:0;opacity:0;z-index:999;background-color:#f7f7f7;border:1px solid #a7bed7;box-shadow:0 0 10px rgba(156,165,198,.7607843137);border-radius:5px;transition:opacity ease .1s;cursor:initial;}.job-list .job-filter .filter .filter-dialog-header{padding:10px;display:flex;align-items:center;}.job-list .job-filter .filter .filter-dialog-header .filter-dialog-title{font-weight:bold;flex:1;}.job-list .job-filter .filter .filter-dialog-header .clear{color:#c1c1c1;font-size:.8em;cursor:pointer;}.job-list .job-filter .filter .filter-dialog-header .clear:hover{color:#797979;}.job-list .job-filter .filter.filtering{border-color:#eaf0ff;background-color:#f0f4ff;}.job-list .job-filter .filter.active{border-color:#d0deea;background-color:#f0f4ff;}.job-list .job-filter .filter.active .filter-dialog{visibility:visible;top:44px;opacity:1;}.job-list .job-filter input,.job-list .job-filter select{border:1px solid #b3c7e6;border-radius:5px;height:30px;}.job-list .job-search .search-input{width:58px;border:0;background-color:transparent;cursor:pointer;color:var(--job-filter-text-color);transition:width ease .1s;}.job-list .job-search .clear{display:none;}.job-list .job-search.active input,.job-list .job-search.filtering input{width:200px;}.job-list .job-search.active .clear,.job-list .job-search.filtering .clear{display:block;}.job-list .column-filter .filter-dialog{width:615px;}.job-list .column-filter .column-filter-list{margin-bottom:15px;}.job-list .column-filter .column-filter-list .filter-item{display:flex;padding:5px 10px;align-items:center;}.job-list .column-filter .column-filter-list .filter-item .filter-combine,.job-list .column-filter .column-filter-list .filter-item .filter-item-name{flex:0 0 70px;}.job-list .column-filter .column-filter-list .filter-item>select{width:120px;}.job-list .column-filter .column-filter-list .filter-item .filter-control{flex:1;margin-left:10px;}.job-list .column-filter .column-filter-list .filter-item .filter-control .filter-control-placeholder{background-color:#e3e3e3;height:30px;}.job-list .column-filter .column-filter-list .filter-item .filter-control select{width:100%;}.job-list .column-filter .column-filter-list .filter-item .filter-control .date-filter .date-eval{flex:0 0 100px;}.job-list .column-filter .column-filter-list .filter-item .filter-control .date-filter .date-eval-container{flex:1;margin-left:5px;}.job-list .column-filter .column-filter-list .filter-item .filter-control .date-filter .date-eval-container .date-between{display:flex;align-items:center;}.job-list .column-filter .column-filter-list .filter-item .filter-control .date-filter .date-eval-container .date-between .text{margin:0 5px;}.job-list .column-filter .column-filter-list .filter-item .filter-control .date-filter .date-eval-container .date-between input{width:100%;padding:0 5px;}.job-list .column-filter .column-filter-list .filter-item .form-column-filter-control{display:flex;}.job-list .column-filter .column-filter-list .filter-item .remove{margin-left:10px;}.job-list .column-filter .column-filter-list .filter-item.filter-item-static .filter-control{margin-left:0;}.job-list .column-filter .column-filter-controls>div{padding:10px;cursor:pointer;border-radius:0 0 5px 5px;}.job-list .column-filter .column-filter-controls>div:hover{background-color:#eaeaea;}.job-list .sort-filter .filter-dialog{width:390px;}.job-list .sort-filter .sort-filter-list-wrapper{max-height:200px;overflow:auto;scrollbar-width:thin;}.job-list .sort-filter .sort-filter-list{display:flex;flex-direction:column;align-items:center;margin-bottom:15px;}.job-list .sort-filter .sort-filter-list .sort-item{display:flex;margin-bottom:7px;align-items:center;}.job-list .sort-filter .sort-filter-list .sort-item .sort-column{width:200px;margin-right:10px;}.job-list .sort-filter .sort-filter-list .sort-item .sort-direction{width:125px;}.job-list .sort-filter .sort-filter-list .sort-item .remove{margin:0 10px;cursor:pointer;}.job-list .sort-filter .sort-filter-list .sort-item .detail-inactive{color:#ddd;background-color:#f9f9f9;}.job-list .sort-filter .sort-filter-list .sort-item .detail-inactive option{color:#8d54a2;background-color:#f9f9f9;}.job-list .sort-filter .sort-filter-controls>div{padding:10px;cursor:pointer;}.job-list .sort-filter .sort-filter-controls>div:hover{background-color:#ddd;}.job-list .mCSB_container{margin:0!important;}.job-list table{display:block;table-layout:fixed;overflow:auto;}.job-list .job-loader{position:absolute;top:150px;left:0;right:0;bottom:0;align-items:center;justify-content:center;display:none;}.job-list .job-loader .bg{position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;opacity:.3;z-index:99999;}.job-list .job-loader img{width:150px;}.job-list .opts{display:none;position:absolute;top:29px;right:0;background:#fff;border:1px solid #ddd;border-radius:3px 0 3px 3px;z-index:1;min-width:100px;box-shadow:1px 4px 12px #ddd;}.job-list .opts>div{padding:10px;}.job-list .job-head{overflow:unset;}.job-list .job-head.scr .job-itm{padding-right:11px;}.job-list .job-head .opt-t{position:relative;z-index:2;width:100%;height:100%;text-align:center;display:flex;align-items:center;justify-content:center;}.job-list .job-head .d.filter{padding:0;}.job-list .job-head .d.filter .opt-t{border:1px solid #ddd;border-bottom:0;border-radius:3px 3px 0 0;background-color:#fff;}.job-list .job-head .d.filter.sc .opts,.job-list .job-head .d.filter.c .opts{width:150px;}.job-list .job-head .d.filter.sc .opts label,.job-list .job-head .d.filter.c .opts label{font-size:10px;margin:0;margin-left:5px;}.job-list .job-head .d.filter .opts{display:block;}.job-list .job-head .d.filter .opts>div{padding:5px 5px;display:flex;align-items:center;}.job-list .job-head .d.filter .opts>div input{border-radius:3px;}.job-list .job-head .d.filter .opts>div label{margin:0;margin-left:0;margin-left:5px;}.job-list .job-head .d.act .opt-t .sort{color:#00c3ff;}.job-list .job-body{bottom:0;scrollbar-width:thin;}.job-list .mCSB_container{margin:0;}.job-list.h_a .a{display:none;}.job-list.h_st .st{display:none;}.job-list.h_sc .sc{display:none;}.job-list.h_c .c{display:none;}.job-list thead,.job-list tbody{display:block;margin-bottom:1px;}.job-list thead{font-weight:600;}.job-list thead tr td{font-weight:600;padding:5px;color:#797979;}.job-list thead .sort{font-size:10px;margin-left:5px;color:#b9b9b9;}.job-list thead .sort:hover{color:#417fa3;}.job-list tr{display:flex;border-bottom:1px solid #d9d9d9;padding:3px;height:37px;}.job-list tbody tr:not(.search):hover{box-shadow:inset 1px 0 0 #fff,inset -1px 0 0 #fff,0 1px 2px 0 #cac8c8,0 1px 5px 1px #f0eeee;cursor:pointer;}.job-list .search{height:40px;}.job-list .search input{border:0;padding:5px;font-size:16px;}.job-list .search input:disabled{background-color:inherit;}.job-list .search .fa-search{margin-left:5px;color:#767575;font-size:16px;}.job-list .search td{display:flex;align-items:center;flex:1 1 auto;}
#logo img{width:100%;height:100%;width:100%;height:100%;}#logo .title{font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:28px;font-weight:400;color:#48646f;}#login{background-size:cover;display:flex;}#login #company{display:flex;text-align:center;position:relative;border-right:1px solid #7e7e7e;background-color:#48646f;box-shadow:inset 0 0 10px #2f2f2f;}#login #company #c_bg{position:absolute;top:0;left:0;right:0;bottom:0;background:url("/content/images/login_bg.jpg");background-size:cover;background-position:center;z-index:0;opacity:.8;}#login #company .content{position:relative;z-index:1;}#login #company .logo{display:flex;align-items:center;padding:25px 6%;color:#fff;}#login #company .logo img.fmc{max-height:115px;margin-bottom:30px;margin-right:10px;}#login #company .logo img.cas{width:50%;min-width:150px;max-width:200px;margin-bottom:30px;margin-left:10px;}#login #hl{width:100%;height:100%;background:url("/Content/Profile/hexl.png");background-size:cover;position:absolute;opacity:.1;}#login #hm{width:100%;height:100%;background:url("/Content/Profile/hexm.png");background-size:cover;position:absolute;opacity:.3;}#login .validation-summary-errors ul{list-style:none;color:#ff9292;}#login .validation-summary-errors ul li{padding-left:12px;}#login form #t{font-weight:bold;font-size:2.5em;color:#1e4554;margin:0;}#login form #d{font-size:1em;color:#749597;margin-bottom:20px;}#login form input{background:#f4f4f4;border:1px solid #cecece!important;filter:none;border-radius:0;box-shadow:none;color:#fff;height:50px;padding-left:12px;width:500px;flex:0 0 50px;color:#000;}#login form input:focus{border:1px solid #afc615!important;}#login form input[name=userName]{margin-bottom:20px;}#login form input[type=submit]{background-color:#afca0b;box-shadow:none;color:#fff;font-size:20px;height:50px;line-height:27px;margin-top:25px;border-color:#222;width:175px;border:1px solid #a1b335!important;border-radius:0;}#login form input[type=submit]:hover{background-color:#9db50c;}#login #lm{width:115vw;max-width:1400px;display:flex;height:100vh;align-items:center;position:relative;z-index:2;border:0;background:#fff;}#login #auth_wrap{width:700px;}#login #auth_wrap form{width:100%;height:100%;display:flex;overflow:hidden;}#login #auth_wrap #auth{display:flex;flex-direction:column;padding:20px;z-index:9;}#login #auth_wrap #auth .alert{margin:0;margin-top:20px;width:100%;}#login #auth_wrap #auth .alert p{margin:0;font-size:1em;}@media all and (max-width:1370px){#login{flex-direction:column;}#login #lm{width:100vw;}#login #company{background:#fff;box-shadow:none;border:0;justify-content:center;}#login #company #c_bg{display:none;}#login #company .content{margin:0;padding:0;}#login #company .logo{box-shadow:none;border:0;}#login #company .logo img{width:80%;transform:translateX(12px);}#login #company .logo p{display:none;}#login #lm{justify-content:center;align-items:start;}#login #auth_wrap form{justify-content:center;width:100%;}#login #auth_wrap form input{width:100%;}}
#container{background-color:#243e4b;}#content{position:absolute;bottom:0;left:340px;right:0;top:50px;}.htt{position:absolute;padding:7px 8px;z-index:9999;background-color:#80bcc8;color:#fff;border-radius:3px;}.htt .arrow,.htt .arrow::before{position:absolute;width:15px;height:15px;z-index:-1;left:-3px;top:7px;}.htt .arrow::before{content:"";transform:rotate(45deg);background:#80bcc8;}#nav{position:absolute;width:300px;top:0;left:0;bottom:0;}#nav nav{width:100%;height:100%;}#nav #logo{margin:10px auto;width:48px;height:48px;}#nav #logo img{width:100%;border-radius:24px;}#nav .mn{position:absolute;width:90px;top:0;left:0;bottom:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;}#nav .mn .mn-ni{display:flex;justify-content:center;align-items:center;flex-direction:column;min-height:70px;font-size:12px;border-top:1px solid #1b313c;text-decoration:none;transition:ease-in all .2s;padding:10px 0;}#nav .mn .mn-ni:last-child{border-bottom:1px solid #1b313c;}#nav .mn .mn-ni span{color:#d3e4ff;}#nav .mn .mn-ni span:first-child{font-size:18px;margin-bottom:3px;}#nav .mn .mn-ni:hover{background-color:#16303d;}#nav .mn .mn-ni.active{background-color:#fff;}#nav .mn .mn-ni.active span{color:#3e6275;}#nav .mni{position:absolute;top:0;left:90px;bottom:0;width:250px;}#nav .mni #navDrag{position:absolute;top:50px;right:0;bottom:0;width:5px;cursor:pointer;}#nav .mni #navDrag:hover{background-color:#6890ac;}#nav .mni .ni{display:none;height:100%;}#nav .mni .ni>div{height:50px;}#nav .mni .ni h2{height:50px;padding-left:10px;color:#fff;font-size:1.5em;line-height:45px;}#nav .mni .ni ul{height:100%;overflow:auto;background-color:#fff;border-radius:10px 0 0 0;border-right:1px solid #ddd;box-shadow:rgba(36,62,75,.2) -8px 0 10px;}#nav .mni .ni ul li{padding:3px 0 3px 10px;color:#657580;display:flex;align-items:center;}#nav .mni .ni ul li.act{font-size:10px;color:#666;margin-top:10px;}#nav .mni .ni ul li span{margin-right:10px;width:25px;text-align:center;font-size:15px;}#nav .mni .ni ul li a{color:#535353;flex:1 1 auto;text-decoration:none;}#nav .mni .ni ul li:not(.act):hover{background-color:#ebf3ff;border-radius:0 10px 10px 0;margin-right:5px;}#nav .htt{display:none;}#nav .tt{padding:3px 8px;z-index:9999;border-radius:3px;}#nav .tt .arrow,#nav .tt .arrow::before{position:absolute;width:15px;height:15px;z-index:-1;left:-3px;top:7px;display:none;}#nav .tt .arrow::before{content:"";transform:rotate(45deg);background:#6890ac;}body.cola #content{left:142px;}body.cola #nav .mni{width:52px;}body.cola #nav .mni .na{display:none;}body.cola #nav .mni .act{padding-left:4px;}body.cola #nav .mni li{padding-left:0;text-align:center;}body.cola #nav .mni li .ico{margin-right:0;}body.cola #nav .mni a:hover .tt{display:block;}
.mg-active-datapoint {
fill: black;
font-size: 0.9rem;
font-weight: 400;
opacity: 0.8;
}
.mg-area1-color {
fill: #0000ff;
}
.mg-area2-color {
fill: #05b378;
}
.mg-area3-color {
fill: #db4437;
}
.mg-area4-color {
fill: #f8b128;
}
.mg-area5-color {
fill: #5c5c5c;
}
.mg-barplot rect.mg-bar {
shape-rendering: auto;
fill: #b6b6fc;
}
.mg-barplot rect.mg-bar.active {
fill: #9e9efc;
}
.mg-barplot .mg-bar-prediction {
fill: #5b5b5b;
}
.mg-barplot .mg-bar-baseline {
stroke: #5b5b5b;
stroke-width: 2;
}
.mg-baselines line {
opacity: 1;
shape-rendering: auto;
stroke: #b3b2b2;
stroke-width: 1px;
}
.mg-baselines text {
fill: black;
font-size: 0.9rem;
opacity: 0.6;
stroke: none;
}
.mg-baselines-small text {
font-size: 0.6rem;
}
.mg-header {
cursor: default;
font-size: 1.2rem;
}
.mg-header .mg-chart-description {
fill: #ccc;
font-family: FontAwesome;
font-size: 1.2rem;
}
.mg-points circle {
opacity: 0.65;
}
.mg-popover {
font-size: 0.95rem;
}
.mg-popover-content {
cursor: auto;
line-height: 17px;
}
.mg-data-table {
margin-top: 30px;
}
.mg-data-table thead tr th {
border-bottom: 1px solid darkgray;
cursor: default;
font-size: 1.1rem;
font-weight: normal;
padding: 5px 5px 8px 5px;
text-align: right;
}
.mg-data-table thead tr th .fa {
color: #ccc;
padding-left: 4px;
}
.mg-data-table thead tr th .popover {
font-size: 1rem;
font-weight: normal;
}
.mg-data-table .secondary-title {
color: darkgray;
}
.mg-data-table tbody tr td {
margin: 2px;
padding: 5px;
vertical-align: top;
}
.mg-data-table tbody tr td.table-text {
opacity: 0.8;
padding-left: 30px;
}
.mg-y-axis line.mg-extended-y-ticks {
opacity: 0.4;
}
.mg-x-axis line.mg-extended-x-ticks {
opacity: 0.4;
}
.mg-histogram .axis path,
.mg-histogram .axis line {
fill: none;
opacity: 0.7;
shape-rendering: auto;
stroke: #ccc;
}
.mg-histogram .mg-bar rect {
fill: #b6b6fc;
shape-rendering: auto;
}
.mg-histogram .mg-bar rect.active {
fill: #9e9efc;
}
.mg-least-squares-line {
stroke: red;
stroke-width: 1px;
}
.mg-lowess-line {
fill: none;
stroke: red;
}
.mg-line1-color {
stroke: #4040e8;
}
.mg-hover-line1-color {
fill: #4040e8;
}
.mg-line2-color {
stroke: #05b378;
}
.mg-hover-line2-color {
fill: #05b378;
}
.mg-line3-color {
stroke: #db4437;
}
.mg-hover-line3-color {
fill: #db4437;
}
.mg-line4-color {
stroke: #f8b128;
}
.mg-hover-line4-color {
fill: #f8b128;
}
.mg-line5-color {
stroke: #5c5c5c;
}
.mg-hover-line5-color {
fill: #5c5c5c;
}
.mg-line-legend text {
font-size: 0.9rem;
font-weight: 300;
stroke: none;
}
.mg-line1-legend-color {
color: #4040e8;
fill: #4040e8;
}
.mg-line2-legend-color {
color: #05b378;
fill: #05b378;
}
.mg-line3-legend-color {
color: #db4437;
fill: #db4437;
}
.mg-line4-legend-color {
color: #f8b128;
fill: #f8b128;
}
.mg-line5-legend-color {
color: #5c5c5c;
fill: #5c5c5c;
}
.mg-main-area-solid svg .mg-main-area {
fill: #ccccff;
opacity: 1;
}
.mg-markers line {
opacity: 1;
shape-rendering: auto;
stroke: #b3b2b2;
stroke-width: 1px;
}
.mg-markers text {
fill: black;
font-size: 0.8rem;
opacity: 0.6;
}
.mg-missing-text {
opacity: 0.9;
}
.mg-missing-background {
stroke: blue;
fill: none;
stroke-dasharray: 10,5;
stroke-opacity: 0.05;
stroke-width: 2;
}
.mg-missing .mg-main-line {
opacity: 0.1;
}
.mg-missing .mg-main-area {
opacity: 0.03;
}
path.mg-main-area {
opacity: 0.2;
stroke: none;
}
path.mg-confidence-band {
fill: #ccc;
opacity: 0.4;
stroke: none;
}
path.mg-main-line {
fill: none;
opacity: 0.8;
stroke-width: 1.1px;
}
.mg-points circle {
fill-opacity: 0.4;
stroke-opacity: 1;
}
circle.mg-points-mono {
fill: #0000ff;
stroke: #0000ff;
}
/* a selected point in a scatterplot */
.mg-points circle.selected {
fill-opacity: 1;
stroke-opacity: 1;
}
.mg-voronoi path {
fill: none;
pointer-events: all;
stroke: none;
stroke-opacity: 0.1;
}
.mg-x-rug-mono,
.mg-y-rug-mono {
stroke: black;
}
.mg-x-axis line,
.mg-y-axis line {
opacity: 1;
shape-rendering: auto;
stroke: #b3b2b2;
stroke-width: 1px;
}
.mg-x-axis text,
.mg-y-axis text,
.mg-histogram .axis text {
fill: black;
font-size: 0.9rem;
opacity: 0.6;
}
.mg-x-axis .label,
.mg-y-axis .label,
.mg-axis .label {
font-size: 0.8rem;
text-transform: uppercase;
font-weight: 400;
}
.mg-x-axis-small text,
.mg-y-axis-small text,
.mg-active-datapoint-small {
font-size: 0.6rem;
}
.mg-x-axis-small .label,
.mg-y-axis-small .label {
font-size: 0.65rem;
}
.mg-european-hours {
}
.mg-year-marker text {
fill: black;
font-size: 0.7rem;
opacity: 0.6;
}
.mg-year-marker line {
opacity: 1;
shape-rendering: auto;
stroke: #b3b2b2;
stroke-width: 1px;
}
.mg-year-marker-small text {
font-size: 0.6rem;
}
@keyframes twist{100%{transform:rotate(90deg);}}#new_group .modal-dialog{height:200px;}#new_group .modal-body{padding:15px 10px;}#new_group .modal-body label{width:100%;padding:5px;height:unset;}#new_group .modal-body input{width:100%;padding:5px;height:unset;}#main{border-bottom:1px solid #d3d3d3;padding:10px;}#main label{float:left;clear:both;width:100%;margin:0;font-size:10px;}#main input{float:left;clear:both;width:100%;margin:0;border:0;border-bottom:1px dashed #d3d3d3;}#main #app{font-size:30px;}#main #desc{font-size:15px;}#navItems{position:absolute;top:122px;left:0;right:0;bottom:0;}#navItems #gs{margin:20px;font-size:20px;width:350px;border:2px dashed #ececec;padding:6px;padding-left:6px;padding-left:60px;position:relative;color:#595959;}#navItems #gs i{font-size:30px;margin-top:10px;color:#9d9d9d;position:absolute;left:17px;top:13px;}#navItems #groups{position:absolute;top:0;left:0;width:400px;bottom:0;border-right:1px solid #d3d3d3;display:flex;flex-direction:column;overflow:hidden;}#navItems #groups .collection{overflow:auto;scrollbar-width:thin;flex:1;}#navItems #groups ul{list-style:none;}#navItems #groups ul li{padding:10px 5px;border-top:1px solid #fff;border-bottom:1px solid #fff;}#navItems #groups ul li:first-child.active{border-top:1px solid #f2f2f2;}#navItems #groups ul li.active{background-color:#f2f2f2;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;}#navItems #groups .controls{background-color:#f2f2f2;padding:10px;border-top:1px solid #d3d3d3;}#navItems #groups .controls>div{width:190px;height:40px;float:left;text-align:center;margin-right:15px;line-height:36px;border-radius:2px;}#navItems #groups .controls>div i{margin-left:5px;font-size:15px;}#navItems #groups #g_add{background-color:#40916b;border:1px solid #1a4a20;color:#fff;}#navItems #groups #g_t{border-bottom:1px solid #d3d3d3;}#navItems #groups #g_t label{margin:5px;}#navItems #groups #g_t i{float:right;margin-top:7px;margin-right:10px;}#navItems #groups .grp{cursor:pointer;display:flex;}#navItems #groups .grp:hover{background-color:#f7f7f7;}#navItems #groups .grp>span{flex:1 1 auto;line-height:30px;}#navItems #groups .grp>input{flex:1 1 auto;border:1px dashed #ddd;}#navItems #groups .grp i{color:#909090;transition-duration:.3s;transition-property:transform;font-size:.8em;line-height:30px;margin-left:5px;}#navItems #groups .grp i:hover{color:#000;}#navItems #groups .grp .g-rem{flex:0 0 30px;}#navItems #groups .grp .g-rem:hover{color:#9c1616;transform:rotate(90deg);}#navItems #navigation{position:absolute;left:400px;bottom:0;right:0;background-color:#f2f2f2;padding:10px;border-top:1px solid #d3d3d3;}#navItems #navigation>div{width:190px;height:40px;float:left;text-align:center;margin-right:15px;line-height:36px;border-radius:2px;cursor:pointer;}#navItems #navigation>div i{margin-left:5px;font-size:15px;}#navItems #navigation #new_item{background-color:#d75a0f;border:1px solid #5b3a1c;color:#fff;}#navItems #navigation #new_form{background-color:#444b5e;border:1px solid #21283c;color:#fff;}#navItems #navigation #new_link{background-color:#3253ad;border:1px solid #152c70;color:#fff;}#navItems #home{position:absolute;overflow:auto;top:0;left:400px;right:0;bottom:61px;padding:5px;box-shadow:inset 0 0 5px #dfdfdf;}#navItems #home .group{display:none;}#navItems #home .group>.items{margin-left:0;padding-bottom:10px;}#navItems #home .group.active{display:block;}#navItems #home>.ih .ico{width:40px;}#navItems #home>.items{margin-bottom:20px;}#navItems .item .ih{width:600px;border:1px solid #ececec;margin-top:5px;display:flex;box-shadow:0 0 5px #e8e8e8;background:#fff;}#navItems .item .ih .it.home{width:444px;}#navItems .item .ih:hover{border:1px solid #d9d9d9;box-shadow:0 0 5px #d4d4d4;}#navItems .item .ih>div{display:table;height:52px;}#navItems .item .ih>div>div{display:table-cell;vertical-align:middle;}#navItems .item .ih .elb{background-color:#000;color:#fff;padding:3px;cursor:s-resize;font-size:10px;opacity:.2;position:absolute;}#navItems .item .ih .ico{width:52px;background-color:#25a6c0;color:#fff;text-align:center;cursor:pointer;}#navItems .item .ih .itemp{display:none;width:280px;height:50px;background:#fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .3rem center;background-size:8px 10px;padding-right:17px;border:0;border-left:1px solid #d3d3d3;background-color:#fbfbfb;font-size:.8rem;}#navItems .item .ih .itemp:focus{box-shadow:none;}#navItems .item .ih .uri{display:none;}#navItems .item .ih .uri input{width:280px;height:52px;border:0;background:#fbfbfb;border-left:1px solid #d3d3d3;padding-left:5px;}#navItems .item .ih .ic{margin-top:10px;margin-bottom:10px;padding-left:8px;}#navItems .item .ih .it{font-weight:normal;border:0;flex:auto;margin:0;margin-left:5px;padding:0;padding-right:5px;font-size:14px;}#navItems .item .ih .it input{float:left;clear:both;width:100%;border:0;border-bottom:1px dashed #d3d3d3;margin-bottom:3px;}#navItems .item .ia{width:40px;}#navItems .item .ia>div{cursor:pointer;}#navItems .item .ia.ad{width:40px;padding-left:14px;position:relative;}#navItems .item .ia.ad .ac{position:absolute;left:0;top:50px;width:107px;border:1px solid #cbcbcb;border-radius:0 2px 2px 2px;display:none;z-index:9999;background-color:#fff;font-size:12px;}#navItems .item .ia.ad.hov:hover{background-color:#f7f7f7;}#navItems .item .ia.ad.hov:hover .ac{display:block;}#navItems .item .ia.ad.hov:hover .ac>div{padding:10px;border-bottom:1px solid #aeaeae;}#navItems .item .ia.ad.hov:hover .ac>div .fa{margin-right:7px;}#navItems .item .ia.ad.hov:hover .ac>div:last-child{border:0;}#navItems .item .ia.ad.hov:hover .ac>.ni:hover{background-color:#ddf7c2;}#navItems .item .ia.ad.hov:hover .ac>.nf:hover{background-color:#c2f4f7;}#navItems .item .ia.re{width:25px;padding-left:6px;}#navItems .item .ia.re:hover{background-color:#ec2f19;color:#fff;}#navItems .item .ia.re:hover span{transform:rotate(90deg);}#navItems .item .ia.re span{transition-duration:.3s;transition-property:transform;}#navItems .items{margin-left:40px;}#navItems .item.uri .ih .uri{display:block;}#navItems .item.uri .ia.ad{display:none;}#navItems .item.form .ih .itemp{display:block;}#navItems .item.form .ia.ad{display:none;}
/*! nouislider - 14.6.3 - 11/19/2020 */
.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-connect{height:100%;width:100%}.noUi-origin{height:10%;width:10%}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;top:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:28px}
/*! Pickr 1.2.6 MIT | https://github.com/Simonwep/pickr */.pickr{position:relative;overflow:visible;transform:translateY(0)}.pickr *{box-sizing:border-box}.pickr .pcr-button{position:relative;height:2em;width:2em;padding:.5em;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;border-radius:.15em;background:url('data:image/svg+xml;utf8, ') no-repeat 50%;background-size:0;transition:all .3s}.pickr .pcr-button:before{background:url('data:image/svg+xml;utf8, ');background-size:.5em;z-index:-1;z-index:auto}.pickr .pcr-button:after,.pickr .pcr-button:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;border-radius:.15em}.pickr .pcr-button:after{transition:background .3s;background:currentColor}.pickr .pcr-button.clear{background-size:70%}.pickr .pcr-button.clear:before{opacity:0}.pickr .pcr-button.clear:focus{box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor}.pickr .pcr-button.disabled{cursor:not-allowed}.pcr-app button,.pcr-app input,.pickr button,.pickr input{outline:none;border:none;-webkit-appearance:none}.pcr-app button:focus,.pcr-app input:focus,.pickr button:focus,.pickr input:focus{box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px currentColor}.pcr-app[data-theme=nano]{position:fixed;display:flex;flex-direction:column;z-index:10000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;box-shadow:0 .15em 1.5em 0 rgba(0,0,0,.1),0 0 1em 0 rgba(0,0,0,.03);width:14.25em;max-width:95vw;border-radius:.1em;background:#fff;opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s;left:0;top:0}.pcr-app[data-theme=nano].visible{transition:opacity .3s;visibility:visible;opacity:1}.pcr-app[data-theme=nano] .pcr-swatches{display:grid;align-items:center;grid-template-columns:repeat(auto-fit,1.75em);margin-top:.6em;padding:0 .6em}.pcr-app[data-theme=nano] .pcr-swatches.pcr-last{margin:0}.pcr-app[data-theme=nano] .pcr-swatches>button{font-size:1em;position:relative;width:calc(1.75em - 5px);height:calc(1.75em - 5px);border-radius:.15em;cursor:pointer;margin:2.5px;transition:all .15s;overflow:hidden;background:transparent;z-index:1}.pcr-app[data-theme=nano] .pcr-swatches>button:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, ');background-size:6px;border-radius:.15em;z-index:-1}.pcr-app[data-theme=nano] .pcr-swatches>button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:currentColor;border:1px solid rgba(0,0,0,.05);border-radius:.15em;box-sizing:border-box}.pcr-app[data-theme=nano] .pcr-swatches>button:hover{filter:brightness(1.05)}.pcr-app[data-theme=nano] .pcr-interaction{display:flex;flex-wrap:wrap;align-items:center;margin:0 -.2em;padding:0 .6em .6em}.pcr-app[data-theme=nano] .pcr-interaction>*{margin:0 .2em}.pcr-app[data-theme=nano] .pcr-interaction input{letter-spacing:.07em;font-size:.75em;text-align:center;cursor:pointer;color:#75797e;background:#f1f3f4;border-radius:.15em;transition:all .15s;padding:.45em .5em;margin-top:.6em}.pcr-app[data-theme=nano] .pcr-interaction input:hover{filter:brightness(.975)}.pcr-app[data-theme=nano] .pcr-interaction input:focus{box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px rgba(66,133,244,.75)}.pcr-app[data-theme=nano] .pcr-interaction .pcr-result{color:#75797e;text-align:left;flex:1 1 8em;min-width:8em;transition:all .2s;border-radius:.15em;background:#f1f3f4;cursor:text}.pcr-app[data-theme=nano] .pcr-interaction .pcr-result::selection{background:#4285f4;color:#fff}.pcr-app[data-theme=nano] .pcr-interaction .pcr-type.active{color:#fff;background:#4285f4}.pcr-app[data-theme=nano] .pcr-interaction .pcr-clear,.pcr-app[data-theme=nano] .pcr-interaction .pcr-save{width:auto;color:#fff}.pcr-app[data-theme=nano] .pcr-interaction .pcr-clear:hover,.pcr-app[data-theme=nano] .pcr-interaction .pcr-save:hover{filter:brightness(.925)}.pcr-app[data-theme=nano] .pcr-interaction .pcr-save{background:#4285f4}.pcr-app[data-theme=nano] .pcr-interaction .pcr-clear{background:#f44250}.pcr-app[data-theme=nano] .pcr-interaction .pcr-clear:focus{box-shadow:0 0 0 1px #f1f3f4,0 0 0 3px rgba(244,66,80,.75)}.pcr-app[data-theme=nano] .pcr-selection{display:grid;grid-gap:.6em;grid-template-columns:1fr 4fr;grid-template-rows:5fr auto auto;align-items:center;height:10.5em;width:100%;align-self:flex-start}.pcr-app[data-theme=nano] .pcr-selection .pcr-picker{position:absolute;height:18px;width:18px;border:2px solid #fff;border-radius:100%;user-select:none}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview{grid-area:2/1/4/1;height:100%;width:100%;display:flex;flex-direction:row;justify-content:center;margin-left:.6em}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-last-color{display:none}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-current-color{position:relative;background:currentColor;width:2em;height:2em;border-radius:50em;overflow:hidden}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-current-color:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, ');background-size:.5em;border-radius:.15em;z-index:-1}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser,.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity,.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette{position:relative;user-select:none;display:flex;flex-direction:column;cursor:grab;cursor:-moz-grab;cursor:-webkit-grab}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser:active,.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity:active,.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette:active{cursor:grabbing;cursor:-moz-grabbing;cursor:-webkit-grabbing}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette{grid-area:1/1/2/3;width:100%;height:100%;z-index:1}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette .pcr-palette{border-radius:.15em;width:100%;height:100%}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette .pcr-palette:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, ');background-size:.5em;border-radius:.15em;z-index:-1}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser{grid-area:2/2/2/2}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity{grid-area:3/2/3/2}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser,.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity{height:.5em;margin:0 .6em}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-picker,.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-picker{top:50%;transform:translateY(-50%)}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-slider,.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-slider{flex-grow:1;border-radius:50em}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-slider{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-slider{background:linear-gradient(90deg,transparent,#000),url('data:image/svg+xml;utf8, ');background-size:100%,.25em}
@keyframes saved{0%{flex:0 0 0px;display:flex;}80%{flex:1 1 100%;opacity:1;}100%{opacity:0;display:none;}}@keyframes bg{0%{opacity:0;}70%{opacity:.3;}100%{opacity:0;}}#print_designer{position:absolute;top:0;bottom:0;left:0;right:0;}#print_designer .scomp{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;display:none;align-items:center;align-content:center;}#print_designer .scomp .bg{background:#ddd;position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transition:all 5s ease-in;}#print_designer .scomp .banner{position:relative;padding:30px 20px;background:#59abd2;color:#fff;z-index:9;text-align:center;font-size:30px;flex:0 0 0px;margin:auto;}#print_designer .scomp.play{display:flex;}#print_designer .scomp.play .banner{animation:saved;animation-duration:1s;animation-fill-mode:forwards;}#print_designer .scomp.play .bg{animation:bg;animation-duration:1s;animation-fill-mode:forwards;}#print_designer .ecomp{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;display:none;align-items:center;align-content:center;}#print_designer .ecomp .bg{background:#ddd;position:absolute;top:0;left:0;right:0;bottom:0;opacity:.3;}#print_designer .ecomp .banner{position:relative;padding:30px 20px;background:var(--red);color:#fff;z-index:9;text-align:center;font-size:20px;flex:1 1 auto;margin:auto;}#print_designer .ecomp .banner>div{display:flex;flex-direction:column;}#print_designer .ecomp .banner .ecode{font-size:14px;margin-top:5px;}#print_designer .ecomp .banner .eclose{border:1px solid #fff;border-radius:3px;color:#fff;padding:5px 10px;margin:25px auto 0 auto;width:190px;cursor:pointer;}#print_designer .ecomp .banner .eclose:hover{transform:scale(1.05);}#print_designer .ecomp.play{display:flex;}#print_designer>div{position:absolute;top:0;bottom:0;}#print_designer #print_form{top:105px;left:0;width:200px;background-color:#eaeaea;}#print_designer #print_form ul{display:flex;justify-items:center;flex-direction:column;list-style:none;}#print_designer #print_form ul li{background-color:#fff;border-bottom:1px solid #d9d9d9;padding:5px;display:flex;align-items:center;cursor:grab;}#print_designer #print_form ul li span{flex:1 1 auto;}#print_designer #print_form ul li span:first-child{font-size:.8em;}#print_designer #print_form ul li span:last-child{flex:0 0 12px;color:#d7d7d7;}#print_designer #print_form ul li:hover span:last-child{color:#918e8e;}#print_designer #print_form ul li.gr{color:#959595;}#print_designer #editor_controls{display:flex;flex-direction:column;height:105px;background-color:#fff;border-bottom:1px solid #d9d9d9;left:0;right:0;}#print_designer #editor_controls>label{font-size:10px;margin:0 5px;}#print_designer #editor_controls #title{flex:0 0 40px;border:0;border-bottom:1px dashed #ddd;color:#514f4f;margin:0 5px;}#print_designer #editor_controls #cons{display:flex;height:45px;border-top:1px solid #d9d9d9;margin-top:5px;background-color:#fff;align-items:center;}#print_designer #editor_controls #cons .g{display:flex;border-left:1px solid #ddd;}#print_designer #editor_controls #cons .g:first-child{border:0;}#print_designer #editor_controls #cons .g .e-con:first-child{margin-left:5px;}#print_designer #editor_controls #cons .e-con{margin:0 5px 0 0;color:#767676;font-size:16px;cursor:pointer;width:24px;text-align:center;border-radius:3px;}#print_designer #editor_controls #cons .e-con.act{background-color:#e9f0fd;color:#3f72ea;}#print_designer #editor_controls #cons .e-con:hover{color:#514f4f;transform:scale(1.1);}#print_designer #editor_controls #cons .e-con.act:hover{color:#3f72ea;transform:none;}#print_designer #print_editor{left:200px;right:0;background-color:#f7f7f7;min-width:750px;border-left:1px solid #d9d9d9;top:105px;}#print_designer #print_editor #props{position:absolute;top:0;right:0;width:230px;bottom:0;overflow:auto;border-left:1px solid #d9d9d9;background:#fff;}#print_designer #print_editor #props .grc{margin:0;font-size:13px;background-color:#4fc8c2;width:100%;padding:3px 5px;margin-top:10px;border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;color:#fff;}#print_designer #print_editor #props .grc:first-child{margin:0;border-top-color:#ddd;}#print_designer #print_editor #props .grc+.grp{margin-top:0;}#print_designer #print_editor #props .grp{margin:0;font-size:1.2em;width:100%;padding:3px 5px;margin-top:10px;color:#243e4b;}#print_designer #print_editor #props .grp:first-child{margin:0;border-top-color:#ddd;}#print_designer #print_editor #props .ptb{margin-left:10px;margin-right:10px;}#print_designer #print_editor #props .ptb label{font-size:12px;margin:0;}#print_designer #print_editor #props .ptb select{width:100%;font-size:12px;padding:3px;}#print_designer #print_editor #props .pcb{margin-top:5px;margin-left:10px;margin-right:10px;display:flex;align-items:center;}#print_designer #print_editor #props .pcb label{font-size:12px;margin:0;margin-right:5px;}#print_designer #print_editor #props .pcb:last-child{margin-bottom:20px;}#print_designer #print_editor #props .fbtn{border:1px solid #d7d7d7;margin:10px 5px;padding:3px;font-size:13px;text-align:center;cursor:pointer;}#print_designer #print_editor #props .fbtn.del{border-color:#531212;background-color:#ee6262;color:#fff;}#print_designer #print_editor #editor{position:absolute;top:0;left:0;right:230px;bottom:0;overflow:auto;}#print_designer #print_editor #editor #edit_con{position:absolute;top:0;left:0;right:0;bottom:0;overflow:auto;}#print_designer #print_editor #editor .ele{position:absolute;box-sizing:border-box;border:1px dashed #bbb9b9;cursor:pointer;overflow:hidden;background-color:#fff;}#print_designer #print_editor #editor .ele:hover{border:1px dashed #bbb;}#print_designer #print_editor #editor .ele.active{border:1px dashed #75bfe2;}#print_designer #print_editor #editor .ele:focus{outline:0;}#print_designer #print_editor #editor .field{display:flex;justify-content:center;align-items:center;}#print_designer #print_editor #editor .field.bg{border:1px solid #d9d9d9;background-color:#f9f9f9;border-radius:3px;}#print_designer #print_editor #editor .field .exp{color:#c8c8c8;font-size:20px;}#print_designer #print_editor #editor .label label{margin:0;}#print_designer #print_editor #editor .image{text-align:center;font-size:12px;color:#a2a2a2;}#print_designer #print_editor #editor .image .img{width:100%;height:100%;background-size:contain;background-repeat:no-repeat;}#print_designer #print_editor #editor .image .nis{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;}#print_designer #print_editor #editor .imgcol{box-sizing:content-box;}#print_designer #print_editor #editor .imgcol .imgcon{float:left;}#print_designer #print_editor #editor .imgcol .imgcon div{border:1px solid #ddd;background-color:#f3f6fb;height:100%;display:flex;justify-content:center;align-items:center;color:#cecbcb;font-size:34px;}#print_designer #print_editor #editor .fieldset{display:flex;flex-direction:column;}#print_designer #print_editor #editor .fieldset .ele{position:relative;width:100%!important;}#print_designer #print_editor #editor .fieldset .ele.label{border:0;}#print_designer #print_editor #editor .fieldset .ele.field:hover{border-style:solid;}#print_designer #print_editor #editor .table{width:100%;}#print_designer #print_editor #editor .table table{width:100%;}#print_designer #print_editor #editor .table table th{color:#757575;}#print_designer #print_editor #editor .table table th,#print_designer #print_editor #editor .table table td{padding:3pt;}#print_designer #print_editor #editor .table table td span{display:block;width:100%;height:20pt;font-size:12pt;color:#b3b3b3;}#print_designer #print_editor #editor .table table .ns{text-align:center;color:#b3b3b3;}#print_designer #print_editor #editor .page{position:relative;margin:50pt auto;background-color:#fff;border:1px solid #d9d9d9;box-shadow:1px 2px 5pc #ddd;box-sizing:content-box;overflow:hidden;}#print_designer #print_editor #editor .page .p-margin{position:absolute;border:1px dashed #d5c1ff;}#print_designer #print_editor #editor .page .page-header{position:absolute;top:0;left:0;right:0;background-size:contain;background-repeat:no-repeat;}#print_designer #print_editor #editor .page .page-footer{position:absolute;bottom:0;left:0;right:0;background-size:contain;background-repeat:no-repeat;}#print_designer #print_editor #editor .page .stack{position:relative;border:1px dashed #d7d7d7;border-top-color:#fff;display:flex;flex:1 1 auto;border-spacing:57px;}#print_designer #print_editor #editor .page .stack:first-child{border-top-color:#d7d7d7;}#print_designer #print_editor #editor .page .stack .ph{margin:10px;min-height:50px;background-color:#f7f7f7;border:1px solid #e8e8e8;flex-grow:1;}#print_designer #print_editor #editor .page .stack.active{border-color:#59abd2;}#print_designer #print_editor #editor .page .stack.c{border-color:#75bfe2;}#print_designer #print_editor #editor .page .stack.c>.cons{border-color:#59abd2;display:flex;}#print_designer #print_editor #editor .page .stack>.cons{position:absolute;top:-15px;height:20px;display:flex;justify-content:center;width:100%;display:none;z-index:99999;}#print_designer #print_editor #editor .page .stack>.cons>div{display:flex;border:1px solid #d7d7d7;border-radius:5px;background-color:#fff;box-shadow:1px 1px 5px 1px #d9d9d9;}#print_designer #print_editor #editor .page .stack>.cons .con{border-right:1px solid #d7d7d7;min-width:30px;cursor:pointer;text-align:center;line-height:18px;font-size:10px;color:#a9a9a9;}#print_designer #print_editor #editor .page .stack>.cons .con:first-child{border-radius:5px 0 0 5px;}#print_designer #print_editor #editor .page .stack>.cons .con:last-child{border-right:0;border-radius:0 5px 5px 0;}#print_designer #print_editor #editor .page .stack>.cons .con:not(.act):hover{background-color:#f0f8ff;color:#514f4f;}#print_designer #print_editor #editor .page .stack>.cons .con.act{background-color:#e2e1ff;}#print_designer #print_editor #editor .page .stack>.cons .con .hor{transform:rotate(90deg);}#print_designer .image-select{min-height:215px;max-height:800px;margin:20px;}#print_designer .image-select .img-con{width:300px;min-height:150px;max-height:500px;border:1px dashed #d7d7d7;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;}#print_designer .image-select .img-con .img{width:100%;background-size:100% 100%;background-repeat:no-repeat;flex:1;background-size:contain;background-position:center;}#print_designer .image-select .ip{text-align:center;color:#808080;}#print_designer .image-select .fw{position:relative;width:300px;height:50px;text-align:center;border:1px solid #61aa95;border-radius:3px;margin:10px auto;background-color:#81dfc4;}#print_designer .image-select .fw:hover{border-color:#396256;}#print_designer .image-select .fw input{opacity:0;width:100%;height:100%;cursor:pointer;font-size:70px;}#print_designer .image-select .fw span{position:absolute;top:0;left:0;bottom:0;right:0;line-height:45px;}
select{margin:0;height:100%;display:inline-block;line-height:1.5em;box-sizing:border-box;background-color:#fff;border:0;background-image:url("/Content/Images/chevron-down.png");background-position:100% 50%;background-size:25px 25px;background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance:none;}#post_process_modal .smtp-process .config-details{margin-left:auto;flex:0!important;}#post_process_modal .smtp-process .config-details .open{cursor:pointer;}#post_process_modal .smtp-process .config-details .details{display:none;position:absolute;top:0;left:0;right:0;bottom:0;z-index:9;cursor:default;}#post_process_modal .smtp-process .config-details .details .close{cursor:pointer;font-size:1em;}#post_process_modal .smtp-process .config-details .details .bg{position:absolute;top:0;left:0;right:0;bottom:0;background:#ddd;opacity:.3;}#post_process_modal .smtp-process .config-details .details .wrapper{padding:20px;flex:1 1 auto;height:100%;}#post_process_modal .smtp-process .config-details .details .content{border:1px solid #ddd;background:#fff;padding:20px;min-height:unset;}#post_process_modal .smtp-process .config-details .details .content h2{margin-bottom:10px;}#post_process_modal .smtp-process .config-details .details .content ul{list-style:none;margin-left:10px;}#post_process_modal .smtp-process .config-details .details.show{display:flex;}
.navi{border-bottom:1px solid #aeaeae;height:32px;margin-top:5px;}.navi>div{float:left;height:33px;padding:0 8px;}.navi>div.active{border-bottom:3px solid #337ab7;}.nav-panels{position:absolute;top:36px;left:0;right:0;bottom:0;}.nav-panels .nav-panel{display:none;}.nav-panels .nav-panel.active{display:block;}#sch{position:relative;height:100%;}#sch .calendar{color:#a8a8a8;font-weight:bold;}#sch .calendar input{border:none;text-align:center;width:150px;color:#646464;font-weight:bold;}#sch .calendar input:hover{color:#464646;cursor:pointer;}#sch .calendar .ar:hover{color:#464646;cursor:pointer;}#sch.fullscreen #cal{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:999999;}#sch.fullscreen #job_modal{position:fixed;}#sch #cal{height:70%;border-bottom:1px solid #dedede;cursor:grab;}#sch #cal .fs-ico{position:absolute;right:30px;bottom:30px;padding:5px;border:1px solid #acacac;border-radius:3px;box-shadow:0 0 7px #cacaca;background:#fff;color:#acacac;z-index:9;opacity:.4;cursor:pointer;}#sch #cal .fs-ico:hover{opacity:1;}#sch #cal #dist{position:relative;height:100%;}#sch #cal #dist #us{position:absolute;top:85px;bottom:0;left:0;width:300px;overflow:hidden;border-right:1px solid #dedede;}#sch #cal #dist #us .r{width:100%;}#sch #cal #dist #us .r:last-child{margin-bottom:100px;box-shadow:0 10px 11px -4px #f2f2f2;}#sch #cal #dist #us .r.over{background-color:#f9f9f9;}#sch #cal #dist #us .un{margin:0 10px;float:left;}#sch #cal #dist #cl{position:absolute;top:85px;bottom:0;left:300px;right:0;overflow:auto;scrollbar-width:thin;}#sch #cal #dist #he{position:relative;height:85px;border-bottom:1px solid #dedede;}#sch #cal #dist #he #he_con{height:35px;text-align:center;}#sch #cal #dist #he #uh,#sch #cal #dist #he_uh_con{height:100%;width:300px;position:absolute;top:0;left:0;bottom:0;border-right:1px solid #dedede;}#sch #cal #dist #he #uh{top:35px;height:50px;}#sch #cal #dist #he #ch,#sch #cal #dist #he_ch_con{height:100%;position:absolute;top:0;left:300px;bottom:0;right:0;overflow:hidden;padding-top:5px;}#sch #cal #dist #he #ch #ch_con,#sch #cal #dist #he_ch_con #ch_con{height:100%;}#sch #cal #dist #he_ch_con{overflow:unset;}#sch #cal #dist #he_ch_con #year_select{width:100px;}#sch #cal #dist #he #ch{top:35px;height:50px;}#sch #sch_cont{position:relative;height:30%;border-top:1px solid #aeaeae;}#sch #sch_cont #sch_cont_jobs{position:absolute;top:0;left:0;right:600px;bottom:0;}#sch #sch_cont #sch_cont_users{position:absolute;top:0;right:0;width:600px;bottom:0;border-left:3px solid #bbb;}#sch .r{min-height:63px;border-bottom:1px solid #dedede;position:relative;}#sch .r:nth-child(2n){background-color:#fbfcff;}#sch .r .incs{position:absolute;top:0;left:0;right:0;bottom:0;}#sch .r .ji_col{position:relative;height:63px;}#sch .r .ji_col .ji{position:absolute;top:0;left:0;height:60px;width:150px;cursor:pointer;}#sch .r .ji_col .ji:hover .bg{box-shadow:3px 3px 6px 0 #535353;}#sch .r .ji_col .ji .bg{position:absolute;top:2px;left:2px;right:2px;bottom:2px;background-color:#00ff21;box-shadow:3px 3px 6px 0 #979797;}#sch .r .ji_col .ji .bg div{width:100%;height:100%;border:1px solid #6f6f6f;opacity:.6;border-radius:3px;}#sch .r .ji_col .ji .t{position:relative;z-index:1;font-weight:bold;padding-left:8px;padding-right:5px;text-overflow:ellipsis;overflow:hidden;display:inline-block;width:100%;white-space:nowrap;color:#fff;font-size:13px;padding-top:5px;float:left;line-height:16px;}#sch .r .ji_col .ji .t .st{margin-left:5px;}#sch .r .ji_col .ji .o{font-size:12px;font-weight:normal;padding:0 8px;}#sch .r .ji_col .ji .c{position:absolute;bottom:3px;left:3px;z-index:9;right:3px;padding-left:5px;font-size:10px;color:#000;height:15px;}#sch .r .ji_col .ji .c .c-bg{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000;opacity:.2;}#sch .r .ji_col .ji .c .st{position:relative;z-index:1;opacity:.3;margin-right:5px;}#sch .r .ji_col .ji .c .st.active{color:#fff;opacity:1;}#sch .r .ji_col .ji .c .p{opacity:1;}#sch .r .ji_col .ji .c .p[data-s="1"]{color:#f79b37;}#sch .r .ji_col .ji .c .p[data-s="2"]{color:#f73737;}#sch .r .ji_col .ji .c .p[data-s="3"]{color:#2cff00;}#sch .r .ji_col .ji .c .p[data-s="4"]{color:#aee1ff;}#sch .r .ji_col .ji .fr{position:absolute;left:2px;top:2px;bottom:2px;width:6px;background-color:#606060;color:#fff;padding-top:20px;text-align:center;font-size:13px;opacity:.6;}#sch .r .ji_col .ji .ne{position:absolute;right:2px;top:2px;bottom:2px;width:6px;background-color:#606060;color:#fff;padding-top:20px;text-align:center;font-size:13px;opacity:.6;}#sch_cont_users{color:#151515;}#sch_cont_users table{display:block;position:absolute;left:0;right:0;margin:0;table-layout:fixed;}#sch_cont_users table thead,#sch_cont_users table tbody{display:block;}#sch_cont_users table tr{border-bottom:1px solid #dedede;padding:3px;height:37px;display:flex;}#sch_cont_users table tr td,#sch_cont_users table tr th{font-size:.8em;display:flex;align-items:center;font-weight:normal;}#sch_cont_users table tr td:first-child,#sch_cont_users table tr th:first-child{padding-left:5px;}#sch_cont_users table tr th{font-weight:bold;color:#797979;}#sch_cont_users table tr .u-u{flex:1 1 auto;}#sch_cont_users table tr .u-a{flex:0 0 80px;justify-content:center;}#sch_cont_users table tr .u-f,#sch_cont_users table tr .u-l{flex:0 0 175px;justify-content:center;}#sch_cont_users .head{top:0;}#sch_cont_users .head tr{border-bottom:1px solid #aeaeae;}#sch_cont_users .bod{top:37px;bottom:0;overflow:auto;scrollbar-width:thin;}#sch_cont_users .bod tr{height:32px;}.inc{height:100%;float:left;}.m .inc{width:150px;border-right:1px solid #dedede;}.inc[data-day="0"],.inc[data-day="6"]{background-color:#f7f7f7;}.inc.today{background-color:#e9f4f2;}.inc.over{background-color:#dfedff;}.ts{height:100%;float:left;}.m .ts{width:150px;text-align:center;color:#535353;font-size:20px;}.ts .t{font-size:10px;height:12px;}.ts .d{border-radius:100%;display:inline-block;width:30px;height:30px;line-height:26px;}.ts.over .d{background-color:#ddd;}.job-col{position:relative;height:100%;}.job-col .job_head{display:block;position:absolute;left:0;top:0;right:0;overflow:hidden;margin:0;table-layout:fixed;}.job-col .job_head thead{display:block;}.job-col .job_bod{display:block;position:absolute;left:0;top:40px;bottom:0;right:0;overflow:hidden;margin:0;table-layout:fixed;}.job-col .job_bod tbody{display:block;}.job-col .job_bod .mCSB_container{margin:0;}
.mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside>.mCSB_container{margin-right:30px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:0;margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-right:0;margin-bottom:30px}.mCSB_horizontal.mCSB_outside>.mCSB_container{min-height:100%}.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{margin:0 20px}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0}.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px}.mCSB_container_wrapper>.mCSB_container{padding-right:30px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper{margin-right:0;margin-left:30px}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container{padding-right:0}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container{padding-bottom:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(0,0,0,.9)}.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px auto}.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:16px;height:16px;margin:-1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:4px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:16px;width:16px;margin:0 -1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:4px;margin:6px 0}.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position:0 -72px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -92px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -112px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -128px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px -72px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -92px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -112px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px;margin:6px 0;background-repeat:repeat-x}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px -72px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -92px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -112px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px -72px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -92px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -112px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px;margin:4px auto}.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:inset 1px 0 0 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4);height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px}.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:12px}.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:12px;margin:2px 0}.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;margin:3px 5px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px;margin:5px 3px;position:absolute;width:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#000;border-color:rgba(0,0,0,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}
/*
* # Semantic UI - 2.5.0
* https://github.com/Semantic-Org/Semantic-UI
* http://www.semantic-ui.com/
*
* Copyright 2022 Contributors
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic&subset=latin); /*!
* # Semantic UI 2.5.0 - Reset
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
*, :after, :before {
box-sizing: inherit
}
html {
box-sizing: border-box
}
input[type=email], input[type=password], input[type=search], input[type=text] {
-webkit-appearance: none;
-moz-appearance: none
}
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
article, aside, footer, header, nav, section {
display: block
}
h1 {
font-size: 2em;
margin: .67em 0
}
figcaption, figure, main {
display: block
}
figure {
margin: 1em 40px
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible
}
pre {
font-family: monospace,monospace;
font-size: 1em
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}
b, strong {
font-weight: inherit
}
b, strong {
font-weight: bolder
}
code, kbd, samp {
font-family: monospace,monospace;
font-size: 1em
}
dfn {
font-style: italic
}
mark {
background-color: #ff0;
color: #000
}
small {
font-size: 80%
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
audio, video {
display: inline-block
}
audio:not([controls]) {
display: none;
height: 0
}
img {
border-style: none
}
svg:not(:root) {
overflow: hidden
}
/*button, input, optgroup, select, textarea {
font-family: sans-serif;
font-size: 100%;
line-height: 1.15;
margin: 0
}*/
button, input {
overflow: visible
}
button, select {
text-transform: none
}
[type=reset], [type=submit], button, html [type=button] {
-webkit-appearance: button
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
border-style: none;
padding: 0
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
outline: 1px dotted ButtonText
}
/*fieldset {
padding: .35em .75em .625em
}*/
/*legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}*/
progress {
display: inline-block;
vertical-align: baseline
}
textarea {
overflow: auto
}
[type=checkbox], [type=radio] {
box-sizing: border-box;
padding: 0
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
details, menu {
display: block
}
summary {
display: list-item
}
canvas {
display: inline-block
}
template {
display: none
}
[hidden] {
display: none
}
/*!
* # Semantic UI 2.5.0 - Site
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
body, html {
height: 100%
}
html {
font-size: 14px
}
/*body {
margin: 0;
padding: 0;
overflow-x: hidden;
min-width: 320px;
background: #fff;
font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
font-size: 14px;
line-height: 1.4285em;
color: rgba(0,0,0,.87);
font-smoothing: antialiased
}
h1, h2, h3, h4, h5 {
font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
line-height: 1.28571429em;
margin: calc(2rem - .14285714em) 0 1rem;
font-weight: 700;
padding: 0
}*/
h1 {
min-height: 1rem;
font-size: 2rem
}
h2 {
font-size: 1.71428571rem
}
h3 {
font-size: 1.28571429rem
}
h4 {
font-size: 1.07142857rem
}
h5 {
font-size: 1rem
}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child {
margin-top: 0
}
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child {
margin-bottom: 0
}
p {
margin: 0 0 1em;
line-height: 1.4285em
}
p:first-child {
margin-top: 0
}
p:last-child {
margin-bottom: 0
}
a {
color: #4183c4;
text-decoration: none
}
a:hover {
color: #1e70bf;
text-decoration: none
}
::-webkit-selection {
background-color: #cce2ff;
color: rgba(0,0,0,.87)
}
::-moz-selection {
background-color: #cce2ff;
color: rgba(0,0,0,.87)
}
::selection {
background-color: #cce2ff;
color: rgba(0,0,0,.87)
}
input::-webkit-selection, textarea::-webkit-selection {
background-color: rgba(100,100,100,.4);
color: rgba(0,0,0,.87)
}
input::-moz-selection, textarea::-moz-selection {
background-color: rgba(100,100,100,.4);
color: rgba(0,0,0,.87)
}
input::-moz-selection, textarea::-moz-selection {
background-color: rgba(100,100,100,.4);
color: rgba(0,0,0,.87)
}
input::selection, textarea::selection {
background-color: rgba(100,100,100,.4);
color: rgba(0,0,0,.87)
}
body ::-webkit-scrollbar {
-webkit-appearance: none;
width: 10px;
height: 10px
}
body ::-webkit-scrollbar-track {
background: rgba(0,0,0,.1);
border-radius: 0
}
body ::-webkit-scrollbar-thumb {
cursor: pointer;
border-radius: 5px;
background: rgba(0,0,0,.25);
-webkit-transition: color .2s ease;
transition: color .2s ease
}
body ::-webkit-scrollbar-thumb:window-inactive {
background: rgba(0,0,0,.15)
}
body ::-webkit-scrollbar-thumb:hover {
background: rgba(128,135,139,.8)
}
body .ui.inverted::-webkit-scrollbar-track {
background: rgba(255,255,255,.1)
}
body .ui.inverted::-webkit-scrollbar-thumb {
background: rgba(255,255,255,.25)
}
body .ui.inverted::-webkit-scrollbar-thumb:window-inactive {
background: rgba(255,255,255,.15)
}
body .ui.inverted::-webkit-scrollbar-thumb:hover {
background: rgba(255,255,255,.35)
}
/*!
* # Semantic UI 2.5.0 - Button
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.button {
cursor: pointer;
display: inline-block;
min-height: 1em;
outline: 0;
border: none;
vertical-align: baseline;
background: #e0e1e2 none;
color: rgba(0,0,0,.6);
font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
margin: 0 .25em 0 0;
padding: .78571429em 1.5em .78571429em;
text-transform: none;
text-shadow: none;
font-weight: 700;
line-height: 1em;
font-style: normal;
text-align: center;
text-decoration: none;
border-radius: .28571429rem;
box-shadow: 0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;
will-change: '';
-webkit-tap-highlight-color: transparent
}
.ui.button:hover {
background-color: #cacbcd;
background-image: none;
box-shadow: 0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;
color: rgba(0,0,0,.8)
}
.ui.button:hover .icon {
opacity: .85
}
.ui.button:focus {
background-color: #cacbcd;
color: rgba(0,0,0,.8);
background-image: '' !important;
box-shadow: '' !important
}
.ui.button:focus .icon {
opacity: .85
}
.ui.active.button:active, .ui.button:active {
background-color: #babbbc;
background-image: '';
color: rgba(0,0,0,.9);
box-shadow: 0 0 0 1px transparent inset,none
}
.ui.active.button {
background-color: #c0c1c2;
background-image: none;
box-shadow: 0 0 0 1px transparent inset;
color: rgba(0,0,0,.95)
}
.ui.active.button:hover {
background-color: #c0c1c2;
background-image: none;
color: rgba(0,0,0,.95)
}
.ui.active.button:active {
background-color: #c0c1c2;
background-image: none
}
.ui.loading.loading.loading.loading.loading.loading.button {
position: relative;
cursor: default;
text-shadow: none !important;
color: transparent !important;
opacity: 1;
pointer-events: auto;
transition: all 0s linear,opacity .1s ease
}
.ui.loading.button:before {
position: absolute;
content: '';
top: 50%;
left: 50%;
margin: -.64285714em 0 0 -.64285714em;
width: 1.28571429em;
height: 1.28571429em;
border-radius: 500rem;
border: .2em solid rgba(0,0,0,.15)
}
.ui.loading.button:after {
position: absolute;
content: '';
top: 50%;
left: 50%;
margin: -.64285714em 0 0 -.64285714em;
width: 1.28571429em;
height: 1.28571429em;
-webkit-animation: button-spin .6s linear;
animation: button-spin .6s linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
border-radius: 500rem;
border-color: #fff transparent transparent;
border-style: solid;
border-width: .2em;
box-shadow: 0 0 0 1px transparent
}
.ui.labeled.icon.loading.button .icon {
background-color: transparent;
box-shadow: none
}
@-webkit-keyframes button-spin {
from {
transform: rotate(0)
}
to {
transform: rotate(360deg)
}
}
@keyframes button-spin {
from {
transform: rotate(0)
}
to {
transform: rotate(360deg)
}
}
.ui.basic.loading.button:not(.inverted):before {
border-color: rgba(0,0,0,.1)
}
.ui.basic.loading.button:not(.inverted):after {
border-top-color: #767676
}
.ui.button:disabled, .ui.buttons .disabled.button, .ui.disabled.active.button, .ui.disabled.button, .ui.disabled.button:hover {
cursor: default;
opacity: .45 !important;
background-image: none !important;
box-shadow: none !important;
pointer-events: none !important
}
.ui.basic.buttons .ui.disabled.button {
border-color: rgba(34,36,38,.5)
}
.ui.animated.button {
position: relative;
overflow: hidden;
padding-right: 0 !important;
vertical-align: middle;
z-index: 1
}
.ui.animated.button .content {
will-change: transform,opacity
}
.ui.animated.button .visible.content {
position: relative;
margin-right: 1.5em
}
.ui.animated.button .hidden.content {
position: absolute;
width: 100%
}
.ui.animated.button .hidden.content, .ui.animated.button .visible.content {
transition: right .3s ease 0s
}
.ui.animated.button .visible.content {
left: auto;
right: 0
}
.ui.animated.button .hidden.content {
top: 50%;
left: auto;
right: -100%;
margin-top: -.5em
}
.ui.animated.button:focus .visible.content, .ui.animated.button:hover .visible.content {
left: auto;
right: 200%
}
.ui.animated.button:focus .hidden.content, .ui.animated.button:hover .hidden.content {
left: auto;
right: 0
}
.ui.vertical.animated.button .hidden.content, .ui.vertical.animated.button .visible.content {
transition: top .3s ease,transform .3s ease
}
.ui.vertical.animated.button .visible.content {
transform: translateY(0);
right: auto
}
.ui.vertical.animated.button .hidden.content {
top: -50%;
left: 0;
right: auto
}
.ui.vertical.animated.button:focus .visible.content, .ui.vertical.animated.button:hover .visible.content {
transform: translateY(200%);
right: auto
}
.ui.vertical.animated.button:focus .hidden.content, .ui.vertical.animated.button:hover .hidden.content {
top: 50%;
right: auto
}
.ui.fade.animated.button .hidden.content, .ui.fade.animated.button .visible.content {
transition: opacity .3s ease,transform .3s ease
}
.ui.fade.animated.button .visible.content {
left: auto;
right: auto;
opacity: 1;
transform: scale(1)
}
.ui.fade.animated.button .hidden.content {
opacity: 0;
left: 0;
right: auto;
transform: scale(1.5)
}
.ui.fade.animated.button:focus .visible.content, .ui.fade.animated.button:hover .visible.content {
left: auto;
right: auto;
opacity: 0;
transform: scale(.75)
}
.ui.fade.animated.button:focus .hidden.content, .ui.fade.animated.button:hover .hidden.content {
left: 0;
right: auto;
opacity: 1;
transform: scale(1)
}
.ui.inverted.button {
box-shadow: 0 0 0 2px #fff inset !important;
background: transparent none;
color: #fff;
text-shadow: none !important
}
.ui.inverted.buttons .button {
margin: 0 0 0 -2px
}
.ui.inverted.buttons .button:first-child {
margin-left: 0
}
.ui.inverted.vertical.buttons .button {
margin: 0 0 -2px 0
}
.ui.inverted.vertical.buttons .button:first-child {
margin-top: 0
}
.ui.inverted.button:hover {
background: #fff;
box-shadow: 0 0 0 2px #fff inset !important;
color: rgba(0,0,0,.8)
}
.ui.inverted.button.active, .ui.inverted.button:focus {
background: #fff;
box-shadow: 0 0 0 2px #fff inset !important;
color: rgba(0,0,0,.8)
}
.ui.inverted.button.active:focus {
background: #dcddde;
box-shadow: 0 0 0 2px #dcddde inset !important;
color: rgba(0,0,0,.8)
}
.ui.labeled.button:not(.icon) {
display: inline-flex;
flex-direction: row;
background: 0 0 !important;
padding: 0 !important;
border: none !important;
box-shadow: none !important
}
.ui.labeled.button > .button {
margin: 0
}
.ui.labeled.button > .label {
display: flex;
align-items: center;
margin: 0 0 0 -1px !important;
padding: '';
font-size: 1em;
border-color: rgba(34,36,38,.15)
}
.ui.labeled.button > .tag.label:before {
width: 1.85em;
height: 1.85em
}
.ui.labeled.button:not([class*="left labeled"]) > .button {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.ui.labeled.button:not([class*="left labeled"]) > .label {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.ui[class*="left labeled"].button > .button {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.ui[class*="left labeled"].button > .label {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.ui.facebook.button {
background-color: #3b5998;
color: #fff;
text-shadow: none;
background-image: none;
box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset
}
.ui.facebook.button:hover {
background-color: #304d8a;
color: #fff;
text-shadow: none
}
.ui.facebook.button:active {
background-color: #2d4373;
color: #fff;
text-shadow: none
}
.ui.twitter.button {
background-color: #55acee;
color: #fff;
text-shadow: none;
background-image: none;
box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset
}
.ui.twitter.button:hover {
background-color: #35a2f4;
color: #fff;
text-shadow: none
}
.ui.twitter.button:active {
background-color: #2795e9;
color: #fff;
text-shadow: none
}
.ui.google.plus.button {
background-color: #dd4b39;
color: #fff;
text-shadow: none;
background-image: none;
box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset
}
.ui.google.plus.button:hover {
background-color: #e0321c;
color: #fff;
text-shadow: none
}
.ui.google.plus.button:active {
background-color: #c23321;
color: #fff;
text-shadow: none
}
.ui.linkedin.button {
background-color: #1f88be;
color: #fff;
text-shadow: none
}
.ui.linkedin.button:hover {
background-color: #147baf;
color: #fff;
text-shadow: none
}
.ui.linkedin.button:active {
background-color: #186992;
color: #fff;
text-shadow: none
}
.ui.youtube.button {
background-color: red;
color: #fff;
text-shadow: none;
background-image: none;
box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset
}
.ui.youtube.button:hover {
background-color: #e60000;
color: #fff;
text-shadow: none
}
.ui.youtube.button:active {
background-color: #c00;
color: #fff;
text-shadow: none
}
.ui.instagram.button {
background-color: #49769c;
color: #fff;
text-shadow: none;
background-image: none;
box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset
}
.ui.instagram.button:hover {
background-color: #3d698e;
color: #fff;
text-shadow: none
}
.ui.instagram.button:active {
background-color: #395c79;
color: #fff;
text-shadow: none
}
.ui.pinterest.button {
background-color: #bd081c;
color: #fff;
text-shadow: none;
background-image: none;
box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset
}
.ui.pinterest.button:hover {
background-color: #ac0013;
color: #fff;
text-shadow: none
}
.ui.pinterest.button:active {
background-color: #8c0615;
color: #fff;
text-shadow: none
}
.ui.vk.button {
background-color: #4d7198;
color: #fff;
background-image: none;
box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset
}
.ui.vk.button:hover {
background-color: #41648a;
color: #fff
}
.ui.vk.button:active {
background-color: #3c5876;
color: #fff
}
.ui.button > .icon:not(.button) {
height: .85714286em;
opacity: .8;
margin: 0 .42857143em 0 -.21428571em;
transition: opacity .1s ease;
vertical-align: '';
color: ''
}
.ui.button:not(.icon) > .icon:not(.button):not(.dropdown) {
margin: 0 .42857143em 0 -.21428571em
}
.ui.button:not(.icon) > .right.icon:not(.button):not(.dropdown) {
margin: 0 -.21428571em 0 .42857143em
}
.ui[class*="left floated"].button, .ui[class*="left floated"].buttons {
float: left;
margin-left: 0;
margin-right: .25em
}
.ui[class*="right floated"].button, .ui[class*="right floated"].buttons {
float: right;
margin-right: 0;
margin-left: .25em
}
.ui.compact.button, .ui.compact.buttons .button {
padding: .58928571em 1.125em .58928571em
}
.ui.compact.icon.button, .ui.compact.icon.buttons .button {
padding: .58928571em .58928571em .58928571em
}
.ui.compact.labeled.icon.button, .ui.compact.labeled.icon.buttons .button {
padding: .58928571em 3.69642857em .58928571em
}
.ui.mini.button, .ui.mini.buttons .button, .ui.mini.buttons .or {
font-size: .78571429rem
}
.ui.tiny.button, .ui.tiny.buttons .button, .ui.tiny.buttons .or {
font-size: .85714286rem
}
.ui.small.button, .ui.small.buttons .button, .ui.small.buttons .or {
font-size: .92857143rem
}
.ui.button, .ui.buttons .button, .ui.buttons .or {
font-size: 1rem
}
.ui.large.button, .ui.large.buttons .button, .ui.large.buttons .or {
font-size: 1.14285714rem
}
.ui.big.button, .ui.big.buttons .button, .ui.big.buttons .or {
font-size: 1.28571429rem
}
.ui.huge.button, .ui.huge.buttons .button, .ui.huge.buttons .or {
font-size: 1.42857143rem
}
.ui.massive.button, .ui.massive.buttons .button, .ui.massive.buttons .or {
font-size: 1.71428571rem
}
.ui.icon.button, .ui.icon.buttons .button {
padding: .78571429em .78571429em .78571429em
}
.ui.icon.button > .icon, .ui.icon.buttons .button > .icon {
opacity: .9;
margin: 0 !important;
vertical-align: top
}
.ui.basic.button, .ui.basic.buttons .button {
background: transparent none !important;
color: rgba(0,0,0,.6) !important;
font-weight: 400;
border-radius: .28571429rem;
text-transform: none;
text-shadow: none !important;
box-shadow: 0 0 0 1px rgba(34,36,38,.15) inset
}
.ui.basic.buttons {
box-shadow: none;
border: 1px solid rgba(34,36,38,.15);
border-radius: .28571429rem
}
.ui.basic.buttons .button {
border-radius: 0
}
.ui.basic.button:hover, .ui.basic.buttons .button:hover {
background: #fff !important;
color: rgba(0,0,0,.8) !important;
box-shadow: 0 0 0 1px rgba(34,36,38,.35) inset,0 0 0 0 rgba(34,36,38,.15) inset
}
.ui.basic.button:focus, .ui.basic.buttons .button:focus {
background: #fff !important;
color: rgba(0,0,0,.8) !important;
box-shadow: 0 0 0 1px rgba(34,36,38,.35) inset,0 0 0 0 rgba(34,36,38,.15) inset
}
.ui.basic.button:active, .ui.basic.buttons .button:active {
background: #f8f8f8 !important;
color: rgba(0,0,0,.9) !important;
box-shadow: 0 0 0 1px rgba(0,0,0,.15) inset,0 1px 4px 0 rgba(34,36,38,.15) inset
}
.ui.basic.active.button, .ui.basic.buttons .active.button {
background: rgba(0,0,0,.05) !important;
box-shadow: '' !important;
color: rgba(0,0,0,.95) !important
}
.ui.basic.active.button:hover, .ui.basic.buttons .active.button:hover {
background-color: rgba(0,0,0,.05)
}
.ui.basic.buttons .button:hover {
box-shadow: 0 0 0 1px rgba(34,36,38,.35) inset,0 0 0 0 rgba(34,36,38,.15) inset inset
}
.ui.basic.buttons .button:active {
box-shadow: 0 0 0 1px rgba(0,0,0,.15) inset,0 1px 4px 0 rgba(34,36,38,.15) inset inset
}
.ui.basic.buttons .active.button {
box-shadow: '' !important
}
.ui.basic.inverted.button, .ui.basic.inverted.buttons .button {
background-color: transparent !important;
color: #f9fafb !important;
box-shadow: 0 0 0 2px rgba(255,255,255,.5) inset !important
}
.ui.basic.inverted.button:hover, .ui.basic.inverted.buttons .button:hover {
color: #fff !important;
box-shadow: 0 0 0 2px #fff inset !important
}
.ui.basic.inverted.button:focus, .ui.basic.inverted.buttons .button:focus {
color: #fff !important;
box-shadow: 0 0 0 2px #fff inset !important
}
.ui.basic.inverted.button:active, .ui.basic.inverted.buttons .button:active {
background-color: rgba(255,255,255,.08) !important;
color: #fff !important;
box-shadow: 0 0 0 2px rgba(255,255,255,.9) inset !important
}
.ui.basic.inverted.active.button, .ui.basic.inverted.buttons .active.button {
background-color: rgba(255,255,255,.08);
color: #fff;
text-shadow: none;
box-shadow: 0 0 0 2px rgba(255,255,255,.7) inset
}
.ui.basic.inverted.active.button:hover, .ui.basic.inverted.buttons .active.button:hover {
background-color: rgba(255,255,255,.15);
box-shadow: 0 0 0 2px #fff inset !important
}
.ui.basic.buttons .button {
border-left: 1px solid rgba(34,36,38,.15);
box-shadow: none
}
.ui.basic.vertical.buttons .button {
border-left: none
}
.ui.basic.vertical.buttons .button {
border-left-width: 0;
border-top: 1px solid rgba(34,36,38,.15)
}
.ui.basic.vertical.buttons .button:first-child {
border-top-width: 0
}
.ui.labeled.icon.button, .ui.labeled.icon.buttons .button {
position: relative;
padding-left: 4.07142857em !important;
padding-right: 1.5em !important
}
.ui.labeled.icon.button > .icon, .ui.labeled.icon.buttons > .button > .icon {
position: absolute;
height: 100%;
line-height: 1;
border-radius: 0;
border-top-left-radius: inherit;
border-bottom-left-radius: inherit;
text-align: center;
margin: 0;
width: 2.57142857em;
background-color: rgba(0,0,0,.05);
color: '';
box-shadow: -1px 0 0 0 transparent inset
}
.ui.labeled.icon.button > .icon, .ui.labeled.icon.buttons > .button > .icon {
top: 0;
left: 0
}
.ui[class*="right labeled"].icon.button {
padding-right: 4.07142857em !important;
padding-left: 1.5em !important
}
.ui[class*="right labeled"].icon.button > .icon {
left: auto;
right: 0;
border-radius: 0;
border-top-right-radius: inherit;
border-bottom-right-radius: inherit;
box-shadow: 1px 0 0 0 transparent inset
}
.ui.labeled.icon.button > .icon:after, .ui.labeled.icon.button > .icon:before, .ui.labeled.icon.buttons > .button > .icon:after, .ui.labeled.icon.buttons > .button > .icon:before {
display: block;
position: absolute;
width: 100%;
top: 50%;
text-align: center;
transform: translateY(-50%)
}
.ui.labeled.icon.button > .icon.loading {
-webkit-animation: none;
animation: none
}
.ui.labeled.icon.button > .icon.loading:before {
-webkit-animation: labeled-button-icon-loading 2s linear infinite;
animation: labeled-button-icon-loading 2s linear infinite
}
@-webkit-keyframes labeled-button-icon-loading {
from {
transform: translateY(-50%) rotate(0)
}
to {
transform: translateY(-50%) rotate(360deg)
}
}
@keyframes labeled-button-icon-loading {
from {
transform: translateY(-50%) rotate(0)
}
to {
transform: translateY(-50%) rotate(360deg)
}
}
.ui.labeled.icon.buttons .button > .icon {
border-radius: 0
}
.ui.labeled.icon.buttons .button:first-child > .icon {
border-top-left-radius: .28571429rem;
border-bottom-left-radius: .28571429rem
}
.ui.labeled.icon.buttons .button:last-child > .icon {
border-top-right-radius: .28571429rem;
border-bottom-right-radius: .28571429rem
}
.ui.vertical.labeled.icon.buttons .button:first-child > .icon {
border-radius: 0;
border-top-left-radius: .28571429rem
}
.ui.vertical.labeled.icon.buttons .button:last-child > .icon {
border-radius: 0;
border-bottom-left-radius: .28571429rem
}
.ui.fluid[class*="left labeled"].icon.button, .ui.fluid[class*="right labeled"].icon.button {
padding-left: 1.5em !important;
padding-right: 1.5em !important
}
.ui.button.toggle.active, .ui.buttons .button.toggle.active, .ui.toggle.buttons .active.button {
background-color: #21ba45 !important;
box-shadow: none !important;
text-shadow: none;
color: #fff !important
}
.ui.button.toggle.active:hover {
background-color: #16ab39 !important;
text-shadow: none;
color: #fff !important
}
.ui.circular.button {
border-radius: 10em
}
.ui.circular.button > .icon {
width: 1em;
vertical-align: baseline
}
.ui.buttons .or {
position: relative;
width: .3em;
height: 2.57142857em;
z-index: 3
}
.ui.buttons .or:before {
position: absolute;
text-align: center;
border-radius: 500rem;
content: 'or';
top: 50%;
left: 50%;
background-color: #fff;
text-shadow: none;
margin-top: -.89285714em;
margin-left: -.89285714em;
width: 1.78571429em;
height: 1.78571429em;
line-height: 1.78571429em;
color: rgba(0,0,0,.4);
font-style: normal;
font-weight: 700;
box-shadow: 0 0 0 1px transparent inset
}
.ui.buttons .or[data-text]:before {
content: attr(data-text)
}
.ui.fluid.buttons .or {
width: 0 !important
}
.ui.fluid.buttons .or:after {
display: none
}
.ui.attached.button {
position: relative;
display: block;
margin: 0;
border-radius: 0;
box-shadow: 0 0 0 1px rgba(34,36,38,.15) !important
}
.ui.attached.top.button {
border-radius: .28571429rem .28571429rem 0 0
}
.ui.attached.bottom.button {
border-radius: 0 0 .28571429rem .28571429rem
}
.ui.left.attached.button {
display: inline-block;
border-left: none;
text-align: right;
padding-right: .75em;
border-radius: .28571429rem 0 0 .28571429rem
}
.ui.right.attached.button {
display: inline-block;
text-align: left;
padding-left: .75em;
border-radius: 0 .28571429rem .28571429rem 0
}
.ui.attached.buttons {
position: relative;
display: flex;
border-radius: 0;
width: auto !important;
z-index: 2;
margin-left: -1px;
margin-right: -1px
}
.ui.attached.buttons .button {
margin: 0
}
.ui.attached.buttons .button:first-child {
border-radius: 0
}
.ui.attached.buttons .button:last-child {
border-radius: 0
}
.ui[class*="top attached"].buttons {
margin-bottom: -1px;
border-radius: .28571429rem .28571429rem 0 0
}
.ui[class*="top attached"].buttons .button:first-child {
border-radius: .28571429rem 0 0 0
}
.ui[class*="top attached"].buttons .button:last-child {
border-radius: 0 .28571429rem 0 0
}
.ui[class*="bottom attached"].buttons {
margin-top: -1px;
border-radius: 0 0 .28571429rem .28571429rem
}
.ui[class*="bottom attached"].buttons .button:first-child {
border-radius: 0 0 0 .28571429rem
}
.ui[class*="bottom attached"].buttons .button:last-child {
border-radius: 0 0 .28571429rem 0
}
.ui[class*="left attached"].buttons {
display: inline-flex;
margin-right: 0;
margin-left: -1px;
border-radius: 0 .28571429rem .28571429rem 0
}
.ui[class*="left attached"].buttons .button:first-child {
margin-left: -1px;
border-radius: 0 .28571429rem 0 0
}
.ui[class*="left attached"].buttons .button:last-child {
margin-left: -1px;
border-radius: 0 0 .28571429rem 0
}
.ui[class*="right attached"].buttons {
display: inline-flex;
margin-left: 0;
margin-right: -1px;
border-radius: .28571429rem 0 0 .28571429rem
}
.ui[class*="right attached"].buttons .button:first-child {
margin-left: -1px;
border-radius: .28571429rem 0 0 0
}
.ui[class*="right attached"].buttons .button:last-child {
margin-left: -1px;
border-radius: 0 0 0 .28571429rem
}
.ui.fluid.button, .ui.fluid.buttons {
width: 100%
}
.ui.fluid.button {
display: block
}
.ui.two.buttons {
width: 100%
}
.ui.two.buttons > .button {
width: 50%
}
.ui.three.buttons {
width: 100%
}
.ui.three.buttons > .button {
width: 33.333%
}
.ui.four.buttons {
width: 100%
}
.ui.four.buttons > .button {
width: 25%
}
.ui.five.buttons {
width: 100%
}
.ui.five.buttons > .button {
width: 20%
}
.ui.six.buttons {
width: 100%
}
.ui.six.buttons > .button {
width: 16.666%
}
.ui.seven.buttons {
width: 100%
}
.ui.seven.buttons > .button {
width: 14.285%
}
.ui.eight.buttons {
width: 100%
}
.ui.eight.buttons > .button {
width: 12.5%
}
.ui.nine.buttons {
width: 100%
}
.ui.nine.buttons > .button {
width: 11.11%
}
.ui.ten.buttons {
width: 100%
}
.ui.ten.buttons > .button {
width: 10%
}
.ui.eleven.buttons {
width: 100%
}
.ui.eleven.buttons > .button {
width: 9.09%
}
.ui.twelve.buttons {
width: 100%
}
.ui.twelve.buttons > .button {
width: 8.3333%
}
.ui.fluid.vertical.buttons, .ui.fluid.vertical.buttons > .button {
display: flex;
width: auto
}
.ui.two.vertical.buttons > .button {
height: 50%
}
.ui.three.vertical.buttons > .button {
height: 33.333%
}
.ui.four.vertical.buttons > .button {
height: 25%
}
.ui.five.vertical.buttons > .button {
height: 20%
}
.ui.six.vertical.buttons > .button {
height: 16.666%
}
.ui.seven.vertical.buttons > .button {
height: 14.285%
}
.ui.eight.vertical.buttons > .button {
height: 12.5%
}
.ui.nine.vertical.buttons > .button {
height: 11.11%
}
.ui.ten.vertical.buttons > .button {
height: 10%
}
.ui.eleven.vertical.buttons > .button {
height: 9.09%
}
.ui.twelve.vertical.buttons > .button {
height: 8.3333%
}
.ui.black.button, .ui.black.buttons .button {
background-color: #1b1c1d;
color: #fff;
text-shadow: none;
background-image: none
}
.ui.black.button {
box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset
}
.ui.black.button:hover, .ui.black.buttons .button:hover {
background-color: #27292a;
color: #fff;
text-shadow: none
}
.ui.black.button:focus, .ui.black.buttons .button:focus {
background-color: #2f3032;
color: #fff;
text-shadow: none
}
.ui.black.button:active, .ui.black.buttons .button:active {
background-color: #343637;
color: #fff;
text-shadow: none
}
.ui.black.active.button, .ui.black.button .active.button:active, .ui.black.buttons .active.button, .ui.black.buttons .active.button:active {
background-color: #0f0f10;
color: #fff;
text-shadow: none
}
.ui.basic.black.button, .ui.basic.black.buttons .button {
box-shadow: 0 0 0 1px #1b1c1d inset !important;
color: #1b1c1d !important
}
.ui.basic.black.button:hover, .ui.basic.black.buttons .button:hover {
background: 0 0 !important;
box-shadow: 0 0 0 1px #27292a inset !important;
color: #27292a !important
}
.ui.basic.black.button:focus, .ui.basic.black.buttons .button:focus {
background: 0 0 !important;
box-shadow: 0 0 0 1px #2f3032 inset !important;
color: #27292a !important
}
.ui.basic.black.active.button, .ui.basic.black.buttons .active.button {
background: 0 0 !important;
box-shadow: 0 0 0 1px #0f0f10 inset !important;
color: #343637 !important
}
.ui.basic.black.button:active, .ui.basic.black.buttons .button:active {
box-shadow: 0 0 0 1px #343637 inset !important;
color: #343637 !important
}
.ui.buttons:not(.vertical) > .basic.black.button:not(:first-child) {
margin-left: -1px
}
.ui.inverted.black.button, .ui.inverted.black.buttons .button {
background-color: transparent;
box-shadow: 0 0 0 2px #d4d4d5 inset !important;
color: #fff
}
.ui.inverted.black.button.active, .ui.inverted.black.button:active, .ui.inverted.black.button:focus, .ui.inverted.black.button:hover, .ui.inverted.black.buttons .button.active, .ui.inverted.black.buttons .button:active, .ui.inverted.black.buttons .button:focus, .ui.inverted.black.buttons .button:hover {
box-shadow: none !important;
color: #fff
}
.ui.inverted.black.button:hover, .ui.inverted.black.buttons .button:hover {
background-color: #000
}
.ui.inverted.black.button:focus, .ui.inverted.black.buttons .button:focus {
background-color: #000
}
.ui.inverted.black.active.button, .ui.inverted.black.buttons .active.button {
background-color: #000
}
.ui.inverted.black.button:active, .ui.inverted.black.buttons .button:active {
background-color: #000
}
.ui.inverted.black.basic.button, .ui.inverted.black.basic.buttons .button, .ui.inverted.black.buttons .basic.button {
background-color: transparent;
box-shadow: 0 0 0 2px rgba(255,255,255,.5) inset !important;
color: #fff !important
}
.ui.inverted.black.basic.button:hover, .ui.inverted.black.basic.buttons .button:hover, .ui.inverted.black.buttons .basic.button:hover {
box-shadow: 0 0 0 2px #000 inset !important;
color: #fff !important
}
.ui.inverted.black.basic.button:focus, .ui.inverted.black.basic.buttons .button:focus {
box-shadow: 0 0 0 2px #000 inset !important;
color: #545454 !important
}
.ui.inverted.black.basic.active.button, .ui.inverted.black.basic.buttons .active.button, .ui.inverted.black.buttons .basic.active.button {
box-shadow: 0 0 0 2px #000 inset !important;
color: #fff !important
}
.ui.inverted.black.basic.button:active, .ui.inverted.black.basic.buttons .button:active, .ui.inverted.black.buttons .basic.button:active {
box-shadow: 0 0 0 2px #000 inset !important;
color: #fff !important
}
.ui.grey.button, .ui.grey.buttons .button {
background-color: #767676;
color: #fff;
text-shadow: none;
background-image: none
}
.ui.grey.button {
box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset
}
.ui.grey.button:hover, .ui.grey.buttons .button:hover {
background-color: #838383;
color: #fff;
text-shadow: none
}
.ui.grey.button:focus, .ui.grey.buttons .button:focus {
background-color: #8a8a8a;
color: #fff;
text-shadow: none
}
.ui.grey.button:active, .ui.grey.buttons .button:active {
background-color: #909090;
color: #fff;
text-shadow: none
}
.ui.grey.active.button, .ui.grey.button .active.button:active, .ui.grey.buttons .active.button, .ui.grey.buttons .active.button:active {
background-color: #696969;
color: #fff;
text-shadow: none
}
.ui.basic.grey.button, .ui.basic.grey.buttons .button {
box-shadow: 0 0 0 1px #767676 inset !important;
color: #767676 !important
}
.ui.basic.grey.button:hover, .ui.basic.grey.buttons .button:hover {
background: 0 0 !important;
box-shadow: 0 0 0 1px #838383 inset !important;
color: #838383 !important
}
.ui.basic.grey.button:focus, .ui.basic.grey.buttons .button:focus {
background: 0 0 !important;
box-shadow: 0 0 0 1px #8a8a8a inset !important;
color: #838383 !important
}
.ui.basic.grey.active.button, .ui.basic.grey.buttons .active.button {
background: 0 0 !important;
box-shadow: 0 0 0 1px #696969 inset !important;
color: #909090 !important
}
.ui.basic.grey.button:active, .ui.basic.grey.buttons .button:active {
box-shadow: 0 0 0 1px #909090 inset !important;
color: #909090 !important
}
.ui.buttons:not(.vertical) > .basic.grey.button:not(:first-child) {
margin-left: -1px
}
.ui.inverted.grey.button, .ui.inverted.grey.buttons .button {
background-color: transparent;
box-shadow: 0 0 0 2px #d4d4d5 inset !important;
color: #fff
}
.ui.inverted.grey.button.active, .ui.inverted.grey.button:active, .ui.inverted.grey.button:focus, .ui.inverted.grey.button:hover, .ui.inverted.grey.buttons .button.active, .ui.inverted.grey.buttons .button:active, .ui.inverted.grey.buttons .button:focus, .ui.inverted.grey.buttons .button:hover {
box-shadow: none !important;
color: rgba(0,0,0,.6)
}
.ui.inverted.grey.button:hover, .ui.inverted.grey.buttons .button:hover {
background-color: #cfd0d2
}
.ui.inverted.grey.button:focus, .ui.inverted.grey.buttons .button:focus {
background-color: #c7c9cb
}
.ui.inverted.grey.active.button, .ui.inverted.grey.buttons .active.button {
background-color: #cfd0d2
}
.ui.inverted.grey.button:active, .ui.inverted.grey.buttons .button:active {
background-color: #c2c4c5
}
.ui.inverted.grey.basic.button, .ui.inverted.grey.basic.buttons .button, .ui.inverted.grey.buttons .basic.button {
background-color: transparent;
box-shadow: 0 0 0 2px rgba(255,255,255,.5) inset !important;
color: #fff !important
}
.ui.inverted.grey.basic.button:hover, .ui.inverted.grey.basic.buttons .button:hover, .ui.inverted.grey.buttons .basic.button:hover {
box-shadow: 0 0 0 2px #cfd0d2 inset !important;
color: #fff !important
}
.ui.inverted.grey.basic.button:focus, .ui.inverted.grey.basic.buttons .button:focus {
box-shadow: 0 0 0 2px #c7c9cb inset !important;
color: #dcddde !important
}
.ui.inverted.grey.basic.active.button, .ui.inverted.grey.basic.buttons .active.button, .ui.inverted.grey.buttons .basic.active.button {
box-shadow: 0 0 0 2px #cfd0d2 inset !important;
color: #fff !important
}
.ui.inverted.grey.basic.button:active, .ui.inverted.grey.basic.buttons .button:active, .ui.inverted.grey.buttons .basic.button:active {
box-shadow: 0 0 0 2px #c2c4c5 inset !important;
color: #fff !important
}
.ui.brown.button, .ui.brown.buttons .button {
background-color: #a5673f;
color: #fff;
text-shadow: none;
background-image: none
}
.ui.brown.button {
box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset
}
.ui.brown.button:hover, .ui.brown.buttons .button:hover {
background-color: #975b33;
color: #fff;
text-shadow: none
}
.ui.brown.button:focus, .ui.brown.buttons .button:focus {
background-color: #90532b;
color: #fff;
text-shadow: none
}
.ui.brown.button:active, .ui.brown.buttons .button:active {
background-color: #805031;
color: #fff;
text-shadow: none
}
.ui.brown.active.button, .ui.brown.button .active.button:active, .ui.brown.buttons .active.button, .ui.brown.buttons .active.button:active {
background-color: #995a31;
color: #fff;
text-shadow: none
}
.ui.basic.brown.button, .ui.basic.brown.buttons .button {
box-shadow: 0 0 0 1px #a5673f inset !important;
color: #a5673f !important
}
.ui.basic.brown.button:hover, .ui.basic.brown.buttons .button:hover {
background: 0 0 !important;
box-shadow: 0 0 0 1px #975b33 inset !important;
color: #975b33 !important
}
.ui.basic.brown.button:focus, .ui.basic.brown.buttons .button:focus {
background: 0 0 !important;
box-shadow: 0 0 0 1px #90532b inset !important;
color: #975b33 !important
}
.ui.basic.brown.active.button, .ui.basic.brown.buttons .active.button {
background: 0 0 !important;
box-shadow: 0 0 0 1px #995a31 inset !important;
color: #805031 !important
}
.ui.basic.brown.button:active, .ui.basic.brown.buttons .button:active {
box-shadow: 0 0 0 1px #805031 inset !important;
color: #805031 !important
}
.ui.buttons:not(.vertical) > .basic.brown.button:not(:first-child) {
margin-left: -1px
}
.ui.inverted.brown.button, .ui.inverted.brown.buttons .button {
background-color: transparent;
box-shadow: 0 0 0 2px #d67c1c inset !important;
color: #d67c1c
}
.ui.inverted.brown.button.active, .ui.inverted.brown.button:active, .ui.inverted.brown.button:focus, .ui.inverted.brown.button:hover, .ui.inverted.brown.buttons .button.active, .ui.inverted.brown.buttons .button:active, .ui.inverted.brown.buttons .button:focus, .ui.inverted.brown.buttons .button:hover {
box-shadow: none !important;
color: #fff
}
.ui.inverted.brown.button:hover, .ui.inverted.brown.buttons .button:hover {
background-color: #c86f11
}
.ui.inverted.brown.button:focus, .ui.inverted.brown.buttons .button:focus {
background-color: #c16808
}
.ui.inverted.brown.active.button, .ui.inverted.brown.buttons .active.button {
background-color: #cc6f0d
}
.ui.inverted.brown.button:active, .ui.inverted.brown.buttons .button:active {
background-color: #a96216
}
.ui.inverted.brown.basic.button, .ui.inverted.brown.basic.buttons .button, .ui.inverted.brown.buttons .basic.button {
background-color: transparent;
box-shadow: 0 0 0 2px rgba(255,255,255,.5) inset !important;
color: #fff !important
}
.ui.inverted.brown.basic.button:hover, .ui.inverted.brown.basic.buttons .button:hover, .ui.inverted.brown.buttons .basic.button:hover {
box-shadow: 0 0 0 2px #c86f11 inset !important;
color: #d67c1c !important
}
.ui.inverted.brown.basic.button:focus, .ui.inverted.brown.basic.buttons .button:focus {
box-shadow: 0 0 0 2px #c16808 inset !important;
color: #d67c1c !important
}
.ui.inverted.brown.basic.active.button, .ui.inverted.brown.basic.buttons .active.button, .ui.inverted.brown.buttons .basic.active.button {
box-shadow: 0 0 0 2px #cc6f0d inset !important;
color: #d67c1c !important
}
.ui.inverted.brown.basic.button:active, .ui.inverted.brown.basic.buttons .button:active, .ui.inverted.brown.buttons .basic.button:active {
box-shadow: 0 0 0 2px #a96216 inset !important;
color: #d67c1c !important
}
.ui.blue.button, .ui.blue.buttons .button {
background-color: #2185d0;
color: #fff;
text-shadow: none;
background-image: none
}
.ui.blue.button {
box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset
}
.ui.blue.button:hover, .ui.blue.buttons .button:hover {
background-color: #1678c2;
color: #fff;
text-shadow: none
}
.ui.blue.button:focus, .ui.blue.buttons .button:focus {
background-color: #0d71bb;
color: #fff;
text-shadow: none
}
.ui.blue.button:active, .ui.blue.buttons .button:active {
background-color: #1a69a4;
color: #fff;
text-shadow: none
}
.ui.blue.active.button, .ui.blue.button .active.button:active, .ui.blue.buttons .active.button, .ui.blue.buttons .active.button:active {
background-color: #1279c6;
color: #fff;
text-shadow: none
}
.ui.basic.blue.button, .ui.basic.blue.buttons .button {
box-shadow: 0 0 0 1px #2185d0 inset !important;
color: #2185d0 !important
}
.ui.basic.blue.button:hover, .ui.basic.blue.buttons .button:hover {
background: 0 0 !important;
box-shadow: 0 0 0 1px #1678c2 inset !important;
color: #1678c2 !important
}
.ui.basic.blue.button:focus, .ui.basic.blue.buttons .button:focus {
background: 0 0 !important;
box-shadow: 0 0 0 1px #0d71bb inset !important;
color: #1678c2 !important
}
.ui.basic.blue.active.button, .ui.basic.blue.buttons .active.button {
background: 0 0 !important;
box-shadow: 0 0 0 1px #1279c6 inset !important;
color: #1a69a4 !important
}
.ui.basic.blue.button:active, .ui.basic.blue.buttons .button:active {
box-shadow: 0 0 0 1px #1a69a4 inset !important;
color: #1a69a4 !important
}
.ui.buttons:not(.vertical) > .basic.blue.button:not(:first-child) {
margin-left: -1px
}
.ui.inverted.blue.button, .ui.inverted.blue.buttons .button {
background-color: transparent;
box-shadow: 0 0 0 2px #54c8ff inset !important;
color: #54c8ff
}
.ui.inverted.blue.button.active, .ui.inverted.blue.button:active, .ui.inverted.blue.button:focus, .ui.inverted.blue.button:hover, .ui.inverted.blue.buttons .button.active, .ui.inverted.blue.buttons .button:active, .ui.inverted.blue.buttons .button:focus, .ui.inverted.blue.buttons .button:hover {
box-shadow: none !important;
color: #fff
}
.ui.inverted.blue.button:hover, .ui.inverted.blue.buttons .button:hover {
background-color: #3ac0ff
}
.ui.inverted.blue.button:focus, .ui.inverted.blue.buttons .button:focus {
background-color: #2bbbff
}
.ui.inverted.blue.active.button, .ui.inverted.blue.buttons .active.button {
background-color: #3ac0ff
}
.ui.inverted.blue.button:active, .ui.inverted.blue.buttons .button:active {
background-color: #21b8ff
}
.ui.inverted.blue.basic.button, .ui.inverted.blue.basic.buttons .button, .ui.inverted.blue.buttons .basic.button {
background-color: transparent;
box-shadow: 0 0 0 2px rgba(255,255,255,.5) inset !important;
color: #fff !important
}
.ui.inverted.blue.basic.button:hover, .ui.inverted.blue.basic.buttons .button:hover, .ui.inverted.blue.buttons .basic.button:hover {
box-shadow: 0 0 0 2px #3ac0ff inset !important;
color: #54c8ff !important
}
.ui.inverted.blue.basic.button:focus, .ui.inverted.blue.basic.buttons .button:focus {
box-shadow: 0 0 0 2px #2bbbff inset !important;
color: #54c8ff !important
}
.ui.inverted.blue.basic.active.button, .ui.inverted.blue.basic.buttons .active.button, .ui.inverted.blue.buttons .basic.active.button {
box-shadow: 0 0 0 2px #3ac0ff inset !important;
color: #54c8ff !important
}
.ui.inverted.blue.basic.button:active, .ui.inverted.blue.basic.buttons .button:active, .ui.inverted.blue.buttons .basic.button:active {
box-shadow: 0 0 0 2px #21b8ff inset !important;
color: #54c8ff !important
}
.ui.green.button, .ui.green.buttons .button {
background-color: #21ba45;
color: #fff;
text-shadow: none;
background-image: none
}
.ui.green.button {
box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset
}
.ui.green.button:hover, .ui.green.buttons .button:hover {
background-color: #16ab39;
color: #fff;
text-shadow: none
}
.ui.green.button:focus, .ui.green.buttons .button:focus {
background-color: #0ea432;
color: #fff;
text-shadow: none
}
.ui.green.button:active, .ui.green.buttons .button:active {
background-color: #198f35;
color: #fff;
text-shadow: none
}
.ui.green.active.button, .ui.green.button .active.button:active, .ui.green.buttons .active.button, .ui.green.buttons .active.button:active {
background-color: #13ae38;
color: #fff;
text-shadow: none
}
.ui.basic.green.button, .ui.basic.green.buttons .button {
box-shadow: 0 0 0 1px #21ba45 inset !important;
color: #21ba45 !important
}
.ui.basic.green.button:hover, .ui.basic.green.buttons .button:hover {
background: 0 0 !important;
box-shadow: 0 0 0 1px #16ab39 inset !important;
color: #16ab39 !important
}
.ui.basic.green.button:focus, .ui.basic.green.buttons .button:focus {
background: 0 0 !important;
box-shadow: 0 0 0 1px #0ea432 inset !important;
color: #16ab39 !important
}
.ui.basic.green.active.button, .ui.basic.green.buttons .active.button {
background: 0 0 !important;
box-shadow: 0 0 0 1px #13ae38 inset !important;
color: #198f35 !important
}
.ui.basic.green.button:active, .ui.basic.green.buttons .button:active {
box-shadow: 0 0 0 1px #198f35 inset !important;
color: #198f35 !important
}
.ui.buttons:not(.vertical) > .basic.green.button:not(:first-child) {
margin-left: -1px
}
.ui.inverted.green.button, .ui.inverted.green.buttons .button {
background-color: transparent;
box-shadow: 0 0 0 2px #2ecc40 inset !important;
color: #2ecc40
}
.ui.inverted.green.button.active, .ui.inverted.green.button:active, .ui.inverted.green.button:focus, .ui.inverted.green.button:hover, .ui.inverted.green.buttons .button.active, .ui.inverted.green.buttons .button:active, .ui.inverted.green.buttons .button:focus, .ui.inverted.green.buttons .button:hover {
box-shadow: none !important;
color: #fff
}
.ui.inverted.green.button:hover, .ui.inverted.green.buttons .button:hover {
background-color: #22be34
}
.ui.inverted.green.button:focus, .ui.inverted.green.buttons .button:focus {
background-color: #19b82b
}
.ui.inverted.green.active.button, .ui.inverted.green.buttons .active.button {
background-color: #1fc231
}
.ui.inverted.green.button:active, .ui.inverted.green.buttons .button:active {
background-color: #25a233
}
.ui.inverted.green.basic.button, .ui.inverted.green.basic.buttons .button, .ui.inverted.green.buttons .basic.button {
background-color: transparent;
box-shadow: 0 0 0 2px rgba(255,255,255,.5) inset !important;
color: #fff !important
}
.ui.inverted.green.basic.button:hover, .ui.inverted.green.basic.buttons .button:hover, .ui.inverted.green.buttons .basic.button:hover {
box-shadow: 0 0 0 2px #22be34 inset !important;
color: #2ecc40 !important
}
.ui.inverted.green.basic.button:focus, .ui.inverted.green.basic.buttons .button:focus {
box-shadow: 0 0 0 2px #19b82b inset !important;
color: #2ecc40 !important
}
.ui.inverted.green.basic.active.button, .ui.inverted.green.basic.buttons .active.button, .ui.inverted.green.buttons .basic.active.button {
box-shadow: 0 0 0 2px #1fc231 inset !important;
color: #2ecc40 !important
}
.ui.inverted.green.basic.button:active, .ui.inverted.green.basic.buttons .button:active, .ui.inverted.green.buttons .basic.button:active {
box-shadow: 0 0 0 2px #25a233 inset !important;
color: #2ecc40 !important
}
.ui.orange.button, .ui.orange.buttons .button {
background-color: #f2711c;
color: #fff;
text-shadow: none;
background-image: none
}
.ui.orange.button {
box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset
}
.ui.orange.button:hover, .ui.orange.buttons .button:hover {
background-color: #f26202;
color: #fff;
text-shadow: none
}
.ui.orange.button:focus, .ui.orange.buttons .button:focus {
background-color: #e55b00;
color: #fff;
text-shadow: none
}
.ui.orange.button:active, .ui.orange.buttons .button:active {
background-color: #cf590c;
color: #fff;
text-shadow: none
}
.ui.orange.active.button, .ui.orange.button .active.button:active, .ui.orange.buttons .active.button, .ui.orange.buttons .active.button:active {
background-color: #f56100;
color: #fff;
text-shadow: none
}
.ui.basic.orange.button, .ui.basic.orange.buttons .button {
box-shadow: 0 0 0 1px #f2711c inset !important;
color: #f2711c !important
}
.ui.basic.orange.button:hover, .ui.basic.orange.buttons .button:hover {
background: 0 0 !important;
box-shadow: 0 0 0 1px #f26202 inset !important;
color: #f26202 !important
}
.ui.basic.orange.button:focus, .ui.basic.orange.buttons .button:focus {
background: 0 0 !important;
box-shadow: 0 0 0 1px #e55b00 inset !important;
color: #f26202 !important
}
.ui.basic.orange.active.button, .ui.basic.orange.buttons .active.button {
background: 0 0 !important;
box-shadow: 0 0 0 1px #f56100 inset !important;
color: #cf590c !important
}
.ui.basic.orange.button:active, .ui.basic.orange.buttons .button:active {
box-shadow: 0 0 0 1px #cf590c inset !important;
color: #cf590c !important
}
.ui.buttons:not(.vertical) > .basic.orange.button:not(:first-child) {
margin-left: -1px
}
.ui.inverted.orange.button, .ui.inverted.orange.buttons .button {
background-color: transparent;
box-shadow: 0 0 0 2px #ff851b inset !important;
color: #ff851b
}
.ui.inverted.orange.button.active, .ui.inverted.orange.button:active, .ui.inverted.orange.button:focus, .ui.inverted.orange.button:hover, .ui.inverted.orange.buttons .button.active, .ui.inverted.orange.buttons .button:active, .ui.inverted.orange.buttons .button:focus, .ui.inverted.orange.buttons .button:hover {
box-shadow: none !important;
color: #fff
}
.ui.inverted.orange.button:hover, .ui.inverted.orange.buttons .button:hover {
background-color: #ff7701
}
.ui.inverted.orange.button:focus, .ui.inverted.orange.buttons .button:focus {
background-color: #f17000
}
.ui.inverted.orange.active.button, .ui.inverted.orange.buttons .active.button {
background-color: #ff7701
}
.ui.inverted.orange.button:active, .ui.inverted.orange.buttons .button:active {
background-color: #e76b00
}
.ui.inverted.orange.basic.button, .ui.inverted.orange.basic.buttons .button, .ui.inverted.orange.buttons .basic.button {
background-color: transparent;
box-shadow: 0 0 0 2px rgba(255,255,255,.5) inset !important;
color: #fff !important
}
.ui.inverted.orange.basic.button:hover, .ui.inverted.orange.basic.buttons .button:hover, .ui.inverted.orange.buttons .basic.button:hover {
box-shadow: 0 0 0 2px #ff7701 inset !important;
color: #ff851b !important
}
.ui.inverted.orange.basic.button:focus, .ui.inverted.orange.basic.buttons .button:focus {
box-shadow: 0 0 0 2px #f17000 inset !important;
color: #ff851b !important
}
.ui.inverted.orange.basic.active.button, .ui.inverted.orange.basic.buttons .active.button, .ui.inverted.orange.buttons .basic.active.button {
box-shadow: 0 0 0 2px #ff7701 inset !important;
color: #ff851b !important
}
.ui.inverted.orange.basic.button:active, .ui.inverted.orange.basic.buttons .button:active, .ui.inverted.orange.buttons .basic.button:active {
box-shadow: 0 0 0 2px #e76b00 inset !important;
color: #ff851b !important
}
.ui.pink.button, .ui.pink.buttons .button {
background-color: #e03997;
color: #fff;
text-shadow: none;
background-image: none
}
.ui.pink.button {
box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset
}
.ui.pink.button:hover, .ui.pink.buttons .button:hover {
background-color: #e61a8d;
color: #fff;
text-shadow: none
}
.ui.pink.button:focus, .ui.pink.buttons .button:focus {
background-color: #e10f85;
color: #fff;
text-shadow: none
}
.ui.pink.button:active, .ui.pink.buttons .button:active {
background-color: #c71f7e;
color: #fff;
text-shadow: none
}
.ui.pink.active.button, .ui.pink.button .active.button:active, .ui.pink.buttons .active.button, .ui.pink.buttons .active.button:active {
background-color: #ea158d;
color: #fff;
text-shadow: none
}
.ui.basic.pink.button, .ui.basic.pink.buttons .button {
box-shadow: 0 0 0 1px #e03997 inset !important;
color: #e03997 !important
}
.ui.basic.pink.button:hover, .ui.basic.pink.buttons .button:hover {
background: 0 0 !important;
box-shadow: 0 0 0 1px #e61a8d inset !important;
color: #e61a8d !important
}
.ui.basic.pink.button:focus, .ui.basic.pink.buttons .button:focus {
background: 0 0 !important;
box-shadow: 0 0 0 1px #e10f85 inset !important;
color: #e61a8d !important
}
.ui.basic.pink.active.button, .ui.basic.pink.buttons .active.button {
background: 0 0 !important;
box-shadow: 0 0 0 1px #ea158d inset !important;
color: #c71f7e !important
}
.ui.basic.pink.button:active, .ui.basic.pink.buttons .button:active {
box-shadow: 0 0 0 1px #c71f7e inset !important;
color: #c71f7e !important
}
.ui.buttons:not(.vertical) > .basic.pink.button:not(:first-child) {
margin-left: -1px
}
.ui.inverted.pink.button, .ui.inverted.pink.buttons .button {
background-color: transparent;
box-shadow: 0 0 0 2px #ff8edf inset !important;
color: #ff8edf
}
.ui.inverted.pink.button.active, .ui.inverted.pink.button:active, .ui.inverted.pink.button:focus, .ui.inverted.pink.button:hover, .ui.inverted.pink.buttons .button.active, .ui.inverted.pink.buttons .button:active, .ui.inverted.pink.buttons .button:focus, .ui.inverted.pink.buttons .button:hover {
box-shadow: none !important;
color: #fff
}
.ui.inverted.pink.button:hover, .ui.inverted.pink.buttons .button:hover {
background-color: #ff74d8
}
.ui.inverted.pink.button:focus, .ui.inverted.pink.buttons .button:focus {
background-color: #ff65d3
}
.ui.inverted.pink.active.button, .ui.inverted.pink.buttons .active.button {
background-color: #ff74d8
}
.ui.inverted.pink.button:active, .ui.inverted.pink.buttons .button:active {
background-color: #ff5bd1
}
.ui.inverted.pink.basic.button, .ui.inverted.pink.basic.buttons .button, .ui.inverted.pink.buttons .basic.button {
background-color: transparent;
box-shadow: 0 0 0 2px rgba(255,255,255,.5) inset !important;
color: #fff !important
}
.ui.inverted.pink.basic.button:hover, .ui.inverted.pink.basic.buttons .button:hover, .ui.inverted.pink.buttons .basic.button:hover {
box-shadow: 0 0 0 2px #ff74d8 inset !important;
color: #ff8edf !important
}
.ui.inverted.pink.basic.button:focus, .ui.inverted.pink.basic.buttons .button:focus {
box-shadow: 0 0 0 2px #ff65d3 inset !important;
color: #ff8edf !important
}
.ui.inverted.pink.basic.active.button, .ui.inverted.pink.basic.buttons .active.button, .ui.inverted.pink.buttons .basic.active.button {
box-shadow: 0 0 0 2px #ff74d8 inset !important;
color: #ff8edf !important
}
.ui.inverted.pink.basic.button:active, .ui.inverted.pink.basic.buttons .button:active, .ui.inverted.pink.buttons .basic.button:active {
box-shadow: 0 0 0 2px #ff5bd1 inset !important;
color: #ff8edf !important
}
.ui.violet.button, .ui.violet.buttons .button {
background-color: #6435c9;
color: #fff;
text-shadow: none;
background-image: none
}
.ui.violet.button {
box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset
}
.ui.violet.button:hover, .ui.violet.buttons .button:hover {
background-color: #5829bb;
color: #fff;
text-shadow: none
}
.ui.violet.button:focus, .ui.violet.buttons .button:focus {
background-color: #4f20b5;
color: #fff;
text-shadow: none
}
.ui.violet.button:active, .ui.violet.buttons .button:active {
background-color: #502aa1;
color: #fff;
text-shadow: none
}
.ui.violet.active.button, .ui.violet.button .active.button:active, .ui.violet.buttons .active.button, .ui.violet.buttons .active.button:active {
background-color: #5626bf;
color: #fff;
text-shadow: none
}
.ui.basic.violet.button, .ui.basic.violet.buttons .button {
box-shadow: 0 0 0 1px #6435c9 inset !important;
color: #6435c9 !important
}
.ui.basic.violet.button:hover, .ui.basic.violet.buttons .button:hover {
background: 0 0 !important;
box-shadow: 0 0 0 1px #5829bb inset !important;
color: #5829bb !important
}
.ui.basic.violet.button:focus, .ui.basic.violet.buttons .button:focus {
background: 0 0 !important;
box-shadow: 0 0 0 1px #4f20b5 inset !important;
color: #5829bb !important
}
.ui.basic.violet.active.button, .ui.basic.violet.buttons .active.button {
background: 0 0 !important;
box-shadow: 0 0 0 1px #5626bf inset !important;
color: #502aa1 !important
}
.ui.basic.violet.button:active, .ui.basic.violet.buttons .button:active {
box-shadow: 0 0 0 1px #502aa1 inset !important;
color: #502aa1 !important
}
.ui.buttons:not(.vertical) > .basic.violet.button:not(:first-child) {
margin-left: -1px
}
.ui.inverted.violet.button, .ui.inverted.violet.buttons .button {
background-color: transparent;
box-shadow: 0 0 0 2px #a291fb inset !important;
color: #a291fb
}
.ui.inverted.violet.button.active, .ui.inverted.violet.button:active, .ui.inverted.violet.button:focus, .ui.inverted.violet.button:hover, .ui.inverted.violet.buttons .button.active, .ui.inverted.violet.buttons .button:active, .ui.inverted.violet.buttons .button:focus, .ui.inverted.violet.buttons .button:hover {
box-shadow: none !important;
color: #fff
}
.ui.inverted.violet.button:hover, .ui.inverted.violet.buttons .button:hover {
background-color: #8a73ff
}
.ui.inverted.violet.button:focus, .ui.inverted.violet.buttons .button:focus {
background-color: #7d64ff
}
.ui.inverted.violet.active.button, .ui.inverted.violet.buttons .active.button {
background-color: #8a73ff
}
.ui.inverted.violet.button:active, .ui.inverted.violet.buttons .button:active {
background-color: #7860f9
}
.ui.inverted.violet.basic.button, .ui.inverted.violet.basic.buttons .button, .ui.inverted.violet.buttons .basic.button {
background-color: transparent;
box-shadow: 0 0 0 2px rgba(255,255,255,.5) inset !important;
color: #fff !important
}
.ui.inverted.violet.basic.button:hover, .ui.inverted.violet.basic.buttons .button:hover, .ui.inverted.violet.buttons .basic.button:hover {
box-shadow: 0 0 0 2px #8a73ff inset !important;
color: #a291fb !important
}
.ui.inverted.violet.basic.button:focus, .ui.inverted.violet.basic.buttons .button:focus {
box-shadow: 0 0 0 2px #7d64ff inset !important;
color: #a291fb !important
}
.ui.inverted.violet.basic.active.button, .ui.inverted.violet.basic.buttons .active.button, .ui.inverted.violet.buttons .basic.active.button {
box-shadow: 0 0 0 2px #8a73ff inset !important;
color: #a291fb !important
}
.ui.inverted.violet.basic.button:active, .ui.inverted.violet.basic.buttons .button:active, .ui.inverted.violet.buttons .basic.button:active {
box-shadow: 0 0 0 2px #7860f9 inset !important;
color: #a291fb !important
}
.ui.purple.button, .ui.purple.buttons .button {
background-color: #a333c8;
color: #fff;
text-shadow: none;
background-image: none
}
.ui.purple.button {
box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset
}
.ui.purple.button:hover, .ui.purple.buttons .button:hover {
background-color: #9627ba;
color: #fff;
text-shadow: none
}
.ui.purple.button:focus, .ui.purple.buttons .button:focus {
background-color: #8f1eb4;
color: #fff;
text-shadow: none
}
.ui.purple.button:active, .ui.purple.buttons .button:active {
background-color: #82299f;
color: #fff;
text-shadow: none
}
.ui.purple.active.button, .ui.purple.button .active.button:active, .ui.purple.buttons .active.button, .ui.purple.buttons .active.button:active {
background-color: #9724be;
color: #fff;
text-shadow: none
}
.ui.basic.purple.button, .ui.basic.purple.buttons .button {
box-shadow: 0 0 0 1px #a333c8 inset !important;
color: #a333c8 !important
}
.ui.basic.purple.button:hover, .ui.basic.purple.buttons .button:hover {
background: 0 0 !important;
box-shadow: 0 0 0 1px #9627ba inset !important;
color: #9627ba !important
}
.ui.basic.purple.button:focus, .ui.basic.purple.buttons .button:focus {
background: 0 0 !important;
box-shadow: 0 0 0 1px #8f1eb4 inset !important;
color: #9627ba !important
}
.ui.basic.purple.active.button, .ui.basic.purple.buttons .active.button {
background: 0 0 !important;
box-shadow: 0 0 0 1px #9724be inset !important;
color: #82299f !important
}
.ui.basic.purple.button:active, .ui.basic.purple.buttons .button:active {
box-shadow: 0 0 0 1px #82299f inset !important;
color: #82299f !important
}
.ui.buttons:not(.vertical) > .basic.purple.button:not(:first-child) {
margin-left: -1px
}
.ui.inverted.purple.button, .ui.inverted.purple.buttons .button {
background-color: transparent;
box-shadow: 0 0 0 2px #dc73ff inset !important;
color: #dc73ff
}
.ui.inverted.purple.button.active, .ui.inverted.purple.button:active, .ui.inverted.purple.button:focus, .ui.inverted.purple.button:hover, .ui.inverted.purple.buttons .button.active, .ui.inverted.purple.buttons .button:active, .ui.inverted.purple.buttons .button:focus, .ui.inverted.purple.buttons .button:hover {
box-shadow: none !important;
color: #fff
}
.ui.inverted.purple.button:hover, .ui.inverted.purple.buttons .button:hover {
background-color: #d65aff
}
.ui.inverted.purple.button:focus, .ui.inverted.purple.buttons .button:focus {
background-color: #d24aff
}
.ui.inverted.purple.active.button, .ui.inverted.purple.buttons .active.button {
background-color: #d65aff
}
.ui.inverted.purple.button:active, .ui.inverted.purple.buttons .button:active {
background-color: #cf40ff
}
.ui.inverted.purple.basic.button, .ui.inverted.purple.basic.buttons .button, .ui.inverted.purple.buttons .basic.button {
background-color: transparent;
box-shadow: 0 0 0 2px rgba(255,255,255,.5) inset !important;
color: #fff !important
}
.ui.inverted.purple.basic.button:hover, .ui.inverted.purple.basic.buttons .button:hover, .ui.inverted.purple.buttons .basic.button:hover {
box-shadow: 0 0 0 2px #d65aff inset !important;
color: #dc73ff !important
}
.ui.inverted.purple.basic.button:focus, .ui.inverted.purple.basic.buttons .button:focus {
box-shadow: 0 0 0 2px #d24aff inset !important;
color: #dc73ff !important
}
.ui.inverted.purple.basic.active.button, .ui.inverted.purple.basic.buttons .active.button, .ui.inverted.purple.buttons .basic.active.button {
box-shadow: 0 0 0 2px #d65aff inset !important;
color: #dc73ff !important
}
.ui.inverted.purple.basic.button:active, .ui.inverted.purple.basic.buttons .button:active, .ui.inverted.purple.buttons .basic.button:active {
box-shadow: 0 0 0 2px #cf40ff inset !important;
color: #dc73ff !important
}
.ui.red.button, .ui.red.buttons .button {
background-color: #db2828;
color: #fff;
text-shadow: none;
background-image: none
}
.ui.red.button {
box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset
}
.ui.red.button:hover, .ui.red.buttons .button:hover {
background-color: #d01919;
color: #fff;
text-shadow: none
}
.ui.red.button:focus, .ui.red.buttons .button:focus {
background-color: #ca1010;
color: #fff;
text-shadow: none
}
.ui.red.button:active, .ui.red.buttons .button:active {
background-color: #b21e1e;
color: #fff;
text-shadow: none
}
.ui.red.active.button, .ui.red.button .active.button:active, .ui.red.buttons .active.button, .ui.red.buttons .active.button:active {
background-color: #d41515;
color: #fff;
text-shadow: none
}
.ui.basic.red.button, .ui.basic.red.buttons .button {
box-shadow: 0 0 0 1px #db2828 inset !important;
color: #db2828 !important
}
.ui.basic.red.button:hover, .ui.basic.red.buttons .button:hover {
background: 0 0 !important;
box-shadow: 0 0 0 1px #d01919 inset !important;
color: #d01919 !important
}
.ui.basic.red.button:focus, .ui.basic.red.buttons .button:focus {
background: 0 0 !important;
box-shadow: 0 0 0 1px #ca1010 inset !important;
color: #d01919 !important
}
.ui.basic.red.active.button, .ui.basic.red.buttons .active.button {
background: 0 0 !important;
box-shadow: 0 0 0 1px #d41515 inset !important;
color: #b21e1e !important
}
.ui.basic.red.button:active, .ui.basic.red.buttons .button:active {
box-shadow: 0 0 0 1px #b21e1e inset !important;
color: #b21e1e !important
}
.ui.buttons:not(.vertical) > .basic.red.button:not(:first-child) {
margin-left: -1px
}
.ui.inverted.red.button, .ui.inverted.red.buttons .button {
background-color: transparent;
box-shadow: 0 0 0 2px #ff695e inset !important;
color: #ff695e
}
.ui.inverted.red.button.active, .ui.inverted.red.button:active, .ui.inverted.red.button:focus, .ui.inverted.red.button:hover, .ui.inverted.red.buttons .button.active, .ui.inverted.red.buttons .button:active, .ui.inverted.red.buttons .button:focus, .ui.inverted.red.buttons .button:hover {
box-shadow: none !important;
color: #fff
}
.ui.inverted.red.button:hover, .ui.inverted.red.buttons .button:hover {
background-color: #ff5144
}
.ui.inverted.red.button:focus, .ui.inverted.red.buttons .button:focus {
background-color: #ff4335
}
.ui.inverted.red.active.button, .ui.inverted.red.buttons .active.button {
background-color: #ff5144
}
.ui.inverted.red.button:active, .ui.inverted.red.buttons .button:active {
background-color: #ff392b
}
.ui.inverted.red.basic.button, .ui.inverted.red.basic.buttons .button, .ui.inverted.red.buttons .basic.button {
background-color: transparent;
box-shadow: 0 0 0 2px rgba(255,255,255,.5) inset !important;
color: #fff !important
}
.ui.inverted.red.basic.button:hover, .ui.inverted.red.basic.buttons .button:hover, .ui.inverted.red.buttons .basic.button:hover {
box-shadow: 0 0 0 2px #ff5144 inset !important;
color: #ff695e !important
}
.ui.inverted.red.basic.button:focus, .ui.inverted.red.basic.buttons .button:focus {
box-shadow: 0 0 0 2px #ff4335 inset !important;
color: #ff695e !important
}
.ui.inverted.red.basic.active.button, .ui.inverted.red.basic.buttons .active.button, .ui.inverted.red.buttons .basic.active.button {
box-shadow: 0 0 0 2px #ff5144 inset !important;
color: #ff695e !important
}
.ui.inverted.red.basic.button:active, .ui.inverted.red.basic.buttons .button:active, .ui.inverted.red.buttons .basic.button:active {
box-shadow: 0 0 0 2px #ff392b inset !important;
color: #ff695e !important
}
.ui.teal.button, .ui.teal.buttons .button {
background-color: #00b5ad;
color: #fff;
text-shadow: none;
background-image: none
}
.ui.teal.button {
box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset
}
.ui.teal.button:hover, .ui.teal.buttons .button:hover {
background-color: #009c95;
color: #fff;
text-shadow: none
}
.ui.teal.button:focus, .ui.teal.buttons .button:focus {
background-color: #008c86;
color: #fff;
text-shadow: none
}
.ui.teal.button:active, .ui.teal.buttons .button:active {
background-color: #00827c;
color: #fff;
text-shadow: none
}
.ui.teal.active.button, .ui.teal.button .active.button:active, .ui.teal.buttons .active.button, .ui.teal.buttons .active.button:active {
background-color: #009c95;
color: #fff;
text-shadow: none
}
.ui.basic.teal.button, .ui.basic.teal.buttons .button {
box-shadow: 0 0 0 1px #00b5ad inset !important;
color: #00b5ad !important
}
.ui.basic.teal.button:hover, .ui.basic.teal.buttons .button:hover {
background: 0 0 !important;
box-shadow: 0 0 0 1px #009c95 inset !important;
color: #009c95 !important
}
.ui.basic.teal.button:focus, .ui.basic.teal.buttons .button:focus {
background: 0 0 !important;
box-shadow: 0 0 0 1px #008c86 inset !important;
color: #009c95 !important
}
.ui.basic.teal.active.button, .ui.basic.teal.buttons .active.button {
background: 0 0 !important;
box-shadow: 0 0 0 1px #009c95 inset !important;
color: #00827c !important
}
.ui.basic.teal.button:active, .ui.basic.teal.buttons .button:active {
box-shadow: 0 0 0 1px #00827c inset !important;
color: #00827c !important
}
.ui.buttons:not(.vertical) > .basic.teal.button:not(:first-child) {
margin-left: -1px
}
.ui.inverted.teal.button, .ui.inverted.teal.buttons .button {
background-color: transparent;
box-shadow: 0 0 0 2px #6dffff inset !important;
color: #6dffff
}
.ui.inverted.teal.button.active, .ui.inverted.teal.button:active, .ui.inverted.teal.button:focus, .ui.inverted.teal.button:hover, .ui.inverted.teal.buttons .button.active, .ui.inverted.teal.buttons .button:active, .ui.inverted.teal.buttons .button:focus, .ui.inverted.teal.buttons .button:hover {
box-shadow: none !important;
color: rgba(0,0,0,.6)
}
.ui.inverted.teal.button:hover, .ui.inverted.teal.buttons .button:hover {
background-color: #54ffff
}
.ui.inverted.teal.button:focus, .ui.inverted.teal.buttons .button:focus {
background-color: #4ff
}
.ui.inverted.teal.active.button, .ui.inverted.teal.buttons .active.button {
background-color: #54ffff
}
.ui.inverted.teal.button:active, .ui.inverted.teal.buttons .button:active {
background-color: #3affff
}
.ui.inverted.teal.basic.button, .ui.inverted.teal.basic.buttons .button, .ui.inverted.teal.buttons .basic.button {
background-color: transparent;
box-shadow: 0 0 0 2px rgba(255,255,255,.5) inset !important;
color: #fff !important
}
.ui.inverted.teal.basic.button:hover, .ui.inverted.teal.basic.buttons .button:hover, .ui.inverted.teal.buttons .basic.button:hover {
box-shadow: 0 0 0 2px #54ffff inset !important;
color: #6dffff !important
}
.ui.inverted.teal.basic.button:focus, .ui.inverted.teal.basic.buttons .button:focus {
box-shadow: 0 0 0 2px #4ff inset !important;
color: #6dffff !important
}
.ui.inverted.teal.basic.active.button, .ui.inverted.teal.basic.buttons .active.button, .ui.inverted.teal.buttons .basic.active.button {
box-shadow: 0 0 0 2px #54ffff inset !important;
color: #6dffff !important
}
.ui.inverted.teal.basic.button:active, .ui.inverted.teal.basic.buttons .button:active, .ui.inverted.teal.buttons .basic.button:active {
box-shadow: 0 0 0 2px #3affff inset !important;
color: #6dffff !important
}
.ui.olive.button, .ui.olive.buttons .button {
background-color: #b5cc18;
color: #fff;
text-shadow: none;
background-image: none
}
.ui.olive.button {
box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset
}
.ui.olive.button:hover, .ui.olive.buttons .button:hover {
background-color: #a7bd0d;
color: #fff;
text-shadow: none
}
.ui.olive.button:focus, .ui.olive.buttons .button:focus {
background-color: #a0b605;
color: #fff;
text-shadow: none
}
.ui.olive.button:active, .ui.olive.buttons .button:active {
background-color: #8d9e13;
color: #fff;
text-shadow: none
}
.ui.olive.active.button, .ui.olive.button .active.button:active, .ui.olive.buttons .active.button, .ui.olive.buttons .active.button:active {
background-color: #aac109;
color: #fff;
text-shadow: none
}
.ui.basic.olive.button, .ui.basic.olive.buttons .button {
box-shadow: 0 0 0 1px #b5cc18 inset !important;
color: #b5cc18 !important
}
.ui.basic.olive.button:hover, .ui.basic.olive.buttons .button:hover {
background: 0 0 !important;
box-shadow: 0 0 0 1px #a7bd0d inset !important;
color: #a7bd0d !important
}
.ui.basic.olive.button:focus, .ui.basic.olive.buttons .button:focus {
background: 0 0 !important;
box-shadow: 0 0 0 1px #a0b605 inset !important;
color: #a7bd0d !important
}
.ui.basic.olive.active.button, .ui.basic.olive.buttons .active.button {
background: 0 0 !important;
box-shadow: 0 0 0 1px #aac109 inset !important;
color: #8d9e13 !important
}
.ui.basic.olive.button:active, .ui.basic.olive.buttons .button:active {
box-shadow: 0 0 0 1px #8d9e13 inset !important;
color: #8d9e13 !important
}
.ui.buttons:not(.vertical) > .basic.olive.button:not(:first-child) {
margin-left: -1px
}
.ui.inverted.olive.button, .ui.inverted.olive.buttons .button {
background-color: transparent;
box-shadow: 0 0 0 2px #d9e778 inset !important;
color: #d9e778
}
.ui.inverted.olive.button.active, .ui.inverted.olive.button:active, .ui.inverted.olive.button:focus, .ui.inverted.olive.button:hover, .ui.inverted.olive.buttons .button.active, .ui.inverted.olive.buttons .button:active, .ui.inverted.olive.buttons .button:focus, .ui.inverted.olive.buttons .button:hover {
box-shadow: none !important;
color: rgba(0,0,0,.6)
}
.ui.inverted.olive.button:hover, .ui.inverted.olive.buttons .button:hover {
background-color: #d8ea5c
}
.ui.inverted.olive.button:focus, .ui.inverted.olive.buttons .button:focus {
background-color: #daef47
}
.ui.inverted.olive.active.button, .ui.inverted.olive.buttons .active.button {
background-color: #daed59
}
.ui.inverted.olive.button:active, .ui.inverted.olive.buttons .button:active {
background-color: #cddf4d
}
.ui.inverted.olive.basic.button, .ui.inverted.olive.basic.buttons .button, .ui.inverted.olive.buttons .basic.button {
background-color: transparent;
box-shadow: 0 0 0 2px rgba(255,255,255,.5) inset !important;
color: #fff !important
}
.ui.inverted.olive.basic.button:hover, .ui.inverted.olive.basic.buttons .button:hover, .ui.inverted.olive.buttons .basic.button:hover {
box-shadow: 0 0 0 2px #d8ea5c inset !important;
color: #d9e778 !important
}
.ui.inverted.olive.basic.button:focus, .ui.inverted.olive.basic.buttons .button:focus {
box-shadow: 0 0 0 2px #daef47 inset !important;
color: #d9e778 !important
}
.ui.inverted.olive.basic.active.button, .ui.inverted.olive.basic.buttons .active.button, .ui.inverted.olive.buttons .basic.active.button {
box-shadow: 0 0 0 2px #daed59 inset !important;
color: #d9e778 !important
}
.ui.inverted.olive.basic.button:active, .ui.inverted.olive.basic.buttons .button:active, .ui.inverted.olive.buttons .basic.button:active {
box-shadow: 0 0 0 2px #cddf4d inset !important;
color: #d9e778 !important
}
.ui.yellow.button, .ui.yellow.buttons .button {
background-color: #fbbd08;
color: #fff;
text-shadow: none;
background-image: none
}
.ui.yellow.button {
box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset
}
.ui.yellow.button:hover, .ui.yellow.buttons .button:hover {
background-color: #eaae00;
color: #fff;
text-shadow: none
}
.ui.yellow.button:focus, .ui.yellow.buttons .button:focus {
background-color: #daa300;
color: #fff;
text-shadow: none
}
.ui.yellow.button:active, .ui.yellow.buttons .button:active {
background-color: #cd9903;
color: #fff;
text-shadow: none
}
.ui.yellow.active.button, .ui.yellow.button .active.button:active, .ui.yellow.buttons .active.button, .ui.yellow.buttons .active.button:active {
background-color: #eaae00;
color: #fff;
text-shadow: none
}
.ui.basic.yellow.button, .ui.basic.yellow.buttons .button {
box-shadow: 0 0 0 1px #fbbd08 inset !important;
color: #fbbd08 !important
}
.ui.basic.yellow.button:hover, .ui.basic.yellow.buttons .button:hover {
background: 0 0 !important;
box-shadow: 0 0 0 1px #eaae00 inset !important;
color: #eaae00 !important
}
.ui.basic.yellow.button:focus, .ui.basic.yellow.buttons .button:focus {
background: 0 0 !important;
box-shadow: 0 0 0 1px #daa300 inset !important;
color: #eaae00 !important
}
.ui.basic.yellow.active.button, .ui.basic.yellow.buttons .active.button {
background: 0 0 !important;
box-shadow: 0 0 0 1px #eaae00 inset !important;
color: #cd9903 !important
}
.ui.basic.yellow.button:active, .ui.basic.yellow.buttons .button:active {
box-shadow: 0 0 0 1px #cd9903 inset !important;
color: #cd9903 !important
}
.ui.buttons:not(.vertical) > .basic.yellow.button:not(:first-child) {
margin-left: -1px
}
.ui.inverted.yellow.button, .ui.inverted.yellow.buttons .button {
background-color: transparent;
box-shadow: 0 0 0 2px #ffe21f inset !important;
color: #ffe21f
}
.ui.inverted.yellow.button.active, .ui.inverted.yellow.button:active, .ui.inverted.yellow.button:focus, .ui.inverted.yellow.button:hover, .ui.inverted.yellow.buttons .button.active, .ui.inverted.yellow.buttons .button:active, .ui.inverted.yellow.buttons .button:focus, .ui.inverted.yellow.buttons .button:hover {
box-shadow: none !important;
color: rgba(0,0,0,.6)
}
.ui.inverted.yellow.button:hover, .ui.inverted.yellow.buttons .button:hover {
background-color: #ffdf05
}
.ui.inverted.yellow.button:focus, .ui.inverted.yellow.buttons .button:focus {
background-color: #f5d500
}
.ui.inverted.yellow.active.button, .ui.inverted.yellow.buttons .active.button {
background-color: #ffdf05
}
.ui.inverted.yellow.button:active, .ui.inverted.yellow.buttons .button:active {
background-color: #ebcd00
}
.ui.inverted.yellow.basic.button, .ui.inverted.yellow.basic.buttons .button, .ui.inverted.yellow.buttons .basic.button {
background-color: transparent;
box-shadow: 0 0 0 2px rgba(255,255,255,.5) inset !important;
color: #fff !important
}
.ui.inverted.yellow.basic.button:hover, .ui.inverted.yellow.basic.buttons .button:hover, .ui.inverted.yellow.buttons .basic.button:hover {
box-shadow: 0 0 0 2px #ffdf05 inset !important;
color: #ffe21f !important
}
.ui.inverted.yellow.basic.button:focus, .ui.inverted.yellow.basic.buttons .button:focus {
box-shadow: 0 0 0 2px #f5d500 inset !important;
color: #ffe21f !important
}
.ui.inverted.yellow.basic.active.button, .ui.inverted.yellow.basic.buttons .active.button, .ui.inverted.yellow.buttons .basic.active.button {
box-shadow: 0 0 0 2px #ffdf05 inset !important;
color: #ffe21f !important
}
.ui.inverted.yellow.basic.button:active, .ui.inverted.yellow.basic.buttons .button:active, .ui.inverted.yellow.buttons .basic.button:active {
box-shadow: 0 0 0 2px #ebcd00 inset !important;
color: #ffe21f !important
}
.ui.primary.button, .ui.primary.buttons .button {
background-color: #2185d0;
color: #fff;
text-shadow: none;
background-image: none
}
.ui.primary.button {
box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset
}
.ui.primary.button:hover, .ui.primary.buttons .button:hover {
background-color: #1678c2;
color: #fff;
text-shadow: none
}
.ui.primary.button:focus, .ui.primary.buttons .button:focus {
background-color: #0d71bb;
color: #fff;
text-shadow: none
}
.ui.primary.button:active, .ui.primary.buttons .button:active {
background-color: #1a69a4;
color: #fff;
text-shadow: none
}
.ui.primary.active.button, .ui.primary.button .active.button:active, .ui.primary.buttons .active.button, .ui.primary.buttons .active.button:active {
background-color: #1279c6;
color: #fff;
text-shadow: none
}
.ui.basic.primary.button, .ui.basic.primary.buttons .button {
box-shadow: 0 0 0 1px #2185d0 inset !important;
color: #2185d0 !important
}
.ui.basic.primary.button:hover, .ui.basic.primary.buttons .button:hover {
background: 0 0 !important;
box-shadow: 0 0 0 1px #1678c2 inset !important;
color: #1678c2 !important
}
.ui.basic.primary.button:focus, .ui.basic.primary.buttons .button:focus {
background: 0 0 !important;
box-shadow: 0 0 0 1px #0d71bb inset !important;
color: #1678c2 !important
}
.ui.basic.primary.active.button, .ui.basic.primary.buttons .active.button {
background: 0 0 !important;
box-shadow: 0 0 0 1px #1279c6 inset !important;
color: #1a69a4 !important
}
.ui.basic.primary.button:active, .ui.basic.primary.buttons .button:active {
box-shadow: 0 0 0 1px #1a69a4 inset !important;
color: #1a69a4 !important
}
.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
margin-left: -1px
}
.ui.inverted.primary.button, .ui.inverted.primary.buttons .button {
background-color: transparent;
box-shadow: 0 0 0 2px #54c8ff inset !important;
color: #54c8ff
}
.ui.inverted.primary.button.active, .ui.inverted.primary.button:active, .ui.inverted.primary.button:focus, .ui.inverted.primary.button:hover, .ui.inverted.primary.buttons .button.active, .ui.inverted.primary.buttons .button:active, .ui.inverted.primary.buttons .button:focus, .ui.inverted.primary.buttons .button:hover {
box-shadow: none !important;
color: #fff
}
.ui.inverted.primary.button:hover, .ui.inverted.primary.buttons .button:hover {
background-color: #3ac0ff
}
.ui.inverted.primary.button:focus, .ui.inverted.primary.buttons .button:focus {
background-color: #2bbbff
}
.ui.inverted.primary.active.button, .ui.inverted.primary.buttons .active.button {
background-color: #3ac0ff
}
.ui.inverted.primary.button:active, .ui.inverted.primary.buttons .button:active {
background-color: #21b8ff
}
.ui.inverted.primary.basic.button, .ui.inverted.primary.basic.buttons .button, .ui.inverted.primary.buttons .basic.button {
background-color: transparent;
box-shadow: 0 0 0 2px rgba(255,255,255,.5) inset !important;
color: #fff !important
}
.ui.inverted.primary.basic.button:hover, .ui.inverted.primary.basic.buttons .button:hover, .ui.inverted.primary.buttons .basic.button:hover {
box-shadow: 0 0 0 2px #3ac0ff inset !important;
color: #54c8ff !important
}
.ui.inverted.primary.basic.button:focus, .ui.inverted.primary.basic.buttons .button:focus {
box-shadow: 0 0 0 2px #2bbbff inset !important;
color: #54c8ff !important
}
.ui.inverted.primary.basic.active.button, .ui.inverted.primary.basic.buttons .active.button, .ui.inverted.primary.buttons .basic.active.button {
box-shadow: 0 0 0 2px #3ac0ff inset !important;
color: #54c8ff !important
}
.ui.inverted.primary.basic.button:active, .ui.inverted.primary.basic.buttons .button:active, .ui.inverted.primary.buttons .basic.button:active {
box-shadow: 0 0 0 2px #21b8ff inset !important;
color: #54c8ff !important
}
.ui.secondary.button, .ui.secondary.buttons .button {
background-color: #1b1c1d;
color: #fff;
text-shadow: none;
background-image: none
}
.ui.secondary.button {
box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset
}
.ui.secondary.button:hover, .ui.secondary.buttons .button:hover {
background-color: #27292a;
color: #fff;
text-shadow: none
}
.ui.secondary.button:focus, .ui.secondary.buttons .button:focus {
background-color: #2e3032;
color: #fff;
text-shadow: none
}
.ui.secondary.button:active, .ui.secondary.buttons .button:active {
background-color: #343637;
color: #fff;
text-shadow: none
}
.ui.secondary.active.button, .ui.secondary.button .active.button:active, .ui.secondary.buttons .active.button, .ui.secondary.buttons .active.button:active {
background-color: #27292a;
color: #fff;
text-shadow: none
}
.ui.basic.secondary.button, .ui.basic.secondary.buttons .button {
box-shadow: 0 0 0 1px #1b1c1d inset !important;
color: #1b1c1d !important
}
.ui.basic.secondary.button:hover, .ui.basic.secondary.buttons .button:hover {
background: 0 0 !important;
box-shadow: 0 0 0 1px #27292a inset !important;
color: #27292a !important
}
.ui.basic.secondary.button:focus, .ui.basic.secondary.buttons .button:focus {
background: 0 0 !important;
box-shadow: 0 0 0 1px #2e3032 inset !important;
color: #27292a !important
}
.ui.basic.secondary.active.button, .ui.basic.secondary.buttons .active.button {
background: 0 0 !important;
box-shadow: 0 0 0 1px #27292a inset !important;
color: #343637 !important
}
.ui.basic.secondary.button:active, .ui.basic.secondary.buttons .button:active {
box-shadow: 0 0 0 1px #343637 inset !important;
color: #343637 !important
}
.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
margin-left: -1px
}
.ui.inverted.secondary.button, .ui.inverted.secondary.buttons .button {
background-color: transparent;
box-shadow: 0 0 0 2px #545454 inset !important;
color: #545454
}
.ui.inverted.secondary.button.active, .ui.inverted.secondary.button:active, .ui.inverted.secondary.button:focus, .ui.inverted.secondary.button:hover, .ui.inverted.secondary.buttons .button.active, .ui.inverted.secondary.buttons .button:active, .ui.inverted.secondary.buttons .button:focus, .ui.inverted.secondary.buttons .button:hover {
box-shadow: none !important;
color: #fff
}
.ui.inverted.secondary.button:hover, .ui.inverted.secondary.buttons .button:hover {
background-color: #616161
}
.ui.inverted.secondary.button:focus, .ui.inverted.secondary.buttons .button:focus {
background-color: #686868
}
.ui.inverted.secondary.active.button, .ui.inverted.secondary.buttons .active.button {
background-color: #616161
}
.ui.inverted.secondary.button:active, .ui.inverted.secondary.buttons .button:active {
background-color: #6e6e6e
}
.ui.inverted.secondary.basic.button, .ui.inverted.secondary.basic.buttons .button, .ui.inverted.secondary.buttons .basic.button {
background-color: transparent;
box-shadow: 0 0 0 2px rgba(255,255,255,.5) inset !important;
color: #fff !important
}
.ui.inverted.secondary.basic.button:hover, .ui.inverted.secondary.basic.buttons .button:hover, .ui.inverted.secondary.buttons .basic.button:hover {
box-shadow: 0 0 0 2px #616161 inset !important;
color: #545454 !important
}
.ui.inverted.secondary.basic.button:focus, .ui.inverted.secondary.basic.buttons .button:focus {
box-shadow: 0 0 0 2px #686868 inset !important;
color: #545454 !important
}
.ui.inverted.secondary.basic.active.button, .ui.inverted.secondary.basic.buttons .active.button, .ui.inverted.secondary.buttons .basic.active.button {
box-shadow: 0 0 0 2px #616161 inset !important;
color: #545454 !important
}
.ui.inverted.secondary.basic.button:active, .ui.inverted.secondary.basic.buttons .button:active, .ui.inverted.secondary.buttons .basic.button:active {
box-shadow: 0 0 0 2px #6e6e6e inset !important;
color: #545454 !important
}
.ui.positive.button, .ui.positive.buttons .button {
background-color: #21ba45;
color: #fff;
text-shadow: none;
background-image: none
}
.ui.positive.button {
box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset
}
.ui.positive.button:hover, .ui.positive.buttons .button:hover {
background-color: #16ab39;
color: #fff;
text-shadow: none
}
.ui.positive.button:focus, .ui.positive.buttons .button:focus {
background-color: #0ea432;
color: #fff;
text-shadow: none
}
.ui.positive.button:active, .ui.positive.buttons .button:active {
background-color: #198f35;
color: #fff;
text-shadow: none
}
.ui.positive.active.button, .ui.positive.button .active.button:active, .ui.positive.buttons .active.button, .ui.positive.buttons .active.button:active {
background-color: #13ae38;
color: #fff;
text-shadow: none
}
.ui.basic.positive.button, .ui.basic.positive.buttons .button {
box-shadow: 0 0 0 1px #21ba45 inset !important;
color: #21ba45 !important
}
.ui.basic.positive.button:hover, .ui.basic.positive.buttons .button:hover {
background: 0 0 !important;
box-shadow: 0 0 0 1px #16ab39 inset !important;
color: #16ab39 !important
}
.ui.basic.positive.button:focus, .ui.basic.positive.buttons .button:focus {
background: 0 0 !important;
box-shadow: 0 0 0 1px #0ea432 inset !important;
color: #16ab39 !important
}
.ui.basic.positive.active.button, .ui.basic.positive.buttons .active.button {
background: 0 0 !important;
box-shadow: 0 0 0 1px #13ae38 inset !important;
color: #198f35 !important
}
.ui.basic.positive.button:active, .ui.basic.positive.buttons .button:active {
box-shadow: 0 0 0 1px #198f35 inset !important;
color: #198f35 !important
}
.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
margin-left: -1px
}
.ui.negative.button, .ui.negative.buttons .button {
background-color: #db2828;
color: #fff;
text-shadow: none;
background-image: none
}
.ui.negative.button {
box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset
}
.ui.negative.button:hover, .ui.negative.buttons .button:hover {
background-color: #d01919;
color: #fff;
text-shadow: none
}
.ui.negative.button:focus, .ui.negative.buttons .button:focus {
background-color: #ca1010;
color: #fff;
text-shadow: none
}
.ui.negative.button:active, .ui.negative.buttons .button:active {
background-color: #b21e1e;
color: #fff;
text-shadow: none
}
.ui.negative.active.button, .ui.negative.button .active.button:active, .ui.negative.buttons .active.button, .ui.negative.buttons .active.button:active {
background-color: #d41515;
color: #fff;
text-shadow: none
}
.ui.basic.negative.button, .ui.basic.negative.buttons .button {
box-shadow: 0 0 0 1px #db2828 inset !important;
color: #db2828 !important
}
.ui.basic.negative.button:hover, .ui.basic.negative.buttons .button:hover {
background: 0 0 !important;
box-shadow: 0 0 0 1px #d01919 inset !important;
color: #d01919 !important
}
.ui.basic.negative.button:focus, .ui.basic.negative.buttons .button:focus {
background: 0 0 !important;
box-shadow: 0 0 0 1px #ca1010 inset !important;
color: #d01919 !important
}
.ui.basic.negative.active.button, .ui.basic.negative.buttons .active.button {
background: 0 0 !important;
box-shadow: 0 0 0 1px #d41515 inset !important;
color: #b21e1e !important
}
.ui.basic.negative.button:active, .ui.basic.negative.buttons .button:active {
box-shadow: 0 0 0 1px #b21e1e inset !important;
color: #b21e1e !important
}
.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
margin-left: -1px
}
.ui.buttons {
display: inline-flex;
flex-direction: row;
font-size: 0;
vertical-align: baseline;
margin: 0 .25em 0 0
}
.ui.buttons:not(.basic):not(.inverted) {
box-shadow: none
}
.ui.buttons:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden
}
.ui.buttons .button {
flex: 1 0 auto;
margin: 0;
border-radius: 0;
margin: 0
}
.ui.buttons:not(.basic):not(.inverted) > .button, .ui.buttons > .ui.button:not(.basic):not(.inverted) {
box-shadow: 0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset
}
.ui.buttons .button:first-child {
border-left: none;
margin-left: 0;
border-top-left-radius: .28571429rem;
border-bottom-left-radius: .28571429rem
}
.ui.buttons .button:last-child {
border-top-right-radius: .28571429rem;
border-bottom-right-radius: .28571429rem
}
.ui.vertical.buttons {
display: inline-flex;
flex-direction: column
}
.ui.vertical.buttons .button {
display: block;
float: none;
width: 100%;
margin: 0;
box-shadow: none;
border-radius: 0
}
.ui.vertical.buttons .button:first-child {
border-top-left-radius: .28571429rem;
border-top-right-radius: .28571429rem
}
.ui.vertical.buttons .button:last-child {
margin-bottom: 0;
border-bottom-left-radius: .28571429rem;
border-bottom-right-radius: .28571429rem
}
.ui.vertical.buttons .button:only-child {
border-radius: .28571429rem
}
/*!
* # Semantic UI 2.5.0 - Container
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.container {
display: block;
max-width: 100% !important
}
@media only screen and (max-width:767px) {
.ui.container {
width: auto !important;
margin-left: 1em !important;
margin-right: 1em !important
}
.ui.grid.container {
width: auto !important
}
.ui.relaxed.grid.container {
width: auto !important
}
.ui.very.relaxed.grid.container {
width: auto !important
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.ui.container {
width: 723px;
margin-left: auto !important;
margin-right: auto !important
}
.ui.grid.container {
width: calc(723px + 2rem) !important
}
.ui.relaxed.grid.container {
width: calc(723px + 3rem) !important
}
.ui.very.relaxed.grid.container {
width: calc(723px + 5rem) !important
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.ui.container {
width: 933px;
margin-left: auto !important;
margin-right: auto !important
}
.ui.grid.container {
width: calc(933px + 2rem) !important
}
.ui.relaxed.grid.container {
width: calc(933px + 3rem) !important
}
.ui.very.relaxed.grid.container {
width: calc(933px + 5rem) !important
}
}
@media only screen and (min-width:1200px) {
.ui.container {
width: 1127px;
margin-left: auto !important;
margin-right: auto !important
}
.ui.grid.container {
width: calc(1127px + 2rem) !important
}
.ui.relaxed.grid.container {
width: calc(1127px + 3rem) !important
}
.ui.very.relaxed.grid.container {
width: calc(1127px + 5rem) !important
}
}
.ui.text.container {
font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
max-width: 700px !important;
line-height: 1.5
}
.ui.text.container {
font-size: 1.14285714rem
}
.ui.fluid.container {
width: 100%
}
.ui[class*="left aligned"].container {
text-align: left
}
.ui[class*="center aligned"].container {
text-align: center
}
.ui[class*="right aligned"].container {
text-align: right
}
.ui.justified.container {
text-align: justify;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto
}
/*!
* # Semantic UI 2.5.0 - Divider
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.divider {
margin: 1rem 0;
line-height: 1;
height: 0;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .05em;
color: rgba(0,0,0,.85);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent
}
.ui.divider:not(.vertical):not(.horizontal) {
border-top: 1px solid rgba(34,36,38,.15);
border-bottom: 1px solid rgba(255,255,255,.1)
}
.ui.grid > .column + .divider, .ui.grid > .row > .column + .divider {
left: auto
}
.ui.horizontal.divider {
display: table;
white-space: nowrap;
height: auto;
margin: '';
line-height: 1;
text-align: center
}
.ui.horizontal.divider:after, .ui.horizontal.divider:before {
content: '';
display: table-cell;
position: relative;
top: 50%;
width: 50%;
background-repeat: no-repeat
}
.ui.horizontal.divider:before {
background-position: right 1em top 50%
}
.ui.horizontal.divider:after {
background-position: left 1em top 50%
}
.ui.vertical.divider {
position: absolute;
z-index: 2;
top: 50%;
left: 50%;
margin: 0;
padding: 0;
width: auto;
height: 50%;
line-height: 0;
text-align: center;
transform: translateX(-50%)
}
.ui.vertical.divider:after, .ui.vertical.divider:before {
position: absolute;
left: 50%;
content: '';
z-index: 3;
border-left: 1px solid rgba(34,36,38,.15);
border-right: 1px solid rgba(255,255,255,.1);
width: 0%;
height: calc(100% - 1rem)
}
.ui.vertical.divider:before {
top: -100%
}
.ui.vertical.divider:after {
top: auto;
bottom: 0
}
@media only screen and (max-width:767px) {
.ui.grid .stackable.row .ui.vertical.divider, .ui.stackable.grid .ui.vertical.divider {
display: table;
white-space: nowrap;
height: auto;
margin: '';
overflow: hidden;
line-height: 1;
text-align: center;
position: static;
top: 0;
left: 0;
transform: none
}
.ui.grid .stackable.row .ui.vertical.divider:after, .ui.grid .stackable.row .ui.vertical.divider:before, .ui.stackable.grid .ui.vertical.divider:after, .ui.stackable.grid .ui.vertical.divider:before {
position: static;
left: 0;
border-left: none;
border-right: none;
content: '';
display: table-cell;
position: relative;
top: 50%;
width: 50%;
background-repeat: no-repeat
}
.ui.grid .stackable.row .ui.vertical.divider:before, .ui.stackable.grid .ui.vertical.divider:before {
background-position: right 1em top 50%
}
.ui.grid .stackable.row .ui.vertical.divider:after, .ui.stackable.grid .ui.vertical.divider:after {
background-position: left 1em top 50%
}
}
.ui.divider > .icon {
margin: 0;
font-size: 1rem;
height: 1em;
vertical-align: middle
}
.ui.hidden.divider {
border-color: transparent !important
}
.ui.hidden.divider:after, .ui.hidden.divider:before {
display: none
}
.ui.divider.inverted, .ui.horizontal.inverted.divider, .ui.vertical.inverted.divider {
color: #fff
}
.ui.divider.inverted, .ui.divider.inverted:after, .ui.divider.inverted:before {
border-top-color: rgba(34,36,38,.15) !important;
border-left-color: rgba(34,36,38,.15) !important;
border-bottom-color: rgba(255,255,255,.15) !important;
border-right-color: rgba(255,255,255,.15) !important
}
.ui.fitted.divider {
margin: 0
}
.ui.clearing.divider {
clear: both
}
.ui.section.divider {
margin-top: 2rem;
margin-bottom: 2rem
}
.ui.divider {
font-size: 1rem
}
.ui.horizontal.divider:after, .ui.horizontal.divider:before {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC)
}
@media only screen and (max-width:767px) {
.ui.grid .stackable.row .ui.vertical.divider:after, .ui.grid .stackable.row .ui.vertical.divider:before, .ui.stackable.grid .ui.vertical.divider:after, .ui.stackable.grid .ui.vertical.divider:before {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC)
}
}
/*!
* # Semantic UI 2.5.0 - Flag
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
i.flag:not(.icon) {
display: inline-block;
width: 16px;
height: 11px;
line-height: 11px;
vertical-align: baseline;
margin: 0 .5em 0 0;
text-decoration: inherit;
speak: none;
font-smoothing: antialiased;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
i.flag:not(.icon):before {
display: inline-block;
content: '';
background: url(themes/default/assets/images/flags.png) no-repeat -108px -1976px;
width: 16px;
height: 11px
}
i.flag.ad:before, i.flag.andorra:before {
background-position: 0 0
}
i.flag.ae:before, i.flag.uae:before, i.flag.united.arab.emirates:before {
background-position: 0 -26px
}
i.flag.af:before, i.flag.afghanistan:before {
background-position: 0 -52px
}
i.flag.ag:before, i.flag.antigua:before {
background-position: 0 -78px
}
i.flag.ai:before, i.flag.anguilla:before {
background-position: 0 -104px
}
i.flag.al:before, i.flag.albania:before {
background-position: 0 -130px
}
i.flag.am:before, i.flag.armenia:before {
background-position: 0 -156px
}
i.flag.an:before, i.flag.netherlands.antilles:before {
background-position: 0 -182px
}
i.flag.angola:before, i.flag.ao:before {
background-position: 0 -208px
}
i.flag.ar:before, i.flag.argentina:before {
background-position: 0 -234px
}
i.flag.american.samoa:before, i.flag.as:before {
background-position: 0 -260px
}
i.flag.at:before, i.flag.austria:before {
background-position: 0 -286px
}
i.flag.au:before, i.flag.australia:before {
background-position: 0 -312px
}
i.flag.aruba:before, i.flag.aw:before {
background-position: 0 -338px
}
i.flag.aland.islands:before, i.flag.ax:before {
background-position: 0 -364px
}
i.flag.az:before, i.flag.azerbaijan:before {
background-position: 0 -390px
}
i.flag.ba:before, i.flag.bosnia:before {
background-position: 0 -416px
}
i.flag.barbados:before, i.flag.bb:before {
background-position: 0 -442px
}
i.flag.bangladesh:before, i.flag.bd:before {
background-position: 0 -468px
}
i.flag.be:before, i.flag.belgium:before {
background-position: 0 -494px
}
i.flag.bf:before, i.flag.burkina.faso:before {
background-position: 0 -520px
}
i.flag.bg:before, i.flag.bulgaria:before {
background-position: 0 -546px
}
i.flag.bahrain:before, i.flag.bh:before {
background-position: 0 -572px
}
i.flag.bi:before, i.flag.burundi:before {
background-position: 0 -598px
}
i.flag.benin:before, i.flag.bj:before {
background-position: 0 -624px
}
i.flag.bermuda:before, i.flag.bm:before {
background-position: 0 -650px
}
i.flag.bn:before, i.flag.brunei:before {
background-position: 0 -676px
}
i.flag.bo:before, i.flag.bolivia:before {
background-position: 0 -702px
}
i.flag.br:before, i.flag.brazil:before {
background-position: 0 -728px
}
i.flag.bahamas:before, i.flag.bs:before {
background-position: 0 -754px
}
i.flag.bhutan:before, i.flag.bt:before {
background-position: 0 -780px
}
i.flag.bouvet.island:before, i.flag.bv:before {
background-position: 0 -806px
}
i.flag.botswana:before, i.flag.bw:before {
background-position: 0 -832px
}
i.flag.belarus:before, i.flag.by:before {
background-position: 0 -858px
}
i.flag.belize:before, i.flag.bz:before {
background-position: 0 -884px
}
i.flag.ca:before, i.flag.canada:before {
background-position: 0 -910px
}
i.flag.cc:before, i.flag.cocos.islands:before {
background-position: 0 -962px
}
i.flag.cd:before, i.flag.congo:before {
background-position: 0 -988px
}
i.flag.central.african.republic:before, i.flag.cf:before {
background-position: 0 -1014px
}
i.flag.cg:before, i.flag.congo.brazzaville:before {
background-position: 0 -1040px
}
i.flag.ch:before, i.flag.switzerland:before {
background-position: 0 -1066px
}
i.flag.ci:before, i.flag.cote.divoire:before {
background-position: 0 -1092px
}
i.flag.ck:before, i.flag.cook.islands:before {
background-position: 0 -1118px
}
i.flag.chile:before, i.flag.cl:before {
background-position: 0 -1144px
}
i.flag.cameroon:before, i.flag.cm:before {
background-position: 0 -1170px
}
i.flag.china:before, i.flag.cn:before {
background-position: 0 -1196px
}
i.flag.co:before, i.flag.colombia:before {
background-position: 0 -1222px
}
i.flag.costa.rica:before, i.flag.cr:before {
background-position: 0 -1248px
}
i.flag.cs:before, i.flag.serbia:before {
background-position: 0 -1274px
}
i.flag.cu:before, i.flag.cuba:before {
background-position: 0 -1300px
}
i.flag.cape.verde:before, i.flag.cv:before {
background-position: 0 -1326px
}
i.flag.christmas.island:before, i.flag.cx:before {
background-position: 0 -1352px
}
i.flag.cy:before, i.flag.cyprus:before {
background-position: 0 -1378px
}
i.flag.cz:before, i.flag.czech.republic:before {
background-position: 0 -1404px
}
i.flag.de:before, i.flag.germany:before {
background-position: 0 -1430px
}
i.flag.dj:before, i.flag.djibouti:before {
background-position: 0 -1456px
}
i.flag.denmark:before, i.flag.dk:before {
background-position: 0 -1482px
}
i.flag.dm:before, i.flag.dominica:before {
background-position: 0 -1508px
}
i.flag.do:before, i.flag.dominican.republic:before {
background-position: 0 -1534px
}
i.flag.algeria:before, i.flag.dz:before {
background-position: 0 -1560px
}
i.flag.ec:before, i.flag.ecuador:before {
background-position: 0 -1586px
}
i.flag.ee:before, i.flag.estonia:before {
background-position: 0 -1612px
}
i.flag.eg:before, i.flag.egypt:before {
background-position: 0 -1638px
}
i.flag.eh:before, i.flag.western.sahara:before {
background-position: 0 -1664px
}
i.flag.england:before, i.flag.gb.eng:before {
background-position: 0 -1690px
}
i.flag.er:before, i.flag.eritrea:before {
background-position: 0 -1716px
}
i.flag.es:before, i.flag.spain:before {
background-position: 0 -1742px
}
i.flag.et:before, i.flag.ethiopia:before {
background-position: 0 -1768px
}
i.flag.eu:before, i.flag.european.union:before {
background-position: 0 -1794px
}
i.flag.fi:before, i.flag.finland:before {
background-position: 0 -1846px
}
i.flag.fiji:before, i.flag.fj:before {
background-position: 0 -1872px
}
i.flag.falkland.islands:before, i.flag.fk:before {
background-position: 0 -1898px
}
i.flag.fm:before, i.flag.micronesia:before {
background-position: 0 -1924px
}
i.flag.faroe.islands:before, i.flag.fo:before {
background-position: 0 -1950px
}
i.flag.fr:before, i.flag.france:before {
background-position: 0 -1976px
}
i.flag.ga:before, i.flag.gabon:before {
background-position: -36px 0
}
i.flag.gb:before, i.flag.uk:before, i.flag.united.kingdom:before {
background-position: -36px -26px
}
i.flag.gd:before, i.flag.grenada:before {
background-position: -36px -52px
}
i.flag.ge:before, i.flag.georgia:before {
background-position: -36px -78px
}
i.flag.french.guiana:before, i.flag.gf:before {
background-position: -36px -104px
}
i.flag.gh:before, i.flag.ghana:before {
background-position: -36px -130px
}
i.flag.gi:before, i.flag.gibraltar:before {
background-position: -36px -156px
}
i.flag.gl:before, i.flag.greenland:before {
background-position: -36px -182px
}
i.flag.gambia:before, i.flag.gm:before {
background-position: -36px -208px
}
i.flag.gn:before, i.flag.guinea:before {
background-position: -36px -234px
}
i.flag.gp:before, i.flag.guadeloupe:before {
background-position: -36px -260px
}
i.flag.equatorial.guinea:before, i.flag.gq:before {
background-position: -36px -286px
}
i.flag.gr:before, i.flag.greece:before {
background-position: -36px -312px
}
i.flag.gs:before, i.flag.sandwich.islands:before {
background-position: -36px -338px
}
i.flag.gt:before, i.flag.guatemala:before {
background-position: -36px -364px
}
i.flag.gu:before, i.flag.guam:before {
background-position: -36px -390px
}
i.flag.guinea-bissau:before, i.flag.gw:before {
background-position: -36px -416px
}
i.flag.guyana:before, i.flag.gy:before {
background-position: -36px -442px
}
i.flag.hk:before, i.flag.hong.kong:before {
background-position: -36px -468px
}
i.flag.heard.island:before, i.flag.hm:before {
background-position: -36px -494px
}
i.flag.hn:before, i.flag.honduras:before {
background-position: -36px -520px
}
i.flag.croatia:before, i.flag.hr:before {
background-position: -36px -546px
}
i.flag.haiti:before, i.flag.ht:before {
background-position: -36px -572px
}
i.flag.hu:before, i.flag.hungary:before {
background-position: -36px -598px
}
i.flag.id:before, i.flag.indonesia:before {
background-position: -36px -624px
}
i.flag.ie:before, i.flag.ireland:before {
background-position: -36px -650px
}
i.flag.il:before, i.flag.israel:before {
background-position: -36px -676px
}
i.flag.in:before, i.flag.india:before {
background-position: -36px -702px
}
i.flag.indian.ocean.territory:before, i.flag.io:before {
background-position: -36px -728px
}
i.flag.iq:before, i.flag.iraq:before {
background-position: -36px -754px
}
i.flag.ir:before, i.flag.iran:before {
background-position: -36px -780px
}
i.flag.iceland:before, i.flag.is:before {
background-position: -36px -806px
}
i.flag.it:before, i.flag.italy:before {
background-position: -36px -832px
}
i.flag.jamaica:before, i.flag.jm:before {
background-position: -36px -858px
}
i.flag.jo:before, i.flag.jordan:before {
background-position: -36px -884px
}
i.flag.japan:before, i.flag.jp:before {
background-position: -36px -910px
}
i.flag.ke:before, i.flag.kenya:before {
background-position: -36px -936px
}
i.flag.kg:before, i.flag.kyrgyzstan:before {
background-position: -36px -962px
}
i.flag.cambodia:before, i.flag.kh:before {
background-position: -36px -988px
}
i.flag.ki:before, i.flag.kiribati:before {
background-position: -36px -1014px
}
i.flag.comoros:before, i.flag.km:before {
background-position: -36px -1040px
}
i.flag.kn:before, i.flag.saint.kitts.and.nevis:before {
background-position: -36px -1066px
}
i.flag.kp:before, i.flag.north.korea:before {
background-position: -36px -1092px
}
i.flag.kr:before, i.flag.south.korea:before {
background-position: -36px -1118px
}
i.flag.kuwait:before, i.flag.kw:before {
background-position: -36px -1144px
}
i.flag.cayman.islands:before, i.flag.ky:before {
background-position: -36px -1170px
}
i.flag.kazakhstan:before, i.flag.kz:before {
background-position: -36px -1196px
}
i.flag.la:before, i.flag.laos:before {
background-position: -36px -1222px
}
i.flag.lb:before, i.flag.lebanon:before {
background-position: -36px -1248px
}
i.flag.lc:before, i.flag.saint.lucia:before {
background-position: -36px -1274px
}
i.flag.li:before, i.flag.liechtenstein:before {
background-position: -36px -1300px
}
i.flag.lk:before, i.flag.sri.lanka:before {
background-position: -36px -1326px
}
i.flag.liberia:before, i.flag.lr:before {
background-position: -36px -1352px
}
i.flag.lesotho:before, i.flag.ls:before {
background-position: -36px -1378px
}
i.flag.lithuania:before, i.flag.lt:before {
background-position: -36px -1404px
}
i.flag.lu:before, i.flag.luxembourg:before {
background-position: -36px -1430px
}
i.flag.latvia:before, i.flag.lv:before {
background-position: -36px -1456px
}
i.flag.libya:before, i.flag.ly:before {
background-position: -36px -1482px
}
i.flag.ma:before, i.flag.morocco:before {
background-position: -36px -1508px
}
i.flag.mc:before, i.flag.monaco:before {
background-position: -36px -1534px
}
i.flag.md:before, i.flag.moldova:before {
background-position: -36px -1560px
}
i.flag.me:before, i.flag.montenegro:before {
background-position: -36px -1586px
}
i.flag.madagascar:before, i.flag.mg:before {
background-position: -36px -1613px
}
i.flag.marshall.islands:before, i.flag.mh:before {
background-position: -36px -1639px
}
i.flag.macedonia:before, i.flag.mk:before {
background-position: -36px -1665px
}
i.flag.mali:before, i.flag.ml:before {
background-position: -36px -1691px
}
i.flag.burma:before, i.flag.mm:before, i.flag.myanmar:before {
background-position: -73px -1821px
}
i.flag.mn:before, i.flag.mongolia:before {
background-position: -36px -1743px
}
i.flag.macau:before, i.flag.mo:before {
background-position: -36px -1769px
}
i.flag.mp:before, i.flag.northern.mariana.islands:before {
background-position: -36px -1795px
}
i.flag.martinique:before, i.flag.mq:before {
background-position: -36px -1821px
}
i.flag.mauritania:before, i.flag.mr:before {
background-position: -36px -1847px
}
i.flag.montserrat:before, i.flag.ms:before {
background-position: -36px -1873px
}
i.flag.malta:before, i.flag.mt:before {
background-position: -36px -1899px
}
i.flag.mauritius:before, i.flag.mu:before {
background-position: -36px -1925px
}
i.flag.maldives:before, i.flag.mv:before {
background-position: -36px -1951px
}
i.flag.malawi:before, i.flag.mw:before {
background-position: -36px -1977px
}
i.flag.mexico:before, i.flag.mx:before {
background-position: -72px 0
}
i.flag.malaysia:before, i.flag.my:before {
background-position: -72px -26px
}
i.flag.mozambique:before, i.flag.mz:before {
background-position: -72px -52px
}
i.flag.na:before, i.flag.namibia:before {
background-position: -72px -78px
}
i.flag.nc:before, i.flag.new.caledonia:before {
background-position: -72px -104px
}
i.flag.ne:before, i.flag.niger:before {
background-position: -72px -130px
}
i.flag.nf:before, i.flag.norfolk.island:before {
background-position: -72px -156px
}
i.flag.ng:before, i.flag.nigeria:before {
background-position: -72px -182px
}
i.flag.ni:before, i.flag.nicaragua:before {
background-position: -72px -208px
}
i.flag.netherlands:before, i.flag.nl:before {
background-position: -72px -234px
}
i.flag.no:before, i.flag.norway:before {
background-position: -72px -260px
}
i.flag.nepal:before, i.flag.np:before {
background-position: -72px -286px
}
i.flag.nauru:before, i.flag.nr:before {
background-position: -72px -312px
}
i.flag.niue:before, i.flag.nu:before {
background-position: -72px -338px
}
i.flag.new.zealand:before, i.flag.nz:before {
background-position: -72px -364px
}
i.flag.om:before, i.flag.oman:before {
background-position: -72px -390px
}
i.flag.pa:before, i.flag.panama:before {
background-position: -72px -416px
}
i.flag.pe:before, i.flag.peru:before {
background-position: -72px -442px
}
i.flag.french.polynesia:before, i.flag.pf:before {
background-position: -72px -468px
}
i.flag.new.guinea:before, i.flag.pg:before {
background-position: -72px -494px
}
i.flag.ph:before, i.flag.philippines:before {
background-position: -72px -520px
}
i.flag.pakistan:before, i.flag.pk:before {
background-position: -72px -546px
}
i.flag.pl:before, i.flag.poland:before {
background-position: -72px -572px
}
i.flag.pm:before, i.flag.saint.pierre:before {
background-position: -72px -598px
}
i.flag.pitcairn.islands:before, i.flag.pn:before {
background-position: -72px -624px
}
i.flag.pr:before, i.flag.puerto.rico:before {
background-position: -72px -650px
}
i.flag.palestine:before, i.flag.ps:before {
background-position: -72px -676px
}
i.flag.portugal:before, i.flag.pt:before {
background-position: -72px -702px
}
i.flag.palau:before, i.flag.pw:before {
background-position: -72px -728px
}
i.flag.paraguay:before, i.flag.py:before {
background-position: -72px -754px
}
i.flag.qa:before, i.flag.qatar:before {
background-position: -72px -780px
}
i.flag.re:before, i.flag.reunion:before {
background-position: -72px -806px
}
i.flag.ro:before, i.flag.romania:before {
background-position: -72px -832px
}
i.flag.rs:before, i.flag.serbia:before {
background-position: -72px -858px
}
i.flag.ru:before, i.flag.russia:before {
background-position: -72px -884px
}
i.flag.rw:before, i.flag.rwanda:before {
background-position: -72px -910px
}
i.flag.sa:before, i.flag.saudi.arabia:before {
background-position: -72px -936px
}
i.flag.sb:before, i.flag.solomon.islands:before {
background-position: -72px -962px
}
i.flag.sc:before, i.flag.seychelles:before {
background-position: -72px -988px
}
i.flag.gb.sct:before, i.flag.scotland:before {
background-position: -72px -1014px
}
i.flag.sd:before, i.flag.sudan:before {
background-position: -72px -1040px
}
i.flag.se:before, i.flag.sweden:before {
background-position: -72px -1066px
}
i.flag.sg:before, i.flag.singapore:before {
background-position: -72px -1092px
}
i.flag.saint.helena:before, i.flag.sh:before {
background-position: -72px -1118px
}
i.flag.si:before, i.flag.slovenia:before {
background-position: -72px -1144px
}
i.flag.jan.mayen:before, i.flag.sj:before, i.flag.svalbard:before {
background-position: -72px -1170px
}
i.flag.sk:before, i.flag.slovakia:before {
background-position: -72px -1196px
}
i.flag.sierra.leone:before, i.flag.sl:before {
background-position: -72px -1222px
}
i.flag.san.marino:before, i.flag.sm:before {
background-position: -72px -1248px
}
i.flag.senegal:before, i.flag.sn:before {
background-position: -72px -1274px
}
i.flag.so:before, i.flag.somalia:before {
background-position: -72px -1300px
}
i.flag.sr:before, i.flag.suriname:before {
background-position: -72px -1326px
}
i.flag.sao.tome:before, i.flag.st:before {
background-position: -72px -1352px
}
i.flag.el.salvador:before, i.flag.sv:before {
background-position: -72px -1378px
}
i.flag.sy:before, i.flag.syria:before {
background-position: -72px -1404px
}
i.flag.swaziland:before, i.flag.sz:before {
background-position: -72px -1430px
}
i.flag.caicos.islands:before, i.flag.tc:before {
background-position: -72px -1456px
}
i.flag.chad:before, i.flag.td:before {
background-position: -72px -1482px
}
i.flag.french.territories:before, i.flag.tf:before {
background-position: -72px -1508px
}
i.flag.tg:before, i.flag.togo:before {
background-position: -72px -1534px
}
i.flag.th:before, i.flag.thailand:before {
background-position: -72px -1560px
}
i.flag.tajikistan:before, i.flag.tj:before {
background-position: -72px -1586px
}
i.flag.tk:before, i.flag.tokelau:before {
background-position: -72px -1612px
}
i.flag.timorleste:before, i.flag.tl:before {
background-position: -72px -1638px
}
i.flag.tm:before, i.flag.turkmenistan:before {
background-position: -72px -1664px
}
i.flag.tn:before, i.flag.tunisia:before {
background-position: -72px -1690px
}
i.flag.to:before, i.flag.tonga:before {
background-position: -72px -1716px
}
i.flag.tr:before, i.flag.turkey:before {
background-position: -72px -1742px
}
i.flag.trinidad:before, i.flag.tt:before {
background-position: -72px -1768px
}
i.flag.tuvalu:before, i.flag.tv:before {
background-position: -72px -1794px
}
i.flag.taiwan:before, i.flag.tw:before {
background-position: -72px -1820px
}
i.flag.tanzania:before, i.flag.tz:before {
background-position: -72px -1846px
}
i.flag.ua:before, i.flag.ukraine:before {
background-position: -72px -1872px
}
i.flag.ug:before, i.flag.uganda:before {
background-position: -72px -1898px
}
i.flag.um:before, i.flag.us.minor.islands:before {
background-position: -72px -1924px
}
i.flag.america:before, i.flag.united.states:before, i.flag.us:before {
background-position: -72px -1950px
}
i.flag.uruguay:before, i.flag.uy:before {
background-position: -72px -1976px
}
i.flag.uz:before, i.flag.uzbekistan:before {
background-position: -108px 0
}
i.flag.va:before, i.flag.vatican.city:before {
background-position: -108px -26px
}
i.flag.saint.vincent:before, i.flag.vc:before {
background-position: -108px -52px
}
i.flag.ve:before, i.flag.venezuela:before {
background-position: -108px -78px
}
i.flag.british.virgin.islands:before, i.flag.vg:before {
background-position: -108px -104px
}
i.flag.us.virgin.islands:before, i.flag.vi:before {
background-position: -108px -130px
}
i.flag.vietnam:before, i.flag.vn:before {
background-position: -108px -156px
}
i.flag.vanuatu:before, i.flag.vu:before {
background-position: -108px -182px
}
i.flag.gb.wls:before, i.flag.wales:before {
background-position: -108px -208px
}
i.flag.wallis.and.futuna:before, i.flag.wf:before {
background-position: -108px -234px
}
i.flag.samoa:before, i.flag.ws:before {
background-position: -108px -260px
}
i.flag.ye:before, i.flag.yemen:before {
background-position: -108px -286px
}
i.flag.mayotte:before, i.flag.yt:before {
background-position: -108px -312px
}
i.flag.south.africa:before, i.flag.za:before {
background-position: -108px -338px
}
i.flag.zambia:before, i.flag.zm:before {
background-position: -108px -364px
}
i.flag.zimbabwe:before, i.flag.zw:before {
background-position: -108px -390px
}
/*!
* # Semantic UI 2.5.0 - Header
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.header {
border: none;
margin: calc(2rem - .14285714em) 0 1rem;
padding: 0 0;
font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
font-weight: 700;
line-height: 1.28571429em;
text-transform: none;
color: rgba(0,0,0,.87)
}
.ui.header:first-child {
margin-top: -.14285714em
}
.ui.header:last-child {
margin-bottom: 0
}
.ui.header .sub.header {
display: block;
font-weight: 400;
padding: 0;
margin: 0;
font-size: 1rem;
line-height: 1.2em;
color: rgba(0,0,0,.6)
}
.ui.header > .icon {
display: table-cell;
opacity: 1;
font-size: 1.5em;
padding-top: 0;
vertical-align: middle
}
.ui.header .icon:only-child {
display: inline-block;
padding: 0;
margin-right: .75rem
}
.ui.header > .image:not(.icon), .ui.header > img {
display: inline-block;
margin-top: .14285714em;
width: 2.5em;
height: auto;
vertical-align: middle
}
.ui.header > .image:not(.icon):only-child, .ui.header > img:only-child {
margin-right: .75rem
}
.ui.header .content {
display: inline-block;
vertical-align: top
}
.ui.header > .image + .content, .ui.header > img + .content {
padding-left: .75rem;
vertical-align: middle
}
.ui.header > .icon + .content {
padding-left: .75rem;
display: table-cell;
vertical-align: middle
}
.ui.header .ui.label {
font-size: '';
margin-left: .5rem;
vertical-align: middle
}
.ui.header + p {
margin-top: 0
}
h1.ui.header {
font-size: 2rem
}
h2.ui.header {
font-size: 1.71428571rem
}
h3.ui.header {
font-size: 1.28571429rem
}
h4.ui.header {
font-size: 1.07142857rem
}
h5.ui.header {
font-size: 1rem
}
h1.ui.header .sub.header {
font-size: 1.14285714rem
}
h2.ui.header .sub.header {
font-size: 1.14285714rem
}
h3.ui.header .sub.header {
font-size: 1rem
}
h4.ui.header .sub.header {
font-size: 1rem
}
h5.ui.header .sub.header {
font-size: .92857143rem
}
.ui.huge.header {
min-height: 1em;
font-size: 2em
}
.ui.large.header {
font-size: 1.71428571em
}
.ui.medium.header {
font-size: 1.28571429em
}
.ui.small.header {
font-size: 1.07142857em
}
.ui.tiny.header {
font-size: 1em
}
.ui.huge.header .sub.header {
font-size: 1.14285714rem
}
.ui.large.header .sub.header {
font-size: 1.14285714rem
}
.ui.header .sub.header {
font-size: 1rem
}
.ui.small.header .sub.header {
font-size: 1rem
}
.ui.tiny.header .sub.header {
font-size: .92857143rem
}
.ui.sub.header {
padding: 0;
margin-bottom: .14285714rem;
font-weight: 700;
font-size: .85714286em;
text-transform: uppercase;
color: ''
}
.ui.small.sub.header {
font-size: .78571429em
}
.ui.sub.header {
font-size: .85714286em
}
.ui.large.sub.header {
font-size: .92857143em
}
.ui.huge.sub.header {
font-size: 1em
}
.ui.icon.header {
display: inline-block;
text-align: center;
margin: 2rem 0 1rem
}
.ui.icon.header:after {
content: '';
display: block;
height: 0;
clear: both;
visibility: hidden
}
.ui.icon.header:first-child {
margin-top: 0
}
.ui.icon.header .icon {
float: none;
display: block;
width: auto;
height: auto;
line-height: 1;
padding: 0;
font-size: 3em;
margin: 0 auto .5rem;
opacity: 1
}
.ui.icon.header .content {
display: block;
padding: 0
}
.ui.icon.header .circular.icon {
font-size: 2em
}
.ui.icon.header .square.icon {
font-size: 2em
}
.ui.block.icon.header .icon {
margin-bottom: 0
}
.ui.icon.header.aligned {
margin-left: auto;
margin-right: auto;
display: block
}
.ui.disabled.header {
opacity: .45
}
.ui.inverted.header {
color: #fff
}
.ui.inverted.header .sub.header {
color: rgba(255,255,255,.8)
}
.ui.inverted.attached.header {
background: #545454 linear-gradient(transparent,rgba(0,0,0,.05));
box-shadow: none;
border-color: transparent
}
.ui.inverted.block.header {
background: #545454 linear-gradient(transparent,rgba(0,0,0,.05));
box-shadow: none
}
.ui.inverted.block.header {
border-bottom: none
}
.ui.red.header {
color: #db2828 !important
}
a.ui.red.header:hover {
color: #d01919 !important
}
.ui.red.dividing.header {
border-bottom: 2px solid #db2828
}
.ui.inverted.red.header {
color: #ff695e !important
}
a.ui.inverted.red.header:hover {
color: #ff5144 !important
}
.ui.orange.header {
color: #f2711c !important
}
a.ui.orange.header:hover {
color: #f26202 !important
}
.ui.orange.dividing.header {
border-bottom: 2px solid #f2711c
}
.ui.inverted.orange.header {
color: #ff851b !important
}
a.ui.inverted.orange.header:hover {
color: #ff7701 !important
}
.ui.olive.header {
color: #b5cc18 !important
}
a.ui.olive.header:hover {
color: #a7bd0d !important
}
.ui.olive.dividing.header {
border-bottom: 2px solid #b5cc18
}
.ui.inverted.olive.header {
color: #d9e778 !important
}
a.ui.inverted.olive.header:hover {
color: #d8ea5c !important
}
.ui.yellow.header {
color: #fbbd08 !important
}
a.ui.yellow.header:hover {
color: #eaae00 !important
}
.ui.yellow.dividing.header {
border-bottom: 2px solid #fbbd08
}
.ui.inverted.yellow.header {
color: #ffe21f !important
}
a.ui.inverted.yellow.header:hover {
color: #ffdf05 !important
}
.ui.green.header {
color: #21ba45 !important
}
a.ui.green.header:hover {
color: #16ab39 !important
}
.ui.green.dividing.header {
border-bottom: 2px solid #21ba45
}
.ui.inverted.green.header {
color: #2ecc40 !important
}
a.ui.inverted.green.header:hover {
color: #22be34 !important
}
.ui.teal.header {
color: #00b5ad !important
}
a.ui.teal.header:hover {
color: #009c95 !important
}
.ui.teal.dividing.header {
border-bottom: 2px solid #00b5ad
}
.ui.inverted.teal.header {
color: #6dffff !important
}
a.ui.inverted.teal.header:hover {
color: #54ffff !important
}
.ui.blue.header {
color: #2185d0 !important
}
a.ui.blue.header:hover {
color: #1678c2 !important
}
.ui.blue.dividing.header {
border-bottom: 2px solid #2185d0
}
.ui.inverted.blue.header {
color: #54c8ff !important
}
a.ui.inverted.blue.header:hover {
color: #3ac0ff !important
}
.ui.violet.header {
color: #6435c9 !important
}
a.ui.violet.header:hover {
color: #5829bb !important
}
.ui.violet.dividing.header {
border-bottom: 2px solid #6435c9
}
.ui.inverted.violet.header {
color: #a291fb !important
}
a.ui.inverted.violet.header:hover {
color: #8a73ff !important
}
.ui.purple.header {
color: #a333c8 !important
}
a.ui.purple.header:hover {
color: #9627ba !important
}
.ui.purple.dividing.header {
border-bottom: 2px solid #a333c8
}
.ui.inverted.purple.header {
color: #dc73ff !important
}
a.ui.inverted.purple.header:hover {
color: #d65aff !important
}
.ui.pink.header {
color: #e03997 !important
}
a.ui.pink.header:hover {
color: #e61a8d !important
}
.ui.pink.dividing.header {
border-bottom: 2px solid #e03997
}
.ui.inverted.pink.header {
color: #ff8edf !important
}
a.ui.inverted.pink.header:hover {
color: #ff74d8 !important
}
.ui.brown.header {
color: #a5673f !important
}
a.ui.brown.header:hover {
color: #975b33 !important
}
.ui.brown.dividing.header {
border-bottom: 2px solid #a5673f
}
.ui.inverted.brown.header {
color: #d67c1c !important
}
a.ui.inverted.brown.header:hover {
color: #c86f11 !important
}
.ui.grey.header {
color: #767676 !important
}
a.ui.grey.header:hover {
color: #838383 !important
}
.ui.grey.dividing.header {
border-bottom: 2px solid #767676
}
.ui.inverted.grey.header {
color: #dcddde !important
}
a.ui.inverted.grey.header:hover {
color: #cfd0d2 !important
}
.ui.left.aligned.header {
text-align: left
}
.ui.right.aligned.header {
text-align: right
}
.ui.center.aligned.header, .ui.centered.header {
text-align: center
}
.ui.justified.header {
text-align: justify
}
.ui.justified.header:after {
display: inline-block;
content: '';
width: 100%
}
.ui.floated.header, .ui[class*="left floated"].header {
float: left;
margin-top: 0;
margin-right: .5em
}
.ui[class*="right floated"].header {
float: right;
margin-top: 0;
margin-left: .5em
}
.ui.fitted.header {
padding: 0
}
.ui.dividing.header {
padding-bottom: .21428571rem;
border-bottom: 1px solid rgba(34,36,38,.15)
}
.ui.dividing.header .sub.header {
padding-bottom: .21428571rem
}
.ui.dividing.header .icon {
margin-bottom: 0
}
.ui.inverted.dividing.header {
border-bottom-color: rgba(255,255,255,.1)
}
.ui.block.header {
background: #f3f4f5;
padding: .78571429rem 1rem;
box-shadow: none;
border: 1px solid #d4d4d5;
border-radius: .28571429rem
}
.ui.tiny.block.header {
font-size: .85714286rem
}
.ui.small.block.header {
font-size: .92857143rem
}
.ui.block.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
font-size: 1rem
}
.ui.large.block.header {
font-size: 1.14285714rem
}
.ui.huge.block.header {
font-size: 1.42857143rem
}
.ui.attached.header {
background: #fff;
padding: .78571429rem 1rem;
margin-left: -1px;
margin-right: -1px;
box-shadow: none;
border: 1px solid #d4d4d5
}
.ui.attached.block.header {
background: #f3f4f5
}
.ui.attached:not(.top):not(.bottom).header {
margin-top: 0;
margin-bottom: 0;
border-top: none;
border-radius: 0
}
.ui.top.attached.header {
margin-bottom: 0;
border-radius: .28571429rem .28571429rem 0 0
}
.ui.bottom.attached.header {
margin-top: 0;
border-top: none;
border-radius: 0 0 .28571429rem .28571429rem
}
.ui.tiny.attached.header {
font-size: .85714286em
}
.ui.small.attached.header {
font-size: .92857143em
}
.ui.attached.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
font-size: 1em
}
.ui.large.attached.header {
font-size: 1.14285714em
}
.ui.huge.attached.header {
font-size: 1.42857143em
}
.ui.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
font-size: 1.28571429em
}
/*!
* # Semantic UI 2.5.0 - Icon
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
@font-face {
font-family: Icons;
src: url(themes/default/assets/fonts/icons.eot);
src: url(themes/default/assets/fonts/icons.eot?#iefix) format('embedded-opentype'),url(themes/default/assets/fonts/icons.woff2) format('woff2'),url(themes/default/assets/fonts/icons.woff) format('woff'),url(themes/default/assets/fonts/icons.ttf) format('truetype'),url(themes/default/assets/fonts/icons.svg#icons) format('svg');
font-style: normal;
font-weight: 400;
font-variant: normal;
text-decoration: inherit;
text-transform: none
}
i.icon {
display: inline-block;
opacity: 1;
margin: 0 .25rem 0 0;
width: 1.18em;
height: 1em;
font-family: Icons;
font-style: normal;
font-weight: 400;
text-decoration: inherit;
text-align: center;
speak: none;
font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
i.icon:before {
background: 0 0 !important
}
i.icon.loading {
height: 1em;
line-height: 1
}
i.icon.loading {
-webkit-animation: icon-loading 2s linear infinite;
animation: icon-loading 2s linear infinite
}
@-webkit-keyframes icon-loading {
from {
transform: rotate(0)
}
to {
transform: rotate(360deg)
}
}
@keyframes icon-loading {
from {
transform: rotate(0)
}
to {
transform: rotate(360deg)
}
}
i.icon.hover {
opacity: 1 !important
}
i.icon.active {
opacity: 1 !important
}
i.emphasized.icon {
opacity: 1 !important
}
i.disabled.icon {
opacity: .45 !important
}
i.fitted.icon {
width: auto;
margin: 0 !important
}
i.link.icon, i.link.icons {
cursor: pointer;
opacity: .8;
transition: opacity .1s ease
}
i.link.icon:hover, i.link.icons:hover {
opacity: 1 !important
}
i.circular.icon {
border-radius: 500em !important;
line-height: 1 !important;
padding: .5em 0 !important;
box-shadow: 0 0 0 .1em rgba(0,0,0,.1) inset;
width: 2em !important;
height: 2em !important
}
i.circular.inverted.icon {
border: none;
box-shadow: none
}
i.flipped.icon, i.horizontally.flipped.icon {
transform: scale(-1,1)
}
i.vertically.flipped.icon {
transform: scale(1,-1)
}
i.clockwise.rotated.icon, i.right.rotated.icon, i.rotated.icon {
transform: rotate(90deg)
}
i.counterclockwise.rotated.icon, i.left.rotated.icon {
transform: rotate(-90deg)
}
i.bordered.icon {
line-height: 1;
vertical-align: baseline;
width: 2em;
height: 2em;
padding: .5em 0 !important;
box-shadow: 0 0 0 .1em rgba(0,0,0,.1) inset
}
i.bordered.inverted.icon {
border: none;
box-shadow: none
}
i.inverted.bordered.icon, i.inverted.circular.icon {
background-color: #1b1c1d !important;
color: #fff !important
}
i.inverted.icon {
color: #fff
}
i.red.icon {
color: #db2828 !important
}
i.inverted.red.icon {
color: #ff695e !important
}
i.inverted.bordered.red.icon, i.inverted.circular.red.icon {
background-color: #db2828 !important;
color: #fff !important
}
i.orange.icon {
color: #f2711c !important
}
i.inverted.orange.icon {
color: #ff851b !important
}
i.inverted.bordered.orange.icon, i.inverted.circular.orange.icon {
background-color: #f2711c !important;
color: #fff !important
}
i.yellow.icon {
color: #fbbd08 !important
}
i.inverted.yellow.icon {
color: #ffe21f !important
}
i.inverted.bordered.yellow.icon, i.inverted.circular.yellow.icon {
background-color: #fbbd08 !important;
color: #fff !important
}
i.olive.icon {
color: #b5cc18 !important
}
i.inverted.olive.icon {
color: #d9e778 !important
}
i.inverted.bordered.olive.icon, i.inverted.circular.olive.icon {
background-color: #b5cc18 !important;
color: #fff !important
}
i.green.icon {
color: #21ba45 !important
}
i.inverted.green.icon {
color: #2ecc40 !important
}
i.inverted.bordered.green.icon, i.inverted.circular.green.icon {
background-color: #21ba45 !important;
color: #fff !important
}
i.teal.icon {
color: #00b5ad !important
}
i.inverted.teal.icon {
color: #6dffff !important
}
i.inverted.bordered.teal.icon, i.inverted.circular.teal.icon {
background-color: #00b5ad !important;
color: #fff !important
}
i.blue.icon {
color: #2185d0 !important
}
i.inverted.blue.icon {
color: #54c8ff !important
}
i.inverted.bordered.blue.icon, i.inverted.circular.blue.icon {
background-color: #2185d0 !important;
color: #fff !important
}
i.violet.icon {
color: #6435c9 !important
}
i.inverted.violet.icon {
color: #a291fb !important
}
i.inverted.bordered.violet.icon, i.inverted.circular.violet.icon {
background-color: #6435c9 !important;
color: #fff !important
}
i.purple.icon {
color: #a333c8 !important
}
i.inverted.purple.icon {
color: #dc73ff !important
}
i.inverted.bordered.purple.icon, i.inverted.circular.purple.icon {
background-color: #a333c8 !important;
color: #fff !important
}
i.pink.icon {
color: #e03997 !important
}
i.inverted.pink.icon {
color: #ff8edf !important
}
i.inverted.bordered.pink.icon, i.inverted.circular.pink.icon {
background-color: #e03997 !important;
color: #fff !important
}
i.brown.icon {
color: #a5673f !important
}
i.inverted.brown.icon {
color: #d67c1c !important
}
i.inverted.bordered.brown.icon, i.inverted.circular.brown.icon {
background-color: #a5673f !important;
color: #fff !important
}
i.grey.icon {
color: #767676 !important
}
i.inverted.grey.icon {
color: #dcddde !important
}
i.inverted.bordered.grey.icon, i.inverted.circular.grey.icon {
background-color: #767676 !important;
color: #fff !important
}
i.black.icon {
color: #1b1c1d !important
}
i.inverted.black.icon {
color: #545454 !important
}
i.inverted.bordered.black.icon, i.inverted.circular.black.icon {
background-color: #1b1c1d !important;
color: #fff !important
}
i.mini.icon, i.mini.icons {
line-height: 1;
font-size: .4em
}
i.tiny.icon, i.tiny.icons {
line-height: 1;
font-size: .5em
}
i.small.icon, i.small.icons {
line-height: 1;
font-size: .75em
}
i.icon, i.icons {
font-size: 1em
}
i.large.icon, i.large.icons {
line-height: 1;
vertical-align: middle;
font-size: 1.5em
}
i.big.icon, i.big.icons {
line-height: 1;
vertical-align: middle;
font-size: 2em
}
i.huge.icon, i.huge.icons {
line-height: 1;
vertical-align: middle;
font-size: 4em
}
i.massive.icon, i.massive.icons {
line-height: 1;
vertical-align: middle;
font-size: 8em
}
i.icons {
display: inline-block;
position: relative;
line-height: 1
}
i.icons .icon {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
margin: 0;
margin: 0
}
i.icons .icon:first-child {
position: static;
width: auto;
height: auto;
vertical-align: top;
transform: none;
margin-right: .25rem
}
i.icons .corner.icon {
top: auto;
left: auto;
right: 0;
bottom: 0;
transform: none;
font-size: .45em;
text-shadow: -1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff
}
i.icons .top.right.corner.icon {
top: 0;
left: auto;
right: 0;
bottom: auto
}
i.icons .top.left.corner.icon {
top: 0;
left: 0;
right: auto;
bottom: auto
}
i.icons .bottom.left.corner.icon {
top: auto;
left: 0;
right: auto;
bottom: 0
}
i.icons .bottom.right.corner.icon {
top: auto;
left: auto;
right: 0;
bottom: 0
}
i.icons .inverted.corner.icon {
text-shadow: -1px -1px 0 #1b1c1d,1px -1px 0 #1b1c1d,-1px 1px 0 #1b1c1d,1px 1px 0 #1b1c1d
}
i.icon.linkedin.in:before {
content: "\f0e1"
}
i.icon.zoom.in:before {
content: "\f00e"
}
i.icon.zoom.out:before {
content: "\f010"
}
i.icon.sign.in:before {
content: "\f2f6"
}
i.icon.in.cart:before {
content: "\f218"
}
i.icon.log.out:before {
content: "\f2f5"
}
i.icon.sign.out:before {
content: "\f2f5"
}
i.icon.\35 00px:before {
content: "\f26e"
}
i.icon.accessible.icon:before {
content: "\f368"
}
i.icon.accusoft:before {
content: "\f369"
}
i.icon.address.book:before {
content: "\f2b9"
}
i.icon.address.card:before {
content: "\f2bb"
}
i.icon.adjust:before {
content: "\f042"
}
i.icon.adn:before {
content: "\f170"
}
i.icon.adversal:before {
content: "\f36a"
}
i.icon.affiliatetheme:before {
content: "\f36b"
}
i.icon.algolia:before {
content: "\f36c"
}
i.icon.align.center:before {
content: "\f037"
}
i.icon.align.justify:before {
content: "\f039"
}
i.icon.align.left:before {
content: "\f036"
}
i.icon.align.right:before {
content: "\f038"
}
i.icon.amazon:before {
content: "\f270"
}
i.icon.amazon.pay:before {
content: "\f42c"
}
i.icon.ambulance:before {
content: "\f0f9"
}
i.icon.american.sign.language.interpreting:before {
content: "\f2a3"
}
i.icon.amilia:before {
content: "\f36d"
}
i.icon.anchor:before {
content: "\f13d"
}
i.icon.android:before {
content: "\f17b"
}
i.icon.angellist:before {
content: "\f209"
}
i.icon.angle.double.down:before {
content: "\f103"
}
i.icon.angle.double.left:before {
content: "\f100"
}
i.icon.angle.double.right:before {
content: "\f101"
}
i.icon.angle.double.up:before {
content: "\f102"
}
i.icon.angle.down:before {
content: "\f107"
}
i.icon.angle.left:before {
content: "\f104"
}
i.icon.angle.right:before {
content: "\f105"
}
i.icon.angle.up:before {
content: "\f106"
}
i.icon.angrycreative:before {
content: "\f36e"
}
i.icon.angular:before {
content: "\f420"
}
i.icon.app.store:before {
content: "\f36f"
}
i.icon.app.store.ios:before {
content: "\f370"
}
i.icon.apper:before {
content: "\f371"
}
i.icon.apple:before {
content: "\f179"
}
i.icon.apple.pay:before {
content: "\f415"
}
i.icon.archive:before {
content: "\f187"
}
i.icon.arrow.alternate.circle.down:before {
content: "\f358"
}
i.icon.arrow.alternate.circle.left:before {
content: "\f359"
}
i.icon.arrow.alternate.circle.right:before {
content: "\f35a"
}
i.icon.arrow.alternate.circle.up:before {
content: "\f35b"
}
i.icon.arrow.circle.down:before {
content: "\f0ab"
}
i.icon.arrow.circle.left:before {
content: "\f0a8"
}
i.icon.arrow.circle.right:before {
content: "\f0a9"
}
i.icon.arrow.circle.up:before {
content: "\f0aa"
}
i.icon.arrow.down:before {
content: "\f063"
}
i.icon.arrow.left:before {
content: "\f060"
}
i.icon.arrow.right:before {
content: "\f061"
}
i.icon.arrow.up:before {
content: "\f062"
}
i.icon.arrows.alternate:before {
content: "\f0b2"
}
i.icon.arrows.alternate.horizontal:before {
content: "\f337"
}
i.icon.arrows.alternate.vertical:before {
content: "\f338"
}
i.icon.assistive.listening.systems:before {
content: "\f2a2"
}
i.icon.asterisk:before {
content: "\f069"
}
i.icon.asymmetrik:before {
content: "\f372"
}
i.icon.at:before {
content: "\f1fa"
}
i.icon.audible:before {
content: "\f373"
}
i.icon.audio.description:before {
content: "\f29e"
}
i.icon.autoprefixer:before {
content: "\f41c"
}
i.icon.avianex:before {
content: "\f374"
}
i.icon.aviato:before {
content: "\f421"
}
i.icon.aws:before {
content: "\f375"
}
i.icon.backward:before {
content: "\f04a"
}
i.icon.balance.scale:before {
content: "\f24e"
}
i.icon.ban:before {
content: "\f05e"
}
i.icon.band.aid:before {
content: "\f462"
}
i.icon.bandcamp:before {
content: "\f2d5"
}
i.icon.barcode:before {
content: "\f02a"
}
i.icon.bars:before {
content: "\f0c9"
}
i.icon.baseball.ball:before {
content: "\f433"
}
i.icon.basketball.ball:before {
content: "\f434"
}
i.icon.bath:before {
content: "\f2cd"
}
i.icon.battery.empty:before {
content: "\f244"
}
i.icon.battery.full:before {
content: "\f240"
}
i.icon.battery.half:before {
content: "\f242"
}
i.icon.battery.quarter:before {
content: "\f243"
}
i.icon.battery.three.quarters:before {
content: "\f241"
}
i.icon.bed:before {
content: "\f236"
}
i.icon.beer:before {
content: "\f0fc"
}
i.icon.behance:before {
content: "\f1b4"
}
i.icon.behance.square:before {
content: "\f1b5"
}
i.icon.bell:before {
content: "\f0f3"
}
i.icon.bell.slash:before {
content: "\f1f6"
}
i.icon.bicycle:before {
content: "\f206"
}
i.icon.bimobject:before {
content: "\f378"
}
i.icon.binoculars:before {
content: "\f1e5"
}
i.icon.birthday.cake:before {
content: "\f1fd"
}
i.icon.bitbucket:before {
content: "\f171"
}
i.icon.bitcoin:before {
content: "\f379"
}
i.icon.bity:before {
content: "\f37a"
}
i.icon.black.tie:before {
content: "\f27e"
}
i.icon.blackberry:before {
content: "\f37b"
}
i.icon.blind:before {
content: "\f29d"
}
i.icon.blogger:before {
content: "\f37c"
}
i.icon.blogger.b:before {
content: "\f37d"
}
i.icon.bluetooth:before {
content: "\f293"
}
i.icon.bluetooth.b:before {
content: "\f294"
}
i.icon.bold:before {
content: "\f032"
}
i.icon.bolt:before {
content: "\f0e7"
}
i.icon.bomb:before {
content: "\f1e2"
}
i.icon.book:before {
content: "\f02d"
}
i.icon.bookmark:before {
content: "\f02e"
}
i.icon.bowling.ball:before {
content: "\f436"
}
i.icon.box:before {
content: "\f466"
}
i.icon.boxes:before {
content: "\f468"
}
i.icon.braille:before {
content: "\f2a1"
}
i.icon.briefcase:before {
content: "\f0b1"
}
i.icon.btc:before {
content: "\f15a"
}
i.icon.bug:before {
content: "\f188"
}
i.icon.building:before {
content: "\f1ad"
}
i.icon.bullhorn:before {
content: "\f0a1"
}
i.icon.bullseye:before {
content: "\f140"
}
i.icon.buromobelexperte:before {
content: "\f37f"
}
i.icon.bus:before {
content: "\f207"
}
i.icon.buysellads:before {
content: "\f20d"
}
i.icon.calculator:before {
content: "\f1ec"
}
i.icon.calendar:before {
content: "\f133"
}
i.icon.calendar.alternate:before {
content: "\f073"
}
i.icon.calendar.check:before {
content: "\f274"
}
i.icon.calendar.minus:before {
content: "\f272"
}
i.icon.calendar.plus:before {
content: "\f271"
}
i.icon.calendar.times:before {
content: "\f273"
}
i.icon.camera:before {
content: "\f030"
}
i.icon.camera.retro:before {
content: "\f083"
}
i.icon.car:before {
content: "\f1b9"
}
i.icon.caret.down:before {
content: "\f0d7"
}
i.icon.caret.left:before {
content: "\f0d9"
}
i.icon.caret.right:before {
content: "\f0da"
}
i.icon.caret.square.down:before {
content: "\f150"
}
i.icon.caret.square.left:before {
content: "\f191"
}
i.icon.caret.square.right:before {
content: "\f152"
}
i.icon.caret.square.up:before {
content: "\f151"
}
i.icon.caret.up:before {
content: "\f0d8"
}
i.icon.cart.arrow.down:before {
content: "\f218"
}
i.icon.cart.plus:before {
content: "\f217"
}
i.icon.cc.amazon.pay:before {
content: "\f42d"
}
i.icon.cc.amex:before {
content: "\f1f3"
}
i.icon.cc.apple.pay:before {
content: "\f416"
}
i.icon.cc.diners.club:before {
content: "\f24c"
}
i.icon.cc.discover:before {
content: "\f1f2"
}
i.icon.cc.jcb:before {
content: "\f24b"
}
i.icon.cc.mastercard:before {
content: "\f1f1"
}
i.icon.cc.paypal:before {
content: "\f1f4"
}
i.icon.cc.stripe:before {
content: "\f1f5"
}
i.icon.cc.visa:before {
content: "\f1f0"
}
i.icon.centercode:before {
content: "\f380"
}
i.icon.certificate:before {
content: "\f0a3"
}
i.icon.chart.area:before {
content: "\f1fe"
}
i.icon.chart.bar:before {
content: "\f080"
}
i.icon.chart.line:before {
content: "\f201"
}
i.icon.chart.pie:before {
content: "\f200"
}
i.icon.check:before {
content: "\f00c"
}
i.icon.check.circle:before {
content: "\f058"
}
i.icon.check.square:before {
content: "\f14a"
}
i.icon.chess:before {
content: "\f439"
}
i.icon.chess.bishop:before {
content: "\f43a"
}
i.icon.chess.board:before {
content: "\f43c"
}
i.icon.chess.king:before {
content: "\f43f"
}
i.icon.chess.knight:before {
content: "\f441"
}
i.icon.chess.pawn:before {
content: "\f443"
}
i.icon.chess.queen:before {
content: "\f445"
}
i.icon.chess.rook:before {
content: "\f447"
}
i.icon.chevron.circle.down:before {
content: "\f13a"
}
i.icon.chevron.circle.left:before {
content: "\f137"
}
i.icon.chevron.circle.right:before {
content: "\f138"
}
i.icon.chevron.circle.up:before {
content: "\f139"
}
i.icon.chevron.down:before {
content: "\f078"
}
i.icon.chevron.left:before {
content: "\f053"
}
i.icon.chevron.right:before {
content: "\f054"
}
i.icon.chevron.up:before {
content: "\f077"
}
i.icon.child:before {
content: "\f1ae"
}
i.icon.chrome:before {
content: "\f268"
}
i.icon.circle:before {
content: "\f111"
}
i.icon.circle.notch:before {
content: "\f1ce"
}
i.icon.clipboard:before {
content: "\f328"
}
i.icon.clipboard.check:before {
content: "\f46c"
}
i.icon.clipboard.list:before {
content: "\f46d"
}
i.icon.clock:before {
content: "\f017"
}
i.icon.clone:before {
content: "\f24d"
}
i.icon.closed.captioning:before {
content: "\f20a"
}
i.icon.cloud:before {
content: "\f0c2"
}
i.icon.cloudscale:before {
content: "\f383"
}
i.icon.cloudsmith:before {
content: "\f384"
}
i.icon.cloudversify:before {
content: "\f385"
}
i.icon.code:before {
content: "\f121"
}
i.icon.code.branch:before {
content: "\f126"
}
i.icon.codepen:before {
content: "\f1cb"
}
i.icon.codiepie:before {
content: "\f284"
}
i.icon.coffee:before {
content: "\f0f4"
}
i.icon.cog:before {
content: "\f013"
}
i.icon.cogs:before {
content: "\f085"
}
i.icon.columns:before {
content: "\f0db"
}
i.icon.comment:before {
content: "\f075"
}
i.icon.comment.alternate:before {
content: "\f27a"
}
i.icon.comments:before {
content: "\f086"
}
i.icon.compass:before {
content: "\f14e"
}
i.icon.compress:before {
content: "\f066"
}
i.icon.connectdevelop:before {
content: "\f20e"
}
i.icon.contao:before {
content: "\f26d"
}
i.icon.copy:before {
content: "\f0c5"
}
i.icon.copyright:before {
content: "\f1f9"
}
i.icon.cpanel:before {
content: "\f388"
}
i.icon.creative.commons:before {
content: "\f25e"
}
i.icon.credit.card:before {
content: "\f09d"
}
i.icon.crop:before {
content: "\f125"
}
i.icon.crosshairs:before {
content: "\f05b"
}
i.icon.css3:before {
content: "\f13c"
}
i.icon.css3.alternate:before {
content: "\f38b"
}
i.icon.cube:before {
content: "\f1b2"
}
i.icon.cubes:before {
content: "\f1b3"
}
i.icon.cut:before {
content: "\f0c4"
}
i.icon.cuttlefish:before {
content: "\f38c"
}
i.icon.d.and.d:before {
content: "\f38d"
}
i.icon.dashcube:before {
content: "\f210"
}
i.icon.database:before {
content: "\f1c0"
}
i.icon.deaf:before {
content: "\f2a4"
}
i.icon.delicious:before {
content: "\f1a5"
}
i.icon.deploydog:before {
content: "\f38e"
}
i.icon.deskpro:before {
content: "\f38f"
}
i.icon.desktop:before {
content: "\f108"
}
i.icon.deviantart:before {
content: "\f1bd"
}
i.icon.digg:before {
content: "\f1a6"
}
i.icon.digital.ocean:before {
content: "\f391"
}
i.icon.discord:before {
content: "\f392"
}
i.icon.discourse:before {
content: "\f393"
}
i.icon.dna:before {
content: "\f471"
}
i.icon.dochub:before {
content: "\f394"
}
i.icon.docker:before {
content: "\f395"
}
i.icon.dollar.sign:before {
content: "\f155"
}
i.icon.dolly:before {
content: "\f472"
}
i.icon.dolly.flatbed:before {
content: "\f474"
}
i.icon.dot.circle:before {
content: "\f192"
}
i.icon.download:before {
content: "\f019"
}
i.icon.draft2digital:before {
content: "\f396"
}
i.icon.dribbble:before {
content: "\f17d"
}
i.icon.dribbble.square:before {
content: "\f397"
}
i.icon.dropbox:before {
content: "\f16b"
}
i.icon.drupal:before {
content: "\f1a9"
}
i.icon.dyalog:before {
content: "\f399"
}
i.icon.earlybirds:before {
content: "\f39a"
}
i.icon.edge:before {
content: "\f282"
}
i.icon.edit:before {
content: "\f044"
}
i.icon.eject:before {
content: "\f052"
}
i.icon.elementor:before {
content: "\f430"
}
i.icon.ellipsis.horizontal:before {
content: "\f141"
}
i.icon.ellipsis.vertical:before {
content: "\f142"
}
i.icon.ember:before {
content: "\f423"
}
i.icon.empire:before {
content: "\f1d1"
}
i.icon.envelope:before {
content: "\f0e0"
}
i.icon.envelope.open:before {
content: "\f2b6"
}
i.icon.envelope.square:before {
content: "\f199"
}
i.icon.envira:before {
content: "\f299"
}
i.icon.eraser:before {
content: "\f12d"
}
i.icon.erlang:before {
content: "\f39d"
}
i.icon.ethereum:before {
content: "\f42e"
}
i.icon.etsy:before {
content: "\f2d7"
}
i.icon.euro.sign:before {
content: "\f153"
}
i.icon.exchange.alternate:before {
content: "\f362"
}
i.icon.exclamation:before {
content: "\f12a"
}
i.icon.exclamation.circle:before {
content: "\f06a"
}
i.icon.exclamation.triangle:before {
content: "\f071"
}
i.icon.expand:before {
content: "\f065"
}
i.icon.expand.arrows.alternate:before {
content: "\f31e"
}
i.icon.expeditedssl:before {
content: "\f23e"
}
i.icon.external.alternate:before {
content: "\f35d"
}
i.icon.external.square.alternate:before {
content: "\f360"
}
i.icon.eye:before {
content: "\f06e"
}
i.icon.eye.dropper:before {
content: "\f1fb"
}
i.icon.eye.slash:before {
content: "\f070"
}
i.icon.facebook:before {
content: "\f09a"
}
i.icon.facebook.f:before {
content: "\f39e"
}
i.icon.facebook.messenger:before {
content: "\f39f"
}
i.icon.facebook.square:before {
content: "\f082"
}
i.icon.fast.backward:before {
content: "\f049"
}
i.icon.fast.forward:before {
content: "\f050"
}
i.icon.fax:before {
content: "\f1ac"
}
i.icon.female:before {
content: "\f182"
}
i.icon.fighter.jet:before {
content: "\f0fb"
}
i.icon.file:before {
content: "\f15b"
}
i.icon.file.alternate:before {
content: "\f15c"
}
i.icon.file.archive:before {
content: "\f1c6"
}
i.icon.file.audio:before {
content: "\f1c7"
}
i.icon.file.code:before {
content: "\f1c9"
}
i.icon.file.excel:before {
content: "\f1c3"
}
i.icon.file.image:before {
content: "\f1c5"
}
i.icon.file.pdf:before {
content: "\f1c1"
}
i.icon.file.powerpoint:before {
content: "\f1c4"
}
i.icon.file.video:before {
content: "\f1c8"
}
i.icon.file.word:before {
content: "\f1c2"
}
i.icon.film:before {
content: "\f008"
}
i.icon.filter:before {
content: "\f0b0"
}
i.icon.fire:before {
content: "\f06d"
}
i.icon.fire.extinguisher:before {
content: "\f134"
}
i.icon.firefox:before {
content: "\f269"
}
i.icon.first.aid:before {
content: "\f479"
}
i.icon.first.order:before {
content: "\f2b0"
}
i.icon.firstdraft:before {
content: "\f3a1"
}
i.icon.flag:before {
content: "\f024"
}
i.icon.flag.checkered:before {
content: "\f11e"
}
i.icon.flask:before {
content: "\f0c3"
}
i.icon.flickr:before {
content: "\f16e"
}
i.icon.flipboard:before {
content: "\f44d"
}
i.icon.fly:before {
content: "\f417"
}
i.icon.folder:before {
content: "\f07b"
}
i.icon.folder.open:before {
content: "\f07c"
}
i.icon.font:before {
content: "\f031"
}
i.icon.font.awesome:before {
content: "\f2b4"
}
i.icon.font.awesome.alternate:before {
content: "\f35c"
}
i.icon.font.awesome.flag:before {
content: "\f425"
}
i.icon.fonticons:before {
content: "\f280"
}
i.icon.fonticons.fi:before {
content: "\f3a2"
}
i.icon.football.ball:before {
content: "\f44e"
}
i.icon.fort.awesome:before {
content: "\f286"
}
i.icon.fort.awesome.alternate:before {
content: "\f3a3"
}
i.icon.forumbee:before {
content: "\f211"
}
i.icon.forward:before {
content: "\f04e"
}
i.icon.foursquare:before {
content: "\f180"
}
i.icon.free.code.camp:before {
content: "\f2c5"
}
i.icon.freebsd:before {
content: "\f3a4"
}
i.icon.frown:before {
content: "\f119"
}
i.icon.futbol:before {
content: "\f1e3"
}
i.icon.gamepad:before {
content: "\f11b"
}
i.icon.gavel:before {
content: "\f0e3"
}
i.icon.gem:before {
content: "\f3a5"
}
i.icon.genderless:before {
content: "\f22d"
}
i.icon.get.pocket:before {
content: "\f265"
}
i.icon.gg:before {
content: "\f260"
}
i.icon.gg.circle:before {
content: "\f261"
}
i.icon.gift:before {
content: "\f06b"
}
i.icon.git:before {
content: "\f1d3"
}
i.icon.git.square:before {
content: "\f1d2"
}
i.icon.github:before {
content: "\f09b"
}
i.icon.github.alternate:before {
content: "\f113"
}
i.icon.github.square:before {
content: "\f092"
}
i.icon.gitkraken:before {
content: "\f3a6"
}
i.icon.gitlab:before {
content: "\f296"
}
i.icon.gitter:before {
content: "\f426"
}
i.icon.glass.martini:before {
content: "\f000"
}
i.icon.glide:before {
content: "\f2a5"
}
i.icon.glide.g:before {
content: "\f2a6"
}
i.icon.globe:before {
content: "\f0ac"
}
i.icon.gofore:before {
content: "\f3a7"
}
i.icon.golf.ball:before {
content: "\f450"
}
i.icon.goodreads:before {
content: "\f3a8"
}
i.icon.goodreads.g:before {
content: "\f3a9"
}
i.icon.google:before {
content: "\f1a0"
}
i.icon.google.drive:before {
content: "\f3aa"
}
i.icon.google.play:before {
content: "\f3ab"
}
i.icon.google.plus:before {
content: "\f2b3"
}
i.icon.google.plus.g:before {
content: "\f0d5"
}
i.icon.google.plus.square:before {
content: "\f0d4"
}
i.icon.google.wallet:before {
content: "\f1ee"
}
i.icon.graduation.cap:before {
content: "\f19d"
}
i.icon.gratipay:before {
content: "\f184"
}
i.icon.grav:before {
content: "\f2d6"
}
i.icon.gripfire:before {
content: "\f3ac"
}
i.icon.grunt:before {
content: "\f3ad"
}
i.icon.gulp:before {
content: "\f3ae"
}
i.icon.h.square:before {
content: "\f0fd"
}
i.icon.hacker.news:before {
content: "\f1d4"
}
i.icon.hacker.news.square:before {
content: "\f3af"
}
i.icon.hand.lizard:before {
content: "\f258"
}
i.icon.hand.paper:before {
content: "\f256"
}
i.icon.hand.peace:before {
content: "\f25b"
}
i.icon.hand.point.down:before {
content: "\f0a7"
}
i.icon.hand.point.left:before {
content: "\f0a5"
}
i.icon.hand.point.right:before {
content: "\f0a4"
}
i.icon.hand.point.up:before {
content: "\f0a6"
}
i.icon.hand.pointer:before {
content: "\f25a"
}
i.icon.hand.rock:before {
content: "\f255"
}
i.icon.hand.scissors:before {
content: "\f257"
}
i.icon.hand.spock:before {
content: "\f259"
}
i.icon.handshake:before {
content: "\f2b5"
}
i.icon.hashtag:before {
content: "\f292"
}
i.icon.hdd:before {
content: "\f0a0"
}
i.icon.heading:before {
content: "\f1dc"
}
i.icon.headphones:before {
content: "\f025"
}
i.icon.heart:before {
content: "\f004"
}
i.icon.heartbeat:before {
content: "\f21e"
}
i.icon.hips:before {
content: "\f452"
}
i.icon.hire.a.helper:before {
content: "\f3b0"
}
i.icon.history:before {
content: "\f1da"
}
i.icon.hockey.puck:before {
content: "\f453"
}
i.icon.home:before {
content: "\f015"
}
i.icon.hooli:before {
content: "\f427"
}
i.icon.hospital:before {
content: "\f0f8"
}
i.icon.hospital.symbol:before {
content: "\f47e"
}
i.icon.hotjar:before {
content: "\f3b1"
}
i.icon.hourglass:before {
content: "\f254"
}
i.icon.hourglass.end:before {
content: "\f253"
}
i.icon.hourglass.half:before {
content: "\f252"
}
i.icon.hourglass.start:before {
content: "\f251"
}
i.icon.houzz:before {
content: "\f27c"
}
i.icon.html5:before {
content: "\f13b"
}
i.icon.hubspot:before {
content: "\f3b2"
}
i.icon.i.cursor:before {
content: "\f246"
}
i.icon.id.badge:before {
content: "\f2c1"
}
i.icon.id.card:before {
content: "\f2c2"
}
i.icon.image:before {
content: "\f03e"
}
i.icon.images:before {
content: "\f302"
}
i.icon.imdb:before {
content: "\f2d8"
}
i.icon.inbox:before {
content: "\f01c"
}
i.icon.indent:before {
content: "\f03c"
}
i.icon.industry:before {
content: "\f275"
}
i.icon.info:before {
content: "\f129"
}
i.icon.info.circle:before {
content: "\f05a"
}
i.icon.instagram:before {
content: "\f16d"
}
i.icon.internet.explorer:before {
content: "\f26b"
}
i.icon.ioxhost:before {
content: "\f208"
}
i.icon.italic:before {
content: "\f033"
}
i.icon.itunes:before {
content: "\f3b4"
}
i.icon.itunes.note:before {
content: "\f3b5"
}
i.icon.jenkins:before {
content: "\f3b6"
}
i.icon.joget:before {
content: "\f3b7"
}
i.icon.joomla:before {
content: "\f1aa"
}
i.icon.js:before {
content: "\f3b8"
}
i.icon.js.square:before {
content: "\f3b9"
}
i.icon.jsfiddle:before {
content: "\f1cc"
}
i.icon.key:before {
content: "\f084"
}
i.icon.keyboard:before {
content: "\f11c"
}
i.icon.keycdn:before {
content: "\f3ba"
}
i.icon.kickstarter:before {
content: "\f3bb"
}
i.icon.kickstarter.k:before {
content: "\f3bc"
}
i.icon.korvue:before {
content: "\f42f"
}
i.icon.language:before {
content: "\f1ab"
}
i.icon.laptop:before {
content: "\f109"
}
i.icon.laravel:before {
content: "\f3bd"
}
i.icon.lastfm:before {
content: "\f202"
}
i.icon.lastfm.square:before {
content: "\f203"
}
i.icon.leaf:before {
content: "\f06c"
}
i.icon.leanpub:before {
content: "\f212"
}
i.icon.lemon:before {
content: "\f094"
}
i.icon.less:before {
content: "\f41d"
}
i.icon.level.down.alternate:before {
content: "\f3be"
}
i.icon.level.up.alternate:before {
content: "\f3bf"
}
i.icon.life.ring:before {
content: "\f1cd"
}
i.icon.lightbulb:before {
content: "\f0eb"
}
i.icon.linechat:before {
content: "\f3c0"
}
i.icon.linkify:before {
content: "\f0c1"
}
i.icon.linkedin:before {
content: "\f08c"
}
i.icon.linkedin.alt:before {
content: "\f0e1"
}
i.icon.linode:before {
content: "\f2b8"
}
i.icon.linux:before {
content: "\f17c"
}
i.icon.lira.sign:before {
content: "\f195"
}
i.icon.list:before {
content: "\f03a"
}
i.icon.list.alternate:before {
content: "\f022"
}
i.icon.list.ol:before {
content: "\f0cb"
}
i.icon.list.ul:before {
content: "\f0ca"
}
i.icon.location.arrow:before {
content: "\f124"
}
i.icon.lock:before {
content: "\f023"
}
i.icon.lock.open:before {
content: "\f3c1"
}
i.icon.long.arrow.alternate.down:before {
content: "\f309"
}
i.icon.long.arrow.alternate.left:before {
content: "\f30a"
}
i.icon.long.arrow.alternate.right:before {
content: "\f30b"
}
i.icon.long.arrow.alternate.up:before {
content: "\f30c"
}
i.icon.low.vision:before {
content: "\f2a8"
}
i.icon.lyft:before {
content: "\f3c3"
}
i.icon.magento:before {
content: "\f3c4"
}
i.icon.magic:before {
content: "\f0d0"
}
i.icon.magnet:before {
content: "\f076"
}
i.icon.male:before {
content: "\f183"
}
i.icon.map:before {
content: "\f279"
}
i.icon.map.marker:before {
content: "\f041"
}
i.icon.map.marker.alternate:before {
content: "\f3c5"
}
i.icon.map.pin:before {
content: "\f276"
}
i.icon.map.signs:before {
content: "\f277"
}
i.icon.mars:before {
content: "\f222"
}
i.icon.mars.double:before {
content: "\f227"
}
i.icon.mars.stroke:before {
content: "\f229"
}
i.icon.mars.stroke.horizontal:before {
content: "\f22b"
}
i.icon.mars.stroke.vertical:before {
content: "\f22a"
}
i.icon.maxcdn:before {
content: "\f136"
}
i.icon.medapps:before {
content: "\f3c6"
}
i.icon.medium:before {
content: "\f23a"
}
i.icon.medium.m:before {
content: "\f3c7"
}
i.icon.medkit:before {
content: "\f0fa"
}
i.icon.medrt:before {
content: "\f3c8"
}
i.icon.meetup:before {
content: "\f2e0"
}
i.icon.meh:before {
content: "\f11a"
}
i.icon.mercury:before {
content: "\f223"
}
i.icon.microchip:before {
content: "\f2db"
}
i.icon.microphone:before {
content: "\f130"
}
i.icon.microphone.slash:before {
content: "\f131"
}
i.icon.microsoft:before {
content: "\f3ca"
}
i.icon.minus:before {
content: "\f068"
}
i.icon.minus.circle:before {
content: "\f056"
}
i.icon.minus.square:before {
content: "\f146"
}
i.icon.mix:before {
content: "\f3cb"
}
i.icon.mixcloud:before {
content: "\f289"
}
i.icon.mizuni:before {
content: "\f3cc"
}
i.icon.mobile:before {
content: "\f10b"
}
i.icon.mobile.alternate:before {
content: "\f3cd"
}
i.icon.modx:before {
content: "\f285"
}
i.icon.monero:before {
content: "\f3d0"
}
i.icon.money.bill.alternate:before {
content: "\f3d1"
}
i.icon.moon:before {
content: "\f186"
}
i.icon.motorcycle:before {
content: "\f21c"
}
i.icon.mouse.pointer:before {
content: "\f245"
}
i.icon.music:before {
content: "\f001"
}
i.icon.napster:before {
content: "\f3d2"
}
i.icon.neuter:before {
content: "\f22c"
}
i.icon.newspaper:before {
content: "\f1ea"
}
i.icon.nintendo.switch:before {
content: "\f418"
}
i.icon.node:before {
content: "\f419"
}
i.icon.node.js:before {
content: "\f3d3"
}
i.icon.npm:before {
content: "\f3d4"
}
i.icon.ns8:before {
content: "\f3d5"
}
i.icon.nutritionix:before {
content: "\f3d6"
}
i.icon.object.group:before {
content: "\f247"
}
i.icon.object.ungroup:before {
content: "\f248"
}
i.icon.odnoklassniki:before {
content: "\f263"
}
i.icon.odnoklassniki.square:before {
content: "\f264"
}
i.icon.opencart:before {
content: "\f23d"
}
i.icon.openid:before {
content: "\f19b"
}
i.icon.opera:before {
content: "\f26a"
}
i.icon.optin.monster:before {
content: "\f23c"
}
i.icon.osi:before {
content: "\f41a"
}
i.icon.outdent:before {
content: "\f03b"
}
i.icon.page4:before {
content: "\f3d7"
}
i.icon.pagelines:before {
content: "\f18c"
}
i.icon.paint.brush:before {
content: "\f1fc"
}
i.icon.palfed:before {
content: "\f3d8"
}
i.icon.pallet:before {
content: "\f482"
}
i.icon.paper.plane:before {
content: "\f1d8"
}
i.icon.paperclip:before {
content: "\f0c6"
}
i.icon.paragraph:before {
content: "\f1dd"
}
i.icon.paste:before {
content: "\f0ea"
}
i.icon.patreon:before {
content: "\f3d9"
}
i.icon.pause:before {
content: "\f04c"
}
i.icon.pause.circle:before {
content: "\f28b"
}
i.icon.paw:before {
content: "\f1b0"
}
i.icon.paypal:before {
content: "\f1ed"
}
i.icon.pen.square:before {
content: "\f14b"
}
i.icon.pencil.alternate:before {
content: "\f303"
}
i.icon.percent:before {
content: "\f295"
}
i.icon.periscope:before {
content: "\f3da"
}
i.icon.phabricator:before {
content: "\f3db"
}
i.icon.phoenix.framework:before {
content: "\f3dc"
}
i.icon.phone:before {
content: "\f095"
}
i.icon.phone.square:before {
content: "\f098"
}
i.icon.phone.volume:before {
content: "\f2a0"
}
i.icon.php:before {
content: "\f457"
}
i.icon.pied.piper:before {
content: "\f2ae"
}
i.icon.pied.piper.alternate:before {
content: "\f1a8"
}
i.icon.pied.piper.pp:before {
content: "\f1a7"
}
i.icon.pills:before {
content: "\f484"
}
i.icon.pinterest:before {
content: "\f0d2"
}
i.icon.pinterest.p:before {
content: "\f231"
}
i.icon.pinterest.square:before {
content: "\f0d3"
}
i.icon.plane:before {
content: "\f072"
}
i.icon.play:before {
content: "\f04b"
}
i.icon.play.circle:before {
content: "\f144"
}
i.icon.playstation:before {
content: "\f3df"
}
i.icon.plug:before {
content: "\f1e6"
}
i.icon.plus:before {
content: "\f067"
}
i.icon.plus.circle:before {
content: "\f055"
}
i.icon.plus.square:before {
content: "\f0fe"
}
i.icon.podcast:before {
content: "\f2ce"
}
i.icon.pound.sign:before {
content: "\f154"
}
i.icon.power.off:before {
content: "\f011"
}
i.icon.print:before {
content: "\f02f"
}
i.icon.product.hunt:before {
content: "\f288"
}
i.icon.pushed:before {
content: "\f3e1"
}
i.icon.puzzle.piece:before {
content: "\f12e"
}
i.icon.python:before {
content: "\f3e2"
}
i.icon.qq:before {
content: "\f1d6"
}
i.icon.qrcode:before {
content: "\f029"
}
i.icon.question:before {
content: "\f128"
}
i.icon.question.circle:before {
content: "\f059"
}
i.icon.quidditch:before {
content: "\f458"
}
i.icon.quinscape:before {
content: "\f459"
}
i.icon.quora:before {
content: "\f2c4"
}
i.icon.quote.left:before {
content: "\f10d"
}
i.icon.quote.right:before {
content: "\f10e"
}
i.icon.random:before {
content: "\f074"
}
i.icon.ravelry:before {
content: "\f2d9"
}
i.icon.react:before {
content: "\f41b"
}
i.icon.rebel:before {
content: "\f1d0"
}
i.icon.recycle:before {
content: "\f1b8"
}
i.icon.redriver:before {
content: "\f3e3"
}
i.icon.reddit:before {
content: "\f1a1"
}
i.icon.reddit.alien:before {
content: "\f281"
}
i.icon.reddit.square:before {
content: "\f1a2"
}
i.icon.redo:before {
content: "\f01e"
}
i.icon.redo.alternate:before {
content: "\f2f9"
}
i.icon.registered:before {
content: "\f25d"
}
i.icon.rendact:before {
content: "\f3e4"
}
i.icon.renren:before {
content: "\f18b"
}
i.icon.reply:before {
content: "\f3e5"
}
i.icon.reply.all:before {
content: "\f122"
}
i.icon.replyd:before {
content: "\f3e6"
}
i.icon.resolving:before {
content: "\f3e7"
}
i.icon.retweet:before {
content: "\f079"
}
i.icon.road:before {
content: "\f018"
}
i.icon.rocket:before {
content: "\f135"
}
i.icon.rocketchat:before {
content: "\f3e8"
}
i.icon.rockrms:before {
content: "\f3e9"
}
i.icon.rss:before {
content: "\f09e"
}
i.icon.rss.square:before {
content: "\f143"
}
i.icon.ruble.sign:before {
content: "\f158"
}
i.icon.rupee.sign:before {
content: "\f156"
}
i.icon.safari:before {
content: "\f267"
}
i.icon.sass:before {
content: "\f41e"
}
i.icon.save:before {
content: "\f0c7"
}
i.icon.schlix:before {
content: "\f3ea"
}
i.icon.scribd:before {
content: "\f28a"
}
i.icon.search:before {
content: "\f002"
}
i.icon.search.minus:before {
content: "\f010"
}
i.icon.search.plus:before {
content: "\f00e"
}
i.icon.searchengin:before {
content: "\f3eb"
}
i.icon.sellcast:before {
content: "\f2da"
}
i.icon.sellsy:before {
content: "\f213"
}
i.icon.server:before {
content: "\f233"
}
i.icon.servicestack:before {
content: "\f3ec"
}
i.icon.share:before {
content: "\f064"
}
i.icon.share.alternate:before {
content: "\f1e0"
}
i.icon.share.alternate.square:before {
content: "\f1e1"
}
i.icon.share.square:before {
content: "\f14d"
}
i.icon.shekel.sign:before {
content: "\f20b"
}
i.icon.shield.alternate:before {
content: "\f3ed"
}
i.icon.ship:before {
content: "\f21a"
}
i.icon.shipping.fast:before {
content: "\f48b"
}
i.icon.shirtsinbulk:before {
content: "\f214"
}
i.icon.shopping.bag:before {
content: "\f290"
}
i.icon.shopping.basket:before {
content: "\f291"
}
i.icon.shopping.cart:before {
content: "\f07a"
}
i.icon.shower:before {
content: "\f2cc"
}
i.icon.sign.language:before {
content: "\f2a7"
}
i.icon.signal:before {
content: "\f012"
}
i.icon.simplybuilt:before {
content: "\f215"
}
i.icon.sistrix:before {
content: "\f3ee"
}
i.icon.sitemap:before {
content: "\f0e8"
}
i.icon.skyatlas:before {
content: "\f216"
}
i.icon.skype:before {
content: "\f17e"
}
i.icon.slack:before {
content: "\f198"
}
i.icon.slack.hash:before {
content: "\f3ef"
}
i.icon.sliders.horizontal:before {
content: "\f1de"
}
i.icon.slideshare:before {
content: "\f1e7"
}
i.icon.smile:before {
content: "\f118"
}
i.icon.snapchat:before {
content: "\f2ab"
}
i.icon.snapchat.ghost:before {
content: "\f2ac"
}
i.icon.snapchat.square:before {
content: "\f2ad"
}
i.icon.snowflake:before {
content: "\f2dc"
}
i.icon.sort:before {
content: "\f0dc"
}
i.icon.sort.alphabet.down:before {
content: "\f15d"
}
i.icon.sort.alphabet.up:before {
content: "\f15e"
}
i.icon.sort.amount.down:before {
content: "\f160"
}
i.icon.sort.amount.up:before {
content: "\f161"
}
i.icon.sort.down:before {
content: "\f0dd"
}
i.icon.sort.numeric.down:before {
content: "\f162"
}
i.icon.sort.numeric.up:before {
content: "\f163"
}
i.icon.sort.up:before {
content: "\f0de"
}
i.icon.soundcloud:before {
content: "\f1be"
}
i.icon.space.shuttle:before {
content: "\f197"
}
i.icon.speakap:before {
content: "\f3f3"
}
i.icon.spinner:before {
content: "\f110"
}
i.icon.spotify:before {
content: "\f1bc"
}
i.icon.square:before {
content: "\f0c8"
}
i.icon.square.full:before {
content: "\f45c"
}
i.icon.stack.exchange:before {
content: "\f18d"
}
i.icon.stack.overflow:before {
content: "\f16c"
}
i.icon.star:before {
content: "\f005"
}
i.icon.star.half:before {
content: "\f089"
}
i.icon.staylinked:before {
content: "\f3f5"
}
i.icon.steam:before {
content: "\f1b6"
}
i.icon.steam.square:before {
content: "\f1b7"
}
i.icon.steam.symbol:before {
content: "\f3f6"
}
i.icon.step.backward:before {
content: "\f048"
}
i.icon.step.forward:before {
content: "\f051"
}
i.icon.stethoscope:before {
content: "\f0f1"
}
i.icon.sticker.mule:before {
content: "\f3f7"
}
i.icon.sticky.note:before {
content: "\f249"
}
i.icon.stop:before {
content: "\f04d"
}
i.icon.stop.circle:before {
content: "\f28d"
}
i.icon.stopwatch:before {
content: "\f2f2"
}
i.icon.strava:before {
content: "\f428"
}
i.icon.street.view:before {
content: "\f21d"
}
i.icon.strikethrough:before {
content: "\f0cc"
}
i.icon.stripe:before {
content: "\f429"
}
i.icon.stripe.s:before {
content: "\f42a"
}
i.icon.studiovinari:before {
content: "\f3f8"
}
i.icon.stumbleupon:before {
content: "\f1a4"
}
i.icon.stumbleupon.circle:before {
content: "\f1a3"
}
i.icon.subscript:before {
content: "\f12c"
}
i.icon.subway:before {
content: "\f239"
}
i.icon.suitcase:before {
content: "\f0f2"
}
i.icon.sun:before {
content: "\f185"
}
i.icon.superpowers:before {
content: "\f2dd"
}
i.icon.superscript:before {
content: "\f12b"
}
i.icon.supple:before {
content: "\f3f9"
}
i.icon.sync:before {
content: "\f021"
}
i.icon.sync.alternate:before {
content: "\f2f1"
}
i.icon.syringe:before {
content: "\f48e"
}
i.icon.table:before {
content: "\f0ce"
}
i.icon.table.tennis:before {
content: "\f45d"
}
i.icon.tablet:before {
content: "\f10a"
}
i.icon.tablet.alternate:before {
content: "\f3fa"
}
i.icon.tachometer.alternate:before {
content: "\f3fd"
}
i.icon.tag:before {
content: "\f02b"
}
i.icon.tags:before {
content: "\f02c"
}
i.icon.tasks:before {
content: "\f0ae"
}
i.icon.taxi:before {
content: "\f1ba"
}
i.icon.telegram:before {
content: "\f2c6"
}
i.icon.telegram.plane:before {
content: "\f3fe"
}
i.icon.tencent.weibo:before {
content: "\f1d5"
}
i.icon.terminal:before {
content: "\f120"
}
i.icon.text.height:before {
content: "\f034"
}
i.icon.text.width:before {
content: "\f035"
}
i.icon.th:before {
content: "\f00a"
}
i.icon.th.large:before {
content: "\f009"
}
i.icon.th.list:before {
content: "\f00b"
}
i.icon.themeisle:before {
content: "\f2b2"
}
i.icon.thermometer:before {
content: "\f491"
}
i.icon.thermometer.empty:before {
content: "\f2cb"
}
i.icon.thermometer.full:before {
content: "\f2c7"
}
i.icon.thermometer.half:before {
content: "\f2c9"
}
i.icon.thermometer.quarter:before {
content: "\f2ca"
}
i.icon.thermometer.three.quarters:before {
content: "\f2c8"
}
i.icon.thumbs.down:before {
content: "\f165"
}
i.icon.thumbs.up:before {
content: "\f164"
}
i.icon.thumbtack:before {
content: "\f08d"
}
i.icon.ticket.alternate:before {
content: "\f3ff"
}
i.icon.times:before {
content: "\f00d"
}
i.icon.times.circle:before {
content: "\f057"
}
i.icon.tint:before {
content: "\f043"
}
i.icon.toggle.off:before {
content: "\f204"
}
i.icon.toggle.on:before {
content: "\f205"
}
i.icon.trademark:before {
content: "\f25c"
}
i.icon.train:before {
content: "\f238"
}
i.icon.transgender:before {
content: "\f224"
}
i.icon.transgender.alternate:before {
content: "\f225"
}
i.icon.trash:before {
content: "\f1f8"
}
i.icon.trash.alternate:before {
content: "\f2ed"
}
i.icon.tree:before {
content: "\f1bb"
}
i.icon.trello:before {
content: "\f181"
}
i.icon.tripadvisor:before {
content: "\f262"
}
i.icon.trophy:before {
content: "\f091"
}
i.icon.truck:before {
content: "\f0d1"
}
i.icon.tty:before {
content: "\f1e4"
}
i.icon.tumblr:before {
content: "\f173"
}
i.icon.tumblr.square:before {
content: "\f174"
}
i.icon.tv:before {
content: "\f26c"
}
i.icon.twitch:before {
content: "\f1e8"
}
i.icon.twitter:before {
content: "\f099"
}
i.icon.twitter.square:before {
content: "\f081"
}
i.icon.typo3:before {
content: "\f42b"
}
i.icon.uber:before {
content: "\f402"
}
i.icon.uikit:before {
content: "\f403"
}
i.icon.umbrella:before {
content: "\f0e9"
}
i.icon.underline:before {
content: "\f0cd"
}
i.icon.undo:before {
content: "\f0e2"
}
i.icon.undo.alternate:before {
content: "\f2ea"
}
i.icon.uniregistry:before {
content: "\f404"
}
i.icon.universal.access:before {
content: "\f29a"
}
i.icon.university:before {
content: "\f19c"
}
i.icon.unlink:before {
content: "\f127"
}
i.icon.unlock:before {
content: "\f09c"
}
i.icon.unlock.alternate:before {
content: "\f13e"
}
i.icon.untappd:before {
content: "\f405"
}
i.icon.upload:before {
content: "\f093"
}
i.icon.usb:before {
content: "\f287"
}
i.icon.user:before {
content: "\f007"
}
i.icon.user.circle:before {
content: "\f2bd"
}
i.icon.user.md:before {
content: "\f0f0"
}
i.icon.user.plus:before {
content: "\f234"
}
i.icon.user.secret:before {
content: "\f21b"
}
i.icon.user.times:before {
content: "\f235"
}
i.icon.users:before {
content: "\f0c0"
}
i.icon.ussunnah:before {
content: "\f407"
}
i.icon.utensil.spoon:before {
content: "\f2e5"
}
i.icon.utensils:before {
content: "\f2e7"
}
i.icon.vaadin:before {
content: "\f408"
}
i.icon.venus:before {
content: "\f221"
}
i.icon.venus.double:before {
content: "\f226"
}
i.icon.venus.mars:before {
content: "\f228"
}
i.icon.viacoin:before {
content: "\f237"
}
i.icon.viadeo:before {
content: "\f2a9"
}
i.icon.viadeo.square:before {
content: "\f2aa"
}
i.icon.viber:before {
content: "\f409"
}
i.icon.video:before {
content: "\f03d"
}
i.icon.vimeo:before {
content: "\f40a"
}
i.icon.vimeo.square:before {
content: "\f194"
}
i.icon.vimeo.v:before {
content: "\f27d"
}
i.icon.vine:before {
content: "\f1ca"
}
i.icon.vk:before {
content: "\f189"
}
i.icon.vnv:before {
content: "\f40b"
}
i.icon.volleyball.ball:before {
content: "\f45f"
}
i.icon.volume.down:before {
content: "\f027"
}
i.icon.volume.off:before {
content: "\f026"
}
i.icon.volume.up:before {
content: "\f028"
}
i.icon.vuejs:before {
content: "\f41f"
}
i.icon.warehouse:before {
content: "\f494"
}
i.icon.weibo:before {
content: "\f18a"
}
i.icon.weight:before {
content: "\f496"
}
i.icon.weixin:before {
content: "\f1d7"
}
i.icon.whatsapp:before {
content: "\f232"
}
i.icon.whatsapp.square:before {
content: "\f40c"
}
i.icon.wheelchair:before {
content: "\f193"
}
i.icon.whmcs:before {
content: "\f40d"
}
i.icon.wifi:before {
content: "\f1eb"
}
i.icon.wikipedia.w:before {
content: "\f266"
}
i.icon.window.close:before {
content: "\f410"
}
i.icon.window.maximize:before {
content: "\f2d0"
}
i.icon.window.minimize:before {
content: "\f2d1"
}
i.icon.window.restore:before {
content: "\f2d2"
}
i.icon.windows:before {
content: "\f17a"
}
i.icon.won.sign:before {
content: "\f159"
}
i.icon.wordpress:before {
content: "\f19a"
}
i.icon.wordpress.simple:before {
content: "\f411"
}
i.icon.wpbeginner:before {
content: "\f297"
}
i.icon.wpexplorer:before {
content: "\f2de"
}
i.icon.wpforms:before {
content: "\f298"
}
i.icon.wrench:before {
content: "\f0ad"
}
i.icon.xbox:before {
content: "\f412"
}
i.icon.xing:before {
content: "\f168"
}
i.icon.xing.square:before {
content: "\f169"
}
i.icon.y.combinator:before {
content: "\f23b"
}
i.icon.yahoo:before {
content: "\f19e"
}
i.icon.yandex:before {
content: "\f413"
}
i.icon.yandex.international:before {
content: "\f414"
}
i.icon.yelp:before {
content: "\f1e9"
}
i.icon.yen.sign:before {
content: "\f157"
}
i.icon.yoast:before {
content: "\f2b1"
}
i.icon.youtube:before {
content: "\f167"
}
i.icon.youtube.square:before {
content: "\f431"
}
i.icon.chess.rock:before {
content: "\f447"
}
i.icon.ordered.list:before {
content: "\f0cb"
}
i.icon.unordered.list:before {
content: "\f0ca"
}
i.icon.user.doctor:before {
content: "\f0f0"
}
i.icon.shield:before {
content: "\f3ed"
}
i.icon.puzzle:before {
content: "\f12e"
}
i.icon.credit.card.amazon.pay:before {
content: "\f42d"
}
i.icon.credit.card.american.express:before {
content: "\f1f3"
}
i.icon.credit.card.diners.club:before {
content: "\f24c"
}
i.icon.credit.card.discover:before {
content: "\f1f2"
}
i.icon.credit.card.jcb:before {
content: "\f24b"
}
i.icon.credit.card.mastercard:before {
content: "\f1f1"
}
i.icon.credit.card.paypal:before {
content: "\f1f4"
}
i.icon.credit.card.stripe:before {
content: "\f1f5"
}
i.icon.credit.card.visa:before {
content: "\f1f0"
}
i.icon.add.circle:before {
content: "\f055"
}
i.icon.add.square:before {
content: "\f0fe"
}
i.icon.add.to.calendar:before {
content: "\f271"
}
i.icon.add.to.cart:before {
content: "\f217"
}
i.icon.add.user:before {
content: "\f234"
}
i.icon.add:before {
content: "\f067"
}
i.icon.alarm.mute:before {
content: "\f1f6"
}
i.icon.alarm:before {
content: "\f0f3"
}
i.icon.ald:before {
content: "\f2a2"
}
i.icon.als:before {
content: "\f2a2"
}
i.icon.american.express.card:before {
content: "\f1f3"
}
i.icon.american.express:before {
content: "\f1f3"
}
i.icon.amex:before {
content: "\f1f3"
}
i.icon.announcement:before {
content: "\f0a1"
}
i.icon.area.chart:before {
content: "\f1fe"
}
i.icon.area.graph:before {
content: "\f1fe"
}
i.icon.arrow.down.cart:before {
content: "\f218"
}
i.icon.asexual:before {
content: "\f22d"
}
i.icon.asl.interpreting:before {
content: "\f2a3"
}
i.icon.asl:before {
content: "\f2a3"
}
i.icon.assistive.listening.devices:before {
content: "\f2a2"
}
i.icon.attach:before {
content: "\f0c6"
}
i.icon.attention:before {
content: "\f06a"
}
i.icon.balance:before {
content: "\f24e"
}
i.icon.bar:before {
content: "\f0fc"
}
i.icon.bathtub:before {
content: "\f2cd"
}
i.icon.battery.four:before {
content: "\f240"
}
i.icon.battery.high:before {
content: "\f241"
}
i.icon.battery.low:before {
content: "\f243"
}
i.icon.battery.medium:before {
content: "\f242"
}
i.icon.battery.one:before {
content: "\f243"
}
i.icon.battery.three:before {
content: "\f241"
}
i.icon.battery.two:before {
content: "\f242"
}
i.icon.battery.zero:before {
content: "\f244"
}
i.icon.birthday:before {
content: "\f1fd"
}
i.icon.block.layout:before {
content: "\f009"
}
i.icon.bluetooth.alternative:before {
content: "\f294"
}
i.icon.broken.chain:before {
content: "\f127"
}
i.icon.browser:before {
content: "\f022"
}
i.icon.call.square:before {
content: "\f098"
}
i.icon.call:before {
content: "\f095"
}
i.icon.cancel:before {
content: "\f00d"
}
i.icon.cart:before {
content: "\f07a"
}
i.icon.cc:before {
content: "\f20a"
}
i.icon.chain:before {
content: "\f0c1"
}
i.icon.chat:before {
content: "\f075"
}
i.icon.checked.calendar:before {
content: "\f274"
}
i.icon.checkmark:before {
content: "\f00c"
}
i.icon.circle.notched:before {
content: "\f1ce"
}
i.icon.close:before {
content: "\f00d"
}
i.icon.cny:before {
content: "\f157"
}
i.icon.cocktail:before {
content: "\f000"
}
i.icon.commenting:before {
content: "\f27a"
}
i.icon.computer:before {
content: "\f108"
}
i.icon.configure:before {
content: "\f0ad"
}
i.icon.content:before {
content: "\f0c9"
}
i.icon.deafness:before {
content: "\f2a4"
}
i.icon.delete.calendar:before {
content: "\f273"
}
i.icon.delete:before {
content: "\f00d"
}
i.icon.detective:before {
content: "\f21b"
}
i.icon.diners.club.card:before {
content: "\f24c"
}
i.icon.diners.club:before {
content: "\f24c"
}
i.icon.discover.card:before {
content: "\f1f2"
}
i.icon.discover:before {
content: "\f1f2"
}
i.icon.discussions:before {
content: "\f086"
}
i.icon.doctor:before {
content: "\f0f0"
}
i.icon.dollar:before {
content: "\f155"
}
i.icon.dont:before {
content: "\f05e"
}
i.icon.dribble:before {
content: "\f17d"
}
i.icon.drivers.license:before {
content: "\f2c2"
}
i.icon.dropdown:before {
content: "\f0d7"
}
i.icon.eercast:before {
content: "\f2da"
}
i.icon.emergency:before {
content: "\f0f9"
}
i.icon.envira.gallery:before {
content: "\f299"
}
i.icon.erase:before {
content: "\f12d"
}
i.icon.eur:before {
content: "\f153"
}
i.icon.euro:before {
content: "\f153"
}
i.icon.eyedropper:before {
content: "\f1fb"
}
i.icon.fa:before {
content: "\f2b4"
}
i.icon.factory:before {
content: "\f275"
}
i.icon.favorite:before {
content: "\f005"
}
i.icon.feed:before {
content: "\f09e"
}
i.icon.female.homosexual:before {
content: "\f226"
}
i.icon.file.text:before {
content: "\f15c"
}
i.icon.find:before {
content: "\f1e5"
}
i.icon.first.aid:before {
content: "\f0fa"
}
i.icon.five.hundred.pixels:before {
content: "\f26e"
}
i.icon.fork:before {
content: "\f126"
}
i.icon.game:before {
content: "\f11b"
}
i.icon.gay:before {
content: "\f227"
}
i.icon.gbp:before {
content: "\f154"
}
i.icon.gittip:before {
content: "\f184"
}
i.icon.google.plus.circle:before {
content: "\f2b3"
}
i.icon.google.plus.official:before {
content: "\f2b3"
}
i.icon.grab:before {
content: "\f255"
}
i.icon.graduation:before {
content: "\f19d"
}
i.icon.grid.layout:before {
content: "\f00a"
}
i.icon.group:before {
content: "\f0c0"
}
i.icon.h:before {
content: "\f0fd"
}
i.icon.hand.victory:before {
content: "\f25b"
}
i.icon.handicap:before {
content: "\f193"
}
i.icon.hard.of.hearing:before {
content: "\f2a4"
}
i.icon.header:before {
content: "\f1dc"
}
i.icon.help.circle:before {
content: "\f059"
}
i.icon.help:before {
content: "\f128"
}
i.icon.heterosexual:before {
content: "\f228"
}
i.icon.hide:before {
content: "\f070"
}
i.icon.hotel:before {
content: "\f236"
}
i.icon.hourglass.four:before {
content: "\f254"
}
i.icon.hourglass.full:before {
content: "\f254"
}
i.icon.hourglass.one:before {
content: "\f251"
}
i.icon.hourglass.three:before {
content: "\f253"
}
i.icon.hourglass.two:before {
content: "\f252"
}
i.icon.idea:before {
content: "\f0eb"
}
i.icon.ils:before {
content: "\f20b"
}
i.icon.in-cart:before {
content: "\f218"
}
i.icon.inr:before {
content: "\f156"
}
i.icon.intergender:before {
content: "\f224"
}
i.icon.intersex:before {
content: "\f224"
}
i.icon.japan.credit.bureau.card:before {
content: "\f24b"
}
i.icon.japan.credit.bureau:before {
content: "\f24b"
}
i.icon.jcb:before {
content: "\f24b"
}
i.icon.jpy:before {
content: "\f157"
}
i.icon.krw:before {
content: "\f159"
}
i.icon.lab:before {
content: "\f0c3"
}
i.icon.law:before {
content: "\f24e"
}
i.icon.legal:before {
content: "\f0e3"
}
i.icon.lesbian:before {
content: "\f226"
}
i.icon.lightning:before {
content: "\f0e7"
}
i.icon.like:before {
content: "\f004"
}
i.icon.line.graph:before {
content: "\f201"
}
i.icon.linkedin.square:before {
content: "\f08c"
}
i.icon.linkify:before {
content: "\f0c1"
}
i.icon.lira:before {
content: "\f195"
}
i.icon.list.layout:before {
content: "\f00b"
}
i.icon.magnify:before {
content: "\f00e"
}
i.icon.mail.forward:before {
content: "\f064"
}
i.icon.mail.square:before {
content: "\f199"
}
i.icon.mail:before {
content: "\f0e0"
}
i.icon.male.homosexual:before {
content: "\f227"
}
i.icon.man:before {
content: "\f222"
}
i.icon.marker:before {
content: "\f041"
}
i.icon.mars.alternate:before {
content: "\f229"
}
i.icon.mars.horizontal:before {
content: "\f22b"
}
i.icon.mars.vertical:before {
content: "\f22a"
}
i.icon.mastercard.card:before {
content: "\f1f1"
}
i.icon.mastercard:before {
content: "\f1f1"
}
i.icon.microsoft.edge:before {
content: "\f282"
}
i.icon.military:before {
content: "\f0fb"
}
i.icon.ms.edge:before {
content: "\f282"
}
i.icon.mute:before {
content: "\f131"
}
i.icon.new.pied.piper:before {
content: "\f2ae"
}
i.icon.non.binary.transgender:before {
content: "\f223"
}
i.icon.numbered.list:before {
content: "\f0cb"
}
i.icon.optinmonster:before {
content: "\f23c"
}
i.icon.options:before {
content: "\f1de"
}
i.icon.other.gender.horizontal:before {
content: "\f22b"
}
i.icon.other.gender.vertical:before {
content: "\f22a"
}
i.icon.other.gender:before {
content: "\f229"
}
i.icon.payment:before {
content: "\f09d"
}
i.icon.paypal.card:before {
content: "\f1f4"
}
i.icon.pencil.square:before {
content: "\f14b"
}
i.icon.photo:before {
content: "\f030"
}
i.icon.picture:before {
content: "\f03e"
}
i.icon.pie.chart:before {
content: "\f200"
}
i.icon.pie.graph:before {
content: "\f200"
}
i.icon.pied.piper.hat:before {
content: "\f2ae"
}
i.icon.pin:before {
content: "\f08d"
}
i.icon.plus.cart:before {
content: "\f217"
}
i.icon.pocket:before {
content: "\f265"
}
i.icon.point:before {
content: "\f041"
}
i.icon.pointing.down:before {
content: "\f0a7"
}
i.icon.pointing.left:before {
content: "\f0a5"
}
i.icon.pointing.right:before {
content: "\f0a4"
}
i.icon.pointing.up:before {
content: "\f0a6"
}
i.icon.pound:before {
content: "\f154"
}
i.icon.power.cord:before {
content: "\f1e6"
}
i.icon.power:before {
content: "\f011"
}
i.icon.privacy:before {
content: "\f084"
}
i.icon.r.circle:before {
content: "\f25d"
}
i.icon.rain:before {
content: "\f0e9"
}
i.icon.record:before {
content: "\f03d"
}
i.icon.refresh:before {
content: "\f021"
}
i.icon.remove.circle:before {
content: "\f057"
}
i.icon.remove.from.calendar:before {
content: "\f272"
}
i.icon.remove.user:before {
content: "\f235"
}
i.icon.remove:before {
content: "\f00d"
}
i.icon.repeat:before {
content: "\f01e"
}
i.icon.rmb:before {
content: "\f157"
}
i.icon.rouble:before {
content: "\f158"
}
i.icon.rub:before {
content: "\f158"
}
i.icon.ruble:before {
content: "\f158"
}
i.icon.rupee:before {
content: "\f156"
}
i.icon.s15:before {
content: "\f2cd"
}
i.icon.selected.radio:before {
content: "\f192"
}
i.icon.send:before {
content: "\f1d8"
}
i.icon.setting:before {
content: "\f013"
}
i.icon.settings:before {
content: "\f085"
}
i.icon.shekel:before {
content: "\f20b"
}
i.icon.sheqel:before {
content: "\f20b"
}
i.icon.shipping:before {
content: "\f0d1"
}
i.icon.shop:before {
content: "\f07a"
}
i.icon.shuffle:before {
content: "\f074"
}
i.icon.shutdown:before {
content: "\f011"
}
i.icon.sidebar:before {
content: "\f0c9"
}
i.icon.signing:before {
content: "\f2a7"
}
i.icon.signup:before {
content: "\f044"
}
i.icon.sliders:before {
content: "\f1de"
}
i.icon.soccer:before {
content: "\f1e3"
}
i.icon.sort.alphabet.ascending:before {
content: "\f15d"
}
i.icon.sort.alphabet.descending:before {
content: "\f15e"
}
i.icon.sort.ascending:before {
content: "\f0de"
}
i.icon.sort.content.ascending:before {
content: "\f160"
}
i.icon.sort.content.descending:before {
content: "\f161"
}
i.icon.sort.descending:before {
content: "\f0dd"
}
i.icon.sort.numeric.ascending:before {
content: "\f162"
}
i.icon.sort.numeric.descending:before {
content: "\f163"
}
i.icon.sound:before {
content: "\f025"
}
i.icon.spy:before {
content: "\f21b"
}
i.icon.stripe.card:before {
content: "\f1f5"
}
i.icon.student:before {
content: "\f19d"
}
i.icon.talk:before {
content: "\f27a"
}
i.icon.target:before {
content: "\f140"
}
i.icon.teletype:before {
content: "\f1e4"
}
i.icon.television:before {
content: "\f26c"
}
i.icon.text.cursor:before {
content: "\f246"
}
i.icon.text.telephone:before {
content: "\f1e4"
}
i.icon.theme.isle:before {
content: "\f2b2"
}
i.icon.theme:before {
content: "\f043"
}
i.icon.thermometer:before {
content: "\f2c7"
}
i.icon.thumb.tack:before {
content: "\f08d"
}
i.icon.time:before {
content: "\f017"
}
i.icon.tm:before {
content: "\f25c"
}
i.icon.toggle.down:before {
content: "\f150"
}
i.icon.toggle.left:before {
content: "\f191"
}
i.icon.toggle.right:before {
content: "\f152"
}
i.icon.toggle.up:before {
content: "\f151"
}
i.icon.translate:before {
content: "\f1ab"
}
i.icon.travel:before {
content: "\f0b1"
}
i.icon.treatment:before {
content: "\f0f1"
}
i.icon.triangle.down:before {
content: "\f0d7"
}
i.icon.triangle.left:before {
content: "\f0d9"
}
i.icon.triangle.right:before {
content: "\f0da"
}
i.icon.triangle.up:before {
content: "\f0d8"
}
i.icon.try:before {
content: "\f195"
}
i.icon.unhide:before {
content: "\f06e"
}
i.icon.unlinkify:before {
content: "\f127"
}
i.icon.unmute:before {
content: "\f130"
}
i.icon.usd:before {
content: "\f155"
}
i.icon.user.cancel:before {
content: "\f235"
}
i.icon.user.close:before {
content: "\f235"
}
i.icon.user.delete:before {
content: "\f235"
}
i.icon.user.x:before {
content: "\f235"
}
i.icon.vcard:before {
content: "\f2bb"
}
i.icon.video.camera:before {
content: "\f03d"
}
i.icon.video.play:before {
content: "\f144"
}
i.icon.visa.card:before {
content: "\f1f0"
}
i.icon.visa:before {
content: "\f1f0"
}
i.icon.volume.control.phone:before {
content: "\f2a0"
}
i.icon.wait:before {
content: "\f017"
}
i.icon.warning.circle:before {
content: "\f06a"
}
i.icon.warning.sign:before {
content: "\f071"
}
i.icon.warning:before {
content: "\f12a"
}
i.icon.wechat:before {
content: "\f1d7"
}
i.icon.wi-fi:before {
content: "\f1eb"
}
i.icon.wikipedia:before {
content: "\f266"
}
i.icon.winner:before {
content: "\f091"
}
i.icon.wizard:before {
content: "\f0d0"
}
i.icon.woman:before {
content: "\f221"
}
i.icon.won:before {
content: "\f159"
}
i.icon.wordpress.beginner:before {
content: "\f297"
}
i.icon.wordpress.forms:before {
content: "\f298"
}
i.icon.world:before {
content: "\f0ac"
}
i.icon.write.square:before {
content: "\f14b"
}
i.icon.x:before {
content: "\f00d"
}
i.icon.yc:before {
content: "\f23b"
}
i.icon.ycombinator:before {
content: "\f23b"
}
i.icon.yen:before {
content: "\f157"
}
i.icon.zip:before {
content: "\f187"
}
i.icon.zoom-in:before {
content: "\f00e"
}
i.icon.zoom-out:before {
content: "\f010"
}
i.icon.zoom:before {
content: "\f00e"
}
i.icon.bitbucket.square:before {
content: "\f171"
}
i.icon.checkmark.box:before {
content: "\f14a"
}
i.icon.circle.thin:before {
content: "\f111"
}
i.icon.cloud.download:before {
content: "\f381"
}
i.icon.cloud.upload:before {
content: "\f382"
}
i.icon.compose:before {
content: "\f303"
}
i.icon.conversation:before {
content: "\f086"
}
i.icon.credit.card.alternative:before {
content: "\f09d"
}
i.icon.currency:before {
content: "\f3d1"
}
i.icon.dashboard:before {
content: "\f3fd"
}
i.icon.diamond:before {
content: "\f3a5"
}
i.icon.disk:before {
content: "\f0a0"
}
i.icon.exchange:before {
content: "\f362"
}
i.icon.external.share:before {
content: "\f14d"
}
i.icon.external.square:before {
content: "\f360"
}
i.icon.external:before {
content: "\f35d"
}
i.icon.facebook.official:before {
content: "\f082"
}
i.icon.food:before {
content: "\f2e7"
}
i.icon.hourglass.zero:before {
content: "\f253"
}
i.icon.level.down:before {
content: "\f3be"
}
i.icon.level.up:before {
content: "\f3bf"
}
i.icon.logout:before {
content: "\f2f5"
}
i.icon.meanpath:before {
content: "\f0c8"
}
i.icon.money:before {
content: "\f3d1"
}
i.icon.move:before {
content: "\f0b2"
}
i.icon.pencil:before {
content: "\f303"
}
i.icon.protect:before {
content: "\f023"
}
i.icon.radio:before {
content: "\f192"
}
i.icon.remove.bookmark:before {
content: "\f02e"
}
i.icon.resize.horizontal:before {
content: "\f337"
}
i.icon.resize.vertical:before {
content: "\f338"
}
i.icon.sign-in:before {
content: "\f2f6"
}
i.icon.sign-out:before {
content: "\f2f5"
}
i.icon.spoon:before {
content: "\f2e5"
}
i.icon.star.half.empty:before {
content: "\f089"
}
i.icon.star.half.full:before {
content: "\f089"
}
i.icon.ticket:before {
content: "\f3ff"
}
i.icon.times.rectangle:before {
content: "\f410"
}
i.icon.write:before {
content: "\f303"
}
i.icon.youtube.play:before {
content: "\f167"
}
@font-face {
font-family: outline-icons;
src: url(themes/default/assets/fonts/outline-icons.eot);
src: url(themes/default/assets/fonts/outline-icons.eot?#iefix) format('embedded-opentype'),url(themes/default/assets/fonts/outline-icons.woff2) format('woff2'),url(themes/default/assets/fonts/outline-icons.woff) format('woff'),url(themes/default/assets/fonts/outline-icons.ttf) format('truetype'),url(themes/default/assets/fonts/outline-icons.svg#icons) format('svg');
font-style: normal;
font-weight: 400;
font-variant: normal;
text-decoration: inherit;
text-transform: none
}
i.icon.outline {
font-family: outline-icons
}
i.icon.address.book.outline:before {
content: "\f2b9"
}
i.icon.address.card.outline:before {
content: "\f2bb"
}
i.icon.arrow.alternate.circle.down.outline:before {
content: "\f358"
}
i.icon.arrow.alternate.circle.left.outline:before {
content: "\f359"
}
i.icon.arrow.alternate.circle.right.outline:before {
content: "\f35a"
}
i.icon.arrow.alternate.circle.up.outline:before {
content: "\f35b"
}
i.icon.bell.outline:before {
content: "\f0f3"
}
i.icon.bell.slash.outline:before {
content: "\f1f6"
}
i.icon.bookmark.outline:before {
content: "\f02e"
}
i.icon.building.outline:before {
content: "\f1ad"
}
i.icon.calendar.outline:before {
content: "\f133"
}
i.icon.calendar.alternate.outline:before {
content: "\f073"
}
i.icon.calendar.check.outline:before {
content: "\f274"
}
i.icon.calendar.minus.outline:before {
content: "\f272"
}
i.icon.calendar.plus.outline:before {
content: "\f271"
}
i.icon.calendar.times.outline:before {
content: "\f273"
}
i.icon.caret.square.down.outline:before {
content: "\f150"
}
i.icon.caret.square.left.outline:before {
content: "\f191"
}
i.icon.caret.square.right.outline:before {
content: "\f152"
}
i.icon.caret.square.up.outline:before {
content: "\f151"
}
i.icon.chart.bar.outline:before {
content: "\f080"
}
i.icon.check.circle.outline:before {
content: "\f058"
}
i.icon.check.square.outline:before {
content: "\f14a"
}
i.icon.circle.outline:before {
content: "\f111"
}
i.icon.clipboard.outline:before {
content: "\f328"
}
i.icon.clock.outline:before {
content: "\f017"
}
i.icon.clone.outline:before {
content: "\f24d"
}
i.icon.closed.captioning.outline:before {
content: "\f20a"
}
i.icon.comment.outline:before {
content: "\f075"
}
i.icon.comment.alternate.outline:before {
content: "\f27a"
}
i.icon.comments.outline:before {
content: "\f086"
}
i.icon.compass.outline:before {
content: "\f14e"
}
i.icon.copy.outline:before {
content: "\f0c5"
}
i.icon.copyright.outline:before {
content: "\f1f9"
}
i.icon.credit.card.outline:before {
content: "\f09d"
}
i.icon.dot.circle.outline:before {
content: "\f192"
}
i.icon.edit.outline:before {
content: "\f044"
}
i.icon.envelope.outline:before {
content: "\f0e0"
}
i.icon.envelope.open.outline:before {
content: "\f2b6"
}
i.icon.eye.slash.outline:before {
content: "\f070"
}
i.icon.file.outline:before {
content: "\f15b"
}
i.icon.file.alternate.outline:before {
content: "\f15c"
}
i.icon.file.archive.outline:before {
content: "\f1c6"
}
i.icon.file.audio.outline:before {
content: "\f1c7"
}
i.icon.file.code.outline:before {
content: "\f1c9"
}
i.icon.file.excel.outline:before {
content: "\f1c3"
}
i.icon.file.image.outline:before {
content: "\f1c5"
}
i.icon.file.pdf.outline:before {
content: "\f1c1"
}
i.icon.file.powerpoint.outline:before {
content: "\f1c4"
}
i.icon.file.video.outline:before {
content: "\f1c8"
}
i.icon.file.word.outline:before {
content: "\f1c2"
}
i.icon.flag.outline:before {
content: "\f024"
}
i.icon.folder.outline:before {
content: "\f07b"
}
i.icon.folder.open.outline:before {
content: "\f07c"
}
i.icon.frown.outline:before {
content: "\f119"
}
i.icon.futbol.outline:before {
content: "\f1e3"
}
i.icon.gem.outline:before {
content: "\f3a5"
}
i.icon.hand.lizard.outline:before {
content: "\f258"
}
i.icon.hand.paper.outline:before {
content: "\f256"
}
i.icon.hand.peace.outline:before {
content: "\f25b"
}
i.icon.hand.point.down.outline:before {
content: "\f0a7"
}
i.icon.hand.point.left.outline:before {
content: "\f0a5"
}
i.icon.hand.point.right.outline:before {
content: "\f0a4"
}
i.icon.hand.point.up.outline:before {
content: "\f0a6"
}
i.icon.hand.pointer.outline:before {
content: "\f25a"
}
i.icon.hand.rock.outline:before {
content: "\f255"
}
i.icon.hand.scissors.outline:before {
content: "\f257"
}
i.icon.hand.spock.outline:before {
content: "\f259"
}
i.icon.handshake.outline:before {
content: "\f2b5"
}
i.icon.hdd.outline:before {
content: "\f0a0"
}
i.icon.heart.outline:before {
content: "\f004"
}
i.icon.hospital.outline:before {
content: "\f0f8"
}
i.icon.hourglass.outline:before {
content: "\f254"
}
i.icon.id.badge.outline:before {
content: "\f2c1"
}
i.icon.id.card.outline:before {
content: "\f2c2"
}
i.icon.image.outline:before {
content: "\f03e"
}
i.icon.images.outline:before {
content: "\f302"
}
i.icon.keyboard.outline:before {
content: "\f11c"
}
i.icon.lemon.outline:before {
content: "\f094"
}
i.icon.life.ring.outline:before {
content: "\f1cd"
}
i.icon.lightbulb.outline:before {
content: "\f0eb"
}
i.icon.list.alternate.outline:before {
content: "\f022"
}
i.icon.map.outline:before {
content: "\f279"
}
i.icon.meh.outline:before {
content: "\f11a"
}
i.icon.minus.square.outline:before {
content: "\f146"
}
i.icon.money.bill.alternate.outline:before {
content: "\f3d1"
}
i.icon.moon.outline:before {
content: "\f186"
}
i.icon.newspaper.outline:before {
content: "\f1ea"
}
i.icon.object.group.outline:before {
content: "\f247"
}
i.icon.object.ungroup.outline:before {
content: "\f248"
}
i.icon.paper.plane.outline:before {
content: "\f1d8"
}
i.icon.pause.circle.outline:before {
content: "\f28b"
}
i.icon.play.circle.outline:before {
content: "\f144"
}
i.icon.plus.square.outline:before {
content: "\f0fe"
}
i.icon.question.circle.outline:before {
content: "\f059"
}
i.icon.registered.outline:before {
content: "\f25d"
}
i.icon.save.outline:before {
content: "\f0c7"
}
i.icon.share.square.outline:before {
content: "\f14d"
}
i.icon.smile.outline:before {
content: "\f118"
}
i.icon.snowflake.outline:before {
content: "\f2dc"
}
i.icon.square.outline:before {
content: "\f0c8"
}
i.icon.star.outline:before {
content: "\f005"
}
i.icon.star.half.outline:before {
content: "\f089"
}
i.icon.sticky.note.outline:before {
content: "\f249"
}
i.icon.stop.circle.outline:before {
content: "\f28d"
}
i.icon.sun.outline:before {
content: "\f185"
}
i.icon.thumbs.down.outline:before {
content: "\f165"
}
i.icon.thumbs.up.outline:before {
content: "\f164"
}
i.icon.times.circle.outline:before {
content: "\f057"
}
i.icon.trash.alternate.outline:before {
content: "\f2ed"
}
i.icon.user.outline:before {
content: "\f007"
}
i.icon.user.circle.outline:before {
content: "\f2bd"
}
i.icon.window.close.outline:before {
content: "\f410"
}
i.icon.window.maximize.outline:before {
content: "\f2d0"
}
i.icon.window.minimize.outline:before {
content: "\f2d1"
}
i.icon.window.restore.outline:before {
content: "\f2d2"
}
i.icon.disk.outline:before {
content: "\f0a0"
}
i.icon.heart.empty, i.icon.star.empty {
font-family: outline-icons
}
i.icon.heart.empty:before {
content: "\f004"
}
i.icon.star.empty:before {
content: "\f089"
}
@font-face {
font-family: brand-icons;
src: url(themes/default/assets/fonts/brand-icons.eot);
src: url(themes/default/assets/fonts/brand-icons.eot?#iefix) format('embedded-opentype'),url(themes/default/assets/fonts/brand-icons.woff2) format('woff2'),url(themes/default/assets/fonts/brand-icons.woff) format('woff'),url(themes/default/assets/fonts/brand-icons.ttf) format('truetype'),url(themes/default/assets/fonts/brand-icons.svg#icons) format('svg');
font-style: normal;
font-weight: 400;
font-variant: normal;
text-decoration: inherit;
text-transform: none
}
i.icon.\35 00px, i.icon.accessible.icon, i.icon.accusoft, i.icon.adn, i.icon.adversal, i.icon.affiliatetheme, i.icon.algolia, i.icon.amazon, i.icon.amazon.pay, i.icon.amilia, i.icon.android, i.icon.angellist, i.icon.angrycreative, i.icon.angular, i.icon.app.store, i.icon.app.store.ios, i.icon.apper, i.icon.apple, i.icon.apple.pay, i.icon.asymmetrik, i.icon.audible, i.icon.autoprefixer, i.icon.avianex, i.icon.aviato, i.icon.aws, i.icon.bandcamp, i.icon.behance, i.icon.behance.square, i.icon.bimobject, i.icon.bitbucket, i.icon.bitcoin, i.icon.bity, i.icon.black.tie, i.icon.blackberry, i.icon.blogger, i.icon.blogger.b, i.icon.bluetooth, i.icon.bluetooth.b, i.icon.btc, i.icon.buromobelexperte, i.icon.buysellads, i.icon.cc.amazon.pay, i.icon.cc.amex, i.icon.cc.apple.pay, i.icon.cc.diners.club, i.icon.cc.discover, i.icon.cc.jcb, i.icon.cc.mastercard, i.icon.cc.paypal, i.icon.cc.stripe, i.icon.cc.visa, i.icon.centercode, i.icon.chrome, i.icon.cloudscale, i.icon.cloudsmith, i.icon.cloudversify, i.icon.codepen, i.icon.codiepie, i.icon.connectdevelop, i.icon.contao, i.icon.cpanel, i.icon.creative.commons, i.icon.css3, i.icon.css3.alternate, i.icon.cuttlefish, i.icon.d.and.d, i.icon.dashcube, i.icon.delicious, i.icon.deploydog, i.icon.deskpro, i.icon.deviantart, i.icon.digg, i.icon.digital.ocean, i.icon.discord, i.icon.discourse, i.icon.dochub, i.icon.docker, i.icon.draft2digital, i.icon.dribbble, i.icon.dribbble.square, i.icon.dropbox, i.icon.drupal, i.icon.dyalog, i.icon.earlybirds, i.icon.edge, i.icon.elementor, i.icon.ember, i.icon.empire, i.icon.envira, i.icon.erlang, i.icon.ethereum, i.icon.etsy, i.icon.expeditedssl, i.icon.facebook, i.icon.facebook.f, i.icon.facebook.messenger, i.icon.facebook.square, i.icon.firefox, i.icon.first.order, i.icon.firstdraft, i.icon.flickr, i.icon.flipboard, i.icon.fly, i.icon.font.awesome, i.icon.font.awesome.alternate, i.icon.font.awesome.flag, i.icon.fonticons, i.icon.fonticons.fi, i.icon.fort.awesome, i.icon.fort.awesome.alternate, i.icon.forumbee, i.icon.foursquare, i.icon.free.code.camp, i.icon.freebsd, i.icon.get.pocket, i.icon.gg, i.icon.gg.circle, i.icon.git, i.icon.git.square, i.icon.github, i.icon.github.alternate, i.icon.github.square, i.icon.gitkraken, i.icon.gitlab, i.icon.gitter, i.icon.glide, i.icon.glide.g, i.icon.gofore, i.icon.goodreads, i.icon.goodreads.g, i.icon.google, i.icon.google.drive, i.icon.google.play, i.icon.google.plus, i.icon.google.plus.g, i.icon.google.plus.square, i.icon.google.wallet, i.icon.gratipay, i.icon.grav, i.icon.gripfire, i.icon.grunt, i.icon.gulp, i.icon.hacker.news, i.icon.hacker.news.square, i.icon.hips, i.icon.hire.a.helper, i.icon.hooli, i.icon.hotjar, i.icon.houzz, i.icon.html5, i.icon.hubspot, i.icon.imdb, i.icon.instagram, i.icon.internet.explorer, i.icon.ioxhost, i.icon.itunes, i.icon.itunes.note, i.icon.jenkins, i.icon.joget, i.icon.joomla, i.icon.js, i.icon.js.square, i.icon.jsfiddle, i.icon.keycdn, i.icon.kickstarter, i.icon.kickstarter.k, i.icon.korvue, i.icon.laravel, i.icon.lastfm, i.icon.lastfm.square, i.icon.leanpub, i.icon.less, i.icon.linechat, i.icon.linkedin, i.icon.linkedin.alternate, i.icon.linkedin.in, i.icon.linode, i.icon.linux, i.icon.lyft, i.icon.magento, i.icon.maxcdn, i.icon.medapps, i.icon.medium, i.icon.medium.m, i.icon.medrt, i.icon.meetup, i.icon.microsoft, i.icon.mix, i.icon.mixcloud, i.icon.mizuni, i.icon.modx, i.icon.monero, i.icon.napster, i.icon.nintendo.switch, i.icon.node, i.icon.node.js, i.icon.npm, i.icon.ns8, i.icon.nutritionix, i.icon.odnoklassniki, i.icon.odnoklassniki.square, i.icon.opencart, i.icon.openid, i.icon.opera, i.icon.optin.monster, i.icon.osi, i.icon.page4, i.icon.pagelines, i.icon.palfed, i.icon.patreon, i.icon.paypal, i.icon.periscope, i.icon.phabricator, i.icon.phoenix.framework, i.icon.php, i.icon.pied.piper, i.icon.pied.piper.alternate, i.icon.pied.piper.pp, i.icon.pinterest, i.icon.pinterest.p, i.icon.pinterest.square, i.icon.playstation, i.icon.product.hunt, i.icon.pushed, i.icon.python, i.icon.qq, i.icon.quinscape, i.icon.quora, i.icon.ravelry, i.icon.react, i.icon.rebel, i.icon.reddit, i.icon.reddit.alien, i.icon.reddit.square, i.icon.redriver, i.icon.rendact, i.icon.renren, i.icon.replyd, i.icon.resolving, i.icon.rocketchat, i.icon.rockrms, i.icon.safari, i.icon.sass, i.icon.schlix, i.icon.scribd, i.icon.searchengin, i.icon.sellcast, i.icon.sellsy, i.icon.servicestack, i.icon.shirtsinbulk, i.icon.simplybuilt, i.icon.sistrix, i.icon.skyatlas, i.icon.skype, i.icon.slack, i.icon.slack.hash, i.icon.slideshare, i.icon.snapchat, i.icon.snapchat.ghost, i.icon.snapchat.square, i.icon.soundcloud, i.icon.speakap, i.icon.spotify, i.icon.stack.exchange, i.icon.stack.overflow, i.icon.staylinked, i.icon.steam, i.icon.steam.square, i.icon.steam.symbol, i.icon.sticker.mule, i.icon.strava, i.icon.stripe, i.icon.stripe.s, i.icon.studiovinari, i.icon.stumbleupon, i.icon.stumbleupon.circle, i.icon.superpowers, i.icon.supple, i.icon.telegram, i.icon.telegram.plane, i.icon.tencent.weibo, i.icon.themeisle, i.icon.trello, i.icon.tripadvisor, i.icon.tumblr, i.icon.tumblr.square, i.icon.twitch, i.icon.twitter, i.icon.twitter.square, i.icon.typo3, i.icon.uber, i.icon.uikit, i.icon.uniregistry, i.icon.untappd, i.icon.usb, i.icon.ussunnah, i.icon.vaadin, i.icon.viacoin, i.icon.viadeo, i.icon.viadeo.square, i.icon.viber, i.icon.vimeo, i.icon.vimeo.square, i.icon.vimeo.v, i.icon.vine, i.icon.vk, i.icon.vnv, i.icon.vuejs, i.icon.wechat, i.icon.weibo, i.icon.weixin, i.icon.whatsapp, i.icon.whatsapp.square, i.icon.whmcs, i.icon.wikipedia.w, i.icon.windows, i.icon.wordpress, i.icon.wordpress.simple, i.icon.wpbeginner, i.icon.wpexplorer, i.icon.wpforms, i.icon.xbox, i.icon.xing, i.icon.xing.square, i.icon.y.combinator, i.icon.yahoo, i.icon.yandex, i.icon.yandex.international, i.icon.yelp, i.icon.yoast, i.icon.youtube, i.icon.youtube.square {
font-family: brand-icons
}
/*!
* # Semantic UI 2.5.0 - Image
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.image {
position: relative;
display: inline-block;
vertical-align: middle;
max-width: 100%;
background-color: transparent
}
img.ui.image {
display: block
}
.ui.image img, .ui.image svg {
display: block;
max-width: 100%;
height: auto
}
.ui.hidden.image, .ui.hidden.images {
display: none
}
.ui.hidden.transition.image, .ui.hidden.transition.images {
display: block;
visibility: hidden
}
.ui.images > .hidden.transition {
display: inline-block;
visibility: hidden
}
.ui.disabled.image, .ui.disabled.images {
cursor: default;
opacity: .45
}
.ui.inline.image, .ui.inline.image img, .ui.inline.image svg {
display: inline-block
}
.ui.top.aligned.image, .ui.top.aligned.image img, .ui.top.aligned.image svg, .ui.top.aligned.images .image {
display: inline-block;
vertical-align: top
}
.ui.middle.aligned.image, .ui.middle.aligned.image img, .ui.middle.aligned.image svg, .ui.middle.aligned.images .image {
display: inline-block;
vertical-align: middle
}
.ui.bottom.aligned.image, .ui.bottom.aligned.image img, .ui.bottom.aligned.image svg, .ui.bottom.aligned.images .image {
display: inline-block;
vertical-align: bottom
}
.ui.rounded.image, .ui.rounded.image > *, .ui.rounded.images .image, .ui.rounded.images .image > * {
border-radius: .3125em
}
.ui.bordered.image img, .ui.bordered.image svg, .ui.bordered.images .image, .ui.bordered.images img, .ui.bordered.images svg, img.ui.bordered.image {
border: 1px solid rgba(0,0,0,.1)
}
.ui.circular.image, .ui.circular.images {
overflow: hidden
}
.ui.circular.image, .ui.circular.image > *, .ui.circular.images .image, .ui.circular.images .image > * {
border-radius: 500rem
}
.ui.fluid.image, .ui.fluid.image img, .ui.fluid.image svg, .ui.fluid.images, .ui.fluid.images img, .ui.fluid.images svg {
display: block;
width: 100%;
height: auto
}
.ui.avatar.image, .ui.avatar.image img, .ui.avatar.image svg, .ui.avatar.images .image, .ui.avatar.images img, .ui.avatar.images svg {
margin-right: .25em;
display: inline-block;
width: 2em;
height: 2em;
border-radius: 500rem
}
.ui.spaced.image {
display: inline-block !important;
margin-left: .5em;
margin-right: .5em
}
.ui[class*="left spaced"].image {
margin-left: .5em;
margin-right: 0
}
.ui[class*="right spaced"].image {
margin-left: 0;
margin-right: .5em
}
.ui.floated.image, .ui.floated.images {
float: left;
margin-right: 1em;
margin-bottom: 1em
}
.ui.right.floated.image, .ui.right.floated.images {
float: right;
margin-right: 0;
margin-bottom: 1em;
margin-left: 1em
}
.ui.floated.image:last-child, .ui.floated.images:last-child {
margin-bottom: 0
}
.ui.centered.image, .ui.centered.images {
margin-left: auto;
margin-right: auto
}
.ui.mini.image, .ui.mini.images .image, .ui.mini.images img, .ui.mini.images svg {
width: 35px;
height: auto;
font-size: .78571429rem
}
.ui.tiny.image, .ui.tiny.images .image, .ui.tiny.images img, .ui.tiny.images svg {
width: 80px;
height: auto;
font-size: .85714286rem
}
.ui.small.image, .ui.small.images .image, .ui.small.images img, .ui.small.images svg {
width: 150px;
height: auto;
font-size: .92857143rem
}
.ui.medium.image, .ui.medium.images .image, .ui.medium.images img, .ui.medium.images svg {
width: 300px;
height: auto;
font-size: 1rem
}
.ui.large.image, .ui.large.images .image, .ui.large.images img, .ui.large.images svg {
width: 450px;
height: auto;
font-size: 1.14285714rem
}
.ui.big.image, .ui.big.images .image, .ui.big.images img, .ui.big.images svg {
width: 600px;
height: auto;
font-size: 1.28571429rem
}
.ui.huge.image, .ui.huge.images .image, .ui.huge.images img, .ui.huge.images svg {
width: 800px;
height: auto;
font-size: 1.42857143rem
}
.ui.massive.image, .ui.massive.images .image, .ui.massive.images img, .ui.massive.images svg {
width: 960px;
height: auto;
font-size: 1.71428571rem
}
.ui.images {
font-size: 0;
margin: 0 -.25rem 0
}
.ui.images .image, .ui.images > img, .ui.images > svg {
display: inline-block;
margin: 0 .25rem .5rem
}
/*!
* # Semantic UI 2.5.0 - Input
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.input {
position: relative;
font-weight: 400;
font-style: normal;
display: inline-flex;
color: rgba(0,0,0,.87)
}
.ui.input > input {
margin: 0;
max-width: 100%;
flex: 1 0 auto;
outline: 0;
-webkit-tap-highlight-color: rgba(255,255,255,0);
text-align: left;
line-height: 1.21428571em;
font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
padding: .67857143em 1em;
background: #fff;
border: 1px solid rgba(34,36,38,.15);
color: rgba(0,0,0,.87);
border-radius: .28571429rem;
transition: box-shadow .1s ease,border-color .1s ease;
box-shadow: none
}
.ui.input > input::-webkit-input-placeholder {
color: rgba(191,191,191,.87)
}
.ui.input > input::-moz-placeholder {
color: rgba(191,191,191,.87)
}
.ui.input > input:-ms-input-placeholder {
color: rgba(191,191,191,.87)
}
.ui.disabled.input, .ui.input:not(.disabled) input[disabled] {
opacity: .45
}
.ui.disabled.input > input, .ui.input:not(.disabled) input[disabled] {
pointer-events: none
}
.ui.input.down input, .ui.input > input:active {
border-color: rgba(0,0,0,.3);
background: #fafafa;
color: rgba(0,0,0,.87);
box-shadow: none
}
.ui.loading.loading.input > i.icon:before {
position: absolute;
content: '';
top: 50%;
left: 50%;
margin: -.64285714em 0 0 -.64285714em;
width: 1.28571429em;
height: 1.28571429em;
border-radius: 500rem;
border: .2em solid rgba(0,0,0,.1)
}
.ui.loading.loading.input > i.icon:after {
position: absolute;
content: '';
top: 50%;
left: 50%;
margin: -.64285714em 0 0 -.64285714em;
width: 1.28571429em;
height: 1.28571429em;
-webkit-animation: button-spin .6s linear;
animation: button-spin .6s linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
border-radius: 500rem;
border-color: #767676 transparent transparent;
border-style: solid;
border-width: .2em;
box-shadow: 0 0 0 1px transparent
}
.ui.input.focus > input, .ui.input > input:focus {
border-color: #85b7d9;
background: #fff;
color: rgba(0,0,0,.8);
box-shadow: none
}
.ui.input.focus > input::-webkit-input-placeholder, .ui.input > input:focus::-webkit-input-placeholder {
color: rgba(115,115,115,.87)
}
.ui.input.focus > input::-moz-placeholder, .ui.input > input:focus::-moz-placeholder {
color: rgba(115,115,115,.87)
}
.ui.input.focus > input:-ms-input-placeholder, .ui.input > input:focus:-ms-input-placeholder {
color: rgba(115,115,115,.87)
}
.ui.input.error > input {
background-color: #fff6f6;
border-color: #e0b4b4;
color: #9f3a38;
box-shadow: none
}
.ui.input.error > input::-webkit-input-placeholder {
color: #e7bdbc
}
.ui.input.error > input::-moz-placeholder {
color: #e7bdbc
}
.ui.input.error > input:-ms-input-placeholder {
color: #e7bdbc !important
}
.ui.input.error > input:focus::-webkit-input-placeholder {
color: #da9796
}
.ui.input.error > input:focus::-moz-placeholder {
color: #da9796
}
.ui.input.error > input:focus:-ms-input-placeholder {
color: #da9796 !important
}
.ui.transparent.input > input {
border-color: transparent !important;
background-color: transparent !important;
padding: 0 !important;
box-shadow: none !important;
border-radius: 0 !important
}
.ui.transparent.icon.input > i.icon {
width: 1.1em
}
.ui.transparent.icon.input > input {
padding-left: 0 !important;
padding-right: 2em !important
}
.ui.transparent[class*="left icon"].input > input {
padding-left: 2em !important;
padding-right: 0 !important
}
.ui.transparent.inverted.input {
color: #fff
}
.ui.transparent.inverted.input > input {
color: inherit
}
.ui.transparent.inverted.input > input::-webkit-input-placeholder {
color: rgba(255,255,255,.5)
}
.ui.transparent.inverted.input > input::-moz-placeholder {
color: rgba(255,255,255,.5)
}
.ui.transparent.inverted.input > input:-ms-input-placeholder {
color: rgba(255,255,255,.5)
}
.ui.icon.input > i.icon {
cursor: default;
position: absolute;
line-height: 1;
text-align: center;
top: 0;
right: 0;
margin: 0;
height: 100%;
width: 2.67142857em;
opacity: .5;
border-radius: 0 .28571429rem .28571429rem 0;
transition: opacity .3s ease
}
.ui.icon.input > i.icon:not(.link) {
pointer-events: none
}
.ui.icon.input > input {
padding-right: 2.67142857em !important
}
.ui.icon.input > i.icon:after, .ui.icon.input > i.icon:before {
left: 0;
position: absolute;
text-align: center;
top: 50%;
width: 100%;
margin-top: -.5em
}
.ui.icon.input > i.link.icon {
cursor: pointer
}
.ui.icon.input > i.circular.icon {
top: .35em;
right: .5em
}
.ui[class*="left icon"].input > i.icon {
right: auto;
left: 1px;
border-radius: .28571429rem 0 0 .28571429rem
}
.ui[class*="left icon"].input > i.circular.icon {
right: auto;
left: .5em
}
.ui[class*="left icon"].input > input {
padding-left: 2.67142857em !important;
padding-right: 1em !important
}
.ui.icon.input > input:focus ~ i.icon {
opacity: 1
}
.ui.labeled.input > .label {
flex: 0 0 auto;
margin: 0;
font-size: 1em
}
.ui.labeled.input > .label:not(.corner) {
padding-top: .78571429em;
padding-bottom: .78571429em
}
.ui.labeled.input:not([class*="corner labeled"]) .label:first-child {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-left-color: transparent
}
.ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input:focus {
border-left-color: #85b7d9
}
.ui[class*="right labeled"].input > input {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
border-right-color: transparent !important
}
.ui[class*="right labeled"].input > input + .label {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.ui[class*="right labeled"].input > input:focus {
border-right-color: #85b7d9 !important
}
.ui.labeled.input .corner.label {
top: 1px;
right: 1px;
font-size: .64285714em;
border-radius: 0 .28571429rem 0 0
}
.ui[class*="corner labeled"]:not([class*="left corner labeled"]).labeled.input > input {
padding-right: 2.5em !important
}
.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > input {
padding-right: 3.25em !important
}
.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > .icon {
margin-right: 1.25em
}
.ui[class*="left corner labeled"].labeled.input > input {
padding-left: 2.5em !important
}
.ui[class*="left corner labeled"].icon.input > input {
padding-left: 3.25em !important
}
.ui[class*="left corner labeled"].icon.input > .icon {
margin-left: 1.25em
}
.ui.input > .ui.corner.label {
top: 1px;
right: 1px
}
.ui.input > .ui.left.corner.label {
right: auto;
left: 1px
}
.ui.action.input > .button, .ui.action.input > .buttons {
display: flex;
align-items: center;
flex: 0 0 auto
}
.ui.action.input > .button, .ui.action.input > .buttons > .button {
padding-top: .78571429em;
padding-bottom: .78571429em;
margin: 0
}
.ui.action.input:not([class*="left action"]) > input {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
border-right-color: transparent !important
}
.ui.action.input:not([class*="left action"]) > .button:not(:first-child), .ui.action.input:not([class*="left action"]) > .buttons:not(:first-child) > .button, .ui.action.input:not([class*="left action"]) > .dropdown:not(:first-child) {
border-radius: 0
}
.ui.action.input:not([class*="left action"]) > .button:last-child, .ui.action.input:not([class*="left action"]) > .buttons:last-child > .button, .ui.action.input:not([class*="left action"]) > .dropdown:last-child {
border-radius: 0 .28571429rem .28571429rem 0
}
.ui.action.input:not([class*="left action"]) > input:focus {
border-right-color: #85b7d9 !important
}
.ui[class*="left action"].input > input {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
border-left-color: transparent !important
}
.ui[class*="left action"].input > .button, .ui[class*="left action"].input > .buttons > .button, .ui[class*="left action"].input > .dropdown {
border-radius: 0
}
.ui[class*="left action"].input > .button:first-child, .ui[class*="left action"].input > .buttons:first-child > .button, .ui[class*="left action"].input > .dropdown:first-child {
border-radius: .28571429rem 0 0 .28571429rem
}
.ui[class*="left action"].input > input:focus {
border-left-color: #85b7d9 !important
}
.ui.inverted.input > input {
border: none
}
.ui.fluid.input {
display: flex
}
.ui.fluid.input > input {
width: 0 !important
}
.ui.mini.input {
font-size: .78571429em
}
.ui.small.input {
font-size: .92857143em
}
.ui.input {
font-size: 1em
}
.ui.large.input {
font-size: 1.14285714em
}
.ui.big.input {
font-size: 1.28571429em
}
.ui.huge.input {
font-size: 1.42857143em
}
.ui.massive.input {
font-size: 1.71428571em
}
/*!
* # Semantic UI 2.5.0 - Label
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.label {
display: inline-block;
line-height: 1;
vertical-align: baseline;
margin: 0 .14285714em;
background-color: #e8e8e8;
background-image: none;
padding: .5833em .833em;
color: rgba(0,0,0,.6);
text-transform: none;
font-weight: 700;
border: 0 solid transparent;
border-radius: .28571429rem;
transition: background .1s ease
}
.ui.label:first-child {
margin-left: 0
}
.ui.label:last-child {
margin-right: 0
}
a.ui.label {
cursor: pointer
}
.ui.label > a {
cursor: pointer;
color: inherit;
opacity: .5;
transition: .1s opacity ease
}
.ui.label > a:hover {
opacity: 1
}
.ui.label > img {
width: auto !important;
vertical-align: middle;
height: 2.1666em !important
}
.ui.label > .icon {
width: auto;
margin: 0 .75em 0 0
}
.ui.label > .detail {
display: inline-block;
vertical-align: top;
font-weight: 700;
margin-left: 1em;
opacity: .8
}
.ui.label > .detail .icon {
margin: 0 .25em 0 0
}
.ui.label > .close.icon, .ui.label > .delete.icon {
cursor: pointer;
margin-right: 0;
margin-left: .5em;
font-size: .92857143em;
opacity: .5;
transition: background .1s ease
}
.ui.label > .delete.icon:hover {
opacity: 1
}
.ui.labels > .label {
margin: 0 .5em .5em 0
}
.ui.header > .ui.label {
margin-top: -.29165em
}
.ui.attached.segment > .ui.top.left.attached.label, .ui.bottom.attached.segment > .ui.top.left.attached.label {
border-top-left-radius: 0
}
.ui.attached.segment > .ui.top.right.attached.label, .ui.bottom.attached.segment > .ui.top.right.attached.label {
border-top-right-radius: 0
}
.ui.top.attached.segment > .ui.bottom.left.attached.label {
border-bottom-left-radius: 0
}
.ui.top.attached.segment > .ui.bottom.right.attached.label {
border-bottom-right-radius: 0
}
.ui.top.attached.label + [class*="right floated"] + *, .ui.top.attached.label:first-child + :not(.attached) {
margin-top: 2rem !important
}
.ui.bottom.attached.label:first-child ~ :last-child:not(.attached) {
margin-top: 0;
margin-bottom: 2rem !important
}
.ui.image.label {
width: auto !important;
margin-top: 0;
margin-bottom: 0;
max-width: 9999px;
vertical-align: baseline;
text-transform: none;
background: #e8e8e8;
padding: .5833em .833em .5833em .5em;
border-radius: .28571429rem;
box-shadow: none
}
.ui.image.label img {
display: inline-block;
vertical-align: top;
height: 2.1666em;
margin: -.5833em .5em -.5833em -.5em;
border-radius: .28571429rem 0 0 .28571429rem
}
.ui.image.label .detail {
background: rgba(0,0,0,.1);
margin: -.5833em -.833em -.5833em .5em;
padding: .5833em .833em;
border-radius: 0 .28571429rem .28571429rem 0
}
.ui.tag.label, .ui.tag.labels .label {
margin-left: 1em;
position: relative;
padding-left: 1.5em;
padding-right: 1.5em;
border-radius: 0 .28571429rem .28571429rem 0;
transition: none
}
.ui.tag.label:before, .ui.tag.labels .label:before {
position: absolute;
transform: translateY(-50%) translateX(50%) rotate(-45deg);
top: 50%;
right: 100%;
content: '';
background-color: inherit;
background-image: none;
width: 1.56em;
height: 1.56em;
transition: none
}
.ui.tag.label:after, .ui.tag.labels .label:after {
position: absolute;
content: '';
top: 50%;
left: -.25em;
margin-top: -.25em;
background-color: #fff !important;
width: .5em;
height: .5em;
box-shadow: 0 -1px 1px 0 rgba(0,0,0,.3);
border-radius: 500rem
}
.ui.corner.label {
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 0;
text-align: center;
border-color: #e8e8e8;
width: 4em;
height: 4em;
z-index: 1;
transition: border-color .1s ease
}
.ui.corner.label {
background-color: transparent !important
}
.ui.corner.label:after {
position: absolute;
content: "";
right: 0;
top: 0;
z-index: -1;
width: 0;
height: 0;
background-color: transparent !important;
border-top: 0 solid transparent;
border-right: 4em solid transparent;
border-bottom: 4em solid transparent;
border-left: 0 solid transparent;
border-right-color: inherit;
transition: border-color .1s ease
}
.ui.corner.label .icon {
cursor: default;
position: relative;
top: .64285714em;
left: .78571429em;
font-size: 1.14285714em;
margin: 0
}
.ui.left.corner.label, .ui.left.corner.label:after {
right: auto;
left: 0
}
.ui.left.corner.label:after {
border-top: 4em solid transparent;
border-right: 4em solid transparent;
border-bottom: 0 solid transparent;
border-left: 0 solid transparent;
border-top-color: inherit
}
.ui.left.corner.label .icon {
left: -.78571429em
}
.ui.segment > .ui.corner.label {
top: -1px;
right: -1px
}
.ui.segment > .ui.left.corner.label {
right: auto;
left: -1px
}
.ui.ribbon.label {
position: relative;
margin: 0;
min-width: -webkit-max-content;
min-width: -moz-max-content;
min-width: max-content;
border-radius: 0 .28571429rem .28571429rem 0;
border-color: rgba(0,0,0,.15)
}
.ui.ribbon.label:after {
position: absolute;
content: '';
top: 100%;
left: 0;
background-color: transparent !important;
border-style: solid;
border-width: 0 1.2em 1.2em 0;
border-color: transparent;
border-right-color: inherit;
width: 0;
height: 0
}
.ui.ribbon.label {
left: calc(-1rem - 1.2em);
margin-right: -1.2em;
padding-left: calc(1rem + 1.2em);
padding-right: 1.2em
}
.ui[class*="right ribbon"].label {
left: calc(100% + 1rem + 1.2em);
padding-left: 1.2em;
padding-right: calc(1rem + 1.2em)
}
.ui[class*="right ribbon"].label {
text-align: left;
transform: translateX(-100%);
border-radius: .28571429rem 0 0 .28571429rem
}
.ui[class*="right ribbon"].label:after {
left: auto;
right: 0;
border-style: solid;
border-width: 1.2em 1.2em 0 0;
border-color: transparent;
border-top-color: inherit
}
.ui.card .image > .ribbon.label, .ui.image > .ribbon.label {
position: absolute;
top: 1rem
}
.ui.card .image > .ui.ribbon.label, .ui.image > .ui.ribbon.label {
left: calc(--.05rem - 1.2em)
}
.ui.card .image > .ui[class*="right ribbon"].label, .ui.image > .ui[class*="right ribbon"].label {
left: calc(100% + -.05rem + 1.2em);
padding-left: .833em
}
.ui.table td > .ui.ribbon.label {
left: calc(-.78571429em - 1.2em)
}
.ui.table td > .ui[class*="right ribbon"].label {
left: calc(100% + .78571429em + 1.2em);
padding-left: .833em
}
.ui.attached.label, .ui[class*="top attached"].label {
width: 100%;
position: absolute;
margin: 0;
top: 0;
left: 0;
padding: .75em 1em;
border-radius: .21428571rem .21428571rem 0 0
}
.ui[class*="bottom attached"].label {
top: auto;
bottom: 0;
border-radius: 0 0 .21428571rem .21428571rem
}
.ui[class*="top left attached"].label {
width: auto;
margin-top: 0 !important;
border-radius: .21428571rem 0 .28571429rem 0
}
.ui[class*="top right attached"].label {
width: auto;
left: auto;
right: 0;
border-radius: 0 .21428571rem 0 .28571429rem
}
.ui[class*="bottom left attached"].label {
width: auto;
top: auto;
bottom: 0;
border-radius: 0 .28571429rem 0 .21428571rem
}
.ui[class*="bottom right attached"].label {
top: auto;
bottom: 0;
left: auto;
right: 0;
width: auto;
border-radius: .28571429rem 0 .21428571rem 0
}
.ui.label.disabled {
opacity: .5
}
a.ui.label:hover, a.ui.labels .label:hover {
background-color: #e0e0e0;
border-color: #e0e0e0;
background-image: none;
color: rgba(0,0,0,.8)
}
.ui.labels a.label:hover:before, a.ui.label:hover:before {
color: rgba(0,0,0,.8)
}
.ui.active.label {
background-color: #d0d0d0;
border-color: #d0d0d0;
background-image: none;
color: rgba(0,0,0,.95)
}
.ui.active.label:before {
background-color: #d0d0d0;
background-image: none;
color: rgba(0,0,0,.95)
}
a.ui.active.label:hover, a.ui.labels .active.label:hover {
background-color: #c8c8c8;
border-color: #c8c8c8;
background-image: none;
color: rgba(0,0,0,.95)
}
.ui.labels a.active.label:ActiveHover:before, a.ui.active.label:ActiveHover:before {
background-color: #c8c8c8;
background-image: none;
color: rgba(0,0,0,.95)
}
.ui.label.visible:not(.dropdown), .ui.labels.visible .label {
display: inline-block !important
}
.ui.label.hidden, .ui.labels.hidden .label {
display: none !important
}
.ui.red.label, .ui.red.labels .label {
background-color: #db2828 !important;
border-color: #db2828 !important;
color: #fff !important
}
.ui.red.labels .label:hover, a.ui.red.label:hover {
background-color: #d01919 !important;
border-color: #d01919 !important;
color: #fff !important
}
.ui.red.corner.label, .ui.red.corner.label:hover {
background-color: transparent !important
}
.ui.red.ribbon.label {
border-color: #b21e1e !important
}
.ui.basic.red.label {
background: none #fff !important;
color: #db2828 !important;
border-color: #db2828 !important
}
.ui.basic.red.labels a.label:hover, a.ui.basic.red.label:hover {
background-color: #fff !important;
color: #d01919 !important;
border-color: #d01919 !important
}
.ui.orange.label, .ui.orange.labels .label {
background-color: #f2711c !important;
border-color: #f2711c !important;
color: #fff !important
}
.ui.orange.labels .label:hover, a.ui.orange.label:hover {
background-color: #f26202 !important;
border-color: #f26202 !important;
color: #fff !important
}
.ui.orange.corner.label, .ui.orange.corner.label:hover {
background-color: transparent !important
}
.ui.orange.ribbon.label {
border-color: #cf590c !important
}
.ui.basic.orange.label {
background: none #fff !important;
color: #f2711c !important;
border-color: #f2711c !important
}
.ui.basic.orange.labels a.label:hover, a.ui.basic.orange.label:hover {
background-color: #fff !important;
color: #f26202 !important;
border-color: #f26202 !important
}
.ui.yellow.label, .ui.yellow.labels .label {
background-color: #fbbd08 !important;
border-color: #fbbd08 !important;
color: #fff !important
}
.ui.yellow.labels .label:hover, a.ui.yellow.label:hover {
background-color: #eaae00 !important;
border-color: #eaae00 !important;
color: #fff !important
}
.ui.yellow.corner.label, .ui.yellow.corner.label:hover {
background-color: transparent !important
}
.ui.yellow.ribbon.label {
border-color: #cd9903 !important
}
.ui.basic.yellow.label {
background: none #fff !important;
color: #fbbd08 !important;
border-color: #fbbd08 !important
}
.ui.basic.yellow.labels a.label:hover, a.ui.basic.yellow.label:hover {
background-color: #fff !important;
color: #eaae00 !important;
border-color: #eaae00 !important
}
.ui.olive.label, .ui.olive.labels .label {
background-color: #b5cc18 !important;
border-color: #b5cc18 !important;
color: #fff !important
}
.ui.olive.labels .label:hover, a.ui.olive.label:hover {
background-color: #a7bd0d !important;
border-color: #a7bd0d !important;
color: #fff !important
}
.ui.olive.corner.label, .ui.olive.corner.label:hover {
background-color: transparent !important
}
.ui.olive.ribbon.label {
border-color: #198f35 !important
}
.ui.basic.olive.label {
background: none #fff !important;
color: #b5cc18 !important;
border-color: #b5cc18 !important
}
.ui.basic.olive.labels a.label:hover, a.ui.basic.olive.label:hover {
background-color: #fff !important;
color: #a7bd0d !important;
border-color: #a7bd0d !important
}
.ui.green.label, .ui.green.labels .label {
background-color: #21ba45 !important;
border-color: #21ba45 !important;
color: #fff !important
}
.ui.green.labels .label:hover, a.ui.green.label:hover {
background-color: #16ab39 !important;
border-color: #16ab39 !important;
color: #fff !important
}
.ui.green.corner.label, .ui.green.corner.label:hover {
background-color: transparent !important
}
.ui.green.ribbon.label {
border-color: #198f35 !important
}
.ui.basic.green.label {
background: none #fff !important;
color: #21ba45 !important;
border-color: #21ba45 !important
}
.ui.basic.green.labels a.label:hover, a.ui.basic.green.label:hover {
background-color: #fff !important;
color: #16ab39 !important;
border-color: #16ab39 !important
}
.ui.teal.label, .ui.teal.labels .label {
background-color: #00b5ad !important;
border-color: #00b5ad !important;
color: #fff !important
}
.ui.teal.labels .label:hover, a.ui.teal.label:hover {
background-color: #009c95 !important;
border-color: #009c95 !important;
color: #fff !important
}
.ui.teal.corner.label, .ui.teal.corner.label:hover {
background-color: transparent !important
}
.ui.teal.ribbon.label {
border-color: #00827c !important
}
.ui.basic.teal.label {
background: none #fff !important;
color: #00b5ad !important;
border-color: #00b5ad !important
}
.ui.basic.teal.labels a.label:hover, a.ui.basic.teal.label:hover {
background-color: #fff !important;
color: #009c95 !important;
border-color: #009c95 !important
}
.ui.blue.label, .ui.blue.labels .label {
background-color: #2185d0 !important;
border-color: #2185d0 !important;
color: #fff !important
}
.ui.blue.labels .label:hover, a.ui.blue.label:hover {
background-color: #1678c2 !important;
border-color: #1678c2 !important;
color: #fff !important
}
.ui.blue.corner.label, .ui.blue.corner.label:hover {
background-color: transparent !important
}
.ui.blue.ribbon.label {
border-color: #1a69a4 !important
}
.ui.basic.blue.label {
background: none #fff !important;
color: #2185d0 !important;
border-color: #2185d0 !important
}
.ui.basic.blue.labels a.label:hover, a.ui.basic.blue.label:hover {
background-color: #fff !important;
color: #1678c2 !important;
border-color: #1678c2 !important
}
.ui.violet.label, .ui.violet.labels .label {
background-color: #6435c9 !important;
border-color: #6435c9 !important;
color: #fff !important
}
.ui.violet.labels .label:hover, a.ui.violet.label:hover {
background-color: #5829bb !important;
border-color: #5829bb !important;
color: #fff !important
}
.ui.violet.corner.label, .ui.violet.corner.label:hover {
background-color: transparent !important
}
.ui.violet.ribbon.label {
border-color: #502aa1 !important
}
.ui.basic.violet.label {
background: none #fff !important;
color: #6435c9 !important;
border-color: #6435c9 !important
}
.ui.basic.violet.labels a.label:hover, a.ui.basic.violet.label:hover {
background-color: #fff !important;
color: #5829bb !important;
border-color: #5829bb !important
}
.ui.purple.label, .ui.purple.labels .label {
background-color: #a333c8 !important;
border-color: #a333c8 !important;
color: #fff !important
}
.ui.purple.labels .label:hover, a.ui.purple.label:hover {
background-color: #9627ba !important;
border-color: #9627ba !important;
color: #fff !important
}
.ui.purple.corner.label, .ui.purple.corner.label:hover {
background-color: transparent !important
}
.ui.purple.ribbon.label {
border-color: #82299f !important
}
.ui.basic.purple.label {
background: none #fff !important;
color: #a333c8 !important;
border-color: #a333c8 !important
}
.ui.basic.purple.labels a.label:hover, a.ui.basic.purple.label:hover {
background-color: #fff !important;
color: #9627ba !important;
border-color: #9627ba !important
}
.ui.pink.label, .ui.pink.labels .label {
background-color: #e03997 !important;
border-color: #e03997 !important;
color: #fff !important
}
.ui.pink.labels .label:hover, a.ui.pink.label:hover {
background-color: #e61a8d !important;
border-color: #e61a8d !important;
color: #fff !important
}
.ui.pink.corner.label, .ui.pink.corner.label:hover {
background-color: transparent !important
}
.ui.pink.ribbon.label {
border-color: #c71f7e !important
}
.ui.basic.pink.label {
background: none #fff !important;
color: #e03997 !important;
border-color: #e03997 !important
}
.ui.basic.pink.labels a.label:hover, a.ui.basic.pink.label:hover {
background-color: #fff !important;
color: #e61a8d !important;
border-color: #e61a8d !important
}
.ui.brown.label, .ui.brown.labels .label {
background-color: #a5673f !important;
border-color: #a5673f !important;
color: #fff !important
}
.ui.brown.labels .label:hover, a.ui.brown.label:hover {
background-color: #975b33 !important;
border-color: #975b33 !important;
color: #fff !important
}
.ui.brown.corner.label, .ui.brown.corner.label:hover {
background-color: transparent !important
}
.ui.brown.ribbon.label {
border-color: #805031 !important
}
.ui.basic.brown.label {
background: none #fff !important;
color: #a5673f !important;
border-color: #a5673f !important
}
.ui.basic.brown.labels a.label:hover, a.ui.basic.brown.label:hover {
background-color: #fff !important;
color: #975b33 !important;
border-color: #975b33 !important
}
.ui.grey.label, .ui.grey.labels .label {
background-color: #767676 !important;
border-color: #767676 !important;
color: #fff !important
}
.ui.grey.labels .label:hover, a.ui.grey.label:hover {
background-color: #838383 !important;
border-color: #838383 !important;
color: #fff !important
}
.ui.grey.corner.label, .ui.grey.corner.label:hover {
background-color: transparent !important
}
.ui.grey.ribbon.label {
border-color: #805031 !important
}
.ui.basic.grey.label {
background: none #fff !important;
color: #767676 !important;
border-color: #767676 !important
}
.ui.basic.grey.labels a.label:hover, a.ui.basic.grey.label:hover {
background-color: #fff !important;
color: #838383 !important;
border-color: #838383 !important
}
.ui.black.label, .ui.black.labels .label {
background-color: #1b1c1d !important;
border-color: #1b1c1d !important;
color: #fff !important
}
.ui.black.labels .label:hover, a.ui.black.label:hover {
background-color: #27292a !important;
border-color: #27292a !important;
color: #fff !important
}
.ui.black.corner.label, .ui.black.corner.label:hover {
background-color: transparent !important
}
.ui.black.ribbon.label {
border-color: #805031 !important
}
.ui.basic.black.label {
background: none #fff !important;
color: #1b1c1d !important;
border-color: #1b1c1d !important
}
.ui.basic.black.labels a.label:hover, a.ui.basic.black.label:hover {
background-color: #fff !important;
color: #27292a !important;
border-color: #27292a !important
}
.ui.basic.label {
background: none #fff;
border: 1px solid rgba(34,36,38,.15);
color: rgba(0,0,0,.87);
box-shadow: none
}
a.ui.basic.label:hover {
text-decoration: none;
background: none #fff;
color: #1e70bf;
box-shadow: 1px solid rgba(34,36,38,.15);
box-shadow: none
}
.ui.basic.pointing.label:before {
border-color: inherit
}
.ui.fluid.labels > .label, .ui.label.fluid {
width: 100%;
box-sizing: border-box
}
.ui.inverted.label, .ui.inverted.labels .label {
color: rgba(255,255,255,.9) !important
}
.ui.horizontal.label, .ui.horizontal.labels .label {
margin: 0 .5em 0 0;
padding: .4em .833em;
min-width: 3em;
text-align: center
}
.ui.circular.label, .ui.circular.labels .label {
min-width: 2em;
min-height: 2em;
padding: .5em !important;
line-height: 1em;
text-align: center;
border-radius: 500rem
}
.ui.empty.circular.label, .ui.empty.circular.labels .label {
min-width: 0;
min-height: 0;
overflow: hidden;
width: .5em;
height: .5em;
vertical-align: baseline
}
.ui.pointing.label {
position: relative
}
.ui.attached.pointing.label {
position: absolute
}
.ui.pointing.label:before {
background-color: inherit;
background-image: inherit;
border-width: none;
border-style: solid;
border-color: inherit
}
.ui.pointing.label:before {
position: absolute;
content: '';
transform: rotate(45deg);
background-image: none;
z-index: 2;
width: .6666em;
height: .6666em;
transition: background .1s ease
}
.ui.pointing.label, .ui[class*="pointing above"].label {
margin-top: 1em
}
.ui.pointing.label:before, .ui[class*="pointing above"].label:before {
border-width: 1px 0 0 1px;
transform: translateX(-50%) translateY(-50%) rotate(45deg);
top: 0;
left: 50%
}
.ui[class*="bottom pointing"].label, .ui[class*="pointing below"].label {
margin-top: 0;
margin-bottom: 1em
}
.ui[class*="bottom pointing"].label:before, .ui[class*="pointing below"].label:before {
border-width: 0 1px 1px 0;
top: auto;
right: auto;
transform: translateX(-50%) translateY(-50%) rotate(45deg);
top: 100%;
left: 50%
}
.ui[class*="left pointing"].label {
margin-top: 0;
margin-left: .6666em
}
.ui[class*="left pointing"].label:before {
border-width: 0 0 1px 1px;
transform: translateX(-50%) translateY(-50%) rotate(45deg);
bottom: auto;
right: auto;
top: 50%;
left: 0
}
.ui[class*="right pointing"].label {
margin-top: 0;
margin-right: .6666em
}
.ui[class*="right pointing"].label:before {
border-width: 1px 1px 0 0;
transform: translateX(50%) translateY(-50%) rotate(45deg);
top: 50%;
right: 0;
bottom: auto;
left: auto
}
.ui.basic.pointing.label:before, .ui.basic[class*="pointing above"].label:before {
margin-top: -1px
}
.ui.basic[class*="bottom pointing"].label:before, .ui.basic[class*="pointing below"].label:before {
bottom: auto;
top: 100%;
margin-top: 1px
}
.ui.basic[class*="left pointing"].label:before {
top: 50%;
left: -1px
}
.ui.basic[class*="right pointing"].label:before {
top: 50%;
right: -1px
}
.ui.floating.label {
position: absolute;
z-index: 100;
top: -1em;
left: 100%;
margin: 0 0 0 -1.5em !important
}
.ui.mini.label, .ui.mini.labels .label {
font-size: .64285714rem
}
.ui.tiny.label, .ui.tiny.labels .label {
font-size: .71428571rem
}
.ui.small.label, .ui.small.labels .label {
font-size: .78571429rem
}
.ui.label, .ui.labels .label {
font-size: .85714286rem
}
.ui.large.label, .ui.large.labels .label {
font-size: 1rem
}
.ui.big.label, .ui.big.labels .label {
font-size: 1.28571429rem
}
.ui.huge.label, .ui.huge.labels .label {
font-size: 1.42857143rem
}
.ui.massive.label, .ui.massive.labels .label {
font-size: 1.71428571rem
}
/*!
* # Semantic UI 2.5.0 - List
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.list, ol.ui.list, ul.ui.list {
list-style-type: none;
margin: 1em 0;
padding: 0 0
}
.ui.list:first-child, ol.ui.list:first-child, ul.ui.list:first-child {
margin-top: 0;
padding-top: 0
}
.ui.list:last-child, ol.ui.list:last-child, ul.ui.list:last-child {
margin-bottom: 0;
padding-bottom: 0
}
.ui.list .list > .item, .ui.list > .item, ol.ui.list li, ul.ui.list li {
display: list-item;
table-layout: fixed;
list-style-type: none;
list-style-position: outside;
padding: .21428571em 0;
line-height: 1.14285714em
}
.ui.list > .item:after, .ui.list > .list > .item, ol.ui.list > li:first-child:after, ul.ui.list > li:first-child:after {
content: '';
display: block;
height: 0;
clear: both;
visibility: hidden
}
.ui.list .list > .item:first-child, .ui.list > .item:first-child, ol.ui.list li:first-child, ul.ui.list li:first-child {
padding-top: 0
}
.ui.list .list > .item:last-child, .ui.list > .item:last-child, ol.ui.list li:last-child, ul.ui.list li:last-child {
padding-bottom: 0
}
.ui.list .list, ol.ui.list ol, ul.ui.list ul {
clear: both;
margin: 0;
padding: .75em 0 .25em .5em
}
.ui.list .list > .item, ol.ui.list ol li, ul.ui.list ul li {
padding: .14285714em 0;
line-height: inherit
}
.ui.list .list > .item > i.icon, .ui.list > .item > i.icon {
display: table-cell;
margin: 0;
padding-top: 0;
padding-right: .28571429em;
vertical-align: top;
transition: color .1s ease
}
.ui.list .list > .item > i.icon:only-child, .ui.list > .item > i.icon:only-child {
display: inline-block;
vertical-align: top
}
.ui.list .list > .item > .image, .ui.list > .item > .image {
display: table-cell;
background-color: transparent;
margin: 0;
vertical-align: top
}
.ui.list .list > .item > .image:not(:only-child):not(img), .ui.list > .item > .image:not(:only-child):not(img) {
padding-right: .5em
}
.ui.list .list > .item > .image img, .ui.list > .item > .image img {
vertical-align: top
}
.ui.list .list > .item > .image:only-child, .ui.list .list > .item > img.image, .ui.list > .item > .image:only-child, .ui.list > .item > img.image {
display: inline-block
}
.ui.list .list > .item > .content, .ui.list > .item > .content {
line-height: 1.14285714em
}
.ui.list .list > .item > .icon + .content, .ui.list .list > .item > .image + .content, .ui.list > .item > .icon + .content, .ui.list > .item > .image + .content {
display: table-cell;
width: 100%;
padding: 0 0 0 .5em;
vertical-align: top
}
.ui.list .list > .item > img.image + .content, .ui.list > .item > img.image + .content {
display: inline-block;
width: auto
}
.ui.list .list > .item > .content > .list, .ui.list > .item > .content > .list {
margin-left: 0;
padding-left: 0
}
.ui.list .list > .item .header, .ui.list > .item .header {
display: block;
margin: 0;
font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
font-weight: 700;
color: rgba(0,0,0,.87)
}
.ui.list .list > .item .description, .ui.list > .item .description {
display: block;
color: rgba(0,0,0,.7)
}
.ui.list .list > .item a, .ui.list > .item a {
cursor: pointer
}
.ui.list .list > a.item, .ui.list > a.item {
cursor: pointer;
color: #4183c4
}
.ui.list .list > a.item:hover, .ui.list > a.item:hover {
color: #1e70bf
}
.ui.list .list > a.item i.icon, .ui.list > a.item i.icon {
color: rgba(0,0,0,.4)
}
.ui.list .list > .item a.header, .ui.list > .item a.header {
cursor: pointer;
color: #4183c4 !important
}
.ui.list .list > .item a.header:hover, .ui.list > .item a.header:hover {
color: #1e70bf !important
}
.ui[class*="left floated"].list {
float: left
}
.ui[class*="right floated"].list {
float: right
}
.ui.list .list > .item [class*="left floated"], .ui.list > .item [class*="left floated"] {
float: left;
margin: 0 1em 0 0
}
.ui.list .list > .item [class*="right floated"], .ui.list > .item [class*="right floated"] {
float: right;
margin: 0 0 0 1em
}
.ui.menu .ui.list .list > .item, .ui.menu .ui.list > .item {
display: list-item;
table-layout: fixed;
background-color: transparent;
list-style-type: none;
list-style-position: outside;
padding: .21428571em 0;
line-height: 1.14285714em
}
.ui.menu .ui.list .list > .item:before, .ui.menu .ui.list > .item:before {
border: none;
background: 0 0
}
.ui.menu .ui.list .list > .item:first-child, .ui.menu .ui.list > .item:first-child {
padding-top: 0
}
.ui.menu .ui.list .list > .item:last-child, .ui.menu .ui.list > .item:last-child {
padding-bottom: 0
}
.ui.horizontal.list {
display: inline-block;
font-size: 0
}
.ui.horizontal.list > .item {
display: inline-block;
margin-left: 1em;
font-size: 1rem
}
.ui.horizontal.list:not(.celled) > .item:first-child {
margin-left: 0 !important;
padding-left: 0 !important
}
.ui.horizontal.list .list {
padding-left: 0;
padding-bottom: 0
}
.ui.horizontal.list .list > .item > .content, .ui.horizontal.list .list > .item > .icon, .ui.horizontal.list .list > .item > .image, .ui.horizontal.list > .item > .content, .ui.horizontal.list > .item > .icon, .ui.horizontal.list > .item > .image {
vertical-align: middle
}
.ui.horizontal.list > .item:first-child, .ui.horizontal.list > .item:last-child {
padding-top: .21428571em;
padding-bottom: .21428571em
}
.ui.horizontal.list > .item > i.icon {
margin: 0;
padding: 0 .25em 0 0
}
.ui.horizontal.list > .item > .icon, .ui.horizontal.list > .item > .icon + .content {
float: none;
display: inline-block
}
.ui.list .list > .disabled.item, .ui.list > .disabled.item {
pointer-events: none;
color: rgba(40,40,40,.3) !important
}
.ui.inverted.list .list > .disabled.item, .ui.inverted.list > .disabled.item {
color: rgba(225,225,225,.3) !important
}
.ui.list .list > a.item:hover .icon, .ui.list > a.item:hover .icon {
color: rgba(0,0,0,.87)
}
.ui.inverted.list .list > a.item > .icon, .ui.inverted.list > a.item > .icon {
color: rgba(255,255,255,.7)
}
.ui.inverted.list .list > .item .header, .ui.inverted.list > .item .header {
color: rgba(255,255,255,.9)
}
.ui.inverted.list .list > .item .description, .ui.inverted.list > .item .description {
color: rgba(255,255,255,.7)
}
.ui.inverted.list .list > a.item, .ui.inverted.list > a.item {
cursor: pointer;
color: rgba(255,255,255,.9)
}
.ui.inverted.list .list > a.item:hover, .ui.inverted.list > a.item:hover {
color: #1e70bf
}
.ui.inverted.list .item a:not(.ui) {
color: rgba(255,255,255,.9) !important
}
.ui.inverted.list .item a:not(.ui):hover {
color: #1e70bf !important
}
.ui.list [class*="top aligned"], .ui.list[class*="top aligned"] .content, .ui.list[class*="top aligned"] .image {
vertical-align: top !important
}
.ui.list [class*="middle aligned"], .ui.list[class*="middle aligned"] .content, .ui.list[class*="middle aligned"] .image {
vertical-align: middle !important
}
.ui.list [class*="bottom aligned"], .ui.list[class*="bottom aligned"] .content, .ui.list[class*="bottom aligned"] .image {
vertical-align: bottom !important
}
.ui.link.list .item, .ui.link.list .item a:not(.ui), .ui.link.list a.item {
color: rgba(0,0,0,.4);
transition: .1s color ease
}
.ui.link.list.list .item a:not(.ui):hover, .ui.link.list.list a.item:hover {
color: rgba(0,0,0,.8)
}
.ui.link.list.list .item a:not(.ui):active, .ui.link.list.list a.item:active {
color: rgba(0,0,0,.9)
}
.ui.link.list.list .active.item, .ui.link.list.list .active.item a:not(.ui) {
color: rgba(0,0,0,.95)
}
.ui.inverted.link.list .item, .ui.inverted.link.list .item a:not(.ui), .ui.inverted.link.list a.item {
color: rgba(255,255,255,.5)
}
.ui.inverted.link.list.list .item a:not(.ui):hover, .ui.inverted.link.list.list a.item:hover {
color: #fff
}
.ui.inverted.link.list.list .item a:not(.ui):active, .ui.inverted.link.list.list a.item:active {
color: #fff
}
.ui.inverted.link.list.list .active.item a:not(.ui), .ui.inverted.link.list.list a.active.item {
color: #fff
}
.ui.selection.list .list > .item, .ui.selection.list > .item {
cursor: pointer;
background: 0 0;
padding: .5em .5em;
margin: 0;
color: rgba(0,0,0,.4);
border-radius: .5em;
transition: .1s color ease,.1s padding-left ease,.1s background-color ease
}
.ui.selection.list .list > .item:last-child, .ui.selection.list > .item:last-child {
margin-bottom: 0
}
.ui.selection.list.list > .item:hover, .ui.selection.list > .item:hover {
background: rgba(0,0,0,.03);
color: rgba(0,0,0,.8)
}
.ui.selection.list .list > .item:active, .ui.selection.list > .item:active {
background: rgba(0,0,0,.05);
color: rgba(0,0,0,.9)
}
.ui.selection.list .list > .item.active, .ui.selection.list > .item.active {
background: rgba(0,0,0,.05);
color: rgba(0,0,0,.95)
}
.ui.inverted.selection.list > .item {
background: 0 0;
color: rgba(255,255,255,.5)
}
.ui.inverted.selection.list > .item:hover {
background: rgba(255,255,255,.02);
color: #fff
}
.ui.inverted.selection.list > .item:active {
background: rgba(255,255,255,.08);
color: #fff
}
.ui.inverted.selection.list > .item.active {
background: rgba(255,255,255,.08);
color: #fff
}
.ui.celled.selection.list .list > .item, .ui.celled.selection.list > .item, .ui.divided.selection.list .list > .item, .ui.divided.selection.list > .item {
border-radius: 0
}
.ui.animated.list > .item {
transition: .25s color ease .1s,.25s padding-left ease .1s,.25s background-color ease .1s
}
.ui.animated.list:not(.horizontal) > .item:hover {
padding-left: 1em
}
.ui.fitted.list:not(.selection) .list > .item, .ui.fitted.list:not(.selection) > .item {
padding-left: 0;
padding-right: 0
}
.ui.fitted.selection.list .list > .item, .ui.fitted.selection.list > .item {
margin-left: -.5em;
margin-right: -.5em
}
.ui.bulleted.list, ul.ui.list {
margin-left: 1.25rem
}
.ui.bulleted.list .list > .item, .ui.bulleted.list > .item, ul.ui.list li {
position: relative
}
.ui.bulleted.list .list > .item:before, .ui.bulleted.list > .item:before, ul.ui.list li:before {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
position: absolute;
top: auto;
left: auto;
font-weight: 400;
margin-left: -1.25rem;
content: '•';
opacity: 1;
color: inherit;
vertical-align: top
}
.ui.bulleted.list .list > a.item:before, .ui.bulleted.list > a.item:before, ul.ui.list li:before {
color: rgba(0,0,0,.87)
}
.ui.bulleted.list .list, ul.ui.list ul {
padding-left: 1.25rem
}
.ui.horizontal.bulleted.list, ul.ui.horizontal.bulleted.list {
margin-left: 0
}
.ui.horizontal.bulleted.list > .item, ul.ui.horizontal.bulleted.list li {
margin-left: 1.75rem
}
.ui.horizontal.bulleted.list > .item:first-child, ul.ui.horizontal.bulleted.list li:first-child {
margin-left: 0
}
.ui.horizontal.bulleted.list > .item::before, ul.ui.horizontal.bulleted.list li::before {
color: rgba(0,0,0,.87)
}
.ui.horizontal.bulleted.list > .item:first-child::before, ul.ui.horizontal.bulleted.list li:first-child::before {
display: none
}
.ui.ordered.list, .ui.ordered.list .list, ol.ui.list, ol.ui.list ol {
counter-reset: ordered;
margin-left: 1.25rem;
list-style-type: none
}
.ui.ordered.list .list > .item, .ui.ordered.list > .item, ol.ui.list li {
list-style-type: none;
position: relative
}
.ui.ordered.list .list > .item:before, .ui.ordered.list > .item:before, ol.ui.list li:before {
position: absolute;
top: auto;
left: auto;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
margin-left: -1.25rem;
counter-increment: ordered;
content: counters(ordered, ".") " ";
text-align: right;
color: rgba(0,0,0,.87);
vertical-align: middle;
opacity: .8
}
.ui.ordered.inverted.list .list > .item:before, .ui.ordered.inverted.list > .item:before, ol.ui.inverted.list li:before {
color: rgba(255,255,255,.7)
}
.ui.ordered.list > .item[data-value], .ui.ordered.list > .list > .item[data-value] {
content: attr(data-value)
}
ol.ui.list li[value]:before {
content: attr(value)
}
.ui.ordered.list .list, ol.ui.list ol {
margin-left: 1em
}
.ui.ordered.list .list > .item:before, ol.ui.list ol li:before {
margin-left: -2em
}
.ui.ordered.horizontal.list, ol.ui.horizontal.list {
margin-left: 0
}
.ui.ordered.horizontal.list .list > .item:before, .ui.ordered.horizontal.list > .item:before, ol.ui.horizontal.list li:before {
position: static;
margin: 0 .5em 0 0
}
.ui.divided.list > .item {
border-top: 1px solid rgba(34,36,38,.15)
}
.ui.divided.list .list > .item {
border-top: none
}
.ui.divided.list .item .list > .item {
border-top: none
}
.ui.divided.list .list > .item:first-child, .ui.divided.list > .item:first-child {
border-top: none
}
.ui.divided.list:not(.horizontal) .list > .item:first-child {
border-top-width: 1px
}
.ui.divided.bulleted.list .list, .ui.divided.bulleted.list:not(.horizontal) {
margin-left: 0;
padding-left: 0
}
.ui.divided.bulleted.list > .item:not(.horizontal) {
padding-left: 1.25rem
}
.ui.divided.ordered.list {
margin-left: 0
}
.ui.divided.ordered.list .list > .item, .ui.divided.ordered.list > .item {
padding-left: 1.25rem
}
.ui.divided.ordered.list .item .list {
margin-left: 0;
margin-right: 0;
padding-bottom: .21428571em
}
.ui.divided.ordered.list .item .list > .item {
padding-left: 1em
}
.ui.divided.selection.list .list > .item, .ui.divided.selection.list > .item {
margin: 0;
border-radius: 0
}
.ui.divided.horizontal.list {
margin-left: 0
}
.ui.divided.horizontal.list > .item:not(:first-child) {
padding-left: .5em
}
.ui.divided.horizontal.list > .item:not(:last-child) {
padding-right: .5em
}
.ui.divided.horizontal.list > .item {
border-top: none;
border-left: 1px solid rgba(34,36,38,.15);
margin: 0;
line-height: .6
}
.ui.horizontal.divided.list > .item:first-child {
border-left: none
}
.ui.divided.inverted.horizontal.list > .item, .ui.divided.inverted.list > .item, .ui.divided.inverted.list > .list {
border-color: rgba(255,255,255,.1)
}
.ui.celled.list > .item, .ui.celled.list > .list {
border-top: 1px solid rgba(34,36,38,.15);
padding-left: .5em;
padding-right: .5em
}
.ui.celled.list > .item:last-child {
border-bottom: 1px solid rgba(34,36,38,.15)
}
.ui.celled.list > .item:first-child, .ui.celled.list > .item:last-child {
padding-top: .21428571em;
padding-bottom: .21428571em
}
.ui.celled.list .item .list > .item {
border-width: 0
}
.ui.celled.list .list > .item:first-child {
border-top-width: 0
}
.ui.celled.bulleted.list {
margin-left: 0
}
.ui.celled.bulleted.list .list > .item, .ui.celled.bulleted.list > .item {
padding-left: 1.25rem
}
.ui.celled.bulleted.list .item .list {
margin-left: -1.25rem;
margin-right: -1.25rem;
padding-bottom: .21428571em
}
.ui.celled.ordered.list {
margin-left: 0
}
.ui.celled.ordered.list .list > .item, .ui.celled.ordered.list > .item {
padding-left: 1.25rem
}
.ui.celled.ordered.list .item .list {
margin-left: 0;
margin-right: 0;
padding-bottom: .21428571em
}
.ui.celled.ordered.list .list > .item {
padding-left: 1em
}
.ui.horizontal.celled.list {
margin-left: 0
}
.ui.horizontal.celled.list .list > .item, .ui.horizontal.celled.list > .item {
border-top: none;
border-left: 1px solid rgba(34,36,38,.15);
margin: 0;
padding-left: .5em;
padding-right: .5em;
line-height: .6
}
.ui.horizontal.celled.list .list > .item:last-child, .ui.horizontal.celled.list > .item:last-child {
border-bottom: none;
border-right: 1px solid rgba(34,36,38,.15)
}
.ui.celled.inverted.list > .item, .ui.celled.inverted.list > .list {
border-color: 1px solid rgba(255,255,255,.1)
}
.ui.celled.inverted.horizontal.list .list > .item, .ui.celled.inverted.horizontal.list > .item {
border-color: 1px solid rgba(255,255,255,.1)
}
.ui.relaxed.list:not(.horizontal) > .item:not(:first-child) {
padding-top: .42857143em
}
.ui.relaxed.list:not(.horizontal) > .item:not(:last-child) {
padding-bottom: .42857143em
}
.ui.horizontal.relaxed.list .list > .item:not(:first-child), .ui.horizontal.relaxed.list > .item:not(:first-child) {
padding-left: 1rem
}
.ui.horizontal.relaxed.list .list > .item:not(:last-child), .ui.horizontal.relaxed.list > .item:not(:last-child) {
padding-right: 1rem
}
.ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:first-child) {
padding-top: .85714286em
}
.ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:last-child) {
padding-bottom: .85714286em
}
.ui.horizontal[class*="very relaxed"].list .list > .item:not(:first-child), .ui.horizontal[class*="very relaxed"].list > .item:not(:first-child) {
padding-left: 1.5rem
}
.ui.horizontal[class*="very relaxed"].list .list > .item:not(:last-child), .ui.horizontal[class*="very relaxed"].list > .item:not(:last-child) {
padding-right: 1.5rem
}
.ui.mini.list {
font-size: .78571429em
}
.ui.tiny.list {
font-size: .85714286em
}
.ui.small.list {
font-size: .92857143em
}
.ui.list {
font-size: 1em
}
.ui.large.list {
font-size: 1.14285714em
}
.ui.big.list {
font-size: 1.28571429em
}
.ui.huge.list {
font-size: 1.42857143em
}
.ui.massive.list {
font-size: 1.71428571em
}
.ui.mini.horizontal.list .list > .item, .ui.mini.horizontal.list > .item {
font-size: .78571429rem
}
.ui.tiny.horizontal.list .list > .item, .ui.tiny.horizontal.list > .item {
font-size: .85714286rem
}
.ui.small.horizontal.list .list > .item, .ui.small.horizontal.list > .item {
font-size: .92857143rem
}
.ui.horizontal.list .list > .item, .ui.horizontal.list > .item {
font-size: 1rem
}
.ui.large.horizontal.list .list > .item, .ui.large.horizontal.list > .item {
font-size: 1.14285714rem
}
.ui.big.horizontal.list .list > .item, .ui.big.horizontal.list > .item {
font-size: 1.28571429rem
}
.ui.huge.horizontal.list .list > .item, .ui.huge.horizontal.list > .item {
font-size: 1.42857143rem
}
.ui.massive.horizontal.list .list > .item, .ui.massive.horizontal.list > .item {
font-size: 1.71428571rem
}
/*!
* # Semantic UI 2.5.0 - Loader
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.loader {
display: none;
position: absolute;
top: 50%;
left: 50%;
margin: 0;
text-align: center;
z-index: 1000;
transform: translateX(-50%) translateY(-50%)
}
.ui.loader:before {
position: absolute;
content: '';
top: 0;
left: 50%;
width: 100%;
height: 100%;
border-radius: 500rem;
border: .2em solid rgba(0,0,0,.1)
}
.ui.loader:after {
position: absolute;
content: '';
top: 0;
left: 50%;
width: 100%;
height: 100%;
-webkit-animation: loader .6s linear;
animation: loader .6s linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
border-radius: 500rem;
border-color: #767676 transparent transparent;
border-style: solid;
border-width: .2em;
box-shadow: 0 0 0 1px transparent
}
@-webkit-keyframes loader {
from {
transform: rotate(0)
}
to {
transform: rotate(360deg)
}
}
@keyframes loader {
from {
transform: rotate(0)
}
to {
transform: rotate(360deg)
}
}
.ui.mini.loader:after, .ui.mini.loader:before {
width: 1rem;
height: 1rem;
margin: 0 0 0 -.5rem
}
.ui.tiny.loader:after, .ui.tiny.loader:before {
width: 1.14285714rem;
height: 1.14285714rem;
margin: 0 0 0 -.57142857rem
}
.ui.small.loader:after, .ui.small.loader:before {
width: 1.71428571rem;
height: 1.71428571rem;
margin: 0 0 0 -.85714286rem
}
.ui.loader:after, .ui.loader:before {
width: 2.28571429rem;
height: 2.28571429rem;
margin: 0 0 0 -1.14285714rem
}
.ui.large.loader:after, .ui.large.loader:before {
width: 3.42857143rem;
height: 3.42857143rem;
margin: 0 0 0 -1.71428571rem
}
.ui.big.loader:after, .ui.big.loader:before {
width: 3.71428571rem;
height: 3.71428571rem;
margin: 0 0 0 -1.85714286rem
}
.ui.huge.loader:after, .ui.huge.loader:before {
width: 4.14285714rem;
height: 4.14285714rem;
margin: 0 0 0 -2.07142857rem
}
.ui.massive.loader:after, .ui.massive.loader:before {
width: 4.57142857rem;
height: 4.57142857rem;
margin: 0 0 0 -2.28571429rem
}
.ui.dimmer .loader {
display: block
}
.ui.dimmer .ui.loader {
color: rgba(255,255,255,.9)
}
.ui.dimmer .ui.loader:before {
border-color: rgba(255,255,255,.15)
}
.ui.dimmer .ui.loader:after {
border-color: #fff transparent transparent
}
.ui.inverted.dimmer .ui.loader {
color: rgba(0,0,0,.87)
}
.ui.inverted.dimmer .ui.loader:before {
border-color: rgba(0,0,0,.1)
}
.ui.inverted.dimmer .ui.loader:after {
border-color: #767676 transparent transparent
}
.ui.text.loader {
width: auto !important;
height: auto !important;
text-align: center;
font-style: normal
}
.ui.indeterminate.loader:after {
animation-direction: reverse;
-webkit-animation-duration: 1.2s;
animation-duration: 1.2s
}
.ui.loader.active, .ui.loader.visible {
display: block
}
.ui.loader.disabled, .ui.loader.hidden {
display: none
}
.ui.inverted.dimmer .ui.mini.loader, .ui.mini.loader {
width: 1rem;
height: 1rem;
font-size: .78571429em
}
.ui.inverted.dimmer .ui.tiny.loader, .ui.tiny.loader {
width: 1.14285714rem;
height: 1.14285714rem;
font-size: .85714286em
}
.ui.inverted.dimmer .ui.small.loader, .ui.small.loader {
width: 1.71428571rem;
height: 1.71428571rem;
font-size: .92857143em
}
.ui.inverted.dimmer .ui.loader, .ui.loader {
width: 2.28571429rem;
height: 2.28571429rem;
font-size: 1em
}
.ui.inverted.dimmer .ui.large.loader, .ui.large.loader {
width: 3.42857143rem;
height: 3.42857143rem;
font-size: 1.14285714em
}
.ui.big.loader, .ui.inverted.dimmer .ui.big.loader {
width: 3.71428571rem;
height: 3.71428571rem;
font-size: 1.28571429em
}
.ui.huge.loader, .ui.inverted.dimmer .ui.huge.loader {
width: 4.14285714rem;
height: 4.14285714rem;
font-size: 1.42857143em
}
.ui.inverted.dimmer .ui.massive.loader, .ui.massive.loader {
width: 4.57142857rem;
height: 4.57142857rem;
font-size: 1.71428571em
}
.ui.mini.text.loader {
min-width: 1rem;
padding-top: 1.78571429rem
}
.ui.tiny.text.loader {
min-width: 1.14285714rem;
padding-top: 1.92857143rem
}
.ui.small.text.loader {
min-width: 1.71428571rem;
padding-top: 2.5rem
}
.ui.text.loader {
min-width: 2.28571429rem;
padding-top: 3.07142857rem
}
.ui.large.text.loader {
min-width: 3.42857143rem;
padding-top: 4.21428571rem
}
.ui.big.text.loader {
min-width: 3.71428571rem;
padding-top: 4.5rem
}
.ui.huge.text.loader {
min-width: 4.14285714rem;
padding-top: 4.92857143rem
}
.ui.massive.text.loader {
min-width: 4.57142857rem;
padding-top: 5.35714286rem
}
.ui.inverted.loader {
color: rgba(255,255,255,.9)
}
.ui.inverted.loader:before {
border-color: rgba(255,255,255,.15)
}
.ui.inverted.loader:after {
border-top-color: #fff
}
.ui.inline.loader {
position: relative;
vertical-align: middle;
margin: 0;
left: 0;
top: 0;
transform: none
}
.ui.inline.loader.active, .ui.inline.loader.visible {
display: inline-block
}
.ui.centered.inline.loader.active, .ui.centered.inline.loader.visible {
display: block;
margin-left: auto;
margin-right: auto
}
/*!
* # Semantic UI 2.5.0 - Loader
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.placeholder {
position: static;
overflow: hidden;
-webkit-animation: placeholderShimmer 2s linear;
animation: placeholderShimmer 2s linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
background-color: #fff;
background-image: linear-gradient(to right,rgba(0,0,0,.08) 0,rgba(0,0,0,.15) 15%,rgba(0,0,0,.08) 30%);
background-size: 1200px 100%;
max-width: 30rem
}
@-webkit-keyframes placeholderShimmer {
0% {
background-position: -1200px 0
}
100% {
background-position: 1200px 0
}
}
@keyframes placeholderShimmer {
0% {
background-position: -1200px 0
}
100% {
background-position: 1200px 0
}
}
.ui.placeholder + .ui.placeholder {
margin-top: 2rem
}
.ui.placeholder + .ui.placeholder {
-webkit-animation-delay: .15s;
animation-delay: .15s
}
.ui.placeholder + .ui.placeholder + .ui.placeholder {
-webkit-animation-delay: .3s;
animation-delay: .3s
}
.ui.placeholder + .ui.placeholder + .ui.placeholder + .ui.placeholder {
-webkit-animation-delay: .45s;
animation-delay: .45s
}
.ui.placeholder + .ui.placeholder + .ui.placeholder + .ui.placeholder + .ui.placeholder {
-webkit-animation-delay: .6s;
animation-delay: .6s
}
.ui.placeholder, .ui.placeholder .image.header:after, .ui.placeholder .line, .ui.placeholder .line:after, .ui.placeholder > :before {
background-color: #fff
}
.ui.placeholder .image:not(.header):not(.ui) {
height: 100px
}
.ui.placeholder .square.image:not(.header) {
height: 0;
overflow: hidden;
padding-top: 100%
}
.ui.placeholder .rectangular.image:not(.header) {
height: 0;
overflow: hidden;
padding-top: 75%
}
.ui.placeholder .line {
position: relative;
height: .85714286em
}
.ui.placeholder .line:after, .ui.placeholder .line:before {
top: 100%;
position: absolute;
content: '';
background-color: inherit
}
.ui.placeholder .line:before {
left: 0
}
.ui.placeholder .line:after {
right: 0
}
.ui.placeholder .line {
margin-bottom: .5em
}
.ui.placeholder .line:after, .ui.placeholder .line:before {
height: .5em
}
.ui.placeholder .line:not(:first-child) {
margin-top: .5em
}
.ui.placeholder .header {
position: relative;
overflow: hidden
}
.ui.placeholder .line:nth-child(1):after {
width: 0%
}
.ui.placeholder .line:nth-child(2):after {
width: 50%
}
.ui.placeholder .line:nth-child(3):after {
width: 10%
}
.ui.placeholder .line:nth-child(4):after {
width: 35%
}
.ui.placeholder .line:nth-child(5):after {
width: 65%
}
.ui.placeholder .header .line {
margin-bottom: .64285714em
}
.ui.placeholder .header .line:after, .ui.placeholder .header .line:before {
height: .64285714em
}
.ui.placeholder .header .line:not(:first-child) {
margin-top: .64285714em
}
.ui.placeholder .header .line:after {
width: 20%
}
.ui.placeholder .header .line:nth-child(2):after {
width: 60%
}
.ui.placeholder .image.header .line {
margin-left: 3em
}
.ui.placeholder .image.header .line:before {
width: .71428571rem
}
.ui.placeholder .image.header:after {
display: block;
height: .85714286em;
content: '';
margin-left: 3em
}
.ui.placeholder .header .line:first-child, .ui.placeholder .image .line:first-child, .ui.placeholder .paragraph .line:first-child {
height: .01px
}
.ui.placeholder .header:not(:first-child):before, .ui.placeholder .image:not(:first-child):before, .ui.placeholder .paragraph:not(:first-child):before {
height: 1.42857143em;
content: '';
display: block
}
.ui.inverted.placeholder {
background-image: linear-gradient(to right,rgba(255,255,255,.08) 0,rgba(255,255,255,.14) 15%,rgba(255,255,255,.08) 30%)
}
.ui.inverted.placeholder, .ui.inverted.placeholder .image.header:after, .ui.inverted.placeholder .line, .ui.inverted.placeholder .line:after, .ui.inverted.placeholder > :before {
background-color: #1b1c1d
}
.ui.placeholder .full.line.line.line:after {
width: 0%
}
.ui.placeholder .very.long.line.line.line:after {
width: 10%
}
.ui.placeholder .long.line.line.line:after {
width: 35%
}
.ui.placeholder .medium.line.line.line:after {
width: 50%
}
.ui.placeholder .short.line.line.line:after {
width: 65%
}
.ui.placeholder .very.short.line.line.line:after {
width: 80%
}
.ui.fluid.placeholder {
max-width: none
}
/*!
* # Semantic UI 2.5.0 - Rail
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.rail {
position: absolute;
top: 0;
width: 300px;
height: 100%
}
.ui.left.rail {
left: auto;
right: 100%;
padding: 0 2rem 0 0;
margin: 0 2rem 0 0
}
.ui.right.rail {
left: 100%;
right: auto;
padding: 0 0 0 2rem;
margin: 0 0 0 2rem
}
.ui.left.internal.rail {
left: 0;
right: auto;
padding: 0 0 0 2rem;
margin: 0 0 0 2rem
}
.ui.right.internal.rail {
left: auto;
right: 0;
padding: 0 2rem 0 0;
margin: 0 2rem 0 0
}
.ui.dividing.rail {
width: 302.5px
}
.ui.left.dividing.rail {
padding: 0 2.5rem 0 0;
margin: 0 2.5rem 0 0;
border-right: 1px solid rgba(34,36,38,.15)
}
.ui.right.dividing.rail {
border-left: 1px solid rgba(34,36,38,.15);
padding: 0 0 0 2.5rem;
margin: 0 0 0 2.5rem
}
.ui.close.rail {
width: calc(300px + 1em)
}
.ui.close.left.rail {
padding: 0 1em 0 0;
margin: 0 1em 0 0
}
.ui.close.right.rail {
padding: 0 0 0 1em;
margin: 0 0 0 1em
}
.ui.very.close.rail {
width: calc(300px + .5em)
}
.ui.very.close.left.rail {
padding: 0 .5em 0 0;
margin: 0 .5em 0 0
}
.ui.very.close.right.rail {
padding: 0 0 0 .5em;
margin: 0 0 0 .5em
}
.ui.attached.left.rail, .ui.attached.right.rail {
padding: 0;
margin: 0
}
.ui.mini.rail {
font-size: .78571429rem
}
.ui.tiny.rail {
font-size: .85714286rem
}
.ui.small.rail {
font-size: .92857143rem
}
.ui.rail {
font-size: 1rem
}
.ui.large.rail {
font-size: 1.14285714rem
}
.ui.big.rail {
font-size: 1.28571429rem
}
.ui.huge.rail {
font-size: 1.42857143rem
}
.ui.massive.rail {
font-size: 1.71428571rem
}
/*!
* # Semantic UI 2.5.0 - Reveal
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.reveal {
display: inherit;
position: relative !important;
font-size: 0 !important
}
.ui.reveal > .visible.content {
position: absolute !important;
top: 0 !important;
left: 0 !important;
z-index: 3 !important;
transition: all .5s ease .1s
}
.ui.reveal > .hidden.content {
position: relative !important;
z-index: 2 !important
}
.ui.active.reveal .visible.content, .ui.reveal:hover .visible.content {
z-index: 4 !important
}
.ui.slide.reveal {
position: relative !important;
overflow: hidden !important;
white-space: nowrap
}
.ui.slide.reveal > .content {
display: block;
width: 100%;
white-space: normal;
float: left;
margin: 0;
transition: transform .5s ease .1s
}
.ui.slide.reveal > .visible.content {
position: relative !important
}
.ui.slide.reveal > .hidden.content {
position: absolute !important;
left: 0 !important;
width: 100% !important;
transform: translateX(100%) !important
}
.ui.slide.active.reveal > .visible.content, .ui.slide.reveal:hover > .visible.content {
transform: translateX(-100%) !important
}
.ui.slide.active.reveal > .hidden.content, .ui.slide.reveal:hover > .hidden.content {
transform: translateX(0) !important
}
.ui.slide.right.reveal > .visible.content {
transform: translateX(0) !important
}
.ui.slide.right.reveal > .hidden.content {
transform: translateX(-100%) !important
}
.ui.slide.right.active.reveal > .visible.content, .ui.slide.right.reveal:hover > .visible.content {
transform: translateX(100%) !important
}
.ui.slide.right.active.reveal > .hidden.content, .ui.slide.right.reveal:hover > .hidden.content {
transform: translateX(0) !important
}
.ui.slide.up.reveal > .hidden.content {
transform: translateY(100%) !important
}
.ui.slide.up.active.reveal > .visible.content, .ui.slide.up.reveal:hover > .visible.content {
transform: translateY(-100%) !important
}
.ui.slide.up.active.reveal > .hidden.content, .ui.slide.up.reveal:hover > .hidden.content {
transform: translateY(0) !important
}
.ui.slide.down.reveal > .hidden.content {
transform: translateY(-100%) !important
}
.ui.slide.down.active.reveal > .visible.content, .ui.slide.down.reveal:hover > .visible.content {
transform: translateY(100%) !important
}
.ui.slide.down.active.reveal > .hidden.content, .ui.slide.down.reveal:hover > .hidden.content {
transform: translateY(0) !important
}
.ui.fade.reveal > .visible.content {
opacity: 1
}
.ui.fade.active.reveal > .visible.content, .ui.fade.reveal:hover > .visible.content {
opacity: 0
}
.ui.move.reveal {
position: relative !important;
overflow: hidden !important;
white-space: nowrap
}
.ui.move.reveal > .content {
display: block;
float: left;
white-space: normal;
margin: 0;
transition: transform .5s cubic-bezier(.175,.885,.32,1) .1s
}
.ui.move.reveal > .visible.content {
position: relative !important
}
.ui.move.reveal > .hidden.content {
position: absolute !important;
left: 0 !important;
width: 100% !important
}
.ui.move.active.reveal > .visible.content, .ui.move.reveal:hover > .visible.content {
transform: translateX(-100%) !important
}
.ui.move.right.active.reveal > .visible.content, .ui.move.right.reveal:hover > .visible.content {
transform: translateX(100%) !important
}
.ui.move.up.active.reveal > .visible.content, .ui.move.up.reveal:hover > .visible.content {
transform: translateY(-100%) !important
}
.ui.move.down.active.reveal > .visible.content, .ui.move.down.reveal:hover > .visible.content {
transform: translateY(100%) !important
}
.ui.rotate.reveal > .visible.content {
transition-duration: .5s;
transform: rotate(0)
}
.ui.rotate.reveal > .visible.content, .ui.rotate.right.reveal > .visible.content {
transform-origin: bottom right
}
.ui.rotate.active.reveal > .visible.content, .ui.rotate.reveal:hover > .visible.content, .ui.rotate.right.active.reveal > .visible.content, .ui.rotate.right.reveal:hover > .visible.content {
transform: rotate(110deg)
}
.ui.rotate.left.reveal > .visible.content {
transform-origin: bottom left
}
.ui.rotate.left.active.reveal > .visible.content, .ui.rotate.left.reveal:hover > .visible.content {
transform: rotate(-110deg)
}
.ui.disabled.reveal:hover > .visible.visible.content {
position: static !important;
display: block !important;
opacity: 1 !important;
top: 0 !important;
left: 0 !important;
right: auto !important;
bottom: auto !important;
transform: none !important
}
.ui.disabled.reveal:hover > .hidden.hidden.content {
display: none !important
}
.ui.reveal > .ui.ribbon.label {
z-index: 5
}
.ui.visible.reveal {
overflow: visible
}
.ui.instant.reveal > .content {
transition-delay: 0s !important
}
.ui.reveal > .content {
font-size: 1rem !important
}
/*!
* # Semantic UI 2.5.0 - Segment
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.segment {
position: relative;
background: #fff;
box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
margin: 1rem 0;
padding: 1em 1em;
border-radius: .28571429rem;
border: 1px solid rgba(34,36,38,.15)
}
.ui.segment:first-child {
margin-top: 0
}
.ui.segment:last-child {
margin-bottom: 0
}
.ui.vertical.segment {
margin: 0;
padding-left: 0;
padding-right: 0;
background: none transparent;
border-radius: 0;
box-shadow: none;
border: none;
border-bottom: 1px solid rgba(34,36,38,.15)
}
.ui.vertical.segment:last-child {
border-bottom: none
}
.ui.inverted.segment > .ui.header {
color: #fff
}
.ui[class*="bottom attached"].segment > [class*="top attached"].label {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.ui[class*="top attached"].segment > [class*="bottom attached"].label {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.ui.attached.segment:not(.top):not(.bottom) > [class*="top attached"].label {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.ui.attached.segment:not(.top):not(.bottom) > [class*="bottom attached"].label {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.ui.grid > .row > .ui.segment.column, .ui.grid > .ui.segment.column, .ui.page.grid.segment {
padding-top: 2em;
padding-bottom: 2em
}
.ui.grid.segment {
margin: 1rem 0;
border-radius: .28571429rem
}
.ui.basic.table.segment {
background: #fff;
border: 1px solid rgba(34,36,38,.15);
box-shadow: 0 1px 2px 0 rgba(34,36,38,.15)
}
.ui[class*="very basic"].table.segment {
padding: 1em 1em
}
.ui.placeholder.segment {
display: flex;
flex-direction: column;
justify-content: center;
align-items: stretch;
max-width: initial;
-webkit-animation: none;
animation: none;
overflow: visible;
padding: 1em 1em;
min-height: 18rem;
background: #f9fafb;
border-color: rgba(34,36,38,.15);
box-shadow: 0 2px 25px 0 rgba(34,36,38,.05) inset
}
.ui.placeholder.segment .button, .ui.placeholder.segment textarea {
display: block
}
.ui.placeholder.segment .button, .ui.placeholder.segment .field, .ui.placeholder.segment textarea, .ui.placeholder.segment > .ui.input {
max-width: 15rem;
margin-left: auto;
margin-right: auto
}
.ui.placeholder.segment .column .button, .ui.placeholder.segment .column .field, .ui.placeholder.segment .column textarea, .ui.placeholder.segment .column > .ui.input {
max-width: 15rem;
margin-left: auto;
margin-right: auto
}
.ui.placeholder.segment > .inline {
align-self: center
}
.ui.placeholder.segment > .inline > .button {
display: inline-block;
width: auto;
margin: 0 .35714286rem 0 0
}
.ui.placeholder.segment > .inline > .button:last-child {
margin-right: 0
}
.ui.piled.segment, .ui.piled.segments {
margin: 3em 0;
box-shadow: '';
z-index: auto
}
.ui.piled.segment:first-child {
margin-top: 0
}
.ui.piled.segment:last-child {
margin-bottom: 0
}
.ui.piled.segment:after, .ui.piled.segment:before, .ui.piled.segments:after, .ui.piled.segments:before {
background-color: #fff;
visibility: visible;
content: '';
display: block;
height: 100%;
left: 0;
position: absolute;
width: 100%;
border: 1px solid rgba(34,36,38,.15);
box-shadow: ''
}
.ui.piled.segment:before, .ui.piled.segments:before {
transform: rotate(-1.2deg);
top: 0;
z-index: -2
}
.ui.piled.segment:after, .ui.piled.segments:after {
transform: rotate(1.2deg);
top: 0;
z-index: -1
}
.ui[class*="top attached"].piled.segment {
margin-top: 3em;
margin-bottom: 0
}
.ui.piled.segment[class*="top attached"]:first-child {
margin-top: 0
}
.ui.piled.segment[class*="bottom attached"] {
margin-top: 0;
margin-bottom: 3em
}
.ui.piled.segment[class*="bottom attached"]:last-child {
margin-bottom: 0
}
.ui.stacked.segment {
padding-bottom: 1.4em
}
.ui.stacked.segment:after, .ui.stacked.segment:before, .ui.stacked.segments:after, .ui.stacked.segments:before {
content: '';
position: absolute;
bottom: -3px;
left: 0;
border-top: 1px solid rgba(34,36,38,.15);
background: rgba(0,0,0,.03);
width: 100%;
height: 6px;
visibility: visible
}
.ui.stacked.segment:before, .ui.stacked.segments:before {
display: none
}
.ui.tall.stacked.segment:before, .ui.tall.stacked.segments:before {
display: block;
bottom: 0
}
.ui.stacked.inverted.segment:after, .ui.stacked.inverted.segment:before, .ui.stacked.inverted.segments:after, .ui.stacked.inverted.segments:before {
background-color: rgba(0,0,0,.03);
border-top: 1px solid rgba(34,36,38,.35)
}
.ui.padded.segment {
padding: 1.5em
}
.ui[class*="very padded"].segment {
padding: 3em
}
.ui.padded.segment.vertical.segment, .ui[class*="very padded"].vertical.segment {
padding-left: 0;
padding-right: 0
}
.ui.compact.segment {
display: table
}
.ui.compact.segments {
display: inline-flex
}
.ui.compact.segments .segment, .ui.segments .compact.segment {
display: block;
flex: 0 1 auto
}
.ui.circular.segment {
display: table-cell;
padding: 2em;
text-align: center;
vertical-align: middle;
border-radius: 500em
}
.ui.raised.segment, .ui.raised.segments {
box-shadow: 0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)
}
.ui.segments {
flex-direction: column;
position: relative;
margin: 1rem 0;
border: 1px solid rgba(34,36,38,.15);
box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
border-radius: .28571429rem
}
.ui.segments:first-child {
margin-top: 0
}
.ui.segments:last-child {
margin-bottom: 0
}
.ui.segments > .segment {
top: 0;
bottom: 0;
border-radius: 0;
margin: 0;
width: auto;
box-shadow: none;
border: none;
border-top: 1px solid rgba(34,36,38,.15)
}
.ui.segments:not(.horizontal) > .segment:first-child {
border-top: none;
margin-top: 0;
bottom: 0;
margin-bottom: 0;
top: 0;
border-radius: .28571429rem .28571429rem 0 0
}
.ui.segments:not(.horizontal) > .segment:last-child {
top: 0;
bottom: 0;
margin-top: 0;
margin-bottom: 0;
box-shadow: 0 1px 2px 0 rgba(34,36,38,.15),none;
border-radius: 0 0 .28571429rem .28571429rem
}
.ui.segments:not(.horizontal) > .segment:only-child {
border-radius: .28571429rem
}
.ui.segments > .ui.segments {
border-top: 1px solid rgba(34,36,38,.15);
margin: 1rem 1rem
}
.ui.segments > .segments:first-child {
border-top: none
}
.ui.segments > .segment + .segments:not(.horizontal) {
margin-top: 0
}
.ui.horizontal.segments {
display: flex;
flex-direction: row;
background-color: transparent;
border-radius: 0;
padding: 0;
background-color: #fff;
box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
margin: 1rem 0;
border-radius: .28571429rem;
border: 1px solid rgba(34,36,38,.15)
}
.ui.segments > .horizontal.segments {
margin: 0;
background-color: transparent;
border-radius: 0;
border: none;
box-shadow: none;
border-top: 1px solid rgba(34,36,38,.15)
}
.ui.horizontal.segments > .segment {
flex: 1 1 auto;
-ms-flex: 1 1 0px;
margin: 0;
min-width: 0;
background-color: transparent;
border-radius: 0;
border: none;
box-shadow: none;
border-left: 1px solid rgba(34,36,38,.15)
}
.ui.segments > .horizontal.segments:first-child {
border-top: none
}
.ui.horizontal.segments > .segment:first-child {
border-left: none
}
.ui.disabled.segment {
opacity: .45;
color: rgba(40,40,40,.3)
}
.ui.loading.segment {
position: relative;
cursor: default;
pointer-events: none;
text-shadow: none !important;
color: transparent !important;
transition: all 0s linear
}
.ui.loading.segment:before {
position: absolute;
content: '';
top: 0;
left: 0;
background: rgba(255,255,255,.8);
width: 100%;
height: 100%;
border-radius: .28571429rem;
z-index: 100
}
.ui.loading.segment:after {
position: absolute;
content: '';
top: 50%;
left: 50%;
margin: -1.5em 0 0 -1.5em;
width: 3em;
height: 3em;
-webkit-animation: segment-spin .6s linear;
animation: segment-spin .6s linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
border-radius: 500rem;
border-color: #767676 rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.1);
border-style: solid;
border-width: .2em;
box-shadow: 0 0 0 1px transparent;
visibility: visible;
z-index: 101
}
@-webkit-keyframes segment-spin {
from {
transform: rotate(0)
}
to {
transform: rotate(360deg)
}
}
@keyframes segment-spin {
from {
transform: rotate(0)
}
to {
transform: rotate(360deg)
}
}
.ui.basic.segment {
background: none transparent;
box-shadow: none;
border: none;
border-radius: 0
}
.ui.clearing.segment:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden
}
.ui.red.segment:not(.inverted) {
border-top: 2px solid #db2828 !important
}
.ui.inverted.red.segment {
background-color: #db2828 !important;
color: #fff !important
}
.ui.orange.segment:not(.inverted) {
border-top: 2px solid #f2711c !important
}
.ui.inverted.orange.segment {
background-color: #f2711c !important;
color: #fff !important
}
.ui.yellow.segment:not(.inverted) {
border-top: 2px solid #fbbd08 !important
}
.ui.inverted.yellow.segment {
background-color: #fbbd08 !important;
color: #fff !important
}
.ui.olive.segment:not(.inverted) {
border-top: 2px solid #b5cc18 !important
}
.ui.inverted.olive.segment {
background-color: #b5cc18 !important;
color: #fff !important
}
.ui.green.segment:not(.inverted) {
border-top: 2px solid #21ba45 !important
}
.ui.inverted.green.segment {
background-color: #21ba45 !important;
color: #fff !important
}
.ui.teal.segment:not(.inverted) {
border-top: 2px solid #00b5ad !important
}
.ui.inverted.teal.segment {
background-color: #00b5ad !important;
color: #fff !important
}
.ui.blue.segment:not(.inverted) {
border-top: 2px solid #2185d0 !important
}
.ui.inverted.blue.segment {
background-color: #2185d0 !important;
color: #fff !important
}
.ui.violet.segment:not(.inverted) {
border-top: 2px solid #6435c9 !important
}
.ui.inverted.violet.segment {
background-color: #6435c9 !important;
color: #fff !important
}
.ui.purple.segment:not(.inverted) {
border-top: 2px solid #a333c8 !important
}
.ui.inverted.purple.segment {
background-color: #a333c8 !important;
color: #fff !important
}
.ui.pink.segment:not(.inverted) {
border-top: 2px solid #e03997 !important
}
.ui.inverted.pink.segment {
background-color: #e03997 !important;
color: #fff !important
}
.ui.brown.segment:not(.inverted) {
border-top: 2px solid #a5673f !important
}
.ui.inverted.brown.segment {
background-color: #a5673f !important;
color: #fff !important
}
.ui.grey.segment:not(.inverted) {
border-top: 2px solid #767676 !important
}
.ui.inverted.grey.segment {
background-color: #767676 !important;
color: #fff !important
}
.ui.black.segment:not(.inverted) {
border-top: 2px solid #1b1c1d !important
}
.ui.inverted.black.segment {
background-color: #1b1c1d !important;
color: #fff !important
}
.ui[class*="left aligned"].segment {
text-align: left
}
.ui[class*="right aligned"].segment {
text-align: right
}
.ui[class*="center aligned"].segment {
text-align: center
}
.ui.floated.segment, .ui[class*="left floated"].segment {
float: left;
margin-right: 1em
}
.ui[class*="right floated"].segment {
float: right;
margin-left: 1em
}
.ui.inverted.segment {
border: none;
box-shadow: none
}
.ui.inverted.segment, .ui.primary.inverted.segment {
background: #1b1c1d;
color: rgba(255,255,255,.9)
}
.ui.inverted.segment .segment {
color: rgba(0,0,0,.87)
}
.ui.inverted.segment .inverted.segment {
color: rgba(255,255,255,.9)
}
.ui.inverted.attached.segment {
border-color: #555
}
.ui.secondary.segment {
background: #f3f4f5;
color: rgba(0,0,0,.6)
}
.ui.secondary.inverted.segment {
background: #4c4f52 linear-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.2) 100%);
color: rgba(255,255,255,.8)
}
.ui.tertiary.segment {
background: #dcddde;
color: rgba(0,0,0,.6)
}
.ui.tertiary.inverted.segment {
background: #717579 linear-gradient(rgba(255,255,255,.35) 0,rgba(255,255,255,.35) 100%);
color: rgba(255,255,255,.8)
}
.ui.attached.segment {
top: 0;
bottom: 0;
border-radius: 0;
margin: 0 -1px;
width: calc(100% - (-1px * 2));
max-width: calc(100% - (-1px * 2));
box-shadow: none;
border: 1px solid #d4d4d5
}
.ui.attached:not(.message) + .ui.attached.segment:not(.top) {
border-top: none
}
.ui[class*="top attached"].segment {
bottom: 0;
margin-bottom: 0;
top: 0;
margin-top: 1rem;
border-radius: .28571429rem .28571429rem 0 0
}
.ui.segment[class*="top attached"]:first-child {
margin-top: 0
}
.ui.segment[class*="bottom attached"] {
bottom: 0;
margin-top: 0;
top: 0;
margin-bottom: 1rem;
box-shadow: 0 1px 2px 0 rgba(34,36,38,.15),none;
border-radius: 0 0 .28571429rem .28571429rem
}
.ui.segment[class*="bottom attached"]:last-child {
margin-bottom: 0
}
.ui.mini.segment, .ui.mini.segments .segment {
font-size: .78571429rem
}
.ui.tiny.segment, .ui.tiny.segments .segment {
font-size: .85714286rem
}
.ui.small.segment, .ui.small.segments .segment {
font-size: .92857143rem
}
.ui.segment, .ui.segments .segment {
font-size: 1rem
}
.ui.large.segment, .ui.large.segments .segment {
font-size: 1.14285714rem
}
.ui.big.segment, .ui.big.segments .segment {
font-size: 1.28571429rem
}
.ui.huge.segment, .ui.huge.segments .segment {
font-size: 1.42857143rem
}
.ui.massive.segment, .ui.massive.segments .segment {
font-size: 1.71428571rem
}
/*!
* # Semantic UI 2.5.0 - Step
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.steps {
display: inline-flex;
flex-direction: row;
align-items: stretch;
margin: 1em 0;
background: '';
box-shadow: none;
line-height: 1.14285714em;
border-radius: .28571429rem;
border: 1px solid rgba(34,36,38,.15)
}
.ui.steps:first-child {
margin-top: 0
}
.ui.steps:last-child {
margin-bottom: 0
}
.ui.steps .step {
position: relative;
display: flex;
flex: 1 0 auto;
flex-wrap: wrap;
flex-direction: row;
vertical-align: middle;
align-items: center;
justify-content: center;
margin: 0 0;
padding: 1.14285714em 2em;
background: #fff;
color: rgba(0,0,0,.87);
box-shadow: none;
border-radius: 0;
border: none;
border-right: 1px solid rgba(34,36,38,.15);
transition: background-color .1s ease,opacity .1s ease,color .1s ease,box-shadow .1s ease
}
.ui.steps .step:after {
display: none;
position: absolute;
z-index: 2;
content: '';
top: 50%;
right: 0;
border: medium none;
background-color: #fff;
width: 1.14285714em;
height: 1.14285714em;
border-style: solid;
border-color: rgba(34,36,38,.15);
border-width: 0 1px 1px 0;
transition: background-color .1s ease,opacity .1s ease,color .1s ease,box-shadow .1s ease;
transform: translateY(-50%) translateX(50%) rotate(-45deg)
}
.ui.steps .step:first-child {
padding-left: 2em;
border-radius: .28571429rem 0 0 .28571429rem
}
.ui.steps .step:last-child {
border-radius: 0 .28571429rem .28571429rem 0
}
.ui.steps .step:last-child {
border-right: none;
margin-right: 0
}
.ui.steps .step:only-child {
border-radius: .28571429rem
}
.ui.steps .step .title {
font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
font-size: 1.14285714em;
font-weight: 700
}
.ui.steps .step > .title {
width: 100%
}
.ui.steps .step .description {
font-weight: 400;
font-size: .92857143em;
color: rgba(0,0,0,.87)
}
.ui.steps .step > .description {
width: 100%
}
.ui.steps .step .title ~ .description {
margin-top: .25em
}
.ui.steps .step > .icon {
line-height: 1;
font-size: 2.5em;
margin: 0 1rem 0 0
}
.ui.steps .step > .icon, .ui.steps .step > .icon ~ .content {
display: block;
flex: 0 1 auto;
align-self: middle
}
.ui.steps .step > .icon ~ .content {
flex-grow: 1 0 auto
}
.ui.steps:not(.vertical) .step > .icon {
width: auto
}
.ui.steps .link.step, .ui.steps a.step {
cursor: pointer
}
.ui.ordered.steps {
counter-reset: ordered
}
.ui.ordered.steps .step:before {
display: block;
position: static;
text-align: center;
content: counters(ordered, ".");
align-self: middle;
margin-right: 1rem;
font-size: 2.5em;
counter-increment: ordered;
font-family: inherit;
font-weight: 700
}
.ui.ordered.steps .step > * {
display: block;
align-self: middle
}
.ui.vertical.steps {
display: inline-flex;
flex-direction: column;
overflow: visible
}
.ui.vertical.steps .step {
justify-content: flex-start;
border-radius: 0;
padding: 1.14285714em 2em;
border-right: none;
border-bottom: 1px solid rgba(34,36,38,.15)
}
.ui.vertical.steps .step:first-child {
padding: 1.14285714em 2em;
border-radius: .28571429rem .28571429rem 0 0
}
.ui.vertical.steps .step:last-child {
border-bottom: none;
border-radius: 0 0 .28571429rem .28571429rem
}
.ui.vertical.steps .step:only-child {
border-radius: .28571429rem
}
.ui.vertical.steps .step:after {
display: none
}
.ui.vertical.steps .step:after {
top: 50%;
right: 0;
border-width: 0 1px 1px 0
}
.ui.vertical.steps .step:after {
display: none
}
.ui.vertical.steps .active.step:after {
display: block
}
.ui.vertical.steps .step:last-child:after {
display: none
}
.ui.vertical.steps .active.step:last-child:after {
display: block
}
@media only screen and (max-width:767px) {
.ui.steps:not(.unstackable) {
display: inline-flex;
overflow: visible;
flex-direction: column
}
.ui.steps:not(.unstackable) .step {
width: 100% !important;
flex-direction: column;
border-radius: 0;
padding: 1.14285714em 2em
}
.ui.steps:not(.unstackable) .step:first-child {
padding: 1.14285714em 2em;
border-radius: .28571429rem .28571429rem 0 0
}
.ui.steps:not(.unstackable) .step:last-child {
border-radius: 0 0 .28571429rem .28571429rem
}
.ui.steps:not(.unstackable) .step:after {
display: none !important
}
.ui.steps:not(.unstackable) .step .content {
text-align: center
}
.ui.ordered.steps:not(.unstackable) .step:before, .ui.steps:not(.unstackable) .step > .icon {
margin: 0 0 1rem 0
}
}
.ui.steps .link.step:hover, .ui.steps .link.step:hover::after, .ui.steps a.step:hover, .ui.steps a.step:hover::after {
background: #f9fafb;
color: rgba(0,0,0,.8)
}
.ui.steps .link.step:active, .ui.steps .link.step:active::after, .ui.steps a.step:active, .ui.steps a.step:active::after {
background: #f3f4f5;
color: rgba(0,0,0,.9)
}
.ui.steps .step.active {
cursor: auto;
background: #f3f4f5
}
.ui.steps .step.active:after {
background: #f3f4f5
}
.ui.steps .step.active .title {
color: #4183c4
}
.ui.ordered.steps .step.active:before, .ui.steps .active.step .icon {
color: rgba(0,0,0,.85)
}
.ui.steps .step:after {
display: block
}
.ui.steps .active.step:after {
display: block
}
.ui.steps .step:last-child:after {
display: none
}
.ui.steps .active.step:last-child:after {
display: none
}
.ui.steps .link.active.step:hover, .ui.steps .link.active.step:hover::after, .ui.steps a.active.step:hover, .ui.steps a.active.step:hover::after {
cursor: pointer;
background: #dcddde;
color: rgba(0,0,0,.87)
}
.ui.ordered.steps .step.completed:before, .ui.steps .step.completed > .icon:before {
color: #21ba45
}
.ui.steps .disabled.step {
cursor: auto;
background: #fff;
pointer-events: none
}
.ui.steps .disabled.step, .ui.steps .disabled.step .description, .ui.steps .disabled.step .title {
color: rgba(40,40,40,.3)
}
.ui.steps .disabled.step:after {
background: #fff
}
@media only screen and (max-width:991px) {
.ui[class*="tablet stackable"].steps {
display: inline-flex;
overflow: visible;
flex-direction: column
}
.ui[class*="tablet stackable"].steps .step {
flex-direction: column;
border-radius: 0;
padding: 1.14285714em 2em
}
.ui[class*="tablet stackable"].steps .step:first-child {
padding: 1.14285714em 2em;
border-radius: .28571429rem .28571429rem 0 0
}
.ui[class*="tablet stackable"].steps .step:last-child {
border-radius: 0 0 .28571429rem .28571429rem
}
.ui[class*="tablet stackable"].steps .step:after {
display: none !important
}
.ui[class*="tablet stackable"].steps .step .content {
text-align: center
}
.ui[class*="tablet stackable"].ordered.steps .step:before, .ui[class*="tablet stackable"].steps .step > .icon {
margin: 0 0 1rem 0
}
}
.ui.fluid.steps {
display: flex;
width: 100%
}
.ui.attached.steps {
width: calc(100% + (--1px * 2)) !important;
margin: 0 -1px 0;
max-width: calc(100% + (--1px * 2));
border-radius: .28571429rem .28571429rem 0 0
}
.ui.attached.steps .step:first-child {
border-radius: .28571429rem 0 0 0
}
.ui.attached.steps .step:last-child {
border-radius: 0 .28571429rem 0 0
}
.ui.bottom.attached.steps {
margin: 0 -1px 0;
border-radius: 0 0 .28571429rem .28571429rem
}
.ui.bottom.attached.steps .step:first-child {
border-radius: 0 0 0 .28571429rem
}
.ui.bottom.attached.steps .step:last-child {
border-radius: 0 0 .28571429rem 0
}
.ui.eight.steps, .ui.five.steps, .ui.four.steps, .ui.one.steps, .ui.seven.steps, .ui.six.steps, .ui.three.steps, .ui.two.steps {
width: 100%
}
.ui.eight.steps > .step, .ui.five.steps > .step, .ui.four.steps > .step, .ui.one.steps > .step, .ui.seven.steps > .step, .ui.six.steps > .step, .ui.three.steps > .step, .ui.two.steps > .step {
flex-wrap: nowrap
}
.ui.one.steps > .step {
width: 100%
}
.ui.two.steps > .step {
width: 50%
}
.ui.three.steps > .step {
width: 33.333%
}
.ui.four.steps > .step {
width: 25%
}
.ui.five.steps > .step {
width: 20%
}
.ui.six.steps > .step {
width: 16.666%
}
.ui.seven.steps > .step {
width: 14.285%
}
.ui.eight.steps > .step {
width: 12.5%
}
.ui.mini.step, .ui.mini.steps .step {
font-size: .78571429rem
}
.ui.tiny.step, .ui.tiny.steps .step {
font-size: .85714286rem
}
.ui.small.step, .ui.small.steps .step {
font-size: .92857143rem
}
.ui.step, .ui.steps .step {
font-size: 1rem
}
.ui.large.step, .ui.large.steps .step {
font-size: 1.14285714rem
}
.ui.big.step, .ui.big.steps .step {
font-size: 1.28571429rem
}
.ui.huge.step, .ui.huge.steps .step {
font-size: 1.42857143rem
}
.ui.massive.step, .ui.massive.steps .step {
font-size: 1.71428571rem
}
@font-face {
font-family: Step;
src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAOAIAAAwBgT1MvMj3hSQEAAADsAAAAVmNtYXDQEhm3AAABRAAAAUpjdnQgBkn/lAAABuwAAAAcZnBnbYoKeDsAAAcIAAAJkWdhc3AAAAAQAAAG5AAAAAhnbHlm32cEdgAAApAAAAC2aGVhZAErPHsAAANIAAAANmhoZWEHUwNNAAADgAAAACRobXR4CykAAAAAA6QAAAAMbG9jYQA4AFsAAAOwAAAACG1heHAApgm8AAADuAAAACBuYW1lzJ0aHAAAA9gAAALNcG9zdK69QJgAAAaoAAAAO3ByZXCSoZr/AAAQnAAAAFYAAQO4AZAABQAIAnoCvAAAAIwCegK8AAAB4AAxAQIAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA6ADoAQNS/2oAWgMLAE8AAAABAAAAAAAAAAAAAwAAAAMAAAAcAAEAAAAAAEQAAwABAAAAHAAEACgAAAAGAAQAAQACAADoAf//AAAAAOgA//8AABgBAAEAAAAAAAAAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAADpAKYABUAHEAZDwEAAQFCAAIBAmoAAQABagAAAGEUFxQDEisBFAcBBiInASY0PwE2Mh8BATYyHwEWA6QP/iAQLBD+6g8PTBAsEKQBbhAsEEwPAhYWEP4gDw8BFhAsEEwQEKUBbxAQTBAAAAH//f+xA18DCwAMABJADwABAQpDAAAACwBEFRMCESsBFA4BIi4CPgEyHgEDWXLG6MhuBnq89Lp+AV51xHR0xOrEdHTEAAAAAAEAAAABAADDeRpdXw889QALA+gAAAAAzzWYjQAAAADPNWBN//3/sQOkAwsAAAAIAAIAAAAAAAAAAQAAA1L/agBaA+gAAP/3A6QAAQAAAAAAAAAAAAAAAAAAAAMD6AAAA+gAAANZAAAAAAAAADgAWwABAAAAAwAWAAEAAAAAAAIABgATAG4AAAAtCZEAAAAAAAAAEgDeAAEAAAAAAAAANQAAAAEAAAAAAAEACAA1AAEAAAAAAAIABwA9AAEAAAAAAAMACABEAAEAAAAAAAQACABMAAEAAAAAAAUACwBUAAEAAAAAAAYACABfAAEAAAAAAAoAKwBnAAEAAAAAAAsAEwCSAAMAAQQJAAAAagClAAMAAQQJAAEAEAEPAAMAAQQJAAIADgEfAAMAAQQJAAMAEAEtAAMAAQQJAAQAEAE9AAMAAQQJAAUAFgFNAAMAAQQJAAYAEAFjAAMAAQQJAAoAVgFzAAMAAQQJAAsAJgHJQ29weXJpZ2h0IChDKSAyMDE0IGJ5IG9yaWdpbmFsIGF1dGhvcnMgQCBmb250ZWxsby5jb21mb250ZWxsb1JlZ3VsYXJmb250ZWxsb2ZvbnRlbGxvVmVyc2lvbiAxLjBmb250ZWxsb0dlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAEMAbwBwAHkAcgBpAGcAaAB0ACAAKABDACkAIAAyADAAMQA0ACAAYgB5ACAAbwByAGkAZwBpAG4AYQBsACAAYQB1AHQAaABvAHIAcwAgAEAAIABmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQBmAG8AbgB0AGUAbABsAG8AUgBlAGcAdQBsAGEAcgBmAG8AbgB0AGUAbABsAG8AZgBvAG4AdABlAGwAbABvAFYAZQByAHMAaQBvAG4AIAAxAC4AMABmAG8AbgB0AGUAbABsAG8ARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAAIAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAQIBAwljaGVja21hcmsGY2lyY2xlAAAAAAEAAf//AA8AAAAAAAAAAAAAAAAAAAAAADIAMgML/7EDC/+xsAAssCBgZi2wASwgZCCwwFCwBCZasARFW1ghIyEbilggsFBQWCGwQFkbILA4UFghsDhZWSCwCkVhZLAoUFghsApFILAwUFghsDBZGyCwwFBYIGYgiophILAKUFhgGyCwIFBYIbAKYBsgsDZQWCGwNmAbYFlZWRuwACtZWSOwAFBYZVlZLbACLCBFILAEJWFkILAFQ1BYsAUjQrAGI0IbISFZsAFgLbADLCMhIyEgZLEFYkIgsAYjQrIKAAIqISCwBkMgiiCKsAArsTAFJYpRWGBQG2FSWVgjWSEgsEBTWLAAKxshsEBZI7AAUFhlWS2wBCywB0MrsgACAENgQi2wBSywByNCIyCwACNCYbCAYrABYLAEKi2wBiwgIEUgsAJFY7ABRWJgRLABYC2wBywgIEUgsAArI7ECBCVgIEWKI2EgZCCwIFBYIbAAG7AwUFiwIBuwQFlZI7AAUFhlWbADJSNhRESwAWAtsAgssQUFRbABYUQtsAkssAFgICCwCUNKsABQWCCwCSNCWbAKQ0qwAFJYILAKI0JZLbAKLCC4BABiILgEAGOKI2GwC0NgIIpgILALI0IjLbALLEtUWLEHAURZJLANZSN4LbAMLEtRWEtTWLEHAURZGyFZJLATZSN4LbANLLEADENVWLEMDEOwAWFCsAorWbAAQ7ACJUKxCQIlQrEKAiVCsAEWIyCwAyVQWLEBAENgsAQlQoqKIIojYbAJKiEjsAFhIIojYbAJKiEbsQEAQ2CwAiVCsAIlYbAJKiFZsAlDR7AKQ0dgsIBiILACRWOwAUViYLEAABMjRLABQ7AAPrIBAQFDYEItsA4ssQAFRVRYALAMI0IgYLABYbUNDQEACwBCQopgsQ0FK7BtKxsiWS2wDyyxAA4rLbAQLLEBDistsBEssQIOKy2wEiyxAw4rLbATLLEEDistsBQssQUOKy2wFSyxBg4rLbAWLLEHDistsBcssQgOKy2wGCyxCQ4rLbAZLLAIK7EABUVUWACwDCNCIGCwAWG1DQ0BAAsAQkKKYLENBSuwbSsbIlktsBossQAZKy2wGyyxARkrLbAcLLECGSstsB0ssQMZKy2wHiyxBBkrLbAfLLEFGSstsCAssQYZKy2wISyxBxkrLbAiLLEIGSstsCMssQkZKy2wJCwgPLABYC2wJSwgYLANYCBDI7ABYEOwAiVhsAFgsCQqIS2wJiywJSuwJSotsCcsICBHICCwAkVjsAFFYmAjYTgjIIpVWCBHICCwAkVjsAFFYmAjYTgbIVktsCgssQAFRVRYALABFrAnKrABFTAbIlktsCkssAgrsQAFRVRYALABFrAnKrABFTAbIlktsCosIDWwAWAtsCssALADRWOwAUVisAArsAJFY7ABRWKwACuwABa0AAAAAABEPiM4sSoBFSotsCwsIDwgRyCwAkVjsAFFYmCwAENhOC2wLSwuFzwtsC4sIDwgRyCwAkVjsAFFYmCwAENhsAFDYzgtsC8ssQIAFiUgLiBHsAAjQrACJUmKikcjRyNhIFhiGyFZsAEjQrIuAQEVFCotsDAssAAWsAQlsAQlRyNHI2GwBkUrZYouIyAgPIo4LbAxLLAAFrAEJbAEJSAuRyNHI2EgsAQjQrAGRSsgsGBQWCCwQFFYswIgAyAbswImAxpZQkIjILAIQyCKI0cjRyNhI0ZgsARDsIBiYCCwACsgiophILACQ2BkI7ADQ2FkUFiwAkNhG7ADQ2BZsAMlsIBiYSMgILAEJiNGYTgbI7AIQ0awAiWwCENHI0cjYWAgsARDsIBiYCMgsAArI7AEQ2CwACuwBSVhsAUlsIBisAQmYSCwBCVgZCOwAyVgZFBYIRsjIVkjICCwBCYjRmE4WS2wMiywABYgICCwBSYgLkcjRyNhIzw4LbAzLLAAFiCwCCNCICAgRiNHsAArI2E4LbA0LLAAFrADJbACJUcjRyNhsABUWC4gPCMhG7ACJbACJUcjRyNhILAFJbAEJUcjRyNhsAYlsAUlSbACJWGwAUVjIyBYYhshWWOwAUViYCMuIyAgPIo4IyFZLbA1LLAAFiCwCEMgLkcjRyNhIGCwIGBmsIBiIyAgPIo4LbA2LCMgLkawAiVGUlggPFkusSYBFCstsDcsIyAuRrACJUZQWCA8WS6xJgEUKy2wOCwjIC5GsAIlRlJYIDxZIyAuRrACJUZQWCA8WS6xJgEUKy2wOSywMCsjIC5GsAIlRlJYIDxZLrEmARQrLbA6LLAxK4ogIDywBCNCijgjIC5GsAIlRlJYIDxZLrEmARQrsARDLrAmKy2wOyywABawBCWwBCYgLkcjRyNhsAZFKyMgPCAuIzixJgEUKy2wPCyxCAQlQrAAFrAEJbAEJSAuRyNHI2EgsAQjQrAGRSsgsGBQWCCwQFFYswIgAyAbswImAxpZQkIjIEewBEOwgGJgILAAKyCKimEgsAJDYGQjsANDYWRQWLACQ2EbsANDYFmwAyWwgGJhsAIlRmE4IyA8IzgbISAgRiNHsAArI2E4IVmxJgEUKy2wPSywMCsusSYBFCstsD4ssDErISMgIDywBCNCIzixJgEUK7AEQy6wJistsD8ssAAVIEewACNCsgABARUUEy6wLCotsEAssAAVIEewACNCsgABARUUEy6wLCotsEEssQABFBOwLSotsEIssC8qLbBDLLAAFkUjIC4gRoojYTixJgEUKy2wRCywCCNCsEMrLbBFLLIAADwrLbBGLLIAATwrLbBHLLIBADwrLbBILLIBATwrLbBJLLIAAD0rLbBKLLIAAT0rLbBLLLIBAD0rLbBMLLIBAT0rLbBNLLIAADkrLbBOLLIAATkrLbBPLLIBADkrLbBQLLIBATkrLbBRLLIAADsrLbBSLLIAATsrLbBTLLIBADsrLbBULLIBATsrLbBVLLIAAD4rLbBWLLIAAT4rLbBXLLIBAD4rLbBYLLIBAT4rLbBZLLIAADorLbBaLLIAATorLbBbLLIBADorLbBcLLIBATorLbBdLLAyKy6xJgEUKy2wXiywMiuwNistsF8ssDIrsDcrLbBgLLAAFrAyK7A4Ky2wYSywMysusSYBFCstsGIssDMrsDYrLbBjLLAzK7A3Ky2wZCywMyuwOCstsGUssDQrLrEmARQrLbBmLLA0K7A2Ky2wZyywNCuwNystsGgssDQrsDgrLbBpLLA1Ky6xJgEUKy2waiywNSuwNistsGsssDUrsDcrLbBsLLA1K7A4Ky2wbSwrsAhlsAMkUHiwARUwLQAAAEu4AMhSWLEBAY5ZuQgACABjILABI0SwAyNwsgQoCUVSRLIKAgcqsQYBRLEkAYhRWLBAiFixBgNEsSYBiFFYuAQAiFixBgFEWVlZWbgB/4WwBI2xBQBEAAA=) format('truetype'),url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAoUAA4AAAAAEPQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABRAAAAEQAAABWPeFJAWNtYXAAAAGIAAAAOgAAAUrQEhm3Y3Z0IAAAAcQAAAAUAAAAHAZJ/5RmcGdtAAAB2AAABPkAAAmRigp4O2dhc3AAAAbUAAAACAAAAAgAAAAQZ2x5ZgAABtwAAACuAAAAtt9nBHZoZWFkAAAHjAAAADUAAAA2ASs8e2hoZWEAAAfEAAAAIAAAACQHUwNNaG10eAAAB+QAAAAMAAAADAspAABsb2NhAAAH8AAAAAgAAAAIADgAW21heHAAAAf4AAAAIAAAACAApgm8bmFtZQAACBgAAAF3AAACzcydGhxwb3N0AAAJkAAAACoAAAA7rr1AmHByZXAAAAm8AAAAVgAAAFaSoZr/eJxjYGTewTiBgZWBg6mKaQ8DA0MPhGZ8wGDIyMTAwMTAysyAFQSkuaYwOLxgeMHIHPQ/iyGKmZvBHyjMCJIDAPe9C2B4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGF4w/v8PUvCCAURLMELVAwEjG8OIBwBk5AavAAB4nGNgQANGDEbM3P83gjAAELQD4XicnVXZdtNWFJU8ZHASOmSgoA7X3DhQ68qEKRgwaSrFdiEdHAitBB2kDHTkncc+62uOQrtWH/m07n09JLR0rbYsls++R1tn2DrnRhwjKn0aiGvUoZKXA6msPZZK90lc13Uvj5UMBnFdthJPSZuonSRKat3sUC7xWOsqWSdYJ+PlIFZPVZ5noAziFB5lSUQbRBuplyZJ4onjJ4kWZxAfJUkgJaMQp9LIUEI1GsRS1aFM6dCr1xNx00DKRqMedVhU90PFJ8c1p9SsA0YqVznCFevVRr4bpwMve5DEOsGzrYcxHnisfpQqkIqR6cg/dkpOlIaBVHHUoVbi6DCTX/eRTCrNQKaMYkWl7oG43f102xYxPXQ6vi5KlUaqurnOKJrt0fGogygP2cbppNzQ2fbw5RlTVKtdcbPtQGYNXErJbHSfRAAdJlLj6QFONZwCqRn1R8XZ588BEslclKo8VTKHegOZMzt7cTHtbiersnCknwcyb3Z2452HQ6dXh3/R+hdM4cxHj+Jifj5C+lBqfiJOJKVGWMzyp4YfcVcgQrkxiAsXyuBThDl0RdrZZl3jtTH2hs/5SqlhPQna6KP4fgr9TiQrHGdRo/VInM1j13Wt3GdQS7W7Fzsyr0OVIu7vCwuuM+eEYZ4WC1VfnvneBTT/Bohn/EDeNIVL+5YpSrRvm6JMu2iKCu0SVKVdNsUU7YoppmnPmmKG9h1TzNKeMzLj/8vc55H7HN7xkJv2XeSmfQ+5ad9HbtoPkJtWITdtHblpLyA3rUZu2lWjOnYEGgZpF1IVQdA0svph3Fab9UDWjDR8aWDyLmLI+upER521tcofxX914gsHcmmip7siF5viLq/bFj483e6rj5pG3bDV+MaR8jAeRnocmtBZ+c3hv+1N3S6a7jKqMugBFUwKwABl7UAC0zrbCaT1mqf48gdgXIZ4zkpDtVSfO4am7+V5X/exOfG+x+3GLrdcd3kJWdYNcmP28N9SZKrrH+UtrVQnR6wrJ49VaxhDKrwour6SlHu0tRu/KKmy8l6U1srnk5CbPYMbQlu27mGwI0xpyiUeXlOlKD3UUo6yQyxvKco84JSLC1qGxLgOdQ9qa8TpoXoYGwshhqG0vRBwSCldFd+0ynfxHqtr2Oj4xRXh6XpyEhGf4ir7UfBU10b96A7avGbdMoMpVaqn+4xPsa/b9lFZaaSOsxe3VAfXNOsaORXTT+Rr4HRvOGjdAz1UfDRBI1U1x+jGKGM0ljXl3wR0MVZ+w2jVYvs93E+dpFWsuUuY7JsT9+C0u/0q+7WcW0bW/dcGvW3kip8jMb8tCvw7B2K3ZA3UO5OBGAvIWdAYxhYmdxiug23EbfY/Jqf/34aFRXJXOxq7eerD1ZNRJXfZ8rjLTXZZ16M2R9VOGvsIjS0PN+bY4XIstsRgQbb+wf8x7gF3aVEC4NDIZZiI2nShnurh6h6rsW04VxIBds2x43QAegAuQd8cu9bzCYD13CPnLsB9cgh2yCH4lByCz8i5BfA5OQRfkEMwIIdgl5w7AA/IIXhIDsEeOQSPyNkE+JIcgq/IIYjJIUjIuQ3wmByCJ+QQfE0OwTdGrk5k/pYH2QD6zqKbQKmdGhzaOGRGrk3Y+zxY9oFFZB9aROqRkesT6lMeLPV7i0j9wSJSfzRyY0L9iQdL/dkiUn+xiNRnxpeZIymvDp7zjg7+BJfqrV4AAAAAAQAB//8AD3icY2BkAALmJUwzGEQZZBwk+RkZGBmdGJgYmbIYgMwsoGSiiLgIs5A2owg7I5uSOqOaiT2jmZE8I5gQY17C/09BQEfg3yt+fh8gvYQxD0j68DOJiQn8U+DnZxQDcQUEljLmCwBpBgbG/3//b2SOZ+Zm4GEQcuAH2sblDLSEm8FFVJhJEGgLH6OSHpMdo5EcI3Nk0bEXJ/LYqvZ82VXHGFd6pKTkyCsQwQAAq+QkqAAAeJxjYGRgYADiw5VSsfH8Nl8ZuJlfAEUYzpvO6IXQCb7///7fyLyEmRvI5WBgAokCAFb/DJAAAAB4nGNgZGBgDvqfxRDF/IKB4f935iUMQBEUwAwAi5YFpgPoAAAD6AAAA1kAAAAAAAAAOABbAAEAAAADABYAAQAAAAAAAgAGABMAbgAAAC0JkQAAAAB4nHWQy2rCQBSG//HSi0JbWui2sypKabxgN4IgWHTTbqS4LTHGJBIzMhkFX6Pv0IfpS/RZ+puMpShNmMx3vjlz5mQAXOMbAvnzxJGzwBmjnAs4Rc9ykf7Zcon8YrmMKt4sn9C/W67gAYHlKm7wwQqidM5ogU/LAlfi0nIBF+LOcpH+0XKJ3LNcxq14tXxC71muYCJSy1Xci6+BWm11FIRG1gZ12W62OnK6lYoqStxYumsTKp3KvpyrxPhxrBxPLfc89oN17Op9uJ8nvk4jlciW09yrkZ/42jX+bFc93QRtY+ZyrtVSDm2GXGm18D3jhMasuo3G3/MwgMIKW2hEvKoQBhI12jrnNppooUOaMkMyM8+KkMBFTONizR1htpIy7nPMGSW0PjNisgOP3+WRH5MC7o9ZRR+tHsYT0u6MKPOSfTns7jBrREqyTDezs9/eU2x4WpvWcNeuS511JTE8qCF5H7u1BY1H72S3Ymi7aPD95/9+AN1fhEsAeJxjYGKAAC4G7ICZgYGRiZGZMzkjNTk7N7Eomy05syg5J5WBAQBE1QZBAABLuADIUlixAQGOWbkIAAgAYyCwASNEsAMjcLIEKAlFUkSyCgIHKrEGAUSxJAGIUViwQIhYsQYDRLEmAYhRWLgEAIhYsQYBRFlZWVm4Af+FsASNsQUARAAA) format('woff')
}
.ui.ordered.steps .step.completed:before, .ui.steps .step.completed > .icon:before {
font-family: Step;
content: '\e800'
}
/*!
* # Semantic UI 2.5.0 - Breadcrumb
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.breadcrumb {
line-height: 1;
display: inline-block;
margin: 0 0;
vertical-align: middle
}
.ui.breadcrumb:first-child {
margin-top: 0
}
.ui.breadcrumb:last-child {
margin-bottom: 0
}
.ui.breadcrumb .divider {
display: inline-block;
opacity: .7;
margin: 0 .21428571rem 0;
font-size: .92857143em;
color: rgba(0,0,0,.4);
vertical-align: baseline
}
.ui.breadcrumb a {
color: #4183c4
}
.ui.breadcrumb a:hover {
color: #1e70bf
}
.ui.breadcrumb .icon.divider {
font-size: .85714286em;
vertical-align: baseline
}
.ui.breadcrumb a.section {
cursor: pointer
}
.ui.breadcrumb .section {
display: inline-block;
margin: 0;
padding: 0
}
.ui.breadcrumb.segment {
display: inline-block;
padding: .78571429em 1em
}
.ui.breadcrumb .active.section {
font-weight: 700
}
.ui.mini.breadcrumb {
font-size: .78571429rem
}
.ui.tiny.breadcrumb {
font-size: .85714286rem
}
.ui.small.breadcrumb {
font-size: .92857143rem
}
.ui.breadcrumb {
font-size: 1rem
}
.ui.large.breadcrumb {
font-size: 1.14285714rem
}
.ui.big.breadcrumb {
font-size: 1.28571429rem
}
.ui.huge.breadcrumb {
font-size: 1.42857143rem
}
.ui.massive.breadcrumb {
font-size: 1.71428571rem
}
/*!
* # Semantic UI 2.5.0 - Form
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.form {
position: relative;
max-width: 100%
}
.ui.form > p {
margin: 1em 0
}
.ui.form .field {
clear: both;
margin: 0 0 1em
}
.ui.form .field:last-child, .ui.form .fields:last-child .field {
margin-bottom: 0
}
.ui.form .fields .field {
clear: both;
margin: 0
}
.ui.form .field > label {
display: block;
margin: 0 0 .28571429rem 0;
color: rgba(0,0,0,.87);
font-size: .92857143em;
font-weight: 700;
text-transform: none
}
.ui.form input:not([type]), .ui.form input[type=date], .ui.form input[type=datetime-local], .ui.form input[type=email], .ui.form input[type=file], .ui.form input[type=number], .ui.form input[type=password], .ui.form input[type=search], .ui.form input[type=tel], .ui.form input[type=text], .ui.form input[type=time], .ui.form input[type=url], .ui.form textarea {
width: 100%;
vertical-align: top
}
.ui.form ::-webkit-datetime-edit, .ui.form ::-webkit-inner-spin-button {
height: 1.21428571em
}
.ui.form input:not([type]), .ui.form input[type=date], .ui.form input[type=datetime-local], .ui.form input[type=email], .ui.form input[type=file], .ui.form input[type=number], .ui.form input[type=password], .ui.form input[type=search], .ui.form input[type=tel], .ui.form input[type=text], .ui.form input[type=time], .ui.form input[type=url] {
font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
margin: 0;
outline: 0;
-webkit-appearance: none;
tap-highlight-color: rgba(255,255,255,0);
line-height: 1.21428571em;
padding: .67857143em 1em;
font-size: 1em;
background: #fff;
border: 1px solid rgba(34,36,38,.15);
color: rgba(0,0,0,.87);
border-radius: .28571429rem;
box-shadow: 0 0 0 0 transparent inset;
transition: color .1s ease,border-color .1s ease
}
.ui.form textarea {
margin: 0;
-webkit-appearance: none;
tap-highlight-color: rgba(255,255,255,0);
padding: .78571429em 1em;
background: #fff;
border: 1px solid rgba(34,36,38,.15);
outline: 0;
color: rgba(0,0,0,.87);
border-radius: .28571429rem;
box-shadow: 0 0 0 0 transparent inset;
transition: color .1s ease,border-color .1s ease;
font-size: 1em;
line-height: 1.2857;
resize: vertical
}
.ui.form textarea:not([rows]) {
height: 12em;
min-height: 8em;
max-height: 24em
}
.ui.form input[type=checkbox], .ui.form textarea {
vertical-align: top
}
.ui.form input.attached {
width: auto
}
.ui.form select {
display: block;
height: auto;
width: 100%;
background: #fff;
border: 1px solid rgba(34,36,38,.15);
border-radius: .28571429rem;
box-shadow: 0 0 0 0 transparent inset;
padding: .62em 1em;
color: rgba(0,0,0,.87);
transition: color .1s ease,border-color .1s ease
}
.ui.form .field > .selection.dropdown {
width: 100%
}
.ui.form .field > .selection.dropdown > .dropdown.icon {
float: right
}
.ui.form .inline.field > .selection.dropdown, .ui.form .inline.fields .field > .selection.dropdown {
width: auto
}
.ui.form .inline.field > .selection.dropdown > .dropdown.icon, .ui.form .inline.fields .field > .selection.dropdown > .dropdown.icon {
float: none
}
.ui.form .field .ui.input, .ui.form .fields .field .ui.input, .ui.form .wide.field .ui.input {
width: 100%
}
.ui.form .inline.field:not(.wide) .ui.input, .ui.form .inline.fields .field:not(.wide) .ui.input {
width: auto;
vertical-align: middle
}
.ui.form .field .ui.input input, .ui.form .fields .field .ui.input input {
width: auto
}
.ui.form .eight.fields .ui.input input, .ui.form .five.fields .ui.input input, .ui.form .four.fields .ui.input input, .ui.form .nine.fields .ui.input input, .ui.form .seven.fields .ui.input input, .ui.form .six.fields .ui.input input, .ui.form .ten.fields .ui.input input, .ui.form .three.fields .ui.input input, .ui.form .two.fields .ui.input input, .ui.form .wide.field .ui.input input {
flex: 1 0 auto;
width: 0
}
.ui.form .error.message, .ui.form .success.message, .ui.form .warning.message {
display: none
}
.ui.form .message:first-child {
margin-top: 0
}
.ui.form .field .prompt.label {
white-space: normal;
background: #fff !important;
border: 1px solid #e0b4b4 !important;
color: #9f3a38 !important
}
.ui.form .inline.field .prompt, .ui.form .inline.fields .field .prompt {
vertical-align: top;
margin: -.25em 0 -.5em .5em
}
.ui.form .inline.field .prompt:before, .ui.form .inline.fields .field .prompt:before {
border-width: 0 0 1px 1px;
bottom: auto;
right: auto;
top: 50%;
left: 0
}
.ui.form .field.field input:-webkit-autofill {
box-shadow: 0 0 0 100px ivory inset !important;
border-color: #e5dfa1 !important
}
.ui.form .field.field input:-webkit-autofill:focus {
box-shadow: 0 0 0 100px ivory inset !important;
border-color: #d5c315 !important
}
.ui.form .error.error input:-webkit-autofill {
box-shadow: 0 0 0 100px #fffaf0 inset !important;
border-color: #e0b4b4 !important
}
.ui.form ::-webkit-input-placeholder {
color: rgba(191,191,191,.87)
}
.ui.form :-ms-input-placeholder {
color: rgba(191,191,191,.87) !important
}
.ui.form ::-moz-placeholder {
color: rgba(191,191,191,.87)
}
.ui.form :focus::-webkit-input-placeholder {
color: rgba(115,115,115,.87)
}
.ui.form :focus:-ms-input-placeholder {
color: rgba(115,115,115,.87) !important
}
.ui.form :focus::-moz-placeholder {
color: rgba(115,115,115,.87)
}
.ui.form .error ::-webkit-input-placeholder {
color: #e7bdbc
}
.ui.form .error :-ms-input-placeholder {
color: #e7bdbc !important
}
.ui.form .error ::-moz-placeholder {
color: #e7bdbc
}
.ui.form .error :focus::-webkit-input-placeholder {
color: #da9796
}
.ui.form .error :focus:-ms-input-placeholder {
color: #da9796 !important
}
.ui.form .error :focus::-moz-placeholder {
color: #da9796
}
.ui.form input:not([type]):focus, .ui.form input[type=date]:focus, .ui.form input[type=datetime-local]:focus, .ui.form input[type=email]:focus, .ui.form input[type=file]:focus, .ui.form input[type=number]:focus, .ui.form input[type=password]:focus, .ui.form input[type=search]:focus, .ui.form input[type=tel]:focus, .ui.form input[type=text]:focus, .ui.form input[type=time]:focus, .ui.form input[type=url]:focus {
color: rgba(0,0,0,.95);
border-color: #85b7d9;
border-radius: .28571429rem;
background: #fff;
box-shadow: 0 0 0 0 rgba(34,36,38,.35) inset
}
.ui.form textarea:focus {
color: rgba(0,0,0,.95);
border-color: #85b7d9;
border-radius: .28571429rem;
background: #fff;
box-shadow: 0 0 0 0 rgba(34,36,38,.35) inset;
-webkit-appearance: none
}
.ui.form.success .success.message:not(:empty) {
display: block
}
.ui.form.success .compact.success.message:not(:empty) {
display: inline-block
}
.ui.form.success .icon.success.message:not(:empty) {
display: flex
}
.ui.form.warning .warning.message:not(:empty) {
display: block
}
.ui.form.warning .compact.warning.message:not(:empty) {
display: inline-block
}
.ui.form.warning .icon.warning.message:not(:empty) {
display: flex
}
.ui.form.error .error.message:not(:empty) {
display: block
}
.ui.form.error .compact.error.message:not(:empty) {
display: inline-block
}
.ui.form.error .icon.error.message:not(:empty) {
display: flex
}
.ui.form .field.error .input, .ui.form .field.error label, .ui.form .fields.error .field .input, .ui.form .fields.error .field label {
color: #9f3a38
}
.ui.form .field.error .corner.label, .ui.form .fields.error .field .corner.label {
border-color: #9f3a38;
color: #fff
}
.ui.form .field.error input:not([type]), .ui.form .field.error input[type=date], .ui.form .field.error input[type=datetime-local], .ui.form .field.error input[type=email], .ui.form .field.error input[type=file], .ui.form .field.error input[type=number], .ui.form .field.error input[type=password], .ui.form .field.error input[type=search], .ui.form .field.error input[type=tel], .ui.form .field.error input[type=text], .ui.form .field.error input[type=time], .ui.form .field.error input[type=url], .ui.form .field.error select, .ui.form .field.error textarea, .ui.form .fields.error .field input:not([type]), .ui.form .fields.error .field input[type=date], .ui.form .fields.error .field input[type=datetime-local], .ui.form .fields.error .field input[type=email], .ui.form .fields.error .field input[type=file], .ui.form .fields.error .field input[type=number], .ui.form .fields.error .field input[type=password], .ui.form .fields.error .field input[type=search], .ui.form .fields.error .field input[type=tel], .ui.form .fields.error .field input[type=text], .ui.form .fields.error .field input[type=time], .ui.form .fields.error .field input[type=url], .ui.form .fields.error .field select, .ui.form .fields.error .field textarea {
background: #fff6f6;
border-color: #e0b4b4;
color: #9f3a38;
border-radius: '';
box-shadow: none
}
.ui.form .field.error input:not([type]):focus, .ui.form .field.error input[type=date]:focus, .ui.form .field.error input[type=datetime-local]:focus, .ui.form .field.error input[type=email]:focus, .ui.form .field.error input[type=file]:focus, .ui.form .field.error input[type=number]:focus, .ui.form .field.error input[type=password]:focus, .ui.form .field.error input[type=search]:focus, .ui.form .field.error input[type=tel]:focus, .ui.form .field.error input[type=text]:focus, .ui.form .field.error input[type=time]:focus, .ui.form .field.error input[type=url]:focus, .ui.form .field.error select:focus, .ui.form .field.error textarea:focus {
background: #fff6f6;
border-color: #e0b4b4;
color: #9f3a38;
-webkit-appearance: none;
box-shadow: none
}
.ui.form .field.error select {
-webkit-appearance: menulist-button
}
.ui.form .field.error .ui.dropdown, .ui.form .field.error .ui.dropdown .item, .ui.form .field.error .ui.dropdown .text, .ui.form .fields.error .field .ui.dropdown, .ui.form .fields.error .field .ui.dropdown .item {
background: #fff6f6;
color: #9f3a38
}
.ui.form .field.error .ui.dropdown, .ui.form .fields.error .field .ui.dropdown {
border-color: #e0b4b4 !important
}
.ui.form .field.error .ui.dropdown:hover, .ui.form .fields.error .field .ui.dropdown:hover {
border-color: #e0b4b4 !important
}
.ui.form .field.error .ui.dropdown:hover .menu, .ui.form .fields.error .field .ui.dropdown:hover .menu {
border-color: #e0b4b4
}
.ui.form .field.error .ui.multiple.selection.dropdown > .label, .ui.form .fields.error .field .ui.multiple.selection.dropdown > .label {
background-color: #eacbcb;
color: #9f3a38
}
.ui.form .field.error .ui.dropdown .menu .item:hover, .ui.form .fields.error .field .ui.dropdown .menu .item:hover {
background-color: #fbe7e7
}
.ui.form .field.error .ui.dropdown .menu .selected.item, .ui.form .fields.error .field .ui.dropdown .menu .selected.item {
background-color: #fbe7e7
}
.ui.form .field.error .ui.dropdown .menu .active.item, .ui.form .fields.error .field .ui.dropdown .menu .active.item {
background-color: #fdcfcf !important
}
.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box, .ui.form .field.error .checkbox:not(.toggle):not(.slider) label, .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box, .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label {
color: #9f3a38
}
.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box:before, .ui.form .field.error .checkbox:not(.toggle):not(.slider) label:before, .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box:before, .ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label:before {
background: #fff6f6;
border-color: #e0b4b4
}
.ui.form .field.error .checkbox .box:after, .ui.form .field.error .checkbox label:after, .ui.form .fields.error .field .checkbox .box:after, .ui.form .fields.error .field .checkbox label:after {
color: #9f3a38
}
.ui.form .disabled.field, .ui.form .disabled.fields .field, .ui.form .field :disabled {
pointer-events: none;
opacity: .45
}
.ui.form .field.disabled > label, .ui.form .fields.disabled > label {
opacity: .45
}
.ui.form .field.disabled :disabled {
opacity: 1
}
.ui.loading.form {
position: relative;
cursor: default;
pointer-events: none
}
.ui.loading.form:before {
position: absolute;
content: '';
top: 0;
left: 0;
background: rgba(255,255,255,.8);
width: 100%;
height: 100%;
z-index: 100
}
.ui.loading.form:after {
position: absolute;
content: '';
top: 50%;
left: 50%;
margin: -1.5em 0 0 -1.5em;
width: 3em;
height: 3em;
-webkit-animation: form-spin .6s linear;
animation: form-spin .6s linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
border-radius: 500rem;
border-color: #767676 rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.1);
border-style: solid;
border-width: .2em;
box-shadow: 0 0 0 1px transparent;
visibility: visible;
z-index: 101
}
@-webkit-keyframes form-spin {
from {
transform: rotate(0)
}
to {
transform: rotate(360deg)
}
}
@keyframes form-spin {
from {
transform: rotate(0)
}
to {
transform: rotate(360deg)
}
}
.ui.form .required.field > .checkbox:after, .ui.form .required.field > label:after, .ui.form .required.fields.grouped > label:after, .ui.form .required.fields:not(.grouped) > .field > .checkbox:after, .ui.form .required.fields:not(.grouped) > .field > label:after {
margin: -.2em 0 0 .2em;
content: '*';
color: #db2828
}
.ui.form .required.field > label:after, .ui.form .required.fields.grouped > label:after, .ui.form .required.fields:not(.grouped) > .field > label:after {
display: inline-block;
vertical-align: top
}
.ui.form .required.field > .checkbox:after, .ui.form .required.fields:not(.grouped) > .field > .checkbox:after {
position: absolute;
top: 0;
left: 100%
}
.ui.form .inverted.segment .ui.checkbox .box, .ui.form .inverted.segment .ui.checkbox label, .ui.form .inverted.segment label, .ui.inverted.form .inline.field > label, .ui.inverted.form .inline.field > p, .ui.inverted.form .inline.fields .field > label, .ui.inverted.form .inline.fields .field > p, .ui.inverted.form .inline.fields > label, .ui.inverted.form .ui.checkbox .box, .ui.inverted.form .ui.checkbox label, .ui.inverted.form label {
color: rgba(255,255,255,.9)
}
.ui.inverted.form input:not([type]), .ui.inverted.form input[type=date], .ui.inverted.form input[type=datetime-local], .ui.inverted.form input[type=email], .ui.inverted.form input[type=file], .ui.inverted.form input[type=number], .ui.inverted.form input[type=password], .ui.inverted.form input[type=search], .ui.inverted.form input[type=tel], .ui.inverted.form input[type=text], .ui.inverted.form input[type=time], .ui.inverted.form input[type=url] {
background: #fff;
border-color: rgba(255,255,255,.1);
color: rgba(0,0,0,.87);
box-shadow: none
}
.ui.form .grouped.fields {
display: block;
margin: 0 0 1em
}
.ui.form .grouped.fields:last-child {
margin-bottom: 0
}
.ui.form .grouped.fields > label {
margin: 0 0 .28571429rem 0;
color: rgba(0,0,0,.87);
font-size: .92857143em;
font-weight: 700;
text-transform: none
}
.ui.form .grouped.fields .field, .ui.form .grouped.inline.fields .field {
display: block;
margin: .5em 0;
padding: 0
}
.ui.form .fields {
display: flex;
flex-direction: row;
margin: 0 -.5em 1em
}
.ui.form .fields > .field {
flex: 0 1 auto;
padding-left: .5em;
padding-right: .5em
}
.ui.form .fields > .field:first-child {
border-left: none;
box-shadow: none
}
.ui.form .two.fields > .field, .ui.form .two.fields > .fields {
width: 50%
}
.ui.form .three.fields > .field, .ui.form .three.fields > .fields {
width: 33.33333333%
}
.ui.form .four.fields > .field, .ui.form .four.fields > .fields {
width: 25%
}
.ui.form .five.fields > .field, .ui.form .five.fields > .fields {
width: 20%
}
.ui.form .six.fields > .field, .ui.form .six.fields > .fields {
width: 16.66666667%
}
.ui.form .seven.fields > .field, .ui.form .seven.fields > .fields {
width: 14.28571429%
}
.ui.form .eight.fields > .field, .ui.form .eight.fields > .fields {
width: 12.5%
}
.ui.form .nine.fields > .field, .ui.form .nine.fields > .fields {
width: 11.11111111%
}
.ui.form .ten.fields > .field, .ui.form .ten.fields > .fields {
width: 10%
}
@media only screen and (max-width:767px) {
.ui.form .fields {
flex-wrap: wrap
}
.ui.form:not(.unstackable) .eight.fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .eight.fields:not(.unstackable) > .fields, .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .fields, .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .fields, .ui.form:not(.unstackable) .nine.fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .nine.fields:not(.unstackable) > .fields, .ui.form:not(.unstackable) .seven.fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .seven.fields:not(.unstackable) > .fields, .ui.form:not(.unstackable) .six.fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .six.fields:not(.unstackable) > .fields, .ui.form:not(.unstackable) .ten.fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .ten.fields:not(.unstackable) > .fields, .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .fields, .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .fields, .ui.form:not(.unstackable) [class*="equal width"].fields:not(.unstackable) > .field, .ui[class*="equal width"].form:not(.unstackable) .fields > .field {
width: 100% !important;
margin: 0 0 1em
}
}
.ui.form .fields .wide.field {
width: 6.25%;
padding-left: .5em;
padding-right: .5em
}
.ui.form .one.wide.field {
width: 6.25% !important
}
.ui.form .two.wide.field {
width: 12.5% !important
}
.ui.form .three.wide.field {
width: 18.75% !important
}
.ui.form .four.wide.field {
width: 25% !important
}
.ui.form .five.wide.field {
width: 31.25% !important
}
.ui.form .six.wide.field {
width: 37.5% !important
}
.ui.form .seven.wide.field {
width: 43.75% !important
}
.ui.form .eight.wide.field {
width: 50% !important
}
.ui.form .nine.wide.field {
width: 56.25% !important
}
.ui.form .ten.wide.field {
width: 62.5% !important
}
.ui.form .eleven.wide.field {
width: 68.75% !important
}
.ui.form .twelve.wide.field {
width: 75% !important
}
.ui.form .thirteen.wide.field {
width: 81.25% !important
}
.ui.form .fourteen.wide.field {
width: 87.5% !important
}
.ui.form .fifteen.wide.field {
width: 93.75% !important
}
.ui.form .sixteen.wide.field {
width: 100% !important
}
@media only screen and (max-width:767px) {
.ui.form:not(.unstackable) .fields:not(.unstackable) > .eight.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .eleven.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .fifteen.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .five.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .four.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .fourteen.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .nine.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .seven.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .six.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .sixteen.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .ten.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .thirteen.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .three.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .twelve.wide.field, .ui.form:not(.unstackable) .fields:not(.unstackable) > .two.wide.field, .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .five.fields:not(.unstackable) > .fields, .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .four.fields:not(.unstackable) > .fields, .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .three.fields:not(.unstackable) > .fields, .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .field, .ui.form:not(.unstackable) .two.fields:not(.unstackable) > .fields {
width: 100% !important
}
.ui.form .fields {
margin-bottom: 0
}
}
.ui.form [class*="equal width"].fields > .field, .ui[class*="equal width"].form .fields > .field {
width: 100%;
flex: 1 1 auto
}
.ui.form .inline.fields {
margin: 0 0 1em;
align-items: center
}
.ui.form .inline.fields .field {
margin: 0;
padding: 0 1em 0 0
}
.ui.form .inline.field > label, .ui.form .inline.field > p, .ui.form .inline.fields .field > label, .ui.form .inline.fields .field > p, .ui.form .inline.fields > label {
display: inline-block;
width: auto;
margin-top: 0;
margin-bottom: 0;
vertical-align: baseline;
font-size: .92857143em;
font-weight: 700;
color: rgba(0,0,0,.87);
text-transform: none
}
.ui.form .inline.fields > label {
margin: .035714em 1em 0 0
}
.ui.form .inline.field > input, .ui.form .inline.field > select, .ui.form .inline.fields .field > input, .ui.form .inline.fields .field > select {
display: inline-block;
width: auto;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
font-size: 1em
}
.ui.form .inline.field > :first-child, .ui.form .inline.fields .field > :first-child {
margin: 0 .85714286em 0 0
}
.ui.form .inline.field > :only-child, .ui.form .inline.fields .field > :only-child {
margin: 0
}
.ui.form .inline.fields .wide.field {
display: flex;
align-items: center
}
.ui.form .inline.fields .wide.field > input, .ui.form .inline.fields .wide.field > select {
width: 100%
}
.ui.mini.form {
font-size: .78571429rem
}
.ui.tiny.form {
font-size: .85714286rem
}
.ui.small.form {
font-size: .92857143rem
}
.ui.form {
font-size: 1rem
}
.ui.large.form {
font-size: 1.14285714rem
}
.ui.big.form {
font-size: 1.28571429rem
}
.ui.huge.form {
font-size: 1.42857143rem
}
.ui.massive.form {
font-size: 1.71428571rem
}
/*!
* # Semantic UI 2.5.0 - Grid
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.grid {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: stretch;
padding: 0
}
.ui.grid {
margin-top: -1rem;
margin-bottom: -1rem;
margin-left: -1rem;
margin-right: -1rem
}
.ui.relaxed.grid {
margin-left: -1.5rem;
margin-right: -1.5rem
}
.ui[class*="very relaxed"].grid {
margin-left: -2.5rem;
margin-right: -2.5rem
}
.ui.grid + .grid {
margin-top: 1rem
}
.ui.grid > .column:not(.row), .ui.grid > .row > .column {
position: relative;
display: inline-block;
width: 6.25%;
padding-left: 1rem;
padding-right: 1rem;
vertical-align: top
}
.ui.grid > * {
padding-left: 1rem;
padding-right: 1rem
}
.ui.grid > .row {
position: relative;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: inherit;
align-items: stretch;
width: 100% !important;
padding: 0;
padding-top: 1rem;
padding-bottom: 1rem
}
.ui.grid > .column:not(.row) {
padding-top: 1rem;
padding-bottom: 1rem
}
.ui.grid > .row > .column {
margin-top: 0;
margin-bottom: 0
}
.ui.grid > .row > .column > img, .ui.grid > .row > img {
max-width: 100%
}
.ui.grid > .ui.grid:first-child {
margin-top: 0
}
.ui.grid > .ui.grid:last-child {
margin-bottom: 0
}
.ui.aligned.grid .column > .segment:not(.compact):not(.attached), .ui.grid .aligned.row > .column > .segment:not(.compact):not(.attached) {
width: 100%
}
.ui.grid .row + .ui.divider {
flex-grow: 1;
margin: 1rem 1rem
}
.ui.grid .column + .ui.vertical.divider {
height: calc(50% - (2rem / 2))
}
.ui.grid > .column:last-child > .horizontal.segment, .ui.grid > .row > .column:last-child > .horizontal.segment {
box-shadow: none
}
@media only screen and (max-width:767px) {
.ui.page.grid {
width: auto;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.ui.page.grid {
width: auto;
margin-left: 0;
margin-right: 0;
padding-left: 2em;
padding-right: 2em
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.ui.page.grid {
width: auto;
margin-left: 0;
margin-right: 0;
padding-left: 3%;
padding-right: 3%
}
}
@media only screen and (min-width:1200px) and (max-width:1919px) {
.ui.page.grid {
width: auto;
margin-left: 0;
margin-right: 0;
padding-left: 15%;
padding-right: 15%
}
}
@media only screen and (min-width:1920px) {
.ui.page.grid {
width: auto;
margin-left: 0;
margin-right: 0;
padding-left: 23%;
padding-right: 23%
}
}
.ui.grid > .column:only-child, .ui.grid > .row > .column:only-child {
width: 100%
}
.ui[class*="one column"].grid > .column:not(.row), .ui[class*="one column"].grid > .row > .column {
width: 100%
}
.ui[class*="two column"].grid > .column:not(.row), .ui[class*="two column"].grid > .row > .column {
width: 50%
}
.ui[class*="three column"].grid > .column:not(.row), .ui[class*="three column"].grid > .row > .column {
width: 33.33333333%
}
.ui[class*="four column"].grid > .column:not(.row), .ui[class*="four column"].grid > .row > .column {
width: 25%
}
.ui[class*="five column"].grid > .column:not(.row), .ui[class*="five column"].grid > .row > .column {
width: 20%
}
.ui[class*="six column"].grid > .column:not(.row), .ui[class*="six column"].grid > .row > .column {
width: 16.66666667%
}
.ui[class*="seven column"].grid > .column:not(.row), .ui[class*="seven column"].grid > .row > .column {
width: 14.28571429%
}
.ui[class*="eight column"].grid > .column:not(.row), .ui[class*="eight column"].grid > .row > .column {
width: 12.5%
}
.ui[class*="nine column"].grid > .column:not(.row), .ui[class*="nine column"].grid > .row > .column {
width: 11.11111111%
}
.ui[class*="ten column"].grid > .column:not(.row), .ui[class*="ten column"].grid > .row > .column {
width: 10%
}
.ui[class*="eleven column"].grid > .column:not(.row), .ui[class*="eleven column"].grid > .row > .column {
width: 9.09090909%
}
.ui[class*="twelve column"].grid > .column:not(.row), .ui[class*="twelve column"].grid > .row > .column {
width: 8.33333333%
}
.ui[class*="thirteen column"].grid > .column:not(.row), .ui[class*="thirteen column"].grid > .row > .column {
width: 7.69230769%
}
.ui[class*="fourteen column"].grid > .column:not(.row), .ui[class*="fourteen column"].grid > .row > .column {
width: 7.14285714%
}
.ui[class*="fifteen column"].grid > .column:not(.row), .ui[class*="fifteen column"].grid > .row > .column {
width: 6.66666667%
}
.ui[class*="sixteen column"].grid > .column:not(.row), .ui[class*="sixteen column"].grid > .row > .column {
width: 6.25%
}
.ui.grid > [class*="one column"].row > .column {
width: 100% !important
}
.ui.grid > [class*="two column"].row > .column {
width: 50% !important
}
.ui.grid > [class*="three column"].row > .column {
width: 33.33333333% !important
}
.ui.grid > [class*="four column"].row > .column {
width: 25% !important
}
.ui.grid > [class*="five column"].row > .column {
width: 20% !important
}
.ui.grid > [class*="six column"].row > .column {
width: 16.66666667% !important
}
.ui.grid > [class*="seven column"].row > .column {
width: 14.28571429% !important
}
.ui.grid > [class*="eight column"].row > .column {
width: 12.5% !important
}
.ui.grid > [class*="nine column"].row > .column {
width: 11.11111111% !important
}
.ui.grid > [class*="ten column"].row > .column {
width: 10% !important
}
.ui.grid > [class*="eleven column"].row > .column {
width: 9.09090909% !important
}
.ui.grid > [class*="twelve column"].row > .column {
width: 8.33333333% !important
}
.ui.grid > [class*="thirteen column"].row > .column {
width: 7.69230769% !important
}
.ui.grid > [class*="fourteen column"].row > .column {
width: 7.14285714% !important
}
.ui.grid > [class*="fifteen column"].row > .column {
width: 6.66666667% !important
}
.ui.grid > [class*="sixteen column"].row > .column {
width: 6.25% !important
}
.ui.celled.page.grid {
box-shadow: none
}
.ui.column.grid > [class*="one wide"].column, .ui.grid > .column.row > [class*="one wide"].column, .ui.grid > .row > [class*="one wide"].column, .ui.grid > [class*="one wide"].column {
width: 6.25% !important
}
.ui.column.grid > [class*="two wide"].column, .ui.grid > .column.row > [class*="two wide"].column, .ui.grid > .row > [class*="two wide"].column, .ui.grid > [class*="two wide"].column {
width: 12.5% !important
}
.ui.column.grid > [class*="three wide"].column, .ui.grid > .column.row > [class*="three wide"].column, .ui.grid > .row > [class*="three wide"].column, .ui.grid > [class*="three wide"].column {
width: 18.75% !important
}
.ui.column.grid > [class*="four wide"].column, .ui.grid > .column.row > [class*="four wide"].column, .ui.grid > .row > [class*="four wide"].column, .ui.grid > [class*="four wide"].column {
width: 25% !important
}
.ui.column.grid > [class*="five wide"].column, .ui.grid > .column.row > [class*="five wide"].column, .ui.grid > .row > [class*="five wide"].column, .ui.grid > [class*="five wide"].column {
width: 31.25% !important
}
.ui.column.grid > [class*="six wide"].column, .ui.grid > .column.row > [class*="six wide"].column, .ui.grid > .row > [class*="six wide"].column, .ui.grid > [class*="six wide"].column {
width: 37.5% !important
}
.ui.column.grid > [class*="seven wide"].column, .ui.grid > .column.row > [class*="seven wide"].column, .ui.grid > .row > [class*="seven wide"].column, .ui.grid > [class*="seven wide"].column {
width: 43.75% !important
}
.ui.column.grid > [class*="eight wide"].column, .ui.grid > .column.row > [class*="eight wide"].column, .ui.grid > .row > [class*="eight wide"].column, .ui.grid > [class*="eight wide"].column {
width: 50% !important
}
.ui.column.grid > [class*="nine wide"].column, .ui.grid > .column.row > [class*="nine wide"].column, .ui.grid > .row > [class*="nine wide"].column, .ui.grid > [class*="nine wide"].column {
width: 56.25% !important
}
.ui.column.grid > [class*="ten wide"].column, .ui.grid > .column.row > [class*="ten wide"].column, .ui.grid > .row > [class*="ten wide"].column, .ui.grid > [class*="ten wide"].column {
width: 62.5% !important
}
.ui.column.grid > [class*="eleven wide"].column, .ui.grid > .column.row > [class*="eleven wide"].column, .ui.grid > .row > [class*="eleven wide"].column, .ui.grid > [class*="eleven wide"].column {
width: 68.75% !important
}
.ui.column.grid > [class*="twelve wide"].column, .ui.grid > .column.row > [class*="twelve wide"].column, .ui.grid > .row > [class*="twelve wide"].column, .ui.grid > [class*="twelve wide"].column {
width: 75% !important
}
.ui.column.grid > [class*="thirteen wide"].column, .ui.grid > .column.row > [class*="thirteen wide"].column, .ui.grid > .row > [class*="thirteen wide"].column, .ui.grid > [class*="thirteen wide"].column {
width: 81.25% !important
}
.ui.column.grid > [class*="fourteen wide"].column, .ui.grid > .column.row > [class*="fourteen wide"].column, .ui.grid > .row > [class*="fourteen wide"].column, .ui.grid > [class*="fourteen wide"].column {
width: 87.5% !important
}
.ui.column.grid > [class*="fifteen wide"].column, .ui.grid > .column.row > [class*="fifteen wide"].column, .ui.grid > .row > [class*="fifteen wide"].column, .ui.grid > [class*="fifteen wide"].column {
width: 93.75% !important
}
.ui.column.grid > [class*="sixteen wide"].column, .ui.grid > .column.row > [class*="sixteen wide"].column, .ui.grid > .row > [class*="sixteen wide"].column, .ui.grid > [class*="sixteen wide"].column {
width: 100% !important
}
@media only screen and (min-width:320px) and (max-width:767px) {
.ui.column.grid > [class*="one wide mobile"].column, .ui.grid > .column.row > [class*="one wide mobile"].column, .ui.grid > .row > [class*="one wide mobile"].column, .ui.grid > [class*="one wide mobile"].column {
width: 6.25% !important
}
.ui.column.grid > [class*="two wide mobile"].column, .ui.grid > .column.row > [class*="two wide mobile"].column, .ui.grid > .row > [class*="two wide mobile"].column, .ui.grid > [class*="two wide mobile"].column {
width: 12.5% !important
}
.ui.column.grid > [class*="three wide mobile"].column, .ui.grid > .column.row > [class*="three wide mobile"].column, .ui.grid > .row > [class*="three wide mobile"].column, .ui.grid > [class*="three wide mobile"].column {
width: 18.75% !important
}
.ui.column.grid > [class*="four wide mobile"].column, .ui.grid > .column.row > [class*="four wide mobile"].column, .ui.grid > .row > [class*="four wide mobile"].column, .ui.grid > [class*="four wide mobile"].column {
width: 25% !important
}
.ui.column.grid > [class*="five wide mobile"].column, .ui.grid > .column.row > [class*="five wide mobile"].column, .ui.grid > .row > [class*="five wide mobile"].column, .ui.grid > [class*="five wide mobile"].column {
width: 31.25% !important
}
.ui.column.grid > [class*="six wide mobile"].column, .ui.grid > .column.row > [class*="six wide mobile"].column, .ui.grid > .row > [class*="six wide mobile"].column, .ui.grid > [class*="six wide mobile"].column {
width: 37.5% !important
}
.ui.column.grid > [class*="seven wide mobile"].column, .ui.grid > .column.row > [class*="seven wide mobile"].column, .ui.grid > .row > [class*="seven wide mobile"].column, .ui.grid > [class*="seven wide mobile"].column {
width: 43.75% !important
}
.ui.column.grid > [class*="eight wide mobile"].column, .ui.grid > .column.row > [class*="eight wide mobile"].column, .ui.grid > .row > [class*="eight wide mobile"].column, .ui.grid > [class*="eight wide mobile"].column {
width: 50% !important
}
.ui.column.grid > [class*="nine wide mobile"].column, .ui.grid > .column.row > [class*="nine wide mobile"].column, .ui.grid > .row > [class*="nine wide mobile"].column, .ui.grid > [class*="nine wide mobile"].column {
width: 56.25% !important
}
.ui.column.grid > [class*="ten wide mobile"].column, .ui.grid > .column.row > [class*="ten wide mobile"].column, .ui.grid > .row > [class*="ten wide mobile"].column, .ui.grid > [class*="ten wide mobile"].column {
width: 62.5% !important
}
.ui.column.grid > [class*="eleven wide mobile"].column, .ui.grid > .column.row > [class*="eleven wide mobile"].column, .ui.grid > .row > [class*="eleven wide mobile"].column, .ui.grid > [class*="eleven wide mobile"].column {
width: 68.75% !important
}
.ui.column.grid > [class*="twelve wide mobile"].column, .ui.grid > .column.row > [class*="twelve wide mobile"].column, .ui.grid > .row > [class*="twelve wide mobile"].column, .ui.grid > [class*="twelve wide mobile"].column {
width: 75% !important
}
.ui.column.grid > [class*="thirteen wide mobile"].column, .ui.grid > .column.row > [class*="thirteen wide mobile"].column, .ui.grid > .row > [class*="thirteen wide mobile"].column, .ui.grid > [class*="thirteen wide mobile"].column {
width: 81.25% !important
}
.ui.column.grid > [class*="fourteen wide mobile"].column, .ui.grid > .column.row > [class*="fourteen wide mobile"].column, .ui.grid > .row > [class*="fourteen wide mobile"].column, .ui.grid > [class*="fourteen wide mobile"].column {
width: 87.5% !important
}
.ui.column.grid > [class*="fifteen wide mobile"].column, .ui.grid > .column.row > [class*="fifteen wide mobile"].column, .ui.grid > .row > [class*="fifteen wide mobile"].column, .ui.grid > [class*="fifteen wide mobile"].column {
width: 93.75% !important
}
.ui.column.grid > [class*="sixteen wide mobile"].column, .ui.grid > .column.row > [class*="sixteen wide mobile"].column, .ui.grid > .row > [class*="sixteen wide mobile"].column, .ui.grid > [class*="sixteen wide mobile"].column {
width: 100% !important
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.ui.column.grid > [class*="one wide tablet"].column, .ui.grid > .column.row > [class*="one wide tablet"].column, .ui.grid > .row > [class*="one wide tablet"].column, .ui.grid > [class*="one wide tablet"].column {
width: 6.25% !important
}
.ui.column.grid > [class*="two wide tablet"].column, .ui.grid > .column.row > [class*="two wide tablet"].column, .ui.grid > .row > [class*="two wide tablet"].column, .ui.grid > [class*="two wide tablet"].column {
width: 12.5% !important
}
.ui.column.grid > [class*="three wide tablet"].column, .ui.grid > .column.row > [class*="three wide tablet"].column, .ui.grid > .row > [class*="three wide tablet"].column, .ui.grid > [class*="three wide tablet"].column {
width: 18.75% !important
}
.ui.column.grid > [class*="four wide tablet"].column, .ui.grid > .column.row > [class*="four wide tablet"].column, .ui.grid > .row > [class*="four wide tablet"].column, .ui.grid > [class*="four wide tablet"].column {
width: 25% !important
}
.ui.column.grid > [class*="five wide tablet"].column, .ui.grid > .column.row > [class*="five wide tablet"].column, .ui.grid > .row > [class*="five wide tablet"].column, .ui.grid > [class*="five wide tablet"].column {
width: 31.25% !important
}
.ui.column.grid > [class*="six wide tablet"].column, .ui.grid > .column.row > [class*="six wide tablet"].column, .ui.grid > .row > [class*="six wide tablet"].column, .ui.grid > [class*="six wide tablet"].column {
width: 37.5% !important
}
.ui.column.grid > [class*="seven wide tablet"].column, .ui.grid > .column.row > [class*="seven wide tablet"].column, .ui.grid > .row > [class*="seven wide tablet"].column, .ui.grid > [class*="seven wide tablet"].column {
width: 43.75% !important
}
.ui.column.grid > [class*="eight wide tablet"].column, .ui.grid > .column.row > [class*="eight wide tablet"].column, .ui.grid > .row > [class*="eight wide tablet"].column, .ui.grid > [class*="eight wide tablet"].column {
width: 50% !important
}
.ui.column.grid > [class*="nine wide tablet"].column, .ui.grid > .column.row > [class*="nine wide tablet"].column, .ui.grid > .row > [class*="nine wide tablet"].column, .ui.grid > [class*="nine wide tablet"].column {
width: 56.25% !important
}
.ui.column.grid > [class*="ten wide tablet"].column, .ui.grid > .column.row > [class*="ten wide tablet"].column, .ui.grid > .row > [class*="ten wide tablet"].column, .ui.grid > [class*="ten wide tablet"].column {
width: 62.5% !important
}
.ui.column.grid > [class*="eleven wide tablet"].column, .ui.grid > .column.row > [class*="eleven wide tablet"].column, .ui.grid > .row > [class*="eleven wide tablet"].column, .ui.grid > [class*="eleven wide tablet"].column {
width: 68.75% !important
}
.ui.column.grid > [class*="twelve wide tablet"].column, .ui.grid > .column.row > [class*="twelve wide tablet"].column, .ui.grid > .row > [class*="twelve wide tablet"].column, .ui.grid > [class*="twelve wide tablet"].column {
width: 75% !important
}
.ui.column.grid > [class*="thirteen wide tablet"].column, .ui.grid > .column.row > [class*="thirteen wide tablet"].column, .ui.grid > .row > [class*="thirteen wide tablet"].column, .ui.grid > [class*="thirteen wide tablet"].column {
width: 81.25% !important
}
.ui.column.grid > [class*="fourteen wide tablet"].column, .ui.grid > .column.row > [class*="fourteen wide tablet"].column, .ui.grid > .row > [class*="fourteen wide tablet"].column, .ui.grid > [class*="fourteen wide tablet"].column {
width: 87.5% !important
}
.ui.column.grid > [class*="fifteen wide tablet"].column, .ui.grid > .column.row > [class*="fifteen wide tablet"].column, .ui.grid > .row > [class*="fifteen wide tablet"].column, .ui.grid > [class*="fifteen wide tablet"].column {
width: 93.75% !important
}
.ui.column.grid > [class*="sixteen wide tablet"].column, .ui.grid > .column.row > [class*="sixteen wide tablet"].column, .ui.grid > .row > [class*="sixteen wide tablet"].column, .ui.grid > [class*="sixteen wide tablet"].column {
width: 100% !important
}
}
@media only screen and (min-width:992px) {
.ui.column.grid > [class*="one wide computer"].column, .ui.grid > .column.row > [class*="one wide computer"].column, .ui.grid > .row > [class*="one wide computer"].column, .ui.grid > [class*="one wide computer"].column {
width: 6.25% !important
}
.ui.column.grid > [class*="two wide computer"].column, .ui.grid > .column.row > [class*="two wide computer"].column, .ui.grid > .row > [class*="two wide computer"].column, .ui.grid > [class*="two wide computer"].column {
width: 12.5% !important
}
.ui.column.grid > [class*="three wide computer"].column, .ui.grid > .column.row > [class*="three wide computer"].column, .ui.grid > .row > [class*="three wide computer"].column, .ui.grid > [class*="three wide computer"].column {
width: 18.75% !important
}
.ui.column.grid > [class*="four wide computer"].column, .ui.grid > .column.row > [class*="four wide computer"].column, .ui.grid > .row > [class*="four wide computer"].column, .ui.grid > [class*="four wide computer"].column {
width: 25% !important
}
.ui.column.grid > [class*="five wide computer"].column, .ui.grid > .column.row > [class*="five wide computer"].column, .ui.grid > .row > [class*="five wide computer"].column, .ui.grid > [class*="five wide computer"].column {
width: 31.25% !important
}
.ui.column.grid > [class*="six wide computer"].column, .ui.grid > .column.row > [class*="six wide computer"].column, .ui.grid > .row > [class*="six wide computer"].column, .ui.grid > [class*="six wide computer"].column {
width: 37.5% !important
}
.ui.column.grid > [class*="seven wide computer"].column, .ui.grid > .column.row > [class*="seven wide computer"].column, .ui.grid > .row > [class*="seven wide computer"].column, .ui.grid > [class*="seven wide computer"].column {
width: 43.75% !important
}
.ui.column.grid > [class*="eight wide computer"].column, .ui.grid > .column.row > [class*="eight wide computer"].column, .ui.grid > .row > [class*="eight wide computer"].column, .ui.grid > [class*="eight wide computer"].column {
width: 50% !important
}
.ui.column.grid > [class*="nine wide computer"].column, .ui.grid > .column.row > [class*="nine wide computer"].column, .ui.grid > .row > [class*="nine wide computer"].column, .ui.grid > [class*="nine wide computer"].column {
width: 56.25% !important
}
.ui.column.grid > [class*="ten wide computer"].column, .ui.grid > .column.row > [class*="ten wide computer"].column, .ui.grid > .row > [class*="ten wide computer"].column, .ui.grid > [class*="ten wide computer"].column {
width: 62.5% !important
}
.ui.column.grid > [class*="eleven wide computer"].column, .ui.grid > .column.row > [class*="eleven wide computer"].column, .ui.grid > .row > [class*="eleven wide computer"].column, .ui.grid > [class*="eleven wide computer"].column {
width: 68.75% !important
}
.ui.column.grid > [class*="twelve wide computer"].column, .ui.grid > .column.row > [class*="twelve wide computer"].column, .ui.grid > .row > [class*="twelve wide computer"].column, .ui.grid > [class*="twelve wide computer"].column {
width: 75% !important
}
.ui.column.grid > [class*="thirteen wide computer"].column, .ui.grid > .column.row > [class*="thirteen wide computer"].column, .ui.grid > .row > [class*="thirteen wide computer"].column, .ui.grid > [class*="thirteen wide computer"].column {
width: 81.25% !important
}
.ui.column.grid > [class*="fourteen wide computer"].column, .ui.grid > .column.row > [class*="fourteen wide computer"].column, .ui.grid > .row > [class*="fourteen wide computer"].column, .ui.grid > [class*="fourteen wide computer"].column {
width: 87.5% !important
}
.ui.column.grid > [class*="fifteen wide computer"].column, .ui.grid > .column.row > [class*="fifteen wide computer"].column, .ui.grid > .row > [class*="fifteen wide computer"].column, .ui.grid > [class*="fifteen wide computer"].column {
width: 93.75% !important
}
.ui.column.grid > [class*="sixteen wide computer"].column, .ui.grid > .column.row > [class*="sixteen wide computer"].column, .ui.grid > .row > [class*="sixteen wide computer"].column, .ui.grid > [class*="sixteen wide computer"].column {
width: 100% !important
}
}
@media only screen and (min-width:1200px) and (max-width:1919px) {
.ui.column.grid > [class*="one wide large screen"].column, .ui.grid > .column.row > [class*="one wide large screen"].column, .ui.grid > .row > [class*="one wide large screen"].column, .ui.grid > [class*="one wide large screen"].column {
width: 6.25% !important
}
.ui.column.grid > [class*="two wide large screen"].column, .ui.grid > .column.row > [class*="two wide large screen"].column, .ui.grid > .row > [class*="two wide large screen"].column, .ui.grid > [class*="two wide large screen"].column {
width: 12.5% !important
}
.ui.column.grid > [class*="three wide large screen"].column, .ui.grid > .column.row > [class*="three wide large screen"].column, .ui.grid > .row > [class*="three wide large screen"].column, .ui.grid > [class*="three wide large screen"].column {
width: 18.75% !important
}
.ui.column.grid > [class*="four wide large screen"].column, .ui.grid > .column.row > [class*="four wide large screen"].column, .ui.grid > .row > [class*="four wide large screen"].column, .ui.grid > [class*="four wide large screen"].column {
width: 25% !important
}
.ui.column.grid > [class*="five wide large screen"].column, .ui.grid > .column.row > [class*="five wide large screen"].column, .ui.grid > .row > [class*="five wide large screen"].column, .ui.grid > [class*="five wide large screen"].column {
width: 31.25% !important
}
.ui.column.grid > [class*="six wide large screen"].column, .ui.grid > .column.row > [class*="six wide large screen"].column, .ui.grid > .row > [class*="six wide large screen"].column, .ui.grid > [class*="six wide large screen"].column {
width: 37.5% !important
}
.ui.column.grid > [class*="seven wide large screen"].column, .ui.grid > .column.row > [class*="seven wide large screen"].column, .ui.grid > .row > [class*="seven wide large screen"].column, .ui.grid > [class*="seven wide large screen"].column {
width: 43.75% !important
}
.ui.column.grid > [class*="eight wide large screen"].column, .ui.grid > .column.row > [class*="eight wide large screen"].column, .ui.grid > .row > [class*="eight wide large screen"].column, .ui.grid > [class*="eight wide large screen"].column {
width: 50% !important
}
.ui.column.grid > [class*="nine wide large screen"].column, .ui.grid > .column.row > [class*="nine wide large screen"].column, .ui.grid > .row > [class*="nine wide large screen"].column, .ui.grid > [class*="nine wide large screen"].column {
width: 56.25% !important
}
.ui.column.grid > [class*="ten wide large screen"].column, .ui.grid > .column.row > [class*="ten wide large screen"].column, .ui.grid > .row > [class*="ten wide large screen"].column, .ui.grid > [class*="ten wide large screen"].column {
width: 62.5% !important
}
.ui.column.grid > [class*="eleven wide large screen"].column, .ui.grid > .column.row > [class*="eleven wide large screen"].column, .ui.grid > .row > [class*="eleven wide large screen"].column, .ui.grid > [class*="eleven wide large screen"].column {
width: 68.75% !important
}
.ui.column.grid > [class*="twelve wide large screen"].column, .ui.grid > .column.row > [class*="twelve wide large screen"].column, .ui.grid > .row > [class*="twelve wide large screen"].column, .ui.grid > [class*="twelve wide large screen"].column {
width: 75% !important
}
.ui.column.grid > [class*="thirteen wide large screen"].column, .ui.grid > .column.row > [class*="thirteen wide large screen"].column, .ui.grid > .row > [class*="thirteen wide large screen"].column, .ui.grid > [class*="thirteen wide large screen"].column {
width: 81.25% !important
}
.ui.column.grid > [class*="fourteen wide large screen"].column, .ui.grid > .column.row > [class*="fourteen wide large screen"].column, .ui.grid > .row > [class*="fourteen wide large screen"].column, .ui.grid > [class*="fourteen wide large screen"].column {
width: 87.5% !important
}
.ui.column.grid > [class*="fifteen wide large screen"].column, .ui.grid > .column.row > [class*="fifteen wide large screen"].column, .ui.grid > .row > [class*="fifteen wide large screen"].column, .ui.grid > [class*="fifteen wide large screen"].column {
width: 93.75% !important
}
.ui.column.grid > [class*="sixteen wide large screen"].column, .ui.grid > .column.row > [class*="sixteen wide large screen"].column, .ui.grid > .row > [class*="sixteen wide large screen"].column, .ui.grid > [class*="sixteen wide large screen"].column {
width: 100% !important
}
}
@media only screen and (min-width:1920px) {
.ui.column.grid > [class*="one wide widescreen"].column, .ui.grid > .column.row > [class*="one wide widescreen"].column, .ui.grid > .row > [class*="one wide widescreen"].column, .ui.grid > [class*="one wide widescreen"].column {
width: 6.25% !important
}
.ui.column.grid > [class*="two wide widescreen"].column, .ui.grid > .column.row > [class*="two wide widescreen"].column, .ui.grid > .row > [class*="two wide widescreen"].column, .ui.grid > [class*="two wide widescreen"].column {
width: 12.5% !important
}
.ui.column.grid > [class*="three wide widescreen"].column, .ui.grid > .column.row > [class*="three wide widescreen"].column, .ui.grid > .row > [class*="three wide widescreen"].column, .ui.grid > [class*="three wide widescreen"].column {
width: 18.75% !important
}
.ui.column.grid > [class*="four wide widescreen"].column, .ui.grid > .column.row > [class*="four wide widescreen"].column, .ui.grid > .row > [class*="four wide widescreen"].column, .ui.grid > [class*="four wide widescreen"].column {
width: 25% !important
}
.ui.column.grid > [class*="five wide widescreen"].column, .ui.grid > .column.row > [class*="five wide widescreen"].column, .ui.grid > .row > [class*="five wide widescreen"].column, .ui.grid > [class*="five wide widescreen"].column {
width: 31.25% !important
}
.ui.column.grid > [class*="six wide widescreen"].column, .ui.grid > .column.row > [class*="six wide widescreen"].column, .ui.grid > .row > [class*="six wide widescreen"].column, .ui.grid > [class*="six wide widescreen"].column {
width: 37.5% !important
}
.ui.column.grid > [class*="seven wide widescreen"].column, .ui.grid > .column.row > [class*="seven wide widescreen"].column, .ui.grid > .row > [class*="seven wide widescreen"].column, .ui.grid > [class*="seven wide widescreen"].column {
width: 43.75% !important
}
.ui.column.grid > [class*="eight wide widescreen"].column, .ui.grid > .column.row > [class*="eight wide widescreen"].column, .ui.grid > .row > [class*="eight wide widescreen"].column, .ui.grid > [class*="eight wide widescreen"].column {
width: 50% !important
}
.ui.column.grid > [class*="nine wide widescreen"].column, .ui.grid > .column.row > [class*="nine wide widescreen"].column, .ui.grid > .row > [class*="nine wide widescreen"].column, .ui.grid > [class*="nine wide widescreen"].column {
width: 56.25% !important
}
.ui.column.grid > [class*="ten wide widescreen"].column, .ui.grid > .column.row > [class*="ten wide widescreen"].column, .ui.grid > .row > [class*="ten wide widescreen"].column, .ui.grid > [class*="ten wide widescreen"].column {
width: 62.5% !important
}
.ui.column.grid > [class*="eleven wide widescreen"].column, .ui.grid > .column.row > [class*="eleven wide widescreen"].column, .ui.grid > .row > [class*="eleven wide widescreen"].column, .ui.grid > [class*="eleven wide widescreen"].column {
width: 68.75% !important
}
.ui.column.grid > [class*="twelve wide widescreen"].column, .ui.grid > .column.row > [class*="twelve wide widescreen"].column, .ui.grid > .row > [class*="twelve wide widescreen"].column, .ui.grid > [class*="twelve wide widescreen"].column {
width: 75% !important
}
.ui.column.grid > [class*="thirteen wide widescreen"].column, .ui.grid > .column.row > [class*="thirteen wide widescreen"].column, .ui.grid > .row > [class*="thirteen wide widescreen"].column, .ui.grid > [class*="thirteen wide widescreen"].column {
width: 81.25% !important
}
.ui.column.grid > [class*="fourteen wide widescreen"].column, .ui.grid > .column.row > [class*="fourteen wide widescreen"].column, .ui.grid > .row > [class*="fourteen wide widescreen"].column, .ui.grid > [class*="fourteen wide widescreen"].column {
width: 87.5% !important
}
.ui.column.grid > [class*="fifteen wide widescreen"].column, .ui.grid > .column.row > [class*="fifteen wide widescreen"].column, .ui.grid > .row > [class*="fifteen wide widescreen"].column, .ui.grid > [class*="fifteen wide widescreen"].column {
width: 93.75% !important
}
.ui.column.grid > [class*="sixteen wide widescreen"].column, .ui.grid > .column.row > [class*="sixteen wide widescreen"].column, .ui.grid > .row > [class*="sixteen wide widescreen"].column, .ui.grid > [class*="sixteen wide widescreen"].column {
width: 100% !important
}
}
.ui.centered.grid, .ui.centered.grid > .row, .ui.grid > .centered.row {
text-align: center;
justify-content: center
}
.ui.centered.grid > .column:not(.aligned):not(.justified):not(.row), .ui.centered.grid > .row > .column:not(.aligned):not(.justified), .ui.grid .centered.row > .column:not(.aligned):not(.justified) {
text-align: left
}
.ui.grid > .centered.column, .ui.grid > .row > .centered.column {
display: block;
margin-left: auto;
margin-right: auto
}
.ui.grid > .relaxed.row > .column, .ui.relaxed.grid > .column:not(.row), .ui.relaxed.grid > .row > .column {
padding-left: 1.5rem;
padding-right: 1.5rem
}
.ui.grid > [class*="very relaxed"].row > .column, .ui[class*="very relaxed"].grid > .column:not(.row), .ui[class*="very relaxed"].grid > .row > .column {
padding-left: 2.5rem;
padding-right: 2.5rem
}
.ui.grid .relaxed.row + .ui.divider, .ui.relaxed.grid .row + .ui.divider {
margin-left: 1.5rem;
margin-right: 1.5rem
}
.ui.grid [class*="very relaxed"].row + .ui.divider, .ui[class*="very relaxed"].grid .row + .ui.divider {
margin-left: 2.5rem;
margin-right: 2.5rem
}
.ui.padded.grid:not(.vertically):not(.horizontally) {
margin: 0 !important
}
[class*="horizontally padded"].ui.grid {
margin-left: 0 !important;
margin-right: 0 !important
}
[class*="vertically padded"].ui.grid {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.ui.grid [class*="left floated"].column {
margin-right: auto
}
.ui.grid [class*="right floated"].column {
margin-left: auto
}
.ui.divided.grid:not([class*="vertically divided"]) > .column:not(.row), .ui.divided.grid:not([class*="vertically divided"]) > .row > .column {
box-shadow: -1px 0 0 0 rgba(34,36,38,.15)
}
.ui[class*="vertically divided"].grid > .column:not(.row), .ui[class*="vertically divided"].grid > .row > .column {
margin-top: 1rem;
margin-bottom: 1rem;
padding-top: 0;
padding-bottom: 0
}
.ui[class*="vertically divided"].grid > .row {
margin-top: 0;
margin-bottom: 0
}
.ui.divided.grid:not([class*="vertically divided"]) > .column:first-child, .ui.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
box-shadow: none
}
.ui[class*="vertically divided"].grid > .row:first-child > .column {
margin-top: 0
}
.ui.grid > .divided.row > .column {
box-shadow: -1px 0 0 0 rgba(34,36,38,.15)
}
.ui.grid > .divided.row > .column:first-child {
box-shadow: none
}
.ui[class*="vertically divided"].grid > .row {
position: relative
}
.ui[class*="vertically divided"].grid > .row:before {
position: absolute;
content: "";
top: 0;
left: 0;
width: calc(100% - 2rem);
height: 1px;
margin: 0 1rem;
box-shadow: 0 -1px 0 0 rgba(34,36,38,.15)
}
.ui.padded.divided.grid:not(.vertically):not(.horizontally), [class*="horizontally padded"].ui.divided.grid {
width: 100%
}
.ui[class*="vertically divided"].grid > .row:first-child:before {
box-shadow: none
}
.ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row), .ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column {
box-shadow: -1px 0 0 0 rgba(255,255,255,.1)
}
.ui.inverted.divided.grid:not([class*="vertically divided"]) > .column:not(.row):first-child, .ui.inverted.divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
box-shadow: none
}
.ui.inverted[class*="vertically divided"].grid > .row:before {
box-shadow: 0 -1px 0 0 rgba(255,255,255,.1)
}
.ui.relaxed[class*="vertically divided"].grid > .row:before {
margin-left: 1.5rem;
margin-right: 1.5rem;
width: calc(100% - 3rem)
}
.ui[class*="very relaxed"][class*="vertically divided"].grid > .row:before {
margin-left: 2.5rem;
margin-right: 2.5rem;
width: calc(100% - 5rem)
}
.ui.celled.grid {
width: 100%;
margin: 1em 0;
box-shadow: 0 0 0 1px #d4d4d5
}
.ui.celled.grid > .row {
width: 100% !important;
margin: 0;
padding: 0;
box-shadow: 0 -1px 0 0 #d4d4d5
}
.ui.celled.grid > .column:not(.row), .ui.celled.grid > .row > .column {
box-shadow: -1px 0 0 0 #d4d4d5
}
.ui.celled.grid > .column:first-child, .ui.celled.grid > .row > .column:first-child {
box-shadow: none
}
.ui.celled.grid > .column:not(.row), .ui.celled.grid > .row > .column {
padding: 1em
}
.ui.relaxed.celled.grid > .column:not(.row), .ui.relaxed.celled.grid > .row > .column {
padding: 1.5em
}
.ui[class*="very relaxed"].celled.grid > .column:not(.row), .ui[class*="very relaxed"].celled.grid > .row > .column {
padding: 2em
}
.ui[class*="internally celled"].grid {
box-shadow: none;
margin: 0
}
.ui[class*="internally celled"].grid > .row:first-child {
box-shadow: none
}
.ui[class*="internally celled"].grid > .row > .column:first-child {
box-shadow: none
}
.ui.grid > .row > [class*="top aligned"].column, .ui.grid > [class*="top aligned"].column:not(.row), .ui.grid > [class*="top aligned"].row > .column, .ui[class*="top aligned"].grid > .column:not(.row), .ui[class*="top aligned"].grid > .row > .column {
flex-direction: column;
vertical-align: top;
align-self: flex-start !important
}
.ui.grid > .row > [class*="middle aligned"].column, .ui.grid > [class*="middle aligned"].column:not(.row), .ui.grid > [class*="middle aligned"].row > .column, .ui[class*="middle aligned"].grid > .column:not(.row), .ui[class*="middle aligned"].grid > .row > .column {
flex-direction: column;
vertical-align: middle;
align-self: center !important
}
.ui.grid > .row > [class*="bottom aligned"].column, .ui.grid > [class*="bottom aligned"].column:not(.row), .ui.grid > [class*="bottom aligned"].row > .column, .ui[class*="bottom aligned"].grid > .column:not(.row), .ui[class*="bottom aligned"].grid > .row > .column {
flex-direction: column;
vertical-align: bottom;
align-self: flex-end !important
}
.ui.grid > .row > .stretched.column, .ui.grid > .stretched.column:not(.row), .ui.grid > .stretched.row > .column, .ui.stretched.grid > .column, .ui.stretched.grid > .row > .column {
display: inline-flex !important;
align-self: stretch;
flex-direction: column
}
.ui.grid > .row > .stretched.column > *, .ui.grid > .stretched.column:not(.row) > *, .ui.grid > .stretched.row > .column > *, .ui.stretched.grid > .column > *, .ui.stretched.grid > .row > .column > * {
flex-grow: 1
}
.ui.grid > .row > [class*="left aligned"].column.column, .ui.grid > [class*="left aligned"].column.column, .ui.grid > [class*="left aligned"].row > .column, .ui[class*="left aligned"].grid > .column, .ui[class*="left aligned"].grid > .row > .column {
text-align: left;
align-self: inherit
}
.ui.grid > .row > [class*="center aligned"].column.column, .ui.grid > [class*="center aligned"].column.column, .ui.grid > [class*="center aligned"].row > .column, .ui[class*="center aligned"].grid > .column, .ui[class*="center aligned"].grid > .row > .column {
text-align: center;
align-self: inherit
}
.ui[class*="center aligned"].grid {
justify-content: center
}
.ui.grid > .row > [class*="right aligned"].column.column, .ui.grid > [class*="right aligned"].column.column, .ui.grid > [class*="right aligned"].row > .column, .ui[class*="right aligned"].grid > .column, .ui[class*="right aligned"].grid > .row > .column {
text-align: right;
align-self: inherit
}
.ui.grid > .justified.column.column, .ui.grid > .justified.row > .column, .ui.grid > .row > .justified.column.column, .ui.justified.grid > .column, .ui.justified.grid > .row > .column {
text-align: justify;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto
}
.ui.grid > .row > .black.column, .ui.grid > .row > .blue.column, .ui.grid > .row > .brown.column, .ui.grid > .row > .green.column, .ui.grid > .row > .grey.column, .ui.grid > .row > .olive.column, .ui.grid > .row > .orange.column, .ui.grid > .row > .pink.column, .ui.grid > .row > .purple.column, .ui.grid > .row > .red.column, .ui.grid > .row > .teal.column, .ui.grid > .row > .violet.column, .ui.grid > .row > .yellow.column {
margin-top: -1rem;
margin-bottom: -1rem;
padding-top: 1rem;
padding-bottom: 1rem
}
.ui.grid > .red.column, .ui.grid > .red.row, .ui.grid > .row > .red.column {
background-color: #db2828 !important;
color: #fff
}
.ui.grid > .orange.column, .ui.grid > .orange.row, .ui.grid > .row > .orange.column {
background-color: #f2711c !important;
color: #fff
}
.ui.grid > .row > .yellow.column, .ui.grid > .yellow.column, .ui.grid > .yellow.row {
background-color: #fbbd08 !important;
color: #fff
}
.ui.grid > .olive.column, .ui.grid > .olive.row, .ui.grid > .row > .olive.column {
background-color: #b5cc18 !important;
color: #fff
}
.ui.grid > .green.column, .ui.grid > .green.row, .ui.grid > .row > .green.column {
background-color: #21ba45 !important;
color: #fff
}
.ui.grid > .row > .teal.column, .ui.grid > .teal.column, .ui.grid > .teal.row {
background-color: #00b5ad !important;
color: #fff
}
.ui.grid > .blue.column, .ui.grid > .blue.row, .ui.grid > .row > .blue.column {
background-color: #2185d0 !important;
color: #fff
}
.ui.grid > .row > .violet.column, .ui.grid > .violet.column, .ui.grid > .violet.row {
background-color: #6435c9 !important;
color: #fff
}
.ui.grid > .purple.column, .ui.grid > .purple.row, .ui.grid > .row > .purple.column {
background-color: #a333c8 !important;
color: #fff
}
.ui.grid > .pink.column, .ui.grid > .pink.row, .ui.grid > .row > .pink.column {
background-color: #e03997 !important;
color: #fff
}
.ui.grid > .brown.column, .ui.grid > .brown.row, .ui.grid > .row > .brown.column {
background-color: #a5673f !important;
color: #fff
}
.ui.grid > .grey.column, .ui.grid > .grey.row, .ui.grid > .row > .grey.column {
background-color: #767676 !important;
color: #fff
}
.ui.grid > .black.column, .ui.grid > .black.row, .ui.grid > .row > .black.column {
background-color: #1b1c1d !important;
color: #fff
}
.ui.grid > [class*="equal width"].row > .column, .ui[class*="equal width"].grid > .column:not(.row), .ui[class*="equal width"].grid > .row > .column {
display: inline-block;
flex-grow: 1
}
.ui.grid > [class*="equal width"].row > .wide.column, .ui[class*="equal width"].grid > .row > .wide.column, .ui[class*="equal width"].grid > .wide.column {
flex-grow: 0
}
@media only screen and (max-width:767px) {
.ui.grid > [class*="mobile reversed"].row, .ui[class*="mobile reversed"].grid, .ui[class*="mobile reversed"].grid > .row {
flex-direction: row-reverse
}
.ui.stackable[class*="mobile reversed"], .ui[class*="mobile vertically reversed"].grid {
flex-direction: column-reverse
}
.ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child, .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
box-shadow: -1px 0 0 0 rgba(34,36,38,.15)
}
.ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child, .ui[class*="mobile reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {
box-shadow: none
}
.ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:first-child:before {
box-shadow: 0 -1px 0 0 rgba(34,36,38,.15)
}
.ui.grid[class*="vertically divided"][class*="mobile vertically reversed"] > .row:last-child:before {
box-shadow: none
}
.ui[class*="mobile reversed"].celled.grid > .row > .column:first-child {
box-shadow: -1px 0 0 0 #d4d4d5
}
.ui[class*="mobile reversed"].celled.grid > .row > .column:last-child {
box-shadow: none
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.ui.grid > [class*="tablet reversed"].row, .ui[class*="tablet reversed"].grid, .ui[class*="tablet reversed"].grid > .row {
flex-direction: row-reverse
}
.ui[class*="tablet vertically reversed"].grid {
flex-direction: column-reverse
}
.ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child, .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
box-shadow: -1px 0 0 0 rgba(34,36,38,.15)
}
.ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child, .ui[class*="tablet reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {
box-shadow: none
}
.ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:first-child:before {
box-shadow: 0 -1px 0 0 rgba(34,36,38,.15)
}
.ui.grid[class*="vertically divided"][class*="tablet vertically reversed"] > .row:last-child:before {
box-shadow: none
}
.ui[class*="tablet reversed"].celled.grid > .row > .column:first-child {
box-shadow: -1px 0 0 0 #d4d4d5
}
.ui[class*="tablet reversed"].celled.grid > .row > .column:last-child {
box-shadow: none
}
}
@media only screen and (min-width:992px) {
.ui.grid > [class*="computer reversed"].row, .ui[class*="computer reversed"].grid, .ui[class*="computer reversed"].grid > .row {
flex-direction: row-reverse
}
.ui[class*="computer vertically reversed"].grid {
flex-direction: column-reverse
}
.ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .column:first-child, .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:first-child {
box-shadow: -1px 0 0 0 rgba(34,36,38,.15)
}
.ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .column:last-child, .ui[class*="computer reversed"].divided.grid:not([class*="vertically divided"]) > .row > .column:last-child {
box-shadow: none
}
.ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:first-child:before {
box-shadow: 0 -1px 0 0 rgba(34,36,38,.15)
}
.ui.grid[class*="vertically divided"][class*="computer vertically reversed"] > .row:last-child:before {
box-shadow: none
}
.ui[class*="computer reversed"].celled.grid > .row > .column:first-child {
box-shadow: -1px 0 0 0 #d4d4d5
}
.ui[class*="computer reversed"].celled.grid > .row > .column:last-child {
box-shadow: none
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.ui.doubling.grid {
width: auto
}
.ui.doubling.grid > .row, .ui.grid > .doubling.row {
margin: 0 !important;
padding: 0 !important
}
.ui.doubling.grid > .row > .column, .ui.grid > .doubling.row > .column {
display: inline-block !important;
padding-top: 1rem !important;
padding-bottom: 1rem !important;
box-shadow: none !important;
margin: 0
}
.ui.grid > [class*="two column"].doubling.row.row > .column, .ui[class*="two column"].doubling.grid > .column:not(.row), .ui[class*="two column"].doubling.grid > .row > .column {
width: 100% !important
}
.ui.grid > [class*="three column"].doubling.row.row > .column, .ui[class*="three column"].doubling.grid > .column:not(.row), .ui[class*="three column"].doubling.grid > .row > .column {
width: 50% !important
}
.ui.grid > [class*="four column"].doubling.row.row > .column, .ui[class*="four column"].doubling.grid > .column:not(.row), .ui[class*="four column"].doubling.grid > .row > .column {
width: 50% !important
}
.ui.grid > [class*="five column"].doubling.row.row > .column, .ui[class*="five column"].doubling.grid > .column:not(.row), .ui[class*="five column"].doubling.grid > .row > .column {
width: 33.33333333% !important
}
.ui.grid > [class*="six column"].doubling.row.row > .column, .ui[class*="six column"].doubling.grid > .column:not(.row), .ui[class*="six column"].doubling.grid > .row > .column {
width: 33.33333333% !important
}
.ui.grid > [class*="seven column"].doubling.row.row > .column, .ui[class*="seven column"].doubling.grid > .column:not(.row), .ui[class*="seven column"].doubling.grid > .row > .column {
width: 33.33333333% !important
}
.ui.grid > [class*="eight column"].doubling.row.row > .column, .ui[class*="eight column"].doubling.grid > .column:not(.row), .ui[class*="eight column"].doubling.grid > .row > .column {
width: 25% !important
}
.ui.grid > [class*="nine column"].doubling.row.row > .column, .ui[class*="nine column"].doubling.grid > .column:not(.row), .ui[class*="nine column"].doubling.grid > .row > .column {
width: 25% !important
}
.ui.grid > [class*="ten column"].doubling.row.row > .column, .ui[class*="ten column"].doubling.grid > .column:not(.row), .ui[class*="ten column"].doubling.grid > .row > .column {
width: 20% !important
}
.ui.grid > [class*="eleven column"].doubling.row.row > .column, .ui[class*="eleven column"].doubling.grid > .column:not(.row), .ui[class*="eleven column"].doubling.grid > .row > .column {
width: 20% !important
}
.ui.grid > [class*="twelve column"].doubling.row.row > .column, .ui[class*="twelve column"].doubling.grid > .column:not(.row), .ui[class*="twelve column"].doubling.grid > .row > .column {
width: 16.66666667% !important
}
.ui.grid > [class*="thirteen column"].doubling.row.row > .column, .ui[class*="thirteen column"].doubling.grid > .column:not(.row), .ui[class*="thirteen column"].doubling.grid > .row > .column {
width: 16.66666667% !important
}
.ui.grid > [class*="fourteen column"].doubling.row.row > .column, .ui[class*="fourteen column"].doubling.grid > .column:not(.row), .ui[class*="fourteen column"].doubling.grid > .row > .column {
width: 14.28571429% !important
}
.ui.grid > [class*="fifteen column"].doubling.row.row > .column, .ui[class*="fifteen column"].doubling.grid > .column:not(.row), .ui[class*="fifteen column"].doubling.grid > .row > .column {
width: 14.28571429% !important
}
.ui.grid > [class*="sixteen column"].doubling.row.row > .column, .ui[class*="sixteen column"].doubling.grid > .column:not(.row), .ui[class*="sixteen column"].doubling.grid > .row > .column {
width: 12.5% !important
}
}
@media only screen and (max-width:767px) {
.ui.doubling.grid > .row, .ui.grid > .doubling.row {
margin: 0 !important;
padding: 0 !important
}
.ui.doubling.grid > .row > .column, .ui.grid > .doubling.row > .column {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
margin: 0 !important;
box-shadow: none !important
}
.ui.grid > [class*="two column"].doubling:not(.stackable).row.row > .column, .ui[class*="two column"].doubling:not(.stackable).grid > .column:not(.row), .ui[class*="two column"].doubling:not(.stackable).grid > .row > .column {
width: 100% !important
}
.ui.grid > [class*="three column"].doubling:not(.stackable).row.row > .column, .ui[class*="three column"].doubling:not(.stackable).grid > .column:not(.row), .ui[class*="three column"].doubling:not(.stackable).grid > .row > .column {
width: 50% !important
}
.ui.grid > [class*="four column"].doubling:not(.stackable).row.row > .column, .ui[class*="four column"].doubling:not(.stackable).grid > .column:not(.row), .ui[class*="four column"].doubling:not(.stackable).grid > .row > .column {
width: 50% !important
}
.ui.grid > [class*="five column"].doubling:not(.stackable).row.row > .column, .ui[class*="five column"].doubling:not(.stackable).grid > .column:not(.row), .ui[class*="five column"].doubling:not(.stackable).grid > .row > .column {
width: 50% !important
}
.ui.grid > [class*="six column"].doubling:not(.stackable).row.row > .column, .ui[class*="six column"].doubling:not(.stackable).grid > .column:not(.row), .ui[class*="six column"].doubling:not(.stackable).grid > .row > .column {
width: 50% !important
}
.ui.grid > [class*="seven column"].doubling:not(.stackable).row.row > .column, .ui[class*="seven column"].doubling:not(.stackable).grid > .column:not(.row), .ui[class*="seven column"].doubling:not(.stackable).grid > .row > .column {
width: 50% !important
}
.ui.grid > [class*="eight column"].doubling:not(.stackable).row.row > .column, .ui[class*="eight column"].doubling:not(.stackable).grid > .column:not(.row), .ui[class*="eight column"].doubling:not(.stackable).grid > .row > .column {
width: 50% !important
}
.ui.grid > [class*="nine column"].doubling:not(.stackable).row.row > .column, .ui[class*="nine column"].doubling:not(.stackable).grid > .column:not(.row), .ui[class*="nine column"].doubling:not(.stackable).grid > .row > .column {
width: 33.33333333% !important
}
.ui.grid > [class*="ten column"].doubling:not(.stackable).row.row > .column, .ui[class*="ten column"].doubling:not(.stackable).grid > .column:not(.row), .ui[class*="ten column"].doubling:not(.stackable).grid > .row > .column {
width: 33.33333333% !important
}
.ui.grid > [class*="eleven column"].doubling:not(.stackable).row.row > .column, .ui[class*="eleven column"].doubling:not(.stackable).grid > .column:not(.row), .ui[class*="eleven column"].doubling:not(.stackable).grid > .row > .column {
width: 33.33333333% !important
}
.ui.grid > [class*="twelve column"].doubling:not(.stackable).row.row > .column, .ui[class*="twelve column"].doubling:not(.stackable).grid > .column:not(.row), .ui[class*="twelve column"].doubling:not(.stackable).grid > .row > .column {
width: 33.33333333% !important
}
.ui.grid > [class*="thirteen column"].doubling:not(.stackable).row.row > .column, .ui[class*="thirteen column"].doubling:not(.stackable).grid > .column:not(.row), .ui[class*="thirteen column"].doubling:not(.stackable).grid > .row > .column {
width: 33.33333333% !important
}
.ui.grid > [class*="fourteen column"].doubling:not(.stackable).row.row > .column, .ui[class*="fourteen column"].doubling:not(.stackable).grid > .column:not(.row), .ui[class*="fourteen column"].doubling:not(.stackable).grid > .row > .column {
width: 25% !important
}
.ui.grid > [class*="fifteen column"].doubling:not(.stackable).row.row > .column, .ui[class*="fifteen column"].doubling:not(.stackable).grid > .column:not(.row), .ui[class*="fifteen column"].doubling:not(.stackable).grid > .row > .column {
width: 25% !important
}
.ui.grid > [class*="sixteen column"].doubling:not(.stackable).row.row > .column, .ui[class*="sixteen column"].doubling:not(.stackable).grid > .column:not(.row), .ui[class*="sixteen column"].doubling:not(.stackable).grid > .row > .column {
width: 25% !important
}
}
@media only screen and (max-width:767px) {
.ui.stackable.grid {
width: auto;
margin-left: 0 !important;
margin-right: 0 !important
}
.ui.grid > .stackable.stackable.row > .column, .ui.stackable.grid > .column.grid > .column, .ui.stackable.grid > .column.row > .column, .ui.stackable.grid > .column:not(.row), .ui.stackable.grid > .row > .column, .ui.stackable.grid > .row > .wide.column, .ui.stackable.grid > .wide.column {
width: 100% !important;
margin: 0 0 !important;
box-shadow: none !important;
padding: 1rem 1rem !important
}
.ui.stackable.grid:not(.vertically) > .row {
margin: 0;
padding: 0
}
.ui.container > .ui.stackable.grid > .column, .ui.container > .ui.stackable.grid > .row > .column {
padding-left: 0 !important;
padding-right: 0 !important
}
.ui.grid .ui.stackable.grid, .ui.segment:not(.vertical) .ui.stackable.page.grid {
margin-left: -1rem !important;
margin-right: -1rem !important
}
.ui.stackable.celled.grid > .column:not(.row):first-child, .ui.stackable.celled.grid > .row:first-child > .column:first-child, .ui.stackable.divided.grid > .column:not(.row):first-child, .ui.stackable.divided.grid > .row:first-child > .column:first-child {
border-top: none !important
}
.ui.inverted.stackable.celled.grid > .column:not(.row), .ui.inverted.stackable.celled.grid > .row > .column, .ui.inverted.stackable.divided.grid > .column:not(.row), .ui.inverted.stackable.divided.grid > .row > .column {
border-top: 1px solid rgba(255,255,255,.1)
}
.ui.stackable.celled.grid > .column:not(.row), .ui.stackable.celled.grid > .row > .column, .ui.stackable.divided:not(.vertically).grid > .column:not(.row), .ui.stackable.divided:not(.vertically).grid > .row > .column {
border-top: 1px solid rgba(34,36,38,.15);
box-shadow: none !important;
padding-top: 2rem !important;
padding-bottom: 2rem !important
}
.ui.stackable.celled.grid > .row {
box-shadow: none !important
}
.ui.stackable.divided:not(.vertically).grid > .column:not(.row), .ui.stackable.divided:not(.vertically).grid > .row > .column {
padding-left: 0 !important;
padding-right: 0 !important
}
}
@media only screen and (max-width:767px) {
.ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.mobile), .ui.grid.grid.grid > [class*="tablet only"].column:not(.mobile), .ui.grid.grid.grid > [class*="tablet only"].row:not(.mobile), .ui[class*="tablet only"].grid.grid.grid:not(.mobile) {
display: none !important
}
.ui.grid.grid.grid > .row > [class*="computer only"].column:not(.mobile), .ui.grid.grid.grid > [class*="computer only"].column:not(.mobile), .ui.grid.grid.grid > [class*="computer only"].row:not(.mobile), .ui[class*="computer only"].grid.grid.grid:not(.mobile) {
display: none !important
}
.ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile), .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile), .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile), .ui[class*="large screen only"].grid.grid.grid:not(.mobile) {
display: none !important
}
.ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile), .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile), .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile), .ui[class*="widescreen only"].grid.grid.grid:not(.mobile) {
display: none !important
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.tablet), .ui.grid.grid.grid > [class*="mobile only"].column:not(.tablet), .ui.grid.grid.grid > [class*="mobile only"].row:not(.tablet), .ui[class*="mobile only"].grid.grid.grid:not(.tablet) {
display: none !important
}
.ui.grid.grid.grid > .row > [class*="computer only"].column:not(.tablet), .ui.grid.grid.grid > [class*="computer only"].column:not(.tablet), .ui.grid.grid.grid > [class*="computer only"].row:not(.tablet), .ui[class*="computer only"].grid.grid.grid:not(.tablet) {
display: none !important
}
.ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile), .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile), .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile), .ui[class*="large screen only"].grid.grid.grid:not(.mobile) {
display: none !important
}
.ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile), .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile), .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile), .ui[class*="widescreen only"].grid.grid.grid:not(.mobile) {
display: none !important
}
}
@media only screen and (min-width:992px) and (max-width:1199px) {
.ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer), .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer), .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer), .ui[class*="mobile only"].grid.grid.grid:not(.computer) {
display: none !important
}
.ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer), .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer), .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer), .ui[class*="tablet only"].grid.grid.grid:not(.computer) {
display: none !important
}
.ui.grid.grid.grid > .row > [class*="large screen only"].column:not(.mobile), .ui.grid.grid.grid > [class*="large screen only"].column:not(.mobile), .ui.grid.grid.grid > [class*="large screen only"].row:not(.mobile), .ui[class*="large screen only"].grid.grid.grid:not(.mobile) {
display: none !important
}
.ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile), .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile), .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile), .ui[class*="widescreen only"].grid.grid.grid:not(.mobile) {
display: none !important
}
}
@media only screen and (min-width:1200px) and (max-width:1919px) {
.ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer), .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer), .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer), .ui[class*="mobile only"].grid.grid.grid:not(.computer) {
display: none !important
}
.ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer), .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer), .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer), .ui[class*="tablet only"].grid.grid.grid:not(.computer) {
display: none !important
}
.ui.grid.grid.grid > .row > [class*="widescreen only"].column:not(.mobile), .ui.grid.grid.grid > [class*="widescreen only"].column:not(.mobile), .ui.grid.grid.grid > [class*="widescreen only"].row:not(.mobile), .ui[class*="widescreen only"].grid.grid.grid:not(.mobile) {
display: none !important
}
}
@media only screen and (min-width:1920px) {
.ui.grid.grid.grid > .row > [class*="mobile only"].column:not(.computer), .ui.grid.grid.grid > [class*="mobile only"].column:not(.computer), .ui.grid.grid.grid > [class*="mobile only"].row:not(.computer), .ui[class*="mobile only"].grid.grid.grid:not(.computer) {
display: none !important
}
.ui.grid.grid.grid > .row > [class*="tablet only"].column:not(.computer), .ui.grid.grid.grid > [class*="tablet only"].column:not(.computer), .ui.grid.grid.grid > [class*="tablet only"].row:not(.computer), .ui[class*="tablet only"].grid.grid.grid:not(.computer) {
display: none !important
}
}
.ui.menu {
display: flex;
margin: 1rem 0;
font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
background: #fff;
font-weight: 400;
border: 1px solid rgba(34,36,38,.15);
box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
border-radius: .28571429rem;
min-height: 2.85714286em
}
.ui.menu:after {
content: '';
display: block;
height: 0;
clear: both;
visibility: hidden
}
.ui.menu:first-child {
margin-top: 0
}
.ui.menu:last-child {
margin-bottom: 0
}
.ui.menu .menu {
margin: 0
}
.ui.menu:not(.vertical) > .menu {
display: flex
}
.ui.menu:not(.vertical) .item {
display: flex;
align-items: center
}
.ui.menu .item {
position: relative;
vertical-align: middle;
line-height: 1;
text-decoration: none;
-webkit-tap-highlight-color: transparent;
flex: 0 0 auto;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: 0 0;
padding: .92857143em 1.14285714em;
text-transform: none;
color: rgba(0,0,0,.87);
font-weight: 400;
transition: background .1s ease,box-shadow .1s ease,color .1s ease
}
.ui.menu > .item:first-child {
border-radius: .28571429rem 0 0 .28571429rem
}
.ui.menu .item:before {
position: absolute;
content: '';
top: 0;
right: 0;
height: 100%;
width: 1px;
background: rgba(34,36,38,.1)
}
.ui.menu .item > a:not(.ui), .ui.menu .item > p:only-child, .ui.menu .text.item > * {
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
line-height: 1.3
}
.ui.menu .item > p:first-child {
margin-top: 0
}
.ui.menu .item > p:last-child {
margin-bottom: 0
}
.ui.menu .item > i.icon {
opacity: .9;
float: none;
margin: 0 .35714286em 0 0
}
.ui.menu:not(.vertical) .item > .button {
position: relative;
top: 0;
margin: -.5em 0;
padding-bottom: .78571429em;
padding-top: .78571429em;
font-size: 1em
}
.ui.menu > .container, .ui.menu > .grid {
display: flex;
align-items: inherit;
flex-direction: inherit
}
.ui.menu .item > .input {
width: 100%
}
.ui.menu:not(.vertical) .item > .input {
position: relative;
top: 0;
margin: -.5em 0
}
.ui.menu .item > .input input {
font-size: 1em;
padding-top: .57142857em;
padding-bottom: .57142857em
}
.ui.menu .header.item, .ui.vertical.menu .header.item {
margin: 0;
background: '';
text-transform: normal;
font-weight: 700
}
.ui.vertical.menu .item > .header:not(.ui) {
margin: 0 0 .5em;
font-size: 1em;
font-weight: 700
}
.ui.menu .item > i.dropdown.icon {
padding: 0;
float: right;
margin: 0 0 0 1em
}
.ui.menu .dropdown.item .menu {
min-width: calc(100% - 1px);
border-radius: 0 0 .28571429rem .28571429rem;
background: #fff;
margin: 0 0 0;
box-shadow: 0 1px 3px 0 rgba(0,0,0,.08);
flex-direction: column !important
}
.ui.menu .ui.dropdown .menu > .item {
margin: 0;
text-align: left;
font-size: 1em !important;
padding: .78571429em 1.14285714em !important;
background: 0 0 !important;
color: rgba(0,0,0,.87) !important;
text-transform: none !important;
font-weight: 400 !important;
box-shadow: none !important;
transition: none !important
}
.ui.menu .ui.dropdown .menu > .item:hover {
background: rgba(0,0,0,.05) !important;
color: rgba(0,0,0,.95) !important
}
.ui.menu .ui.dropdown .menu > .selected.item {
background: rgba(0,0,0,.05) !important;
color: rgba(0,0,0,.95) !important
}
.ui.menu .ui.dropdown .menu > .active.item {
background: rgba(0,0,0,.03) !important;
font-weight: 700 !important;
color: rgba(0,0,0,.95) !important
}
.ui.menu .ui.dropdown.item .menu .item:not(.filtered) {
display: block
}
.ui.menu .ui.dropdown .menu > .item .icon:not(.dropdown) {
display: inline-block;
font-size: 1em !important;
float: none;
margin: 0 .75em 0 0 !important
}
.ui.secondary.menu .dropdown.item > .menu, .ui.text.menu .dropdown.item > .menu {
border-radius: .28571429rem;
margin-top: .35714286em
}
.ui.menu .pointing.dropdown.item .menu {
margin-top: .75em
}
.ui.inverted.menu .search.dropdown.item > .search, .ui.inverted.menu .search.dropdown.item > .text {
color: rgba(255,255,255,.9)
}
.ui.vertical.menu .dropdown.item > .icon {
float: right;
content: "\f0da";
margin-left: 1em
}
.ui.vertical.menu .dropdown.item .menu {
left: 100%;
min-width: 0;
margin: 0;
box-shadow: 0 1px 3px 0 rgba(0,0,0,.08);
border-radius: 0 .28571429rem .28571429rem .28571429rem
}
.ui.vertical.menu .dropdown.item.upward .menu {
bottom: 0
}
.ui.vertical.menu .dropdown.item:not(.upward) .menu {
top: 0
}
.ui.vertical.menu .active.dropdown.item {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.ui.vertical.menu .dropdown.active.item {
box-shadow: none
}
.ui.item.menu .dropdown .menu .item {
width: 100%
}
.ui.menu .item > .label {
background: #999;
color: #fff;
margin-left: 1em;
padding: .3em .78571429em
}
.ui.vertical.menu .item > .label {
background: #999;
color: #fff;
margin-top: -.15em;
margin-bottom: -.15em;
padding: .3em .78571429em
}
.ui.menu .item > .floating.label {
padding: .3em .78571429em
}
.ui.menu .item > img:not(.ui) {
display: inline-block;
vertical-align: middle;
margin: -.3em 0;
width: 2.5em
}
.ui.vertical.menu .item > img:not(.ui):only-child {
display: block;
max-width: 100%;
width: auto
}
.ui.menu .list .item:before {
background: 0 0 !important
}
.ui.vertical.sidebar.menu > .item:first-child:before {
display: block !important
}
.ui.vertical.sidebar.menu > .item::before {
top: auto;
bottom: 0
}
@media only screen and (max-width:767px) {
.ui.menu > .ui.container {
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important
}
}
@media only screen and (min-width:768px) {
.ui.menu:not(.secondary):not(.text):not(.tabular):not(.borderless) > .container > .item:not(.right):not(.borderless):first-child {
border-left: 1px solid rgba(34,36,38,.1)
}
}
.ui.link.menu .item:hover, .ui.menu .dropdown.item:hover, .ui.menu .link.item:hover, .ui.menu a.item:hover {
cursor: pointer;
background: rgba(0,0,0,.03);
color: rgba(0,0,0,.95)
}
.ui.link.menu .item:active, .ui.menu .link.item:active, .ui.menu a.item:active {
background: rgba(0,0,0,.03);
color: rgba(0,0,0,.95)
}
.ui.menu .active.item {
background: rgba(0,0,0,.05);
color: rgba(0,0,0,.95);
font-weight: 400;
box-shadow: none
}
.ui.menu .active.item > i.icon {
opacity: 1
}
.ui.menu .active.item:hover, .ui.vertical.menu .active.item:hover {
background-color: rgba(0,0,0,.05);
color: rgba(0,0,0,.95)
}
.ui.menu .item.disabled, .ui.menu .item.disabled:hover {
cursor: default !important;
background-color: transparent !important;
color: rgba(40,40,40,.3) !important
}
.ui.menu:not(.vertical) .left.item, .ui.menu:not(.vertical) :not(.dropdown) > .left.menu {
display: flex;
margin-right: auto !important
}
.ui.menu:not(.vertical) .right.item, .ui.menu:not(.vertical) .right.menu {
display: flex;
margin-left: auto !important
}
.ui.menu .right.item::before, .ui.menu .right.menu > .item::before {
right: auto;
left: 0
}
.ui.vertical.menu {
display: block;
flex-direction: column;
background: #fff;
box-shadow: 0 1px 2px 0 rgba(34,36,38,.15)
}
.ui.vertical.menu .item {
display: block;
background: 0 0;
border-top: none;
border-right: none
}
.ui.vertical.menu > .item:first-child {
border-radius: .28571429rem .28571429rem 0 0
}
.ui.vertical.menu > .item:last-child {
border-radius: 0 0 .28571429rem .28571429rem
}
.ui.vertical.menu .item > .label {
float: right;
text-align: center
}
.ui.vertical.menu .item > i.icon {
width: 1.18em;
float: right;
margin: 0 0 0 .5em
}
.ui.vertical.menu .item > .label + i.icon {
float: none;
margin: 0 .5em 0 0
}
.ui.vertical.menu .item:before {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 1px;
background: rgba(34,36,38,.1)
}
.ui.vertical.menu .item:first-child:before {
display: none !important
}
.ui.vertical.menu .item > .menu {
margin: .5em -1.14285714em 0
}
.ui.vertical.menu .menu .item {
background: 0 0;
padding: .5em 1.33333333em;
font-size: .85714286em;
color: rgba(0,0,0,.5)
}
.ui.vertical.menu .item .menu .link.item:hover, .ui.vertical.menu .item .menu a.item:hover {
color: rgba(0,0,0,.85)
}
.ui.vertical.menu .menu .item:before {
display: none
}
.ui.vertical.menu .active.item {
background: rgba(0,0,0,.05);
border-radius: 0;
box-shadow: none
}
.ui.vertical.menu > .active.item:first-child {
border-radius: .28571429rem .28571429rem 0 0
}
.ui.vertical.menu > .active.item:last-child {
border-radius: 0 0 .28571429rem .28571429rem
}
.ui.vertical.menu > .active.item:only-child {
border-radius: .28571429rem
}
.ui.vertical.menu .active.item .menu .active.item {
border-left: none
}
.ui.vertical.menu .item .menu .active.item {
background-color: transparent;
font-weight: 700;
color: rgba(0,0,0,.95)
}
.ui.tabular.menu {
border-radius: 0;
box-shadow: none !important;
border: none;
background: none transparent;
border-bottom: 1px solid #d4d4d5
}
.ui.tabular.fluid.menu {
width: calc(100% + (1px * 2)) !important
}
.ui.tabular.menu .item {
background: 0 0;
border-bottom: none;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
border-top: 2px solid transparent;
padding: .92857143em 1.42857143em;
color: rgba(0,0,0,.87)
}
.ui.tabular.menu .item:before {
display: none
}
.ui.tabular.menu .item:hover {
background-color: transparent;
color: rgba(0,0,0,.8)
}
.ui.tabular.menu .active.item {
background: none #fff;
color: rgba(0,0,0,.95);
border-top-width: 1px;
border-color: #d4d4d5;
font-weight: 700;
margin-bottom: -1px;
box-shadow: none;
border-radius: .28571429rem .28571429rem 0 0 !important
}
.ui.tabular.menu + .attached:not(.top).segment, .ui.tabular.menu + .attached:not(.top).segment + .attached:not(.top).segment {
border-top: none;
margin-left: 0;
margin-top: 0;
margin-right: 0;
width: 100%
}
.top.attached.segment + .ui.bottom.tabular.menu {
position: relative;
width: calc(100% + (1px * 2));
left: -1px
}
.ui.bottom.tabular.menu {
background: none transparent;
border-radius: 0;
box-shadow: none !important;
border-bottom: none;
border-top: 1px solid #d4d4d5
}
.ui.bottom.tabular.menu .item {
background: 0 0;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
border-top: none
}
.ui.bottom.tabular.menu .active.item {
background: none #fff;
color: rgba(0,0,0,.95);
border-color: #d4d4d5;
margin: -1px 0 0 0;
border-radius: 0 0 .28571429rem .28571429rem !important
}
.ui.vertical.tabular.menu {
background: none transparent;
border-radius: 0;
box-shadow: none !important;
border-bottom: none;
border-right: 1px solid #d4d4d5
}
.ui.vertical.tabular.menu .item {
background: 0 0;
border-left: 1px solid transparent;
border-bottom: 1px solid transparent;
border-top: 1px solid transparent;
border-right: none
}
.ui.vertical.tabular.menu .active.item {
background: none #fff;
color: rgba(0,0,0,.95);
border-color: #d4d4d5;
margin: 0 -1px 0 0;
border-radius: .28571429rem 0 0 .28571429rem !important
}
.ui.vertical.right.tabular.menu {
background: none transparent;
border-radius: 0;
box-shadow: none !important;
border-bottom: none;
border-right: none;
border-left: 1px solid #d4d4d5
}
.ui.vertical.right.tabular.menu .item {
background: 0 0;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
border-top: 1px solid transparent;
border-left: none
}
.ui.vertical.right.tabular.menu .active.item {
background: none #fff;
color: rgba(0,0,0,.95);
border-color: #d4d4d5;
margin: 0 0 0 -1px;
border-radius: 0 .28571429rem .28571429rem 0 !important
}
.ui.tabular.menu .active.dropdown.item {
margin-bottom: 0;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
border-top: 2px solid transparent;
border-bottom: none
}
.ui.pagination.menu {
margin: 0;
display: inline-flex;
vertical-align: middle
}
.ui.pagination.menu .item:last-child {
border-radius: 0 .28571429rem .28571429rem 0
}
.ui.compact.menu .item:last-child {
border-radius: 0 .28571429rem .28571429rem 0
}
.ui.pagination.menu .item:last-child:before {
display: none
}
.ui.pagination.menu .item {
min-width: 3em;
text-align: center
}
.ui.pagination.menu .icon.item i.icon {
vertical-align: top
}
.ui.pagination.menu .active.item {
border-top: none;
padding-top: .92857143em;
background-color: rgba(0,0,0,.05);
color: rgba(0,0,0,.95);
box-shadow: none
}
.ui.secondary.menu {
background: 0 0;
margin-left: -.35714286em;
margin-right: -.35714286em;
border-radius: 0;
border: none;
box-shadow: none
}
.ui.secondary.menu .item {
align-self: center;
box-shadow: none;
border: none;
padding: .78571429em .92857143em;
margin: 0 .35714286em;
background: 0 0;
transition: color .1s ease;
border-radius: .28571429rem
}
.ui.secondary.menu .item:before {
display: none !important
}
.ui.secondary.menu .header.item {
border-radius: 0;
border-right: none;
background: none transparent
}
.ui.secondary.menu .item > img:not(.ui) {
margin: 0
}
.ui.secondary.menu .dropdown.item:hover, .ui.secondary.menu .link.item:hover, .ui.secondary.menu a.item:hover {
background: rgba(0,0,0,.05);
color: rgba(0,0,0,.95)
}
.ui.secondary.menu .active.item {
box-shadow: none;
background: rgba(0,0,0,.05);
color: rgba(0,0,0,.95);
border-radius: .28571429rem
}
.ui.secondary.menu .active.item:hover {
box-shadow: none;
background: rgba(0,0,0,.05);
color: rgba(0,0,0,.95)
}
.ui.secondary.inverted.menu .link.item, .ui.secondary.inverted.menu a.item {
color: rgba(255,255,255,.7) !important
}
.ui.secondary.inverted.menu .dropdown.item:hover, .ui.secondary.inverted.menu .link.item:hover, .ui.secondary.inverted.menu a.item:hover {
background: rgba(255,255,255,.08);
color: #fff !important
}
.ui.secondary.inverted.menu .active.item {
background: rgba(255,255,255,.15);
color: #fff !important
}
.ui.secondary.item.menu {
margin-left: 0;
margin-right: 0
}
.ui.secondary.item.menu .item:last-child {
margin-right: 0
}
.ui.secondary.attached.menu {
box-shadow: none
}
.ui.vertical.secondary.menu .item:not(.dropdown) > .menu {
margin: 0 -.92857143em
}
.ui.vertical.secondary.menu .item:not(.dropdown) > .menu > .item {
margin: 0;
padding: .5em 1.33333333em
}
.ui.secondary.vertical.menu > .item {
border: none;
margin: 0 0 .35714286em;
border-radius: .28571429rem !important
}
.ui.secondary.vertical.menu > .header.item {
border-radius: 0
}
.ui.vertical.secondary.menu .item > .menu .item {
background-color: transparent
}
.ui.secondary.inverted.menu {
background-color: transparent
}
.ui.secondary.pointing.menu {
margin-left: 0;
margin-right: 0;
border-bottom: 2px solid rgba(34,36,38,.15)
}
.ui.secondary.pointing.menu .item {
border-bottom-color: transparent;
border-bottom-style: solid;
border-radius: 0;
align-self: flex-end;
margin: 0 0 -2px;
padding: .85714286em 1.14285714em;
border-bottom-width: 2px;
transition: color .1s ease
}
.ui.secondary.pointing.menu .header.item {
color: rgba(0,0,0,.85) !important
}
.ui.secondary.pointing.menu .text.item {
box-shadow: none !important
}
.ui.secondary.pointing.menu .item:after {
display: none
}
.ui.secondary.pointing.menu .dropdown.item:hover, .ui.secondary.pointing.menu .link.item:hover, .ui.secondary.pointing.menu a.item:hover {
background-color: transparent;
color: rgba(0,0,0,.87)
}
.ui.secondary.pointing.menu .dropdown.item:active, .ui.secondary.pointing.menu .link.item:active, .ui.secondary.pointing.menu a.item:active {
background-color: transparent;
border-color: rgba(34,36,38,.15)
}
.ui.secondary.pointing.menu .active.item {
background-color: transparent;
box-shadow: none;
border-color: #1b1c1d;
font-weight: 700;
color: rgba(0,0,0,.95)
}
.ui.secondary.pointing.menu .active.item:hover {
border-color: #1b1c1d;
color: rgba(0,0,0,.95)
}
.ui.secondary.pointing.menu .active.dropdown.item {
border-color: transparent
}
.ui.secondary.vertical.pointing.menu {
border-bottom-width: 0;
border-right-width: 2px;
border-right-style: solid;
border-right-color: rgba(34,36,38,.15)
}
.ui.secondary.vertical.pointing.menu .item {
border-bottom: none;
border-right-style: solid;
border-right-color: transparent;
border-radius: 0 !important;
margin: 0 -2px 0 0;
border-right-width: 2px
}
.ui.secondary.vertical.pointing.menu .active.item {
border-color: #1b1c1d
}
.ui.secondary.inverted.pointing.menu {
border-color: rgba(255,255,255,.1)
}
.ui.secondary.inverted.pointing.menu {
border-width: 2px;
border-color: rgba(34,36,38,.15)
}
.ui.secondary.inverted.pointing.menu .item {
color: rgba(255,255,255,.9)
}
.ui.secondary.inverted.pointing.menu .header.item {
color: #fff !important
}
.ui.secondary.inverted.pointing.menu .link.item:hover, .ui.secondary.inverted.pointing.menu a.item:hover {
color: rgba(0,0,0,.95)
}
.ui.secondary.inverted.pointing.menu .active.item {
border-color: #fff;
color: #fff
}
.ui.text.menu {
background: none transparent;
border-radius: 0;
box-shadow: none;
border: none;
margin: 1em -.5em
}
.ui.text.menu .item {
border-radius: 0;
box-shadow: none;
align-self: center;
margin: 0 0;
padding: .35714286em .5em;
font-weight: 400;
color: rgba(0,0,0,.6);
transition: opacity .1s ease
}
.ui.text.menu .item:before, .ui.text.menu .menu .item:before {
display: none !important
}
.ui.text.menu .header.item {
background-color: transparent;
opacity: 1;
color: rgba(0,0,0,.85);
font-size: .92857143em;
text-transform: uppercase;
font-weight: 700
}
.ui.text.menu .item > img:not(.ui) {
margin: 0
}
.ui.text.item.menu .item {
margin: 0
}
.ui.vertical.text.menu {
margin: 1em 0
}
.ui.vertical.text.menu:first-child {
margin-top: 0
}
.ui.vertical.text.menu:last-child {
margin-bottom: 0
}
.ui.vertical.text.menu .item {
margin: .57142857em 0;
padding-left: 0;
padding-right: 0
}
.ui.vertical.text.menu .item > i.icon {
float: none;
margin: 0 .35714286em 0 0
}
.ui.vertical.text.menu .header.item {
margin: .57142857em 0 .71428571em
}
.ui.vertical.text.menu .item:not(.dropdown) > .menu {
margin: 0
}
.ui.vertical.text.menu .item:not(.dropdown) > .menu > .item {
margin: 0;
padding: .5em 0
}
.ui.text.menu .item:hover {
opacity: 1;
background-color: transparent
}
.ui.text.menu .active.item {
background-color: transparent;
border: none;
box-shadow: none;
font-weight: 400;
color: rgba(0,0,0,.95)
}
.ui.text.menu .active.item:hover {
background-color: transparent
}
.ui.text.pointing.menu .active.item:after {
box-shadow: none
}
.ui.text.attached.menu {
box-shadow: none
}
.ui.inverted.text.menu, .ui.inverted.text.menu .active.item, .ui.inverted.text.menu .item, .ui.inverted.text.menu .item:hover {
background-color: transparent !important
}
.ui.fluid.text.menu {
margin-left: 0;
margin-right: 0
}
.ui.vertical.icon.menu {
display: inline-block;
width: auto
}
.ui.icon.menu .item {
height: auto;
text-align: center;
color: #1b1c1d
}
.ui.icon.menu .item > .icon:not(.dropdown) {
margin: 0;
opacity: 1
}
.ui.icon.menu .icon:before {
opacity: 1
}
.ui.menu .icon.item > .icon {
width: auto;
margin: 0 auto
}
.ui.vertical.icon.menu .item > .icon:not(.dropdown) {
display: block;
opacity: 1;
margin: 0 auto;
float: none
}
.ui.inverted.icon.menu .item {
color: #fff
}
.ui.labeled.icon.menu {
text-align: center
}
.ui.labeled.icon.menu .item {
min-width: 6em;
flex-direction: column
}
.ui.labeled.icon.menu .item > .icon:not(.dropdown) {
height: 1em;
display: block;
font-size: 1.71428571em !important;
margin: 0 auto .5rem !important
}
.ui.fluid.labeled.icon.menu > .item {
min-width: 0
}
@media only screen and (max-width:767px) {
.ui.stackable.menu {
flex-direction: column
}
.ui.stackable.menu .item {
width: 100% !important
}
.ui.stackable.menu .item:before {
position: absolute;
content: '';
top: auto;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: rgba(34,36,38,.1)
}
.ui.stackable.menu .left.item, .ui.stackable.menu .left.menu {
margin-right: 0 !important
}
.ui.stackable.menu .right.item, .ui.stackable.menu .right.menu {
margin-left: 0 !important
}
.ui.stackable.menu .left.menu, .ui.stackable.menu .right.menu {
flex-direction: column
}
}
.ui.menu .red.active.item, .ui.red.menu .active.item {
border-color: #db2828 !important;
color: #db2828 !important
}
.ui.menu .orange.active.item, .ui.orange.menu .active.item {
border-color: #f2711c !important;
color: #f2711c !important
}
.ui.menu .yellow.active.item, .ui.yellow.menu .active.item {
border-color: #fbbd08 !important;
color: #fbbd08 !important
}
.ui.menu .olive.active.item, .ui.olive.menu .active.item {
border-color: #b5cc18 !important;
color: #b5cc18 !important
}
.ui.green.menu .active.item, .ui.menu .green.active.item {
border-color: #21ba45 !important;
color: #21ba45 !important
}
.ui.menu .teal.active.item, .ui.teal.menu .active.item {
border-color: #00b5ad !important;
color: #00b5ad !important
}
.ui.blue.menu .active.item, .ui.menu .blue.active.item {
border-color: #2185d0 !important;
color: #2185d0 !important
}
.ui.menu .violet.active.item, .ui.violet.menu .active.item {
border-color: #6435c9 !important;
color: #6435c9 !important
}
.ui.menu .purple.active.item, .ui.purple.menu .active.item {
border-color: #a333c8 !important;
color: #a333c8 !important
}
.ui.menu .pink.active.item, .ui.pink.menu .active.item {
border-color: #e03997 !important;
color: #e03997 !important
}
.ui.brown.menu .active.item, .ui.menu .brown.active.item {
border-color: #a5673f !important;
color: #a5673f !important
}
.ui.grey.menu .active.item, .ui.menu .grey.active.item {
border-color: #767676 !important;
color: #767676 !important
}
.ui.inverted.menu {
border: 0 solid transparent;
background: #1b1c1d;
box-shadow: none
}
.ui.inverted.menu .item, .ui.inverted.menu .item > a:not(.ui) {
background: 0 0;
color: rgba(255,255,255,.9)
}
.ui.inverted.menu .item.menu {
background: 0 0
}
.ui.inverted.menu .item:before {
background: rgba(255,255,255,.08)
}
.ui.vertical.inverted.menu .item:before {
background: rgba(255,255,255,.08)
}
.ui.vertical.inverted.menu .menu .item, .ui.vertical.inverted.menu .menu .item a:not(.ui) {
color: rgba(255,255,255,.5)
}
.ui.inverted.menu .header.item {
margin: 0;
background: 0 0;
box-shadow: none
}
.ui.inverted.menu .item.disabled, .ui.inverted.menu .item.disabled:hover {
color: rgba(225,225,225,.3)
}
.ui.inverted.menu .dropdown.item:hover, .ui.inverted.menu .link.item:hover, .ui.inverted.menu a.item:hover, .ui.link.inverted.menu .item:hover {
background: rgba(255,255,255,.08);
color: #fff
}
.ui.vertical.inverted.menu .item .menu .link.item:hover, .ui.vertical.inverted.menu .item .menu a.item:hover {
background: 0 0;
color: #fff
}
.ui.inverted.menu .link.item:active, .ui.inverted.menu a.item:active {
background: rgba(255,255,255,.08);
color: #fff
}
.ui.inverted.menu .active.item {
background: rgba(255,255,255,.15);
color: #fff !important
}
.ui.inverted.vertical.menu .item .menu .active.item {
background: 0 0;
color: #fff
}
.ui.inverted.pointing.menu .active.item:after {
background: #3d3e3f !important;
margin: 0 !important;
box-shadow: none !important;
border: none !important
}
.ui.inverted.menu .active.item:hover {
background: rgba(255,255,255,.15);
color: #fff !important
}
.ui.inverted.pointing.menu .active.item:hover:after {
background: #3d3e3f !important
}
.ui.floated.menu {
float: left;
margin: 0 .5rem 0 0
}
.ui.floated.menu .item:last-child:before {
display: none
}
.ui.right.floated.menu {
float: right;
margin: 0 0 0 .5rem
}
.ui.inverted.menu .red.active.item, .ui.inverted.red.menu {
background-color: #db2828
}
.ui.inverted.red.menu .item:before {
background-color: rgba(34,36,38,.1)
}
.ui.inverted.red.menu .active.item {
background-color: rgba(0,0,0,.1) !important
}
.ui.inverted.menu .orange.active.item, .ui.inverted.orange.menu {
background-color: #f2711c
}
.ui.inverted.orange.menu .item:before {
background-color: rgba(34,36,38,.1)
}
.ui.inverted.orange.menu .active.item {
background-color: rgba(0,0,0,.1) !important
}
.ui.inverted.menu .yellow.active.item, .ui.inverted.yellow.menu {
background-color: #fbbd08
}
.ui.inverted.yellow.menu .item:before {
background-color: rgba(34,36,38,.1)
}
.ui.inverted.yellow.menu .active.item {
background-color: rgba(0,0,0,.1) !important
}
.ui.inverted.menu .olive.active.item, .ui.inverted.olive.menu {
background-color: #b5cc18
}
.ui.inverted.olive.menu .item:before {
background-color: rgba(34,36,38,.1)
}
.ui.inverted.olive.menu .active.item {
background-color: rgba(0,0,0,.1) !important
}
.ui.inverted.green.menu, .ui.inverted.menu .green.active.item {
background-color: #21ba45
}
.ui.inverted.green.menu .item:before {
background-color: rgba(34,36,38,.1)
}
.ui.inverted.green.menu .active.item {
background-color: rgba(0,0,0,.1) !important
}
.ui.inverted.menu .teal.active.item, .ui.inverted.teal.menu {
background-color: #00b5ad
}
.ui.inverted.teal.menu .item:before {
background-color: rgba(34,36,38,.1)
}
.ui.inverted.teal.menu .active.item {
background-color: rgba(0,0,0,.1) !important
}
.ui.inverted.blue.menu, .ui.inverted.menu .blue.active.item {
background-color: #2185d0
}
.ui.inverted.blue.menu .item:before {
background-color: rgba(34,36,38,.1)
}
.ui.inverted.blue.menu .active.item {
background-color: rgba(0,0,0,.1) !important
}
.ui.inverted.menu .violet.active.item, .ui.inverted.violet.menu {
background-color: #6435c9
}
.ui.inverted.violet.menu .item:before {
background-color: rgba(34,36,38,.1)
}
.ui.inverted.violet.menu .active.item {
background-color: rgba(0,0,0,.1) !important
}
.ui.inverted.menu .purple.active.item, .ui.inverted.purple.menu {
background-color: #a333c8
}
.ui.inverted.purple.menu .item:before {
background-color: rgba(34,36,38,.1)
}
.ui.inverted.purple.menu .active.item {
background-color: rgba(0,0,0,.1) !important
}
.ui.inverted.menu .pink.active.item, .ui.inverted.pink.menu {
background-color: #e03997
}
.ui.inverted.pink.menu .item:before {
background-color: rgba(34,36,38,.1)
}
.ui.inverted.pink.menu .active.item {
background-color: rgba(0,0,0,.1) !important
}
.ui.inverted.brown.menu, .ui.inverted.menu .brown.active.item {
background-color: #a5673f
}
.ui.inverted.brown.menu .item:before {
background-color: rgba(34,36,38,.1)
}
.ui.inverted.brown.menu .active.item {
background-color: rgba(0,0,0,.1) !important
}
.ui.inverted.grey.menu, .ui.inverted.menu .grey.active.item {
background-color: #767676
}
.ui.inverted.grey.menu .item:before {
background-color: rgba(34,36,38,.1)
}
.ui.inverted.grey.menu .active.item {
background-color: rgba(0,0,0,.1) !important
}
.ui.fitted.menu .item, .ui.fitted.menu .item .menu .item, .ui.menu .fitted.item {
padding: 0
}
.ui.horizontally.fitted.menu .item, .ui.horizontally.fitted.menu .item .menu .item, .ui.menu .horizontally.fitted.item {
padding-top: .92857143em;
padding-bottom: .92857143em
}
.ui.menu .vertically.fitted.item, .ui.vertically.fitted.menu .item, .ui.vertically.fitted.menu .item .menu .item {
padding-left: 1.14285714em;
padding-right: 1.14285714em
}
.ui.borderless.menu .item .menu .item:before, .ui.borderless.menu .item:before, .ui.menu .borderless.item:before {
background: 0 0 !important
}
.ui.compact.menu {
display: inline-flex;
margin: 0;
vertical-align: middle
}
.ui.compact.vertical.menu {
display: inline-block
}
.ui.compact.menu .item:last-child {
border-radius: 0 .28571429rem .28571429rem 0
}
.ui.compact.menu .item:last-child:before {
display: none
}
.ui.compact.vertical.menu {
width: auto !important
}
.ui.compact.vertical.menu .item:last-child::before {
display: block
}
.ui.menu.fluid, .ui.vertical.menu.fluid {
width: 100% !important
}
.ui.item.menu, .ui.item.menu .item {
width: 100%;
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
text-align: center;
justify-content: center
}
.ui.attached.item.menu {
margin: 0 -1px !important
}
.ui.item.menu .item:last-child:before {
display: none
}
.ui.menu.two.item .item {
width: 50%
}
.ui.menu.three.item .item {
width: 33.333%
}
.ui.menu.four.item .item {
width: 25%
}
.ui.menu.five.item .item {
width: 20%
}
.ui.menu.six.item .item {
width: 16.666%
}
.ui.menu.seven.item .item {
width: 14.285%
}
.ui.menu.eight.item .item {
width: 12.5%
}
.ui.menu.nine.item .item {
width: 11.11%
}
.ui.menu.ten.item .item {
width: 10%
}
.ui.menu.eleven.item .item {
width: 9.09%
}
.ui.menu.twelve.item .item {
width: 8.333%
}
.ui.menu.fixed {
position: fixed;
z-index: 101;
margin: 0;
width: 100%
}
.ui.menu.fixed, .ui.menu.fixed .item:first-child, .ui.menu.fixed .item:last-child {
border-radius: 0 !important
}
.ui.fixed.menu, .ui[class*="top fixed"].menu {
top: 0;
left: 0;
right: auto;
bottom: auto
}
.ui[class*="top fixed"].menu {
border-top: none;
border-left: none;
border-right: none
}
.ui[class*="right fixed"].menu {
border-top: none;
border-bottom: none;
border-right: none;
top: 0;
right: 0;
left: auto;
bottom: auto;
width: auto;
height: 100%
}
.ui[class*="bottom fixed"].menu {
border-bottom: none;
border-left: none;
border-right: none;
bottom: 0;
left: 0;
top: auto;
right: auto
}
.ui[class*="left fixed"].menu {
border-top: none;
border-bottom: none;
border-left: none;
top: 0;
left: 0;
right: auto;
bottom: auto;
width: auto;
height: 100%
}
.ui.fixed.menu + .ui.grid {
padding-top: 2.75rem
}
.ui.pointing.menu .item:after {
visibility: hidden;
position: absolute;
content: '';
top: 100%;
left: 50%;
transform: translateX(-50%) translateY(-50%) rotate(45deg);
background: 0 0;
margin: .5px 0 0;
width: .57142857em;
height: .57142857em;
border: none;
border-bottom: 1px solid #d4d4d5;
border-right: 1px solid #d4d4d5;
z-index: 2;
transition: background .1s ease
}
.ui.vertical.pointing.menu .item:after {
position: absolute;
top: 50%;
right: 0;
bottom: auto;
left: auto;
transform: translateX(50%) translateY(-50%) rotate(45deg);
margin: 0 -.5px 0 0;
border: none;
border-top: 1px solid #d4d4d5;
border-right: 1px solid #d4d4d5
}
.ui.pointing.menu .active.item:after {
visibility: visible
}
.ui.pointing.menu .active.dropdown.item:after {
visibility: hidden
}
.ui.pointing.menu .active.item .menu .active.item:after, .ui.pointing.menu .dropdown.active.item:after {
display: none
}
.ui.pointing.menu .active.item:hover:after {
background-color: #f2f2f2
}
.ui.pointing.menu .active.item:after {
background-color: #f2f2f2
}
.ui.pointing.menu .active.item:hover:after {
background-color: #f2f2f2
}
.ui.vertical.pointing.menu .active.item:hover:after {
background-color: #f2f2f2
}
.ui.vertical.pointing.menu .active.item:after {
background-color: #f2f2f2
}
.ui.vertical.pointing.menu .menu .active.item:after {
background-color: #fff
}
.ui.attached.menu {
top: 0;
bottom: 0;
border-radius: 0;
margin: 0 -1px;
width: calc(100% - (-1px * 2));
max-width: calc(100% - (-1px * 2));
box-shadow: none
}
.ui.attached + .ui.attached.menu:not(.top) {
border-top: none
}
.ui[class*="top attached"].menu {
bottom: 0;
margin-bottom: 0;
top: 0;
margin-top: 1rem;
border-radius: .28571429rem .28571429rem 0 0
}
.ui.menu[class*="top attached"]:first-child {
margin-top: 0
}
.ui[class*="bottom attached"].menu {
bottom: 0;
margin-top: 0;
top: 0;
margin-bottom: 1rem;
box-shadow: 0 1px 2px 0 rgba(34,36,38,.15),none;
border-radius: 0 0 .28571429rem .28571429rem
}
.ui[class*="bottom attached"].menu:last-child {
margin-bottom: 0
}
.ui.top.attached.menu > .item:first-child {
border-radius: .28571429rem 0 0 0
}
.ui.bottom.attached.menu > .item:first-child {
border-radius: 0 0 0 .28571429rem
}
.ui.attached.menu:not(.tabular) {
border: 1px solid #d4d4d5
}
.ui.attached.inverted.menu {
border: none
}
.ui.attached.tabular.menu {
margin-left: 0;
margin-right: 0;
width: 100%
}
.ui.mini.menu {
font-size: .78571429rem
}
.ui.mini.vertical.menu {
width: 9rem
}
.ui.tiny.menu {
font-size: .85714286rem
}
.ui.tiny.vertical.menu {
width: 11rem
}
.ui.small.menu {
font-size: .92857143rem
}
.ui.small.vertical.menu {
width: 13rem
}
.ui.menu {
font-size: 1rem
}
.ui.vertical.menu {
width: 15rem
}
.ui.large.menu {
font-size: 1.07142857rem
}
.ui.large.vertical.menu {
width: 18rem
}
.ui.huge.menu {
font-size: 1.21428571rem
}
.ui.huge.vertical.menu {
width: 22rem
}
.ui.big.menu {
font-size: 1.14285714rem
}
.ui.big.vertical.menu {
width: 20rem
}
.ui.massive.menu {
font-size: 1.28571429rem
}
.ui.massive.vertical.menu {
width: 25rem
}
/*!
* # Semantic UI 2.5.0 - Message
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.message {
position: relative;
min-height: 1em;
margin: 1em 0;
background: #f8f8f9;
padding: 1em 1.5em;
line-height: 1.4285em;
color: rgba(0,0,0,.87);
transition: opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;
border-radius: .28571429rem;
box-shadow: 0 0 0 1px rgba(34,36,38,.22) inset,0 0 0 0 transparent
}
.ui.message:first-child {
margin-top: 0
}
.ui.message:last-child {
margin-bottom: 0
}
.ui.message .header {
display: block;
font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
font-weight: 700;
margin: -.14285714em 0 0 0
}
.ui.message .header:not(.ui) {
font-size: 1.14285714em
}
.ui.message p {
opacity: .85;
margin: .75em 0
}
.ui.message p:first-child {
margin-top: 0
}
.ui.message p:last-child {
margin-bottom: 0
}
.ui.message .header + p {
margin-top: .25em
}
.ui.message .list:not(.ui) {
text-align: left;
padding: 0;
opacity: .85;
list-style-position: inside;
margin: .5em 0 0
}
.ui.message .list:not(.ui):first-child {
margin-top: 0
}
.ui.message .list:not(.ui):last-child {
margin-bottom: 0
}
.ui.message .list:not(.ui) li {
position: relative;
list-style-type: none;
margin: 0 0 .3em 1em;
padding: 0
}
.ui.message .list:not(.ui) li:before {
position: absolute;
content: '•';
left: -1em;
height: 100%;
vertical-align: baseline
}
.ui.message .list:not(.ui) li:last-child {
margin-bottom: 0
}
.ui.message > .icon {
margin-right: .6em
}
.ui.message > .close.icon {
cursor: pointer;
position: absolute;
margin: 0;
top: .78575em;
right: .5em;
opacity: .7;
transition: opacity .1s ease
}
.ui.message > .close.icon:hover {
opacity: 1
}
.ui.message > :first-child {
margin-top: 0
}
.ui.message > :last-child {
margin-bottom: 0
}
.ui.dropdown .menu > .message {
margin: 0 -1px
}
.ui.visible.visible.visible.visible.message {
display: block
}
.ui.icon.visible.visible.visible.visible.message {
display: flex
}
.ui.hidden.hidden.hidden.hidden.message {
display: none
}
.ui.compact.message {
display: inline-block
}
.ui.compact.icon.message {
display: inline-flex
}
.ui.attached.message {
margin-bottom: -1px;
border-radius: .28571429rem .28571429rem 0 0;
box-shadow: 0 0 0 1px rgba(34,36,38,.15) inset;
margin-left: -1px;
margin-right: -1px
}
.ui.attached + .ui.attached.message:not(.top):not(.bottom) {
margin-top: -1px;
border-radius: 0
}
.ui.bottom.attached.message {
margin-top: -1px;
border-radius: 0 0 .28571429rem .28571429rem;
box-shadow: 0 0 0 1px rgba(34,36,38,.15) inset,0 1px 2px 0 rgba(34,36,38,.15)
}
.ui.bottom.attached.message:not(:last-child) {
margin-bottom: 1em
}
.ui.attached.icon.message {
width: auto
}
.ui.icon.message {
display: flex;
width: 100%;
align-items: center
}
.ui.icon.message > .icon:not(.close) {
display: block;
flex: 0 0 auto;
width: auto;
line-height: 1;
vertical-align: middle;
font-size: 3em;
opacity: .8
}
.ui.icon.message > .content {
display: block;
flex: 1 1 auto;
vertical-align: middle
}
.ui.icon.message .icon:not(.close) + .content {
padding-left: 0
}
.ui.icon.message .circular.icon {
width: 1em
}
.ui.floating.message {
box-shadow: 0 0 0 1px rgba(34,36,38,.22) inset,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)
}
.ui.black.message {
background-color: #1b1c1d;
color: rgba(255,255,255,.9)
}
.ui.positive.message {
background-color: #fcfff5;
color: #2c662d
}
.ui.attached.positive.message, .ui.positive.message {
box-shadow: 0 0 0 1px #a3c293 inset,0 0 0 0 transparent
}
.ui.positive.message .header {
color: #1a531b
}
.ui.negative.message {
background-color: #fff6f6;
color: #9f3a38
}
.ui.attached.negative.message, .ui.negative.message {
box-shadow: 0 0 0 1px #e0b4b4 inset,0 0 0 0 transparent
}
.ui.negative.message .header {
color: #912d2b
}
.ui.info.message {
background-color: #f8ffff;
color: #276f86
}
.ui.attached.info.message, .ui.info.message {
box-shadow: 0 0 0 1px #a9d5de inset,0 0 0 0 transparent
}
.ui.info.message .header {
color: #0e566c
}
.ui.warning.message {
background-color: #fffaf3;
color: #573a08
}
.ui.attached.warning.message, .ui.warning.message {
box-shadow: 0 0 0 1px #c9ba9b inset,0 0 0 0 transparent
}
.ui.warning.message .header {
color: #794b02
}
.ui.error.message {
background-color: #fff6f6;
color: #9f3a38
}
.ui.attached.error.message, .ui.error.message {
box-shadow: 0 0 0 1px #e0b4b4 inset,0 0 0 0 transparent
}
.ui.error.message .header {
color: #912d2b
}
.ui.success.message {
background-color: #fcfff5;
color: #2c662d
}
.ui.attached.success.message, .ui.success.message {
box-shadow: 0 0 0 1px #a3c293 inset,0 0 0 0 transparent
}
.ui.success.message .header {
color: #1a531b
}
.ui.black.message, .ui.inverted.message {
background-color: #1b1c1d;
color: rgba(255,255,255,.9)
}
.ui.red.message {
background-color: #ffe8e6;
color: #db2828;
box-shadow: 0 0 0 1px #db2828 inset,0 0 0 0 transparent
}
.ui.red.message .header {
color: #c82121
}
.ui.orange.message {
background-color: #ffedde;
color: #f2711c;
box-shadow: 0 0 0 1px #f2711c inset,0 0 0 0 transparent
}
.ui.orange.message .header {
color: #e7640d
}
.ui.yellow.message {
background-color: #fff8db;
color: #b58105;
box-shadow: 0 0 0 1px #b58105 inset,0 0 0 0 transparent
}
.ui.yellow.message .header {
color: #9c6f04
}
.ui.olive.message {
background-color: #fbfdef;
color: #8abc1e;
box-shadow: 0 0 0 1px #8abc1e inset,0 0 0 0 transparent
}
.ui.olive.message .header {
color: #7aa61a
}
.ui.green.message {
background-color: #e5f9e7;
color: #1ebc30;
box-shadow: 0 0 0 1px #1ebc30 inset,0 0 0 0 transparent
}
.ui.green.message .header {
color: #1aa62a
}
.ui.teal.message {
background-color: #e1f7f7;
color: #10a3a3;
box-shadow: 0 0 0 1px #10a3a3 inset,0 0 0 0 transparent
}
.ui.teal.message .header {
color: #0e8c8c
}
.ui.blue.message {
background-color: #dff0ff;
color: #2185d0;
box-shadow: 0 0 0 1px #2185d0 inset,0 0 0 0 transparent
}
.ui.blue.message .header {
color: #1e77ba
}
.ui.violet.message {
background-color: #eae7ff;
color: #6435c9;
box-shadow: 0 0 0 1px #6435c9 inset,0 0 0 0 transparent
}
.ui.violet.message .header {
color: #5a30b5
}
.ui.purple.message {
background-color: #f6e7ff;
color: #a333c8;
box-shadow: 0 0 0 1px #a333c8 inset,0 0 0 0 transparent
}
.ui.purple.message .header {
color: #922eb4
}
.ui.pink.message {
background-color: #ffe3fb;
color: #e03997;
box-shadow: 0 0 0 1px #e03997 inset,0 0 0 0 transparent
}
.ui.pink.message .header {
color: #dd238b
}
.ui.brown.message {
background-color: #f1e2d3;
color: #a5673f;
box-shadow: 0 0 0 1px #a5673f inset,0 0 0 0 transparent
}
.ui.brown.message .header {
color: #935b38
}
.ui.mini.message {
font-size: .78571429em
}
.ui.tiny.message {
font-size: .85714286em
}
.ui.small.message {
font-size: .92857143em
}
.ui.message {
font-size: 1em
}
.ui.large.message {
font-size: 1.14285714em
}
.ui.big.message {
font-size: 1.28571429em
}
.ui.huge.message {
font-size: 1.42857143em
}
.ui.massive.message {
font-size: 1.71428571em
}
/*!
* # Semantic UI 2.5.0 - Table
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.table {
width: 100%;
background: #fff;
margin: 1em 0;
border: 1px solid rgba(34,36,38,.15);
box-shadow: none;
border-radius: .28571429rem;
text-align: left;
color: rgba(0,0,0,.87);
border-collapse: separate;
border-spacing: 0
}
.ui.table:first-child {
margin-top: 0
}
.ui.table:last-child {
margin-bottom: 0
}
.ui.table td, .ui.table th {
transition: background .1s ease,color .1s ease
}
.ui.table thead {
box-shadow: none
}
.ui.table thead th {
cursor: auto;
background: #f9fafb;
text-align: inherit;
color: rgba(0,0,0,.87);
padding: .92857143em .78571429em;
vertical-align: inherit;
font-style: none;
font-weight: 700;
text-transform: none;
border-bottom: 1px solid rgba(34,36,38,.1);
border-left: none
}
.ui.table thead tr > th:first-child {
border-left: none
}
.ui.table thead tr:first-child > th:first-child {
border-radius: .28571429rem 0 0 0
}
.ui.table thead tr:first-child > th:last-child {
border-radius: 0 .28571429rem 0 0
}
.ui.table thead tr:first-child > th:only-child {
border-radius: .28571429rem .28571429rem 0 0
}
.ui.table tfoot {
box-shadow: none
}
.ui.table tfoot th {
cursor: auto;
border-top: 1px solid rgba(34,36,38,.15);
background: #f9fafb;
text-align: inherit;
color: rgba(0,0,0,.87);
padding: .78571429em .78571429em;
vertical-align: middle;
font-style: normal;
font-weight: 400;
text-transform: none
}
.ui.table tfoot tr > th:first-child {
border-left: none
}
.ui.table tfoot tr:first-child > th:first-child {
border-radius: 0 0 0 .28571429rem
}
.ui.table tfoot tr:first-child > th:last-child {
border-radius: 0 0 .28571429rem 0
}
.ui.table tfoot tr:first-child > th:only-child {
border-radius: 0 0 .28571429rem .28571429rem
}
.ui.table tr td {
border-top: 1px solid rgba(34,36,38,.1)
}
.ui.table tr:first-child td {
border-top: none
}
.ui.table tbody + tbody tr:first-child td {
border-top: 1px solid rgba(34,36,38,.1)
}
.ui.table td {
padding: .78571429em .78571429em;
text-align: inherit
}
.ui.table > .icon {
vertical-align: baseline
}
.ui.table > .icon:only-child {
margin: 0
}
.ui.table.segment {
padding: 0
}
.ui.table.segment:after {
display: none
}
.ui.table.segment.stacked:after {
display: block
}
@media only screen and (max-width:767px) {
.ui.table:not(.unstackable) {
width: 100%
}
.ui.table:not(.unstackable) tbody, .ui.table:not(.unstackable) tr, .ui.table:not(.unstackable) tr > td, .ui.table:not(.unstackable) tr > th {
width: auto !important;
display: block !important
}
.ui.table:not(.unstackable) {
padding: 0
}
.ui.table:not(.unstackable) thead {
display: block
}
.ui.table:not(.unstackable) tfoot {
display: block
}
.ui.table:not(.unstackable) tr {
padding-top: 1em;
padding-bottom: 1em;
box-shadow: 0 -1px 0 0 rgba(0,0,0,.1) inset !important
}
.ui.table:not(.unstackable) tr > td, .ui.table:not(.unstackable) tr > th {
background: 0 0;
border: none !important;
padding: .25em .75em !important;
box-shadow: none !important
}
.ui.table:not(.unstackable) td:first-child, .ui.table:not(.unstackable) th:first-child {
font-weight: 700
}
.ui.definition.table:not(.unstackable) thead th:first-child {
box-shadow: none !important
}
}
.ui.table td .image, .ui.table td .image img, .ui.table th .image, .ui.table th .image img {
max-width: none
}
.ui.structured.table {
border-collapse: collapse
}
.ui.structured.table thead th {
border-left: none;
border-right: none
}
.ui.structured.sortable.table thead th {
border-left: 1px solid rgba(34,36,38,.15);
border-right: 1px solid rgba(34,36,38,.15)
}
.ui.structured.basic.table th {
border-left: none;
border-right: none
}
.ui.structured.celled.table tr td, .ui.structured.celled.table tr th {
border-left: 1px solid rgba(34,36,38,.1);
border-right: 1px solid rgba(34,36,38,.1)
}
.ui.definition.table thead:not(.full-width) th:first-child {
pointer-events: none;
background: 0 0;
font-weight: 400;
color: rgba(0,0,0,.4);
box-shadow: -1px -1px 0 1px #fff
}
.ui.definition.table tfoot:not(.full-width) th:first-child {
pointer-events: none;
background: 0 0;
font-weight: rgba(0,0,0,.4);
color: normal;
box-shadow: 1px 1px 0 1px #fff
}
.ui.celled.definition.table thead:not(.full-width) th:first-child {
box-shadow: 0 -1px 0 1px #fff
}
.ui.celled.definition.table tfoot:not(.full-width) th:first-child {
box-shadow: 0 1px 0 1px #fff
}
.ui.definition.table tr td.definition, .ui.definition.table tr td:first-child:not(.ignored) {
background: rgba(0,0,0,.03);
font-weight: 700;
color: rgba(0,0,0,.95);
text-transform: '';
box-shadow: '';
text-align: '';
font-size: 1em;
padding-left: '';
padding-right: ''
}
.ui.definition.table thead:not(.full-width) th:nth-child(2) {
border-left: 1px solid rgba(34,36,38,.15)
}
.ui.definition.table tfoot:not(.full-width) th:nth-child(2) {
border-left: 1px solid rgba(34,36,38,.15)
}
.ui.definition.table td:nth-child(2) {
border-left: 1px solid rgba(34,36,38,.15)
}
.ui.table td.positive, .ui.table tr.positive {
box-shadow: 0 0 0 #a3c293 inset
}
.ui.table td.positive, .ui.table tr.positive {
background: #fcfff5 !important;
color: #2c662d !important
}
.ui.table td.negative, .ui.table tr.negative {
box-shadow: 0 0 0 #e0b4b4 inset
}
.ui.table td.negative, .ui.table tr.negative {
background: #fff6f6 !important;
color: #9f3a38 !important
}
.ui.table td.error, .ui.table tr.error {
box-shadow: 0 0 0 #e0b4b4 inset
}
.ui.table td.error, .ui.table tr.error {
background: #fff6f6 !important;
color: #9f3a38 !important
}
.ui.table td.warning, .ui.table tr.warning {
box-shadow: 0 0 0 #c9ba9b inset
}
.ui.table td.warning, .ui.table tr.warning {
background: #fffaf3 !important;
color: #573a08 !important
}
.ui.table td.active, .ui.table tr.active {
box-shadow: 0 0 0 rgba(0,0,0,.87) inset
}
.ui.table td.active, .ui.table tr.active {
background: #e0e0e0 !important;
color: rgba(0,0,0,.87) !important
}
.ui.table tr td.disabled, .ui.table tr.disabled td, .ui.table tr.disabled:hover, .ui.table tr:hover td.disabled {
pointer-events: none;
color: rgba(40,40,40,.3)
}
@media only screen and (max-width:991px) {
.ui[class*="tablet stackable"].table, .ui[class*="tablet stackable"].table tbody, .ui[class*="tablet stackable"].table tr, .ui[class*="tablet stackable"].table tr > td, .ui[class*="tablet stackable"].table tr > th {
width: 100% !important;
display: block !important
}
.ui[class*="tablet stackable"].table {
padding: 0
}
.ui[class*="tablet stackable"].table thead {
display: block
}
.ui[class*="tablet stackable"].table tfoot {
display: block
}
.ui[class*="tablet stackable"].table tr {
padding-top: 1em;
padding-bottom: 1em;
box-shadow: 0 -1px 0 0 rgba(0,0,0,.1) inset !important
}
.ui[class*="tablet stackable"].table tr > td, .ui[class*="tablet stackable"].table tr > th {
background: 0 0;
border: none !important;
padding: .25em .75em;
box-shadow: none !important
}
.ui.definition[class*="tablet stackable"].table thead th:first-child {
box-shadow: none !important
}
}
.ui.table [class*="left aligned"], .ui.table[class*="left aligned"] {
text-align: left
}
.ui.table [class*="center aligned"], .ui.table[class*="center aligned"] {
text-align: center
}
.ui.table [class*="right aligned"], .ui.table[class*="right aligned"] {
text-align: right
}
.ui.table [class*="top aligned"], .ui.table[class*="top aligned"] {
vertical-align: top
}
.ui.table [class*="middle aligned"], .ui.table[class*="middle aligned"] {
vertical-align: middle
}
.ui.table [class*="bottom aligned"], .ui.table[class*="bottom aligned"] {
vertical-align: bottom
}
.ui.table td.collapsing, .ui.table th.collapsing {
width: 1px;
white-space: nowrap
}
.ui.fixed.table {
table-layout: fixed
}
.ui.fixed.table td, .ui.fixed.table th {
overflow: hidden;
text-overflow: ellipsis
}
.ui.selectable.table tbody tr:hover, .ui.table tbody tr td.selectable:hover {
background: rgba(0,0,0,.05) !important;
color: rgba(0,0,0,.95) !important
}
.ui.inverted.table tbody tr td.selectable:hover, .ui.selectable.inverted.table tbody tr:hover {
background: rgba(255,255,255,.08) !important;
color: #fff !important
}
.ui.table tbody tr td.selectable {
padding: 0
}
.ui.table tbody tr td.selectable > a:not(.ui) {
display: block;
color: inherit;
padding: .78571429em .78571429em
}
.ui.selectable.table tr.error:hover, .ui.selectable.table tr:hover td.error, .ui.table tr td.selectable.error:hover {
background: #ffe7e7 !important;
color: #943634 !important
}
.ui.selectable.table tr.warning:hover, .ui.selectable.table tr:hover td.warning, .ui.table tr td.selectable.warning:hover {
background: #fff4e4 !important;
color: #493107 !important
}
.ui.selectable.table tr.active:hover, .ui.selectable.table tr:hover td.active, .ui.table tr td.selectable.active:hover {
background: #e0e0e0 !important;
color: rgba(0,0,0,.87) !important
}
.ui.selectable.table tr.positive:hover, .ui.selectable.table tr:hover td.positive, .ui.table tr td.selectable.positive:hover {
background: #f7ffe6 !important;
color: #275b28 !important
}
.ui.selectable.table tr.negative:hover, .ui.selectable.table tr:hover td.negative, .ui.table tr td.selectable.negative:hover {
background: #ffe7e7 !important;
color: #943634 !important
}
.ui.attached.table {
top: 0;
bottom: 0;
border-radius: 0;
margin: 0 -1px;
width: calc(100% - (-1px * 2));
max-width: calc(100% - (-1px * 2));
box-shadow: none;
border: 1px solid #d4d4d5
}
.ui.attached + .ui.attached.table:not(.top) {
border-top: none
}
.ui[class*="top attached"].table {
bottom: 0;
margin-bottom: 0;
top: 0;
margin-top: 1em;
border-radius: .28571429rem .28571429rem 0 0
}
.ui.table[class*="top attached"]:first-child {
margin-top: 0
}
.ui[class*="bottom attached"].table {
bottom: 0;
margin-top: 0;
top: 0;
margin-bottom: 1em;
box-shadow: none,none;
border-radius: 0 0 .28571429rem .28571429rem
}
.ui[class*="bottom attached"].table:last-child {
margin-bottom: 0
}
.ui.striped.table tbody tr:nth-child(2n), .ui.striped.table > tr:nth-child(2n) {
background-color: rgba(0,0,50,.02)
}
.ui.inverted.striped.table tbody tr:nth-child(2n), .ui.inverted.striped.table > tr:nth-child(2n) {
background-color: rgba(255,255,255,.05)
}
.ui.striped.selectable.selectable.selectable.table tbody tr.active:hover {
background: #efefef !important;
color: rgba(0,0,0,.95) !important
}
.ui.table [class*="single line"], .ui.table[class*="single line"] {
white-space: nowrap
}
.ui.table [class*="single line"], .ui.table[class*="single line"] {
white-space: nowrap
}
.ui.red.table {
border-top: .2em solid #db2828
}
.ui.inverted.red.table {
background-color: #db2828 !important;
color: #fff !important
}
.ui.orange.table {
border-top: .2em solid #f2711c
}
.ui.inverted.orange.table {
background-color: #f2711c !important;
color: #fff !important
}
.ui.yellow.table {
border-top: .2em solid #fbbd08
}
.ui.inverted.yellow.table {
background-color: #fbbd08 !important;
color: #fff !important
}
.ui.olive.table {
border-top: .2em solid #b5cc18
}
.ui.inverted.olive.table {
background-color: #b5cc18 !important;
color: #fff !important
}
.ui.green.table {
border-top: .2em solid #21ba45
}
.ui.inverted.green.table {
background-color: #21ba45 !important;
color: #fff !important
}
.ui.teal.table {
border-top: .2em solid #00b5ad
}
.ui.inverted.teal.table {
background-color: #00b5ad !important;
color: #fff !important
}
.ui.blue.table {
border-top: .2em solid #2185d0
}
.ui.inverted.blue.table {
background-color: #2185d0 !important;
color: #fff !important
}
.ui.violet.table {
border-top: .2em solid #6435c9
}
.ui.inverted.violet.table {
background-color: #6435c9 !important;
color: #fff !important
}
.ui.purple.table {
border-top: .2em solid #a333c8
}
.ui.inverted.purple.table {
background-color: #a333c8 !important;
color: #fff !important
}
.ui.pink.table {
border-top: .2em solid #e03997
}
.ui.inverted.pink.table {
background-color: #e03997 !important;
color: #fff !important
}
.ui.brown.table {
border-top: .2em solid #a5673f
}
.ui.inverted.brown.table {
background-color: #a5673f !important;
color: #fff !important
}
.ui.grey.table {
border-top: .2em solid #767676
}
.ui.inverted.grey.table {
background-color: #767676 !important;
color: #fff !important
}
.ui.black.table {
border-top: .2em solid #1b1c1d
}
.ui.inverted.black.table {
background-color: #1b1c1d !important;
color: #fff !important
}
.ui.one.column.table td {
width: 100%
}
.ui.two.column.table td {
width: 50%
}
.ui.three.column.table td {
width: 33.33333333%
}
.ui.four.column.table td {
width: 25%
}
.ui.five.column.table td {
width: 20%
}
.ui.six.column.table td {
width: 16.66666667%
}
.ui.seven.column.table td {
width: 14.28571429%
}
.ui.eight.column.table td {
width: 12.5%
}
.ui.nine.column.table td {
width: 11.11111111%
}
.ui.ten.column.table td {
width: 10%
}
.ui.eleven.column.table td {
width: 9.09090909%
}
.ui.twelve.column.table td {
width: 8.33333333%
}
.ui.thirteen.column.table td {
width: 7.69230769%
}
.ui.fourteen.column.table td {
width: 7.14285714%
}
.ui.fifteen.column.table td {
width: 6.66666667%
}
.ui.sixteen.column.table td {
width: 6.25%
}
.ui.table td.one.wide, .ui.table th.one.wide {
width: 6.25%
}
.ui.table td.two.wide, .ui.table th.two.wide {
width: 12.5%
}
.ui.table td.three.wide, .ui.table th.three.wide {
width: 18.75%
}
.ui.table td.four.wide, .ui.table th.four.wide {
width: 25%
}
.ui.table td.five.wide, .ui.table th.five.wide {
width: 31.25%
}
.ui.table td.six.wide, .ui.table th.six.wide {
width: 37.5%
}
.ui.table td.seven.wide, .ui.table th.seven.wide {
width: 43.75%
}
.ui.table td.eight.wide, .ui.table th.eight.wide {
width: 50%
}
.ui.table td.nine.wide, .ui.table th.nine.wide {
width: 56.25%
}
.ui.table td.ten.wide, .ui.table th.ten.wide {
width: 62.5%
}
.ui.table td.eleven.wide, .ui.table th.eleven.wide {
width: 68.75%
}
.ui.table td.twelve.wide, .ui.table th.twelve.wide {
width: 75%
}
.ui.table td.thirteen.wide, .ui.table th.thirteen.wide {
width: 81.25%
}
.ui.table td.fourteen.wide, .ui.table th.fourteen.wide {
width: 87.5%
}
.ui.table td.fifteen.wide, .ui.table th.fifteen.wide {
width: 93.75%
}
.ui.table td.sixteen.wide, .ui.table th.sixteen.wide {
width: 100%
}
.ui.sortable.table thead th {
cursor: pointer;
white-space: nowrap;
border-left: 1px solid rgba(34,36,38,.15);
color: rgba(0,0,0,.87)
}
.ui.sortable.table thead th:first-child {
border-left: none
}
.ui.sortable.table thead th.sorted, .ui.sortable.table thead th.sorted:hover {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.ui.sortable.table thead th:after {
display: none;
font-style: normal;
font-weight: 400;
text-decoration: inherit;
content: '';
height: 1em;
width: auto;
opacity: .8;
margin: 0 0 0 .5em;
font-family: Icons
}
.ui.sortable.table thead th.ascending:after {
content: '\f0d8'
}
.ui.sortable.table thead th.descending:after {
content: '\f0d7'
}
.ui.sortable.table th.disabled:hover {
cursor: auto;
color: rgba(40,40,40,.3)
}
.ui.sortable.table thead th:hover {
background: rgba(0,0,0,.05);
color: rgba(0,0,0,.8)
}
.ui.sortable.table thead th.sorted {
background: rgba(0,0,0,.05);
color: rgba(0,0,0,.95)
}
.ui.sortable.table thead th.sorted:after {
display: inline-block
}
.ui.sortable.table thead th.sorted:hover {
background: rgba(0,0,0,.05);
color: rgba(0,0,0,.95)
}
.ui.inverted.sortable.table thead th.sorted {
background: rgba(255,255,255,.15) linear-gradient(transparent,rgba(0,0,0,.05));
color: #fff
}
.ui.inverted.sortable.table thead th:hover {
background: rgba(255,255,255,.08) linear-gradient(transparent,rgba(0,0,0,.05));
color: #fff
}
.ui.inverted.sortable.table thead th {
border-left-color: transparent;
border-right-color: transparent
}
.ui.inverted.table {
background: #333;
color: rgba(255,255,255,.9);
border: none
}
.ui.inverted.table th {
background-color: rgba(0,0,0,.15);
border-color: rgba(255,255,255,.1) !important;
color: rgba(255,255,255,.9) !important
}
.ui.inverted.table tr td {
border-color: rgba(255,255,255,.1) !important
}
.ui.inverted.table tr td.disabled, .ui.inverted.table tr.disabled td, .ui.inverted.table tr.disabled:hover td, .ui.inverted.table tr:hover td.disabled {
pointer-events: none;
color: rgba(225,225,225,.3)
}
.ui.inverted.definition.table tfoot:not(.full-width) th:first-child, .ui.inverted.definition.table thead:not(.full-width) th:first-child {
background: #fff
}
.ui.inverted.definition.table tr td:first-child {
background: rgba(255,255,255,.02);
color: #fff
}
.ui.collapsing.table {
width: auto
}
.ui.basic.table {
background: 0 0;
border: 1px solid rgba(34,36,38,.15);
box-shadow: none
}
.ui.basic.table tfoot, .ui.basic.table thead {
box-shadow: none
}
.ui.basic.table th {
background: 0 0;
border-left: none
}
.ui.basic.table tbody tr {
border-bottom: 1px solid rgba(0,0,0,.1)
}
.ui.basic.table td {
background: 0 0
}
.ui.basic.striped.table tbody tr:nth-child(2n) {
background-color: rgba(0,0,0,.05) !important
}
.ui[class*="very basic"].table {
border: none
}
.ui[class*="very basic"].table:not(.sortable):not(.striped) td, .ui[class*="very basic"].table:not(.sortable):not(.striped) th {
padding: ''
}
.ui[class*="very basic"].table:not(.sortable):not(.striped) td:first-child, .ui[class*="very basic"].table:not(.sortable):not(.striped) th:first-child {
padding-left: 0
}
.ui[class*="very basic"].table:not(.sortable):not(.striped) td:last-child, .ui[class*="very basic"].table:not(.sortable):not(.striped) th:last-child {
padding-right: 0
}
.ui[class*="very basic"].table:not(.sortable):not(.striped) thead tr:first-child th {
padding-top: 0
}
.ui.celled.table tr td, .ui.celled.table tr th {
border-left: 1px solid rgba(34,36,38,.1)
}
.ui.celled.table tr td:first-child, .ui.celled.table tr th:first-child {
border-left: none
}
.ui.padded.table th {
padding-left: 1em;
padding-right: 1em
}
.ui.padded.table td, .ui.padded.table th {
padding: 1em 1em
}
.ui[class*="very padded"].table th {
padding-left: 1.5em;
padding-right: 1.5em
}
.ui[class*="very padded"].table td {
padding: 1.5em 1.5em
}
.ui.compact.table th {
padding-left: .7em;
padding-right: .7em
}
.ui.compact.table td {
padding: .5em .7em
}
.ui[class*="very compact"].table th {
padding-left: .6em;
padding-right: .6em
}
.ui[class*="very compact"].table td {
padding: .4em .6em
}
.ui.small.table {
font-size: .9em
}
.ui.table {
font-size: 1em
}
.ui.large.table {
font-size: 1.1em
}
/*!
* # Semantic UI 2.5.0 - Ad
* http://github.com/semantic-org/semantic-ui/
*
*
* Copyright 2013 Contributors
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.ad {
display: block;
overflow: hidden;
margin: 1em 0
}
.ui.ad:first-child {
margin: 0
}
.ui.ad:last-child {
margin: 0
}
.ui.ad iframe {
margin: 0;
padding: 0;
border: none;
overflow: hidden
}
.ui.leaderboard.ad {
width: 728px;
height: 90px
}
.ui[class*="medium rectangle"].ad {
width: 300px;
height: 250px
}
.ui[class*="large rectangle"].ad {
width: 336px;
height: 280px
}
.ui[class*="half page"].ad {
width: 300px;
height: 600px
}
.ui.square.ad {
width: 250px;
height: 250px
}
.ui[class*="small square"].ad {
width: 200px;
height: 200px
}
.ui[class*="small rectangle"].ad {
width: 180px;
height: 150px
}
.ui[class*="vertical rectangle"].ad {
width: 240px;
height: 400px
}
.ui.button.ad {
width: 120px;
height: 90px
}
.ui[class*="square button"].ad {
width: 125px;
height: 125px
}
.ui[class*="small button"].ad {
width: 120px;
height: 60px
}
.ui.skyscraper.ad {
width: 120px;
height: 600px
}
.ui[class*="wide skyscraper"].ad {
width: 160px
}
.ui.banner.ad {
width: 468px;
height: 60px
}
.ui[class*="vertical banner"].ad {
width: 120px;
height: 240px
}
.ui[class*="top banner"].ad {
width: 930px;
height: 180px
}
.ui[class*="half banner"].ad {
width: 234px;
height: 60px
}
.ui[class*="large leaderboard"].ad {
width: 970px;
height: 90px
}
.ui.billboard.ad {
width: 970px;
height: 250px
}
.ui.panorama.ad {
width: 980px;
height: 120px
}
.ui.netboard.ad {
width: 580px;
height: 400px
}
.ui[class*="large mobile banner"].ad {
width: 320px;
height: 100px
}
.ui[class*="mobile leaderboard"].ad {
width: 320px;
height: 50px
}
.ui.mobile.ad {
display: none
}
@media only screen and (max-width:767px) {
.ui.mobile.ad {
display: block
}
}
.ui.centered.ad {
margin-left: auto;
margin-right: auto
}
.ui.test.ad {
position: relative;
background: #545454
}
.ui.test.ad:after {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
text-align: center;
transform: translateX(-50%) translateY(-50%);
content: 'Ad';
color: #fff;
font-size: 1em;
font-weight: 700
}
.ui.mobile.test.ad:after {
font-size: .85714286em
}
.ui.test.ad[data-text]:after {
content: attr(data-text)
}
/*!
* # Semantic UI 2.5.0 - Item
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.card, .ui.cards > .card {
max-width: 100%;
position: relative;
display: flex;
flex-direction: column;
width: 290px;
min-height: 0;
background: #fff;
padding: 0;
border: none;
border-radius: .28571429rem;
box-shadow: 0 1px 3px 0 #d4d4d5,0 0 0 1px #d4d4d5;
transition: box-shadow .1s ease,transform .1s ease;
z-index: ''
}
.ui.card {
margin: 1em 0
}
.ui.card a, .ui.cards > .card a {
cursor: pointer
}
.ui.card:first-child {
margin-top: 0
}
.ui.card:last-child {
margin-bottom: 0
}
.ui.cards {
display: flex;
margin: -.875em -.5em;
flex-wrap: wrap
}
.ui.cards > .card {
display: flex;
margin: .875em .5em;
float: none
}
.ui.card:after, .ui.cards:after {
display: block;
content: ' ';
height: 0;
clear: both;
overflow: hidden;
visibility: hidden
}
.ui.cards ~ .ui.cards {
margin-top: .875em
}
.ui.card > :first-child, .ui.cards > .card > :first-child {
border-radius: .28571429rem .28571429rem 0 0 !important;
border-top: none !important
}
.ui.card > :last-child, .ui.cards > .card > :last-child {
border-radius: 0 0 .28571429rem .28571429rem !important
}
.ui.card > :only-child, .ui.cards > .card > :only-child {
border-radius: .28571429rem !important
}
.ui.card > .image, .ui.cards > .card > .image {
position: relative;
display: block;
flex: 0 0 auto;
padding: 0;
background: rgba(0,0,0,.05)
}
.ui.card > .image > img, .ui.cards > .card > .image > img {
display: block;
width: 100%;
height: auto;
border-radius: inherit
}
.ui.card > .image:not(.ui) > img, .ui.cards > .card > .image:not(.ui) > img {
border: none
}
.ui.card > .content, .ui.cards > .card > .content {
flex-grow: 1;
border: none;
border-top: 1px solid rgba(34,36,38,.1);
background: 0 0;
margin: 0;
padding: 1em 1em;
box-shadow: none;
font-size: 1em;
border-radius: 0
}
.ui.card > .content:after, .ui.cards > .card > .content:after {
display: block;
content: ' ';
height: 0;
clear: both;
overflow: hidden;
visibility: hidden
}
.ui.card > .content > .header, .ui.cards > .card > .content > .header {
display: block;
margin: '';
font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
color: rgba(0,0,0,.85)
}
.ui.card > .content > .header:not(.ui), .ui.cards > .card > .content > .header:not(.ui) {
font-weight: 700;
font-size: 1.28571429em;
margin-top: -.21425em;
line-height: 1.28571429em
}
.ui.card > .content > .header + .description, .ui.card > .content > .meta + .description, .ui.cards > .card > .content > .header + .description, .ui.cards > .card > .content > .meta + .description {
margin-top: .5em
}
.ui.card [class*="left floated"], .ui.cards > .card [class*="left floated"] {
float: left
}
.ui.card [class*="right floated"], .ui.cards > .card [class*="right floated"] {
float: right
}
.ui.card [class*="left aligned"], .ui.cards > .card [class*="left aligned"] {
text-align: left
}
.ui.card [class*="center aligned"], .ui.cards > .card [class*="center aligned"] {
text-align: center
}
.ui.card [class*="right aligned"], .ui.cards > .card [class*="right aligned"] {
text-align: right
}
.ui.card .content img, .ui.cards > .card .content img {
display: inline-block;
vertical-align: middle;
width: ''
}
.ui.card .avatar img, .ui.card img.avatar, .ui.cards > .card .avatar img, .ui.cards > .card img.avatar {
width: 2em;
height: 2em;
border-radius: 500rem
}
.ui.card > .content > .description, .ui.cards > .card > .content > .description {
clear: both;
color: rgba(0,0,0,.68)
}
.ui.card > .content p, .ui.cards > .card > .content p {
margin: 0 0 .5em
}
.ui.card > .content p:last-child, .ui.cards > .card > .content p:last-child {
margin-bottom: 0
}
.ui.card .meta, .ui.cards > .card .meta {
font-size: 1em;
color: rgba(0,0,0,.4)
}
.ui.card .meta *, .ui.cards > .card .meta * {
margin-right: .3em
}
.ui.card .meta :last-child, .ui.cards > .card .meta :last-child {
margin-right: 0
}
.ui.card .meta [class*="right floated"], .ui.cards > .card .meta [class*="right floated"] {
margin-right: 0;
margin-left: .3em
}
.ui.card > .content a:not(.ui), .ui.cards > .card > .content a:not(.ui) {
color: '';
transition: color .1s ease
}
.ui.card > .content a:not(.ui):hover, .ui.cards > .card > .content a:not(.ui):hover {
color: ''
}
.ui.card > .content > a.header, .ui.cards > .card > .content > a.header {
color: rgba(0,0,0,.85)
}
.ui.card > .content > a.header:hover, .ui.cards > .card > .content > a.header:hover {
color: #1e70bf
}
.ui.card .meta > a:not(.ui), .ui.cards > .card .meta > a:not(.ui) {
color: rgba(0,0,0,.4)
}
.ui.card .meta > a:not(.ui):hover, .ui.cards > .card .meta > a:not(.ui):hover {
color: rgba(0,0,0,.87)
}
.ui.card > .button, .ui.card > .buttons, .ui.cards > .card > .button, .ui.cards > .card > .buttons {
margin: 0 -1px;
width: calc(100% + 2px)
}
.ui.card .dimmer, .ui.cards > .card .dimmer {
background-color: '';
z-index: 10
}
.ui.card > .content .star.icon, .ui.cards > .card > .content .star.icon {
cursor: pointer;
opacity: .75;
transition: color .1s ease
}
.ui.card > .content .star.icon:hover, .ui.cards > .card > .content .star.icon:hover {
opacity: 1;
color: #ffb70a
}
.ui.card > .content .active.star.icon, .ui.cards > .card > .content .active.star.icon {
color: #ffe623
}
.ui.card > .content .like.icon, .ui.cards > .card > .content .like.icon {
cursor: pointer;
opacity: .75;
transition: color .1s ease
}
.ui.card > .content .like.icon:hover, .ui.cards > .card > .content .like.icon:hover {
opacity: 1;
color: #ff2733
}
.ui.card > .content .active.like.icon, .ui.cards > .card > .content .active.like.icon {
color: #ff2733
}
.ui.card > .extra, .ui.cards > .card > .extra {
max-width: 100%;
min-height: 0 !important;
flex-grow: 0;
border-top: 1px solid rgba(0,0,0,.05) !important;
position: static;
background: 0 0;
width: auto;
margin: 0 0;
padding: .75em 1em;
top: 0;
left: 0;
color: rgba(0,0,0,.4);
box-shadow: none;
transition: color .1s ease
}
.ui.card > .extra a:not(.ui), .ui.cards > .card > .extra a:not(.ui) {
color: rgba(0,0,0,.4)
}
.ui.card > .extra a:not(.ui):hover, .ui.cards > .card > .extra a:not(.ui):hover {
color: #1e70bf
}
.ui.raised.card, .ui.raised.cards > .card {
box-shadow: 0 0 0 1px #d4d4d5,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)
}
.ui.link.cards .raised.card:hover, .ui.link.raised.card:hover, .ui.raised.cards a.card:hover, a.ui.raised.card:hover {
box-shadow: 0 0 0 1px #d4d4d5,0 2px 4px 0 rgba(34,36,38,.15),0 2px 10px 0 rgba(34,36,38,.25)
}
.ui.raised.card, .ui.raised.cards > .card {
box-shadow: 0 0 0 1px #d4d4d5,0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)
}
.ui.centered.cards {
justify-content: center
}
.ui.centered.card {
margin-left: auto;
margin-right: auto
}
.ui.fluid.card {
width: 100%;
max-width: 9999px
}
.ui.cards a.card, .ui.link.card, .ui.link.cards .card, a.ui.card {
transform: none
}
.ui.cards a.card:hover, .ui.link.card:hover, .ui.link.cards .card:hover, a.ui.card:hover {
cursor: pointer;
z-index: 5;
background: #fff;
border: none;
box-shadow: 0 1px 3px 0 #bcbdbd,0 0 0 1px #d4d4d5;
transform: translateY(-3px)
}
.ui.cards > .red.card, .ui.red.card, .ui.red.cards > .card {
box-shadow: 0 0 0 1px #d4d4d5,0 2px 0 0 #db2828,0 1px 3px 0 #d4d4d5
}
.ui.cards > .red.card:hover, .ui.red.card:hover, .ui.red.cards > .card:hover {
box-shadow: 0 0 0 1px #d4d4d5,0 2px 0 0 #d01919,0 1px 3px 0 #bcbdbd
}
.ui.cards > .orange.card, .ui.orange.card, .ui.orange.cards > .card {
box-shadow: 0 0 0 1px #d4d4d5,0 2px 0 0 #f2711c,0 1px 3px 0 #d4d4d5
}
.ui.cards > .orange.card:hover, .ui.orange.card:hover, .ui.orange.cards > .card:hover {
box-shadow: 0 0 0 1px #d4d4d5,0 2px 0 0 #f26202,0 1px 3px 0 #bcbdbd
}
.ui.cards > .yellow.card, .ui.yellow.card, .ui.yellow.cards > .card {
box-shadow: 0 0 0 1px #d4d4d5,0 2px 0 0 #fbbd08,0 1px 3px 0 #d4d4d5
}
.ui.cards > .yellow.card:hover, .ui.yellow.card:hover, .ui.yellow.cards > .card:hover {
box-shadow: 0 0 0 1px #d4d4d5,0 2px 0 0 #eaae00,0 1px 3px 0 #bcbdbd
}
.ui.cards > .olive.card, .ui.olive.card, .ui.olive.cards > .card {
box-shadow: 0 0 0 1px #d4d4d5,0 2px 0 0 #b5cc18,0 1px 3px 0 #d4d4d5
}
.ui.cards > .olive.card:hover, .ui.olive.card:hover, .ui.olive.cards > .card:hover {
box-shadow: 0 0 0 1px #d4d4d5,0 2px 0 0 #a7bd0d,0 1px 3px 0 #bcbdbd
}
.ui.cards > .green.card, .ui.green.card, .ui.green.cards > .card {
box-shadow: 0 0 0 1px #d4d4d5,0 2px 0 0 #21ba45,0 1px 3px 0 #d4d4d5
}
.ui.cards > .green.card:hover, .ui.green.card:hover, .ui.green.cards > .card:hover {
box-shadow: 0 0 0 1px #d4d4d5,0 2px 0 0 #16ab39,0 1px 3px 0 #bcbdbd
}
.ui.cards > .teal.card, .ui.teal.card, .ui.teal.cards > .card {
box-shadow: 0 0 0 1px #d4d4d5,0 2px 0 0 #00b5ad,0 1px 3px 0 #d4d4d5
}
.ui.cards > .teal.card:hover, .ui.teal.card:hover, .ui.teal.cards > .card:hover {
box-shadow: 0 0 0 1px #d4d4d5,0 2px 0 0 #009c95,0 1px 3px 0 #bcbdbd
}
.ui.blue.card, .ui.blue.cards > .card, .ui.cards > .blue.card {
box-shadow: 0 0 0 1px #d4d4d5,0 2px 0 0 #2185d0,0 1px 3px 0 #d4d4d5
}
.ui.blue.card:hover, .ui.blue.cards > .card:hover, .ui.cards > .blue.card:hover {
box-shadow: 0 0 0 1px #d4d4d5,0 2px 0 0 #1678c2,0 1px 3px 0 #bcbdbd
}
.ui.cards > .violet.card, .ui.violet.card, .ui.violet.cards > .card {
box-shadow: 0 0 0 1px #d4d4d5,0 2px 0 0 #6435c9,0 1px 3px 0 #d4d4d5
}
.ui.cards > .violet.card:hover, .ui.violet.card:hover, .ui.violet.cards > .card:hover {
box-shadow: 0 0 0 1px #d4d4d5,0 2px 0 0 #5829bb,0 1px 3px 0 #bcbdbd
}
.ui.cards > .purple.card, .ui.purple.card, .ui.purple.cards > .card {
box-shadow: 0 0 0 1px #d4d4d5,0 2px 0 0 #a333c8,0 1px 3px 0 #d4d4d5
}
.ui.cards > .purple.card:hover, .ui.purple.card:hover, .ui.purple.cards > .card:hover {
box-shadow: 0 0 0 1px #d4d4d5,0 2px 0 0 #9627ba,0 1px 3px 0 #bcbdbd
}
.ui.cards > .pink.card, .ui.pink.card, .ui.pink.cards > .card {
box-shadow: 0 0 0 1px #d4d4d5,0 2px 0 0 #e03997,0 1px 3px 0 #d4d4d5
}
.ui.cards > .pink.card:hover, .ui.pink.card:hover, .ui.pink.cards > .card:hover {
box-shadow: 0 0 0 1px #d4d4d5,0 2px 0 0 #e61a8d,0 1px 3px 0 #bcbdbd
}
.ui.brown.card, .ui.brown.cards > .card, .ui.cards > .brown.card {
box-shadow: 0 0 0 1px #d4d4d5,0 2px 0 0 #a5673f,0 1px 3px 0 #d4d4d5
}
.ui.brown.card:hover, .ui.brown.cards > .card:hover, .ui.cards > .brown.card:hover {
box-shadow: 0 0 0 1px #d4d4d5,0 2px 0 0 #975b33,0 1px 3px 0 #bcbdbd
}
.ui.cards > .grey.card, .ui.grey.card, .ui.grey.cards > .card {
box-shadow: 0 0 0 1px #d4d4d5,0 2px 0 0 #767676,0 1px 3px 0 #d4d4d5
}
.ui.cards > .grey.card:hover, .ui.grey.card:hover, .ui.grey.cards > .card:hover {
box-shadow: 0 0 0 1px #d4d4d5,0 2px 0 0 #838383,0 1px 3px 0 #bcbdbd
}
.ui.black.card, .ui.black.cards > .card, .ui.cards > .black.card {
box-shadow: 0 0 0 1px #d4d4d5,0 2px 0 0 #1b1c1d,0 1px 3px 0 #d4d4d5
}
.ui.black.card:hover, .ui.black.cards > .card:hover, .ui.cards > .black.card:hover {
box-shadow: 0 0 0 1px #d4d4d5,0 2px 0 0 #27292a,0 1px 3px 0 #bcbdbd
}
.ui.one.cards {
margin-left: 0;
margin-right: 0
}
.ui.one.cards > .card {
width: 100%
}
.ui.two.cards {
margin-left: -1em;
margin-right: -1em
}
.ui.two.cards > .card {
width: calc(50% - 2em);
margin-left: 1em;
margin-right: 1em
}
.ui.three.cards {
margin-left: -1em;
margin-right: -1em
}
.ui.three.cards > .card {
width: calc(33.33333333% - 2em);
margin-left: 1em;
margin-right: 1em
}
.ui.four.cards {
margin-left: -.75em;
margin-right: -.75em
}
.ui.four.cards > .card {
width: calc(25% - 1.5em);
margin-left: .75em;
margin-right: .75em
}
.ui.five.cards {
margin-left: -.75em;
margin-right: -.75em
}
.ui.five.cards > .card {
width: calc(20% - 1.5em);
margin-left: .75em;
margin-right: .75em
}
.ui.six.cards {
margin-left: -.75em;
margin-right: -.75em
}
.ui.six.cards > .card {
width: calc(16.66666667% - 1.5em);
margin-left: .75em;
margin-right: .75em
}
.ui.seven.cards {
margin-left: -.5em;
margin-right: -.5em
}
.ui.seven.cards > .card {
width: calc(14.28571429% - 1em);
margin-left: .5em;
margin-right: .5em
}
.ui.eight.cards {
margin-left: -.5em;
margin-right: -.5em
}
.ui.eight.cards > .card {
width: calc(12.5% - 1em);
margin-left: .5em;
margin-right: .5em;
font-size: 11px
}
.ui.nine.cards {
margin-left: -.5em;
margin-right: -.5em
}
.ui.nine.cards > .card {
width: calc(11.11111111% - 1em);
margin-left: .5em;
margin-right: .5em;
font-size: 10px
}
.ui.ten.cards {
margin-left: -.5em;
margin-right: -.5em
}
.ui.ten.cards > .card {
width: calc(10% - 1em);
margin-left: .5em;
margin-right: .5em
}
@media only screen and (max-width:767px) {
.ui.two.doubling.cards {
margin-left: 0;
margin-right: 0
}
.ui.two.doubling.cards > .card {
width: 100%;
margin-left: 0;
margin-right: 0
}
.ui.three.doubling.cards {
margin-left: -1em;
margin-right: -1em
}
.ui.three.doubling.cards > .card {
width: calc(50% - 2em);
margin-left: 1em;
margin-right: 1em
}
.ui.four.doubling.cards {
margin-left: -1em;
margin-right: -1em
}
.ui.four.doubling.cards > .card {
width: calc(50% - 2em);
margin-left: 1em;
margin-right: 1em
}
.ui.five.doubling.cards {
margin-left: -1em;
margin-right: -1em
}
.ui.five.doubling.cards > .card {
width: calc(50% - 2em);
margin-left: 1em;
margin-right: 1em
}
.ui.six.doubling.cards {
margin-left: -1em;
margin-right: -1em
}
.ui.six.doubling.cards > .card {
width: calc(50% - 2em);
margin-left: 1em;
margin-right: 1em
}
.ui.seven.doubling.cards {
margin-left: -1em;
margin-right: -1em
}
.ui.seven.doubling.cards > .card {
width: calc(33.33333333% - 2em);
margin-left: 1em;
margin-right: 1em
}
.ui.eight.doubling.cards {
margin-left: -1em;
margin-right: -1em
}
.ui.eight.doubling.cards > .card {
width: calc(33.33333333% - 2em);
margin-left: 1em;
margin-right: 1em
}
.ui.nine.doubling.cards {
margin-left: -1em;
margin-right: -1em
}
.ui.nine.doubling.cards > .card {
width: calc(33.33333333% - 2em);
margin-left: 1em;
margin-right: 1em
}
.ui.ten.doubling.cards {
margin-left: -1em;
margin-right: -1em
}
.ui.ten.doubling.cards > .card {
width: calc(33.33333333% - 2em);
margin-left: 1em;
margin-right: 1em
}
}
@media only screen and (min-width:768px) and (max-width:991px) {
.ui.two.doubling.cards {
margin-left: 0;
margin-right: 0
}
.ui.two.doubling.cards > .card {
width: 100%;
margin-left: 0;
margin-right: 0
}
.ui.three.doubling.cards {
margin-left: -1em;
margin-right: -1em
}
.ui.three.doubling.cards > .card {
width: calc(50% - 2em);
margin-left: 1em;
margin-right: 1em
}
.ui.four.doubling.cards {
margin-left: -1em;
margin-right: -1em
}
.ui.four.doubling.cards > .card {
width: calc(50% - 2em);
margin-left: 1em;
margin-right: 1em
}
.ui.five.doubling.cards {
margin-left: -1em;
margin-right: -1em
}
.ui.five.doubling.cards > .card {
width: calc(33.33333333% - 2em);
margin-left: 1em;
margin-right: 1em
}
.ui.six.doubling.cards {
margin-left: -1em;
margin-right: -1em
}
.ui.six.doubling.cards > .card {
width: calc(33.33333333% - 2em);
margin-left: 1em;
margin-right: 1em
}
.ui.eight.doubling.cards {
margin-left: -1em;
margin-right: -1em
}
.ui.eight.doubling.cards > .card {
width: calc(33.33333333% - 2em);
margin-left: 1em;
margin-right: 1em
}
.ui.eight.doubling.cards {
margin-left: -.75em;
margin-right: -.75em
}
.ui.eight.doubling.cards > .card {
width: calc(25% - 1.5em);
margin-left: .75em;
margin-right: .75em
}
.ui.nine.doubling.cards {
margin-left: -.75em;
margin-right: -.75em
}
.ui.nine.doubling.cards > .card {
width: calc(25% - 1.5em);
margin-left: .75em;
margin-right: .75em
}
.ui.ten.doubling.cards {
margin-left: -.75em;
margin-right: -.75em
}
.ui.ten.doubling.cards > .card {
width: calc(20% - 1.5em);
margin-left: .75em;
margin-right: .75em
}
}
@media only screen and (max-width:767px) {
.ui.stackable.cards {
display: block !important
}
.ui.stackable.cards .card:first-child {
margin-top: 0 !important
}
.ui.stackable.cards > .card {
display: block !important;
height: auto !important;
margin: 1em 1em;
padding: 0 !important;
width: calc(100% - 2em) !important
}
}
.ui.cards > .card {
font-size: 1em
}
/*!
* # Semantic UI 2.5.0 - Comment
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.comments {
margin: 1.5em 0;
max-width: 650px
}
.ui.comments:first-child {
margin-top: 0
}
.ui.comments:last-child {
margin-bottom: 0
}
.ui.comments .comment {
position: relative;
background: 0 0;
margin: .5em 0 0;
padding: .5em 0 0;
border: none;
border-top: none;
line-height: 1.2
}
.ui.comments .comment:first-child {
margin-top: 0;
padding-top: 0
}
.ui.comments .comment .comments {
margin: 0 0 .5em .5em;
padding: 1em 0 1em 1em
}
.ui.comments .comment .comments:before {
position: absolute;
top: 0;
left: 0
}
.ui.comments .comment .comments .comment {
border: none;
border-top: none;
background: 0 0
}
.ui.comments .comment .avatar {
display: block;
width: 2.5em;
height: auto;
float: left;
margin: .2em 0 0
}
.ui.comments .comment .avatar img, .ui.comments .comment img.avatar {
display: block;
margin: 0 auto;
width: 100%;
height: 100%;
border-radius: .25rem
}
.ui.comments .comment > .content {
display: block
}
.ui.comments .comment > .avatar ~ .content {
margin-left: 3.5em
}
.ui.comments .comment .author {
font-size: 1em;
color: rgba(0,0,0,.87);
font-weight: 700
}
.ui.comments .comment a.author {
cursor: pointer
}
.ui.comments .comment a.author:hover {
color: #1e70bf
}
.ui.comments .comment .metadata {
display: inline-block;
margin-left: .5em;
color: rgba(0,0,0,.4);
font-size: .875em
}
.ui.comments .comment .metadata > * {
display: inline-block;
margin: 0 .5em 0 0
}
.ui.comments .comment .metadata > :last-child {
margin-right: 0
}
.ui.comments .comment .text {
margin: .25em 0 .5em;
font-size: 1em;
word-wrap: break-word;
color: rgba(0,0,0,.87);
line-height: 1.3
}
.ui.comments .comment .actions {
font-size: .875em
}
.ui.comments .comment .actions a {
cursor: pointer;
display: inline-block;
margin: 0 .75em 0 0;
color: rgba(0,0,0,.4)
}
.ui.comments .comment .actions a:last-child {
margin-right: 0
}
.ui.comments .comment .actions a.active, .ui.comments .comment .actions a:hover {
color: rgba(0,0,0,.8)
}
.ui.comments > .reply.form {
margin-top: 1em
}
.ui.comments .comment .reply.form {
width: 100%;
margin-top: 1em
}
.ui.comments .reply.form textarea {
font-size: 1em;
height: 12em
}
.ui.collapsed.comments, .ui.comments .collapsed.comment, .ui.comments .collapsed.comments {
display: none
}
.ui.threaded.comments .comment .comments {
margin: -1.5em 0 -1em 1.25em;
padding: 3em 0 2em 2.25em;
box-shadow: -1px 0 0 rgba(34,36,38,.15)
}
.ui.minimal.comments .comment .actions {
opacity: 0;
position: absolute;
top: 0;
right: 0;
left: auto;
transition: opacity .2s ease;
transition-delay: .1s
}
.ui.minimal.comments .comment > .content:hover > .actions {
opacity: 1
}
.ui.mini.comments {
font-size: .78571429rem
}
.ui.tiny.comments {
font-size: .85714286rem
}
.ui.small.comments {
font-size: .92857143rem
}
.ui.comments {
font-size: 1rem
}
.ui.large.comments {
font-size: 1.14285714rem
}
.ui.big.comments {
font-size: 1.28571429rem
}
.ui.huge.comments {
font-size: 1.42857143rem
}
.ui.massive.comments {
font-size: 1.71428571rem
}
/*!
* # Semantic UI 2.5.0 - Feed
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.feed {
margin: 1em 0
}
.ui.feed:first-child {
margin-top: 0
}
.ui.feed:last-child {
margin-bottom: 0
}
.ui.feed > .event {
display: flex;
flex-direction: row;
width: 100%;
padding: .21428571rem 0;
margin: 0;
background: 0 0;
border-top: none
}
.ui.feed > .event:first-child {
border-top: 0;
padding-top: 0
}
.ui.feed > .event:last-child {
padding-bottom: 0
}
.ui.feed > .event > .label {
display: block;
flex: 0 0 auto;
width: 2.5em;
height: auto;
align-self: stretch;
text-align: left
}
.ui.feed > .event > .label .icon {
opacity: 1;
font-size: 1.5em;
width: 100%;
padding: .25em;
background: 0 0;
border: none;
border-radius: none;
color: rgba(0,0,0,.6)
}
.ui.feed > .event > .label img {
width: 100%;
height: auto;
border-radius: 500rem
}
.ui.feed > .event > .label + .content {
margin: .5em 0 .35714286em 1.14285714em
}
.ui.feed > .event > .content {
display: block;
flex: 1 1 auto;
align-self: stretch;
text-align: left;
word-wrap: break-word
}
.ui.feed > .event:last-child > .content {
padding-bottom: 0
}
.ui.feed > .event > .content a {
cursor: pointer
}
.ui.feed > .event > .content .date {
margin: -.5rem 0 0;
padding: 0;
font-weight: 400;
font-size: 1em;
font-style: normal;
color: rgba(0,0,0,.4)
}
.ui.feed > .event > .content .summary {
margin: 0;
font-size: 1em;
font-weight: 700;
color: rgba(0,0,0,.87)
}
.ui.feed > .event > .content .summary img {
display: inline-block;
width: auto;
height: 10em;
margin: -.25em .25em 0 0;
border-radius: .25em;
vertical-align: middle
}
.ui.feed > .event > .content .user {
display: inline-block;
font-weight: 700;
margin-right: 0;
vertical-align: baseline
}
.ui.feed > .event > .content .user img {
margin: -.25em .25em 0 0;
width: auto;
height: 10em;
vertical-align: middle
}
.ui.feed > .event > .content .summary > .date {
display: inline-block;
float: none;
font-weight: 400;
font-size: .85714286em;
font-style: normal;
margin: 0 0 0 .5em;
padding: 0;
color: rgba(0,0,0,.4)
}
.ui.feed > .event > .content .extra {
margin: .5em 0 0;
background: 0 0;
padding: 0;
color: rgba(0,0,0,.87)
}
.ui.feed > .event > .content .extra.images img {
display: inline-block;
margin: 0 .25em 0 0;
width: 6em
}
.ui.feed > .event > .content .extra.text {
padding: 0;
border-left: none;
font-size: 1em;
max-width: 500px;
line-height: 1.4285em
}
.ui.feed > .event > .content .meta {
display: inline-block;
font-size: .85714286em;
margin: .5em 0 0;
background: 0 0;
border: none;
border-radius: 0;
box-shadow: none;
padding: 0;
color: rgba(0,0,0,.6)
}
.ui.feed > .event > .content .meta > * {
position: relative;
margin-left: .75em
}
.ui.feed > .event > .content .meta > :after {
content: '';
color: rgba(0,0,0,.2);
top: 0;
left: -1em;
opacity: 1;
position: absolute;
vertical-align: top
}
.ui.feed > .event > .content .meta .like {
color: '';
transition: .2s color ease
}
.ui.feed > .event > .content .meta .like:hover .icon {
color: #ff2733
}
.ui.feed > .event > .content .meta .active.like .icon {
color: #ef404a
}
.ui.feed > .event > .content .meta > :first-child {
margin-left: 0
}
.ui.feed > .event > .content .meta > :first-child::after {
display: none
}
.ui.feed > .event > .content .meta a, .ui.feed > .event > .content .meta > .icon {
cursor: pointer;
opacity: 1;
color: rgba(0,0,0,.5);
transition: color .1s ease
}
.ui.feed > .event > .content .meta a:hover, .ui.feed > .event > .content .meta a:hover .icon, .ui.feed > .event > .content .meta > .icon:hover {
color: rgba(0,0,0,.95)
}
.ui.small.feed {
font-size: .92857143rem
}
.ui.feed {
font-size: 1rem
}
.ui.large.feed {
font-size: 1.14285714rem
}
/*!
* # Semantic UI 2.5.0 - Item
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.items > .item {
display: flex;
margin: 1em 0;
width: 100%;
min-height: 0;
background: 0 0;
padding: 0;
border: none;
border-radius: 0;
box-shadow: none;
transition: box-shadow .1s ease;
z-index: ''
}
.ui.items > .item a {
cursor: pointer
}
.ui.items {
margin: 1.5em 0
}
.ui.items:first-child {
margin-top: 0 !important
}
.ui.items:last-child {
margin-bottom: 0 !important
}
.ui.items > .item:after {
display: block;
content: ' ';
height: 0;
clear: both;
overflow: hidden;
visibility: hidden
}
.ui.items > .item:first-child {
margin-top: 0
}
.ui.items > .item:last-child {
margin-bottom: 0
}
.ui.items > .item > .image {
position: relative;
flex: 0 0 auto;
display: block;
float: none;
margin: 0;
padding: 0;
max-height: '';
align-self: top
}
.ui.items > .item > .image > img {
display: block;
width: 100%;
height: auto;
border-radius: .125rem;
border: none
}
.ui.items > .item > .image:only-child > img {
border-radius: 0
}
.ui.items > .item > .content {
display: block;
flex: 1 1 auto;
background: 0 0;
margin: 0;
padding: 0;
box-shadow: none;
font-size: 1em;
border: none;
border-radius: 0
}
.ui.items > .item > .content:after {
display: block;
content: ' ';
height: 0;
clear: both;
overflow: hidden;
visibility: hidden
}
.ui.items > .item > .image + .content {
min-width: 0;
width: auto;
display: block;
margin-left: 0;
align-self: top;
padding-left: 1.5em
}
.ui.items > .item > .content > .header {
display: inline-block;
margin: -.21425em 0 0;
font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
font-weight: 700;
color: rgba(0,0,0,.85)
}
.ui.items > .item > .content > .header:not(.ui) {
font-size: 1.28571429em
}
.ui.items > .item [class*="left floated"] {
float: left
}
.ui.items > .item [class*="right floated"] {
float: right
}
.ui.items > .item .content img {
align-self: middle;
width: ''
}
.ui.items > .item .avatar img, .ui.items > .item img.avatar {
width: '';
height: '';
border-radius: 500rem
}
.ui.items > .item > .content > .description {
margin-top: .6em;
max-width: auto;
font-size: 1em;
line-height: 1.4285em;
color: rgba(0,0,0,.87)
}
.ui.items > .item > .content p {
margin: 0 0 .5em
}
.ui.items > .item > .content p:last-child {
margin-bottom: 0
}
.ui.items > .item .meta {
margin: .5em 0 .5em;
font-size: 1em;
line-height: 1em;
color: rgba(0,0,0,.6)
}
.ui.items > .item .meta * {
margin-right: .3em
}
.ui.items > .item .meta :last-child {
margin-right: 0
}
.ui.items > .item .meta [class*="right floated"] {
margin-right: 0;
margin-left: .3em
}
.ui.items > .item > .content a:not(.ui) {
color: '';
transition: color .1s ease
}
.ui.items > .item > .content a:not(.ui):hover {
color: ''
}
.ui.items > .item > .content > a.header {
color: rgba(0,0,0,.85)
}
.ui.items > .item > .content > a.header:hover {
color: #1e70bf
}
.ui.items > .item .meta > a:not(.ui) {
color: rgba(0,0,0,.4)
}
.ui.items > .item .meta > a:not(.ui):hover {
color: rgba(0,0,0,.87)
}
.ui.items > .item > .content .favorite.icon {
cursor: pointer;
opacity: .75;
transition: color .1s ease
}
.ui.items > .item > .content .favorite.icon:hover {
opacity: 1;
color: #ffb70a
}
.ui.items > .item > .content .active.favorite.icon {
color: #ffe623
}
.ui.items > .item > .content .like.icon {
cursor: pointer;
opacity: .75;
transition: color .1s ease
}
.ui.items > .item > .content .like.icon:hover {
opacity: 1;
color: #ff2733
}
.ui.items > .item > .content .active.like.icon {
color: #ff2733
}
.ui.items > .item .extra {
display: block;
position: relative;
background: 0 0;
margin: .5rem 0 0;
width: 100%;
padding: 0 0 0;
top: 0;
left: 0;
color: rgba(0,0,0,.4);
box-shadow: none;
transition: color .1s ease;
border-top: none
}
.ui.items > .item .extra > * {
margin: .25rem .5rem .25rem 0
}
.ui.items > .item .extra > [class*="right floated"] {
margin: .25rem 0 .25rem .5rem
}
.ui.items > .item .extra:after {
display: block;
content: ' ';
height: 0;
clear: both;
overflow: hidden;
visibility: hidden
}
.ui.items > .item > .image:not(.ui) {
width: 175px
}
@media only screen and (min-width:768px) and (max-width:991px) {
.ui.items > .item {
margin: 1em 0
}
.ui.items > .item > .image:not(.ui) {
width: 150px
}
.ui.items > .item > .image + .content {
display: block;
padding: 0 0 0 1em
}
}
@media only screen and (max-width:767px) {
.ui.items:not(.unstackable) > .item {
flex-direction: column;
margin: 2em 0
}
.ui.items:not(.unstackable) > .item > .image {
display: block;
margin-left: auto;
margin-right: auto
}
.ui.items:not(.unstackable) > .item > .image, .ui.items:not(.unstackable) > .item > .image > img {
max-width: 100% !important;
width: auto !important;
max-height: 250px !important
}
.ui.items:not(.unstackable) > .item > .image + .content {
display: block;
padding: 1.5em 0 0
}
}
.ui.items > .item > .image + [class*="top aligned"].content {
align-self: flex-start
}
.ui.items > .item > .image + [class*="middle aligned"].content {
align-self: center
}
.ui.items > .item > .image + [class*="bottom aligned"].content {
align-self: flex-end
}
.ui.relaxed.items > .item {
margin: 1.5em 0
}
.ui[class*="very relaxed"].items > .item {
margin: 2em 0
}
.ui.divided.items > .item {
border-top: 1px solid rgba(34,36,38,.15);
margin: 0;
padding: 1em 0
}
.ui.divided.items > .item:first-child {
border-top: none;
margin-top: 0 !important;
padding-top: 0 !important
}
.ui.divided.items > .item:last-child {
margin-bottom: 0 !important;
padding-bottom: 0 !important
}
.ui.relaxed.divided.items > .item {
margin: 0;
padding: 1.5em 0
}
.ui[class*="very relaxed"].divided.items > .item {
margin: 0;
padding: 2em 0
}
.ui.items a.item:hover, .ui.link.items > .item:hover {
cursor: pointer
}
.ui.items a.item:hover .content .header, .ui.link.items > .item:hover .content .header {
color: #1e70bf
}
.ui.items > .item {
font-size: 1em
}
@media only screen and (max-width:767px) {
.ui.unstackable.items > .item > .image, .ui.unstackable.items > .item > .image > img {
width: 125px !important
}
}
/*!
* # Semantic UI 2.5.0 - Statistic
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.statistic {
display: inline-flex;
flex-direction: column;
margin: 1em 0;
max-width: auto
}
.ui.statistic + .ui.statistic {
margin: 0 0 0 1.5em
}
.ui.statistic:first-child {
margin-top: 0
}
.ui.statistic:last-child {
margin-bottom: 0
}
.ui.statistics {
display: flex;
align-items: flex-start;
flex-wrap: wrap
}
.ui.statistics > .statistic {
display: inline-flex;
flex: 0 1 auto;
flex-direction: column;
margin: 0 1.5em 1em;
max-width: auto
}
.ui.statistics {
display: flex;
margin: 1em -1.5em -1em
}
.ui.statistics:after {
display: block;
content: ' ';
height: 0;
clear: both;
overflow: hidden;
visibility: hidden
}
.ui.statistics:first-child {
margin-top: 0
}
.ui.statistic > .value, .ui.statistics .statistic > .value {
font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
font-size: 4rem;
font-weight: 400;
line-height: 1em;
color: #1b1c1d;
text-transform: uppercase;
text-align: center
}
.ui.statistic > .label, .ui.statistics .statistic > .label {
font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
font-size: 1em;
font-weight: 700;
color: rgba(0,0,0,.87);
text-transform: uppercase;
text-align: center
}
.ui.statistic > .label ~ .value, .ui.statistics .statistic > .label ~ .value {
margin-top: 0
}
.ui.statistic > .value ~ .label, .ui.statistics .statistic > .value ~ .label {
margin-top: 0
}
.ui.statistic > .value .icon, .ui.statistics .statistic > .value .icon {
opacity: 1;
width: auto;
margin: 0
}
.ui.statistic > .text.value, .ui.statistics .statistic > .text.value {
line-height: 1em;
min-height: 2em;
font-weight: 700;
text-align: center
}
.ui.statistic > .text.value + .label, .ui.statistics .statistic > .text.value + .label {
text-align: center
}
.ui.statistic > .value img, .ui.statistics .statistic > .value img {
max-height: 3rem;
vertical-align: baseline
}
.ui.ten.statistics {
margin: 0 0 -1em
}
.ui.ten.statistics .statistic {
min-width: 10%;
margin: 0 0 1em
}
.ui.nine.statistics {
margin: 0 0 -1em
}
.ui.nine.statistics .statistic {
min-width: 11.11111111%;
margin: 0 0 1em
}
.ui.eight.statistics {
margin: 0 0 -1em
}
.ui.eight.statistics .statistic {
min-width: 12.5%;
margin: 0 0 1em
}
.ui.seven.statistics {
margin: 0 0 -1em
}
.ui.seven.statistics .statistic {
min-width: 14.28571429%;
margin: 0 0 1em
}
.ui.six.statistics {
margin: 0 0 -1em
}
.ui.six.statistics .statistic {
min-width: 16.66666667%;
margin: 0 0 1em
}
.ui.five.statistics {
margin: 0 0 -1em
}
.ui.five.statistics .statistic {
min-width: 20%;
margin: 0 0 1em
}
.ui.four.statistics {
margin: 0 0 -1em
}
.ui.four.statistics .statistic {
min-width: 25%;
margin: 0 0 1em
}
.ui.three.statistics {
margin: 0 0 -1em
}
.ui.three.statistics .statistic {
min-width: 33.33333333%;
margin: 0 0 1em
}
.ui.two.statistics {
margin: 0 0 -1em
}
.ui.two.statistics .statistic {
min-width: 50%;
margin: 0 0 1em
}
.ui.one.statistics {
margin: 0 0 -1em
}
.ui.one.statistics .statistic {
min-width: 100%;
margin: 0 0 1em
}
.ui.horizontal.statistic {
flex-direction: row;
align-items: center
}
.ui.horizontal.statistics {
flex-direction: column;
margin: 0;
max-width: none
}
.ui.horizontal.statistics .statistic {
flex-direction: row;
align-items: center;
max-width: none;
margin: 1em 0
}
.ui.horizontal.statistic > .text.value, .ui.horizontal.statistics > .statistic > .text.value {
min-height: 0 !important
}
.ui.horizontal.statistic > .value .icon, .ui.horizontal.statistics .statistic > .value .icon {
width: 1.18em
}
.ui.horizontal.statistic > .value, .ui.horizontal.statistics .statistic > .value {
display: inline-block;
vertical-align: middle
}
.ui.horizontal.statistic > .label, .ui.horizontal.statistics .statistic > .label {
display: inline-block;
vertical-align: middle;
margin: 0 0 0 .75em
}
.ui.red.statistic > .value, .ui.red.statistics .statistic > .value, .ui.statistics .red.statistic > .value {
color: #db2828
}
.ui.orange.statistic > .value, .ui.orange.statistics .statistic > .value, .ui.statistics .orange.statistic > .value {
color: #f2711c
}
.ui.statistics .yellow.statistic > .value, .ui.yellow.statistic > .value, .ui.yellow.statistics .statistic > .value {
color: #fbbd08
}
.ui.olive.statistic > .value, .ui.olive.statistics .statistic > .value, .ui.statistics .olive.statistic > .value {
color: #b5cc18
}
.ui.green.statistic > .value, .ui.green.statistics .statistic > .value, .ui.statistics .green.statistic > .value {
color: #21ba45
}
.ui.statistics .teal.statistic > .value, .ui.teal.statistic > .value, .ui.teal.statistics .statistic > .value {
color: #00b5ad
}
.ui.blue.statistic > .value, .ui.blue.statistics .statistic > .value, .ui.statistics .blue.statistic > .value {
color: #2185d0
}
.ui.statistics .violet.statistic > .value, .ui.violet.statistic > .value, .ui.violet.statistics .statistic > .value {
color: #6435c9
}
.ui.purple.statistic > .value, .ui.purple.statistics .statistic > .value, .ui.statistics .purple.statistic > .value {
color: #a333c8
}
.ui.pink.statistic > .value, .ui.pink.statistics .statistic > .value, .ui.statistics .pink.statistic > .value {
color: #e03997
}
.ui.brown.statistic > .value, .ui.brown.statistics .statistic > .value, .ui.statistics .brown.statistic > .value {
color: #a5673f
}
.ui.grey.statistic > .value, .ui.grey.statistics .statistic > .value, .ui.statistics .grey.statistic > .value {
color: #767676
}
.ui.inverted.statistic .value, .ui.inverted.statistics .statistic > .value {
color: #fff
}
.ui.inverted.statistic .label, .ui.inverted.statistics .statistic > .label {
color: rgba(255,255,255,.9)
}
.ui.inverted.red.statistic > .value, .ui.inverted.red.statistics .statistic > .value, .ui.statistics .inverted.red.statistic > .value {
color: #ff695e
}
.ui.inverted.orange.statistic > .value, .ui.inverted.orange.statistics .statistic > .value, .ui.statistics .inverted.orange.statistic > .value {
color: #ff851b
}
.ui.inverted.yellow.statistic > .value, .ui.inverted.yellow.statistics .statistic > .value, .ui.statistics .inverted.yellow.statistic > .value {
color: #ffe21f
}
.ui.inverted.olive.statistic > .value, .ui.inverted.olive.statistics .statistic > .value, .ui.statistics .inverted.olive.statistic > .value {
color: #d9e778
}
.ui.inverted.green.statistic > .value, .ui.inverted.green.statistics .statistic > .value, .ui.statistics .inverted.green.statistic > .value {
color: #2ecc40
}
.ui.inverted.teal.statistic > .value, .ui.inverted.teal.statistics .statistic > .value, .ui.statistics .inverted.teal.statistic > .value {
color: #6dffff
}
.ui.inverted.blue.statistic > .value, .ui.inverted.blue.statistics .statistic > .value, .ui.statistics .inverted.blue.statistic > .value {
color: #54c8ff
}
.ui.inverted.violet.statistic > .value, .ui.inverted.violet.statistics .statistic > .value, .ui.statistics .inverted.violet.statistic > .value {
color: #a291fb
}
.ui.inverted.purple.statistic > .value, .ui.inverted.purple.statistics .statistic > .value, .ui.statistics .inverted.purple.statistic > .value {
color: #dc73ff
}
.ui.inverted.pink.statistic > .value, .ui.inverted.pink.statistics .statistic > .value, .ui.statistics .inverted.pink.statistic > .value {
color: #ff8edf
}
.ui.inverted.brown.statistic > .value, .ui.inverted.brown.statistics .statistic > .value, .ui.statistics .inverted.brown.statistic > .value {
color: #d67c1c
}
.ui.inverted.grey.statistic > .value, .ui.inverted.grey.statistics .statistic > .value, .ui.statistics .inverted.grey.statistic > .value {
color: #dcddde
}
.ui[class*="left floated"].statistic {
float: left;
margin: 0 2em 1em 0
}
.ui[class*="right floated"].statistic {
float: right;
margin: 0 0 1em 2em
}
.ui.floated.statistic:last-child {
margin-bottom: 0
}
.ui.mini.statistic > .value, .ui.mini.statistics .statistic > .value {
font-size: 1.5rem !important
}
.ui.mini.horizontal.statistic > .value, .ui.mini.horizontal.statistics .statistic > .value {
font-size: 1.5rem !important
}
.ui.mini.statistic > .text.value, .ui.mini.statistics .statistic > .text.value {
font-size: 1rem !important
}
.ui.tiny.statistic > .value, .ui.tiny.statistics .statistic > .value {
font-size: 2rem !important
}
.ui.tiny.horizontal.statistic > .value, .ui.tiny.horizontal.statistics .statistic > .value {
font-size: 2rem !important
}
.ui.tiny.statistic > .text.value, .ui.tiny.statistics .statistic > .text.value {
font-size: 1rem !important
}
.ui.small.statistic > .value, .ui.small.statistics .statistic > .value {
font-size: 3rem !important
}
.ui.small.horizontal.statistic > .value, .ui.small.horizontal.statistics .statistic > .value {
font-size: 2rem !important
}
.ui.small.statistic > .text.value, .ui.small.statistics .statistic > .text.value {
font-size: 1rem !important
}
.ui.statistic > .value, .ui.statistics .statistic > .value {
font-size: 4rem !important
}
.ui.horizontal.statistic > .value, .ui.horizontal.statistics .statistic > .value {
font-size: 3rem !important
}
.ui.statistic > .text.value, .ui.statistics .statistic > .text.value {
font-size: 2rem !important
}
.ui.large.statistic > .value, .ui.large.statistics .statistic > .value {
font-size: 5rem !important
}
.ui.large.horizontal.statistic > .value, .ui.large.horizontal.statistics .statistic > .value {
font-size: 4rem !important
}
.ui.large.statistic > .text.value, .ui.large.statistics .statistic > .text.value {
font-size: 2.5rem !important
}
.ui.huge.statistic > .value, .ui.huge.statistics .statistic > .value {
font-size: 6rem !important
}
.ui.huge.horizontal.statistic > .value, .ui.huge.horizontal.statistics .statistic > .value {
font-size: 5rem !important
}
.ui.huge.statistic > .text.value, .ui.huge.statistics .statistic > .text.value {
font-size: 2.5rem !important
}
/*!
* # Semantic UI 2.5.0 - Accordion
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.accordion, .ui.accordion .accordion {
max-width: 100%
}
.ui.accordion .accordion {
margin: 1em 0 0;
padding: 0
}
.ui.accordion .accordion .title, .ui.accordion .title {
cursor: pointer
}
.ui.accordion .title:not(.ui) {
padding: .5em 0;
font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
font-size: 1em;
color: rgba(0,0,0,.87)
}
.ui.accordion .accordion .title ~ .content, .ui.accordion .title ~ .content {
display: none
}
.ui.accordion:not(.styled) .accordion .title ~ .content:not(.ui), .ui.accordion:not(.styled) .title ~ .content:not(.ui) {
margin: '';
padding: .5em 0 1em
}
.ui.accordion:not(.styled) .title ~ .content:not(.ui):last-child {
padding-bottom: 0
}
.ui.accordion .accordion .title .dropdown.icon, .ui.accordion .title .dropdown.icon {
display: inline-block;
float: none;
opacity: 1;
width: 1.25em;
height: 1em;
margin: 0 .25rem 0 0;
padding: 0;
font-size: 1em;
transition: transform .1s ease,opacity .1s ease;
vertical-align: baseline;
transform: none
}
.ui.accordion.menu .item .title {
display: block;
padding: 0
}
.ui.accordion.menu .item .title > .dropdown.icon {
float: right;
margin: .21425em 0 0 1em;
transform: rotate(180deg)
}
.ui.accordion .ui.header .dropdown.icon {
font-size: 1em;
margin: 0 .25rem 0 0
}
.ui.accordion .accordion .active.title .dropdown.icon, .ui.accordion .active.title .dropdown.icon {
transform: rotate(90deg)
}
.ui.accordion.menu .item .active.title > .dropdown.icon {
transform: rotate(90deg)
}
.ui.styled.accordion {
width: 600px
}
.ui.styled.accordion, .ui.styled.accordion .accordion {
border-radius: .28571429rem;
background: #fff;
box-shadow: 0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15)
}
.ui.styled.accordion .accordion .title, .ui.styled.accordion .title {
margin: 0;
padding: .75em 1em;
color: rgba(0,0,0,.4);
font-weight: 700;
border-top: 1px solid rgba(34,36,38,.15);
transition: background .1s ease,color .1s ease
}
.ui.styled.accordion .accordion .title:first-child, .ui.styled.accordion > .title:first-child {
border-top: none
}
.ui.styled.accordion .accordion .content, .ui.styled.accordion .content {
margin: 0;
padding: .5em 1em 1.5em
}
.ui.styled.accordion .accordion .content {
padding: 0;
padding: .5em 1em 1.5em
}
.ui.styled.accordion .accordion .active.title, .ui.styled.accordion .accordion .title:hover, .ui.styled.accordion .active.title, .ui.styled.accordion .title:hover {
background: 0 0;
color: rgba(0,0,0,.87)
}
.ui.styled.accordion .accordion .active.title, .ui.styled.accordion .accordion .title:hover {
background: 0 0;
color: rgba(0,0,0,.87)
}
.ui.styled.accordion .active.title {
background: 0 0;
color: rgba(0,0,0,.95)
}
.ui.styled.accordion .accordion .active.title {
background: 0 0;
color: rgba(0,0,0,.95)
}
.ui.accordion .accordion .active.content, .ui.accordion .active.content {
display: block
}
.ui.fluid.accordion, .ui.fluid.accordion .accordion {
width: 100%
}
.ui.inverted.accordion .title:not(.ui) {
color: rgba(255,255,255,.9)
}
@font-face {
font-family: Accordion;
src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfOIKAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zryj6HgAAAFwAAAAyGhlYWT/0IhHAAACOAAAADZoaGVhApkB5wAAAnAAAAAkaG10eAJuABIAAAKUAAAAGGxvY2EAjABWAAACrAAAAA5tYXhwAAgAFgAAArwAAAAgbmFtZfC1n04AAALcAAABPHBvc3QAAwAAAAAEGAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQASAEkAtwFuABMAADc0PwE2FzYXFh0BFAcGJwYvASY1EgaABQgHBQYGBQcIBYAG2wcGfwcBAQcECf8IBAcBAQd/BgYAAAAAAQAAAEkApQFuABMAADcRNDc2MzIfARYVFA8BBiMiJyY1AAUGBwgFgAYGgAUIBwYFWwEACAUGBoAFCAcFgAYGBQcAAAABAAAAAQAAqWYls18PPPUACwIAAAAAAM/9o+4AAAAAz/2j7gAAAAAAtwFuAAAACAACAAAAAAAAAAEAAAHg/+AAAAIAAAAAAAC3AAEAAAAAAAAAAAAAAAAAAAAGAAAAAAAAAAAAAAAAAQAAAAC3ABIAtwAAAAAAAAAKABQAHgBCAGQAAAABAAAABgAUAAEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'),url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAASwAAoAAAAABGgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAS0AAAEtFpovuE9TLzIAAAIkAAAAYAAAAGAIIweQY21hcAAAAoQAAABMAAAATA984gpnYXNwAAAC0AAAAAgAAAAIAAAAEGhlYWQAAALYAAAANgAAADb/0IhHaGhlYQAAAxAAAAAkAAAAJAKZAedobXR4AAADNAAAABgAAAAYAm4AEm1heHAAAANMAAAABgAAAAYABlAAbmFtZQAAA1QAAAE8AAABPPC1n05wb3N0AAAEkAAAACAAAAAgAAMAAAEABAQAAQEBB3JhdGluZwABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeLa/iU+HQFHQAAAHkPHQAAAH4RHQAAAAkdAAABJBIABwEBBw0PERQZHnJhdGluZ3JhdGluZ3UwdTF1MjB1RjBEOXVGMERBAAACAYkABAAGAQEEBwoNVp38lA78lA78lA77lA773Z33bxWLkI2Qj44I9xT3FAWOj5CNkIuQi4+JjoePiI2Gi4YIi/uUBYuGiYeHiIiHh4mGi4aLho2Ijwj7FPcUBYeOiY+LkAgO+92L5hWL95QFi5CNkI6Oj4+PjZCLkIuQiY6HCPcU+xQFj4iNhouGi4aJh4eICPsU+xQFiIeGiYaLhouHjYePiI6Jj4uQCA74lBT4lBWLDAoAAAAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAADfYOJZfDzz1AAsCAAAAAADP/aPuAAAAAM/9o+4AAAAAALcBbgAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAAAtwABAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAEAAAAAtwASALcAAAAAUAAABgAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff');
font-weight: 400;
font-style: normal
}
.ui.accordion .accordion .title .dropdown.icon, .ui.accordion .title .dropdown.icon {
font-family: Accordion;
line-height: 1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
font-weight: 400;
font-style: normal;
text-align: center
}
.ui.accordion .accordion .title .dropdown.icon:before, .ui.accordion .title .dropdown.icon:before {
content: '\f0da'
}
/*!
* # Semantic UI 2.5.0 - Checkbox
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.checkbox {
position: relative;
display: inline-block;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
outline: 0;
vertical-align: baseline;
font-style: normal;
min-height: 17px;
font-size: 1rem;
line-height: 17px;
min-width: 17px
}
.ui.checkbox input[type=checkbox], .ui.checkbox input[type=radio] {
cursor: pointer;
position: absolute;
top: 0;
left: 0;
opacity: 0 !important;
outline: 0;
z-index: 3;
width: 17px;
height: 17px
}
.ui.checkbox .box, .ui.checkbox label {
cursor: auto;
position: relative;
display: block;
padding-left: 1.85714em;
outline: 0;
font-size: 1em
}
.ui.checkbox .box:before, .ui.checkbox label:before {
position: absolute;
top: 0;
left: 0;
width: 17px;
height: 17px;
content: '';
background: #fff;
border-radius: .21428571rem;
transition: border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease;
border: 1px solid #d4d4d5
}
.ui.checkbox .box:after, .ui.checkbox label:after {
position: absolute;
font-size: 14px;
top: 0;
left: 0;
width: 17px;
height: 17px;
text-align: center;
opacity: 0;
color: rgba(0,0,0,.87);
transition: border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease
}
.ui.checkbox label, .ui.checkbox + label {
color: rgba(0,0,0,.87);
transition: color .1s ease
}
.ui.checkbox + label {
vertical-align: middle
}
.ui.checkbox .box:hover::before, .ui.checkbox label:hover::before {
background: #fff;
border-color: rgba(34,36,38,.35)
}
.ui.checkbox label:hover, .ui.checkbox + label:hover {
color: rgba(0,0,0,.8)
}
.ui.checkbox .box:active::before, .ui.checkbox label:active::before {
background: #f9fafb;
border-color: rgba(34,36,38,.35)
}
.ui.checkbox .box:active::after, .ui.checkbox label:active::after {
color: rgba(0,0,0,.95)
}
.ui.checkbox input:active ~ label {
color: rgba(0,0,0,.95)
}
.ui.checkbox input:focus ~ .box:before, .ui.checkbox input:focus ~ label:before {
background: #fff;
border-color: #96c8da
}
.ui.checkbox input:focus ~ .box:after, .ui.checkbox input:focus ~ label:after {
color: rgba(0,0,0,.95)
}
.ui.checkbox input:focus ~ label {
color: rgba(0,0,0,.95)
}
.ui.checkbox input:checked ~ .box:before, .ui.checkbox input:checked ~ label:before {
background: #fff;
border-color: rgba(34,36,38,.35)
}
.ui.checkbox input:checked ~ .box:after, .ui.checkbox input:checked ~ label:after {
opacity: 1;
color: rgba(0,0,0,.95)
}
.ui.checkbox input:not([type=radio]):indeterminate ~ .box:before, .ui.checkbox input:not([type=radio]):indeterminate ~ label:before {
background: #fff;
border-color: rgba(34,36,38,.35)
}
.ui.checkbox input:not([type=radio]):indeterminate ~ .box:after, .ui.checkbox input:not([type=radio]):indeterminate ~ label:after {
opacity: 1;
color: rgba(0,0,0,.95)
}
.ui.checkbox input:checked:focus ~ .box:before, .ui.checkbox input:checked:focus ~ label:before, .ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:before, .ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:before {
background: #fff;
border-color: #96c8da
}
.ui.checkbox input:checked:focus ~ .box:after, .ui.checkbox input:checked:focus ~ label:after, .ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:after, .ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:after {
color: rgba(0,0,0,.95)
}
.ui.read-only.checkbox, .ui.read-only.checkbox label {
cursor: default
}
.ui.checkbox input[disabled] ~ .box:after, .ui.checkbox input[disabled] ~ label, .ui.disabled.checkbox .box:after, .ui.disabled.checkbox label {
cursor: default !important;
opacity: .5;
color: #000
}
.ui.checkbox input.hidden {
z-index: -1
}
.ui.checkbox input.hidden + label {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.ui.radio.checkbox {
min-height: 15px
}
.ui.radio.checkbox .box, .ui.radio.checkbox label {
padding-left: 1.85714em
}
.ui.radio.checkbox .box:before, .ui.radio.checkbox label:before {
content: '';
transform: none;
width: 15px;
height: 15px;
border-radius: 500rem;
top: 1px;
left: 0
}
.ui.radio.checkbox .box:after, .ui.radio.checkbox label:after {
border: none;
content: '' !important;
width: 15px;
height: 15px;
line-height: 15px
}
.ui.radio.checkbox .box:after, .ui.radio.checkbox label:after {
top: 1px;
left: 0;
width: 15px;
height: 15px;
border-radius: 500rem;
transform: scale(.46666667);
background-color: rgba(0,0,0,.87)
}
.ui.radio.checkbox input:focus ~ .box:before, .ui.radio.checkbox input:focus ~ label:before {
background-color: #fff
}
.ui.radio.checkbox input:focus ~ .box:after, .ui.radio.checkbox input:focus ~ label:after {
background-color: rgba(0,0,0,.95)
}
.ui.radio.checkbox input:indeterminate ~ .box:after, .ui.radio.checkbox input:indeterminate ~ label:after {
opacity: 0
}
.ui.radio.checkbox input:checked ~ .box:before, .ui.radio.checkbox input:checked ~ label:before {
background-color: #fff
}
.ui.radio.checkbox input:checked ~ .box:after, .ui.radio.checkbox input:checked ~ label:after {
background-color: rgba(0,0,0,.95)
}
.ui.radio.checkbox input:focus:checked ~ .box:before, .ui.radio.checkbox input:focus:checked ~ label:before {
background-color: #fff
}
.ui.radio.checkbox input:focus:checked ~ .box:after, .ui.radio.checkbox input:focus:checked ~ label:after {
background-color: rgba(0,0,0,.95)
}
.ui.slider.checkbox {
min-height: 1.25rem
}
.ui.slider.checkbox input {
width: 3.5rem;
height: 1.25rem
}
.ui.slider.checkbox .box, .ui.slider.checkbox label {
padding-left: 4.5rem;
line-height: 1rem;
color: rgba(0,0,0,.4)
}
.ui.slider.checkbox .box:before, .ui.slider.checkbox label:before {
display: block;
position: absolute;
content: '';
border: none !important;
left: 0;
z-index: 1;
top: .4rem;
background-color: rgba(0,0,0,.05);
width: 3.5rem;
height: .21428571rem;
transform: none;
border-radius: 500rem;
transition: background .3s ease
}
.ui.slider.checkbox .box:after, .ui.slider.checkbox label:after {
background: #fff linear-gradient(transparent,rgba(0,0,0,.05));
position: absolute;
content: '' !important;
opacity: 1;
z-index: 2;
border: none;
box-shadow: 0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15) inset;
width: 1.5rem;
height: 1.5rem;
top: -.25rem;
left: 0;
transform: none;
border-radius: 500rem;
transition: left .3s ease
}
.ui.slider.checkbox input:focus ~ .box:before, .ui.slider.checkbox input:focus ~ label:before {
background-color: rgba(0,0,0,.15);
border: none
}
.ui.slider.checkbox .box:hover, .ui.slider.checkbox label:hover {
color: rgba(0,0,0,.8)
}
.ui.slider.checkbox .box:hover::before, .ui.slider.checkbox label:hover::before {
background: rgba(0,0,0,.15)
}
.ui.slider.checkbox input:checked ~ .box, .ui.slider.checkbox input:checked ~ label {
color: rgba(0,0,0,.95) !important
}
.ui.slider.checkbox input:checked ~ .box:before, .ui.slider.checkbox input:checked ~ label:before {
background-color: #545454 !important
}
.ui.slider.checkbox input:checked ~ .box:after, .ui.slider.checkbox input:checked ~ label:after {
left: 2rem
}
.ui.slider.checkbox input:focus:checked ~ .box, .ui.slider.checkbox input:focus:checked ~ label {
color: rgba(0,0,0,.95) !important
}
.ui.slider.checkbox input:focus:checked ~ .box:before, .ui.slider.checkbox input:focus:checked ~ label:before {
background-color: #000 !important
}
.ui.toggle.checkbox {
min-height: 1.5rem
}
.ui.toggle.checkbox input {
width: 3.5rem;
height: 1.5rem
}
.ui.toggle.checkbox .box, .ui.toggle.checkbox label {
min-height: 1.5rem;
padding-left: 4.5rem;
color: rgba(0,0,0,.87)
}
.ui.toggle.checkbox label {
padding-top: .15em
}
.ui.toggle.checkbox .box:before, .ui.toggle.checkbox label:before {
display: block;
position: absolute;
content: '';
z-index: 1;
transform: none;
border: none;
top: 0;
background: rgba(0,0,0,.05);
box-shadow: none;
width: 3.5rem;
height: 1.5rem;
border-radius: 500rem
}
.ui.toggle.checkbox .box:after, .ui.toggle.checkbox label:after {
background: #fff linear-gradient(transparent,rgba(0,0,0,.05));
position: absolute;
content: '' !important;
opacity: 1;
z-index: 2;
border: none;
box-shadow: 0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15) inset;
width: 1.5rem;
height: 1.5rem;
top: 0;
left: 0;
border-radius: 500rem;
transition: background .3s ease,left .3s ease
}
.ui.toggle.checkbox input ~ .box:after, .ui.toggle.checkbox input ~ label:after {
left: -.05rem;
box-shadow: 0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15) inset
}
.ui.toggle.checkbox input:focus ~ .box:before, .ui.toggle.checkbox input:focus ~ label:before {
background-color: rgba(0,0,0,.15);
border: none
}
.ui.toggle.checkbox .box:hover::before, .ui.toggle.checkbox label:hover::before {
background-color: rgba(0,0,0,.15);
border: none
}
.ui.toggle.checkbox input:checked ~ .box, .ui.toggle.checkbox input:checked ~ label {
color: rgba(0,0,0,.95) !important
}
.ui.toggle.checkbox input:checked ~ .box:before, .ui.toggle.checkbox input:checked ~ label:before {
background-color: #2185d0 !important
}
.ui.toggle.checkbox input:checked ~ .box:after, .ui.toggle.checkbox input:checked ~ label:after {
left: 2.15rem;
box-shadow: 0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15) inset
}
.ui.toggle.checkbox input:focus:checked ~ .box, .ui.toggle.checkbox input:focus:checked ~ label {
color: rgba(0,0,0,.95) !important
}
.ui.toggle.checkbox input:focus:checked ~ .box:before, .ui.toggle.checkbox input:focus:checked ~ label:before {
background-color: #0d71bb !important
}
.ui.fitted.checkbox .box, .ui.fitted.checkbox label {
padding-left: 0 !important
}
.ui.fitted.toggle.checkbox {
width: 3.5rem
}
.ui.fitted.slider.checkbox {
width: 3.5rem
}
@font-face {
font-family: Checkbox;
src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBD8AAAC8AAAAYGNtYXAYVtCJAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zn4huwUAAAF4AAABYGhlYWQGPe1ZAAAC2AAAADZoaGVhB30DyAAAAxAAAAAkaG10eBBKAEUAAAM0AAAAHGxvY2EAmgESAAADUAAAABBtYXhwAAkALwAAA2AAAAAgbmFtZSC8IugAAAOAAAABknBvc3QAAwAAAAAFFAAAACAAAwMTAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADoAgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6AL//f//AAAAAAAg6AD//f//AAH/4xgEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAEUAUQO7AvgAGgAAARQHAQYjIicBJjU0PwE2MzIfAQE2MzIfARYVA7sQ/hQQFhcQ/uMQEE4QFxcQqAF2EBcXEE4QAnMWEP4UEBABHRAXFhBOEBCoAXcQEE4QFwAAAAABAAABbgMlAkkAFAAAARUUBwYjISInJj0BNDc2MyEyFxYVAyUQEBf9SRcQEBAQFwK3FxAQAhJtFxAQEBAXbRcQEBAQFwAAAAABAAAASQMlA24ALAAAARUUBwYrARUUBwYrASInJj0BIyInJj0BNDc2OwE1NDc2OwEyFxYdATMyFxYVAyUQEBfuEBAXbhYQEO4XEBAQEBfuEBAWbhcQEO4XEBACEm0XEBDuFxAQEBAX7hAQF20XEBDuFxAQEBAX7hAQFwAAAQAAAAIAAHRSzT9fDzz1AAsEAAAAAADRsdR3AAAAANGx1HcAAAAAA7sDbgAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAADuwABAAAAAAAAAAAAAAAAAAAABwQAAAAAAAAAAAAAAAIAAAAEAABFAyUAAAMlAAAAAAAAAAoAFAAeAE4AcgCwAAEAAAAHAC0AAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAIAAAAAQAAAAAAAgAHAGkAAQAAAAAAAwAIADkAAQAAAAAABAAIAH4AAQAAAAAABQALABgAAQAAAAAABgAIAFEAAQAAAAAACgAaAJYAAwABBAkAAQAQAAgAAwABBAkAAgAOAHAAAwABBAkAAwAQAEEAAwABBAkABAAQAIYAAwABBAkABQAWACMAAwABBAkABgAQAFkAAwABBAkACgA0ALBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhWZXJzaW9uIDIuMABWAGUAcgBzAGkAbwBuACAAMgAuADBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhDaGVja2JveABDAGgAZQBjAGsAYgBvAHhSZWd1bGFyAFIAZQBnAHUAbABhAHJDaGVja2JveABDAGgAZQBjAGsAYgBvAHhGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype')
}
.ui.checkbox .box:after, .ui.checkbox label:after {
font-family: Checkbox
}
.ui.checkbox input:checked ~ .box:after, .ui.checkbox input:checked ~ label:after {
content: '\e800'
}
.ui.checkbox input:indeterminate ~ .box:after, .ui.checkbox input:indeterminate ~ label:after {
font-size: 12px;
content: '\e801'
}
/*!
* # Semantic UI 2.5.0 - Dimmer
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.dimmable:not(body) {
position: relative
}
.ui.dimmer {
display: none;
position: absolute;
top: 0 !important;
left: 0 !important;
width: 100%;
height: 100%;
text-align: center;
vertical-align: middle;
padding: 1em;
background-color: rgba(0,0,0,.85);
opacity: 0;
line-height: 1;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: .5s;
animation-duration: .5s;
transition: background-color .5s linear;
flex-direction: column;
align-items: center;
justify-content: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
will-change: opacity;
z-index: 1000
}
.ui.dimmer > .content {
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
color: #fff
}
.ui.segment > .ui.dimmer {
border-radius: inherit !important
}
.ui.dimmer:not(.inverted)::-webkit-scrollbar-track {
background: rgba(255,255,255,.1)
}
.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb {
background: rgba(255,255,255,.25)
}
.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:window-inactive {
background: rgba(255,255,255,.15)
}
.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:hover {
background: rgba(255,255,255,.35)
}
.animating.dimmable:not(body), .dimmed.dimmable:not(body) {
overflow: hidden
}
.dimmed.dimmable > .ui.animating.dimmer, .dimmed.dimmable > .ui.visible.dimmer, .ui.active.dimmer {
display: flex;
opacity: 1
}
.ui.disabled.dimmer {
width: 0 !important;
height: 0 !important
}
.dimmed.dimmable > .ui.animating.legacy.dimmer, .dimmed.dimmable > .ui.visible.legacy.dimmer, .ui.active.legacy.dimmer {
display: block
}
.ui[class*="top aligned"].dimmer {
justify-content: flex-start
}
.ui[class*="bottom aligned"].dimmer {
justify-content: flex-end
}
.ui.page.dimmer {
position: fixed;
transform-style: '';
perspective: 2000px;
transform-origin: center center
}
body.animating.in.dimmable, body.dimmed.dimmable {
overflow: hidden
}
body.dimmable > .dimmer {
position: fixed
}
.blurring.dimmable > :not(.dimmer) {
-webkit-filter: blur(0) grayscale(0);
filter: blur(0) grayscale(0);
transition: .8s -webkit-filter ease;
transition: .8s filter ease;
transition: .8s filter ease,.8s -webkit-filter ease
}
.blurring.dimmed.dimmable > :not(.dimmer) {
-webkit-filter: blur(5px) grayscale(.7);
filter: blur(5px) grayscale(.7)
}
.blurring.dimmable > .dimmer {
background-color: rgba(0,0,0,.6)
}
.blurring.dimmable > .inverted.dimmer {
background-color: rgba(255,255,255,.6)
}
.ui.dimmer > .top.aligned.content > * {
vertical-align: top
}
.ui.dimmer > .bottom.aligned.content > * {
vertical-align: bottom
}
.ui.inverted.dimmer {
background-color: rgba(255,255,255,.85)
}
.ui.inverted.dimmer > .content > * {
color: #fff
}
.ui.simple.dimmer {
display: block;
overflow: hidden;
opacity: 1;
width: 0%;
height: 0%;
z-index: -100;
background-color: rgba(0,0,0,0)
}
.dimmed.dimmable > .ui.simple.dimmer {
overflow: visible;
opacity: 1;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.85);
z-index: 1
}
.ui.simple.inverted.dimmer {
background-color: rgba(255,255,255,0)
}
.dimmed.dimmable > .ui.simple.inverted.dimmer {
background-color: rgba(255,255,255,.85)
}
/*!
* # Semantic UI 2.5.0 - Dropdown
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.dropdown {
cursor: pointer;
position: relative;
display: inline-block;
outline: 0;
text-align: left;
transition: box-shadow .1s ease,width .1s ease;
-webkit-tap-highlight-color: transparent
}
.ui.dropdown .menu {
cursor: auto;
position: absolute;
display: none;
outline: 0;
top: 100%;
min-width: -webkit-max-content;
min-width: -moz-max-content;
min-width: max-content;
margin: 0;
padding: 0 0;
background: #fff;
font-size: 1em;
text-shadow: none;
text-align: left;
box-shadow: 0 2px 3px 0 rgba(34,36,38,.15);
border: 1px solid rgba(34,36,38,.15);
border-radius: .28571429rem;
transition: opacity .1s ease;
z-index: 11;
will-change: transform,opacity
}
.ui.dropdown .menu > * {
white-space: nowrap
}
.ui.dropdown > input:not(.search):first-child, .ui.dropdown > select {
display: none !important
}
.ui.dropdown > .dropdown.icon {
position: relative;
width: auto;
font-size: .85714286em;
margin: 0 0 0 1em
}
.ui.dropdown .menu > .item .dropdown.icon {
width: auto;
float: right;
margin: 0 0 0 1em
}
.ui.dropdown .menu > .item .dropdown.icon + .text {
margin-right: 1em
}
.ui.dropdown > .text {
display: inline-block;
transition: none
}
.ui.dropdown .menu > .item {
position: relative;
cursor: pointer;
display: block;
border: none;
height: auto;
text-align: left;
border-top: none;
line-height: 1em;
color: rgba(0,0,0,.87);
padding: .78571429rem 1.14285714rem !important;
font-size: 1rem;
text-transform: none;
font-weight: 400;
box-shadow: none;
-webkit-touch-callout: none
}
.ui.dropdown .menu > .item:first-child {
border-top-width: 0
}
.ui.dropdown .menu .item > [class*="right floated"], .ui.dropdown > .text > [class*="right floated"] {
float: right !important;
margin-right: 0 !important;
margin-left: 1em !important
}
.ui.dropdown .menu .item > [class*="left floated"], .ui.dropdown > .text > [class*="left floated"] {
float: left !important;
margin-left: 0 !important;
margin-right: 1em !important
}
.ui.dropdown .menu .item > .flag.floated, .ui.dropdown .menu .item > .icon.floated, .ui.dropdown .menu .item > .image.floated, .ui.dropdown .menu .item > img.floated {
margin-top: 0
}
.ui.dropdown .menu > .header {
margin: 1rem 0 .75rem;
padding: 0 1.14285714rem;
color: rgba(0,0,0,.85);
font-size: .78571429em;
font-weight: 700;
text-transform: uppercase
}
.ui.dropdown .menu > .divider {
border-top: 1px solid rgba(34,36,38,.1);
height: 0;
margin: .5em 0
}
.ui.dropdown.dropdown .menu > .input {
width: auto;
display: flex;
margin: 1.14285714rem .78571429rem;
min-width: 10rem
}
.ui.dropdown .menu > .header + .input {
margin-top: 0
}
.ui.dropdown .menu > .input:not(.transparent) input {
padding: .5em 1em
}
.ui.dropdown .menu > .input:not(.transparent) .button, .ui.dropdown .menu > .input:not(.transparent) .icon, .ui.dropdown .menu > .input:not(.transparent) .label {
padding-top: .5em;
padding-bottom: .5em
}
.ui.dropdown .menu > .item > .description, .ui.dropdown > .text > .description {
float: right;
margin: 0 0 0 1em;
color: rgba(0,0,0,.4)
}
.ui.dropdown .menu > .message {
padding: .78571429rem 1.14285714rem;
font-weight: 400
}
.ui.dropdown .menu > .message:not(.ui) {
color: rgba(0,0,0,.4)
}
.ui.dropdown .menu .menu {
top: 0 !important;
left: 100%;
right: auto;
margin: 0 0 0 -.5em !important;
border-radius: .28571429rem !important;
z-index: 21 !important
}
.ui.dropdown .menu .menu:after {
display: none
}
.ui.dropdown > .text > .flag, .ui.dropdown > .text > .icon, .ui.dropdown > .text > .image, .ui.dropdown > .text > .label, .ui.dropdown > .text > img {
margin-top: 0
}
.ui.dropdown .menu > .item > .flag, .ui.dropdown .menu > .item > .icon, .ui.dropdown .menu > .item > .image, .ui.dropdown .menu > .item > .label, .ui.dropdown .menu > .item > img {
margin-top: 0
}
.ui.dropdown .menu > .item > .flag, .ui.dropdown .menu > .item > .icon, .ui.dropdown .menu > .item > .image, .ui.dropdown .menu > .item > .label, .ui.dropdown .menu > .item > img, .ui.dropdown > .text > .flag, .ui.dropdown > .text > .icon, .ui.dropdown > .text > .image, .ui.dropdown > .text > .label, .ui.dropdown > .text > img {
margin-left: 0;
float: none;
margin-right: .78571429rem
}
.ui.dropdown .menu > .item > .image, .ui.dropdown .menu > .item > img, .ui.dropdown > .text > .image, .ui.dropdown > .text > img {
display: inline-block;
vertical-align: top;
width: auto;
margin-top: -.5em;
margin-bottom: -.5em;
max-height: 2em
}
.ui.dropdown .ui.menu > .item:before, .ui.menu .ui.dropdown .menu > .item:before {
display: none
}
.ui.menu .ui.dropdown .menu .active.item {
border-left: none
}
.ui.buttons > .ui.dropdown:last-child > .menu, .ui.menu .right.dropdown.item > .menu, .ui.menu .right.menu .dropdown:last-child > .menu {
left: auto;
right: 0
}
.ui.label.dropdown .menu {
min-width: 100%
}
.ui.dropdown.icon.button > .dropdown.icon {
margin: 0
}
.ui.button.dropdown .menu {
min-width: 100%
}
.ui.selection.dropdown {
cursor: pointer;
word-wrap: break-word;
line-height: 1em;
white-space: normal;
outline: 0;
transform: rotateZ(0);
min-width: 14em;
min-height: 2.71428571em;
background: #fff;
display: inline-block;
padding: .78571429em 2.1em .78571429em 1em;
color: rgba(0,0,0,.87);
box-shadow: none;
border: 1px solid rgba(34,36,38,.15);
border-radius: .28571429rem;
transition: box-shadow .1s ease,width .1s ease
}
.ui.selection.dropdown.active, .ui.selection.dropdown.visible {
z-index: 10
}
select.ui.dropdown {
height: 38px;
padding: .5em;
border: 1px solid rgba(34,36,38,.15);
visibility: visible
}
.ui.selection.dropdown > .delete.icon, .ui.selection.dropdown > .dropdown.icon, .ui.selection.dropdown > .search.icon {
cursor: pointer;
position: absolute;
width: auto;
height: auto;
line-height: 1.21428571em;
top: .78571429em;
right: 1em;
z-index: 3;
margin: -.78571429em;
padding: .91666667em;
opacity: .8;
transition: opacity .1s ease
}
.ui.compact.selection.dropdown {
min-width: 0
}
.ui.selection.dropdown .menu {
overflow-x: hidden;
overflow-y: auto;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-overflow-scrolling: touch;
border-top-width: 0 !important;
width: auto;
outline: 0;
margin: 0 -1px;
min-width: calc(100% + 2px);
width: calc(100% + 2px);
border-radius: 0 0 .28571429rem .28571429rem;
box-shadow: 0 2px 3px 0 rgba(34,36,38,.15);
transition: opacity .1s ease
}
.ui.selection.dropdown .menu:after, .ui.selection.dropdown .menu:before {
display: none
}
.ui.selection.dropdown .menu > .message {
padding: .78571429rem 1.14285714rem
}
@media only screen and (max-width:767px) {
.ui.selection.dropdown .menu {
max-height: 8.01428571rem
}
}
@media only screen and (min-width:768px) {
.ui.selection.dropdown .menu {
max-height: 10.68571429rem
}
}
@media only screen and (min-width:992px) {
.ui.selection.dropdown .menu {
max-height: 16.02857143rem
}
}
@media only screen and (min-width:1920px) {
.ui.selection.dropdown .menu {
max-height: 21.37142857rem
}
}
.ui.selection.dropdown .menu > .item {
border-top: 1px solid #fafafa;
padding: .78571429rem 1.14285714rem !important;
white-space: normal;
word-wrap: normal
}
.ui.selection.dropdown .menu > .hidden.addition.item {
display: none
}
.ui.selection.dropdown:hover {
border-color: rgba(34,36,38,.35);
box-shadow: none
}
.ui.selection.active.dropdown {
border-color: #96c8da;
box-shadow: 0 2px 3px 0 rgba(34,36,38,.15)
}
.ui.selection.active.dropdown .menu {
border-color: #96c8da;
box-shadow: 0 2px 3px 0 rgba(34,36,38,.15)
}
.ui.selection.dropdown:focus {
border-color: #96c8da;
box-shadow: none
}
.ui.selection.dropdown:focus .menu {
border-color: #96c8da;
box-shadow: 0 2px 3px 0 rgba(34,36,38,.15)
}
.ui.selection.visible.dropdown > .text:not(.default) {
font-weight: 400;
color: rgba(0,0,0,.8)
}
.ui.selection.active.dropdown:hover {
border-color: #96c8da;
box-shadow: 0 2px 3px 0 rgba(34,36,38,.15)
}
.ui.selection.active.dropdown:hover .menu {
border-color: #96c8da;
box-shadow: 0 2px 3px 0 rgba(34,36,38,.15)
}
.ui.active.selection.dropdown > .dropdown.icon, .ui.visible.selection.dropdown > .dropdown.icon {
opacity: '';
z-index: 3
}
.ui.active.selection.dropdown {
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important
}
.ui.active.empty.selection.dropdown {
border-radius: .28571429rem !important;
box-shadow: none !important
}
.ui.active.empty.selection.dropdown .menu {
border: none !important;
box-shadow: none !important
}
.ui.search.dropdown {
min-width: ''
}
.ui.search.dropdown > input.search {
background: none transparent !important;
border: none !important;
box-shadow: none !important;
cursor: text;
top: 0;
left: 1px;
width: 100%;
outline: 0;
-webkit-tap-highlight-color: rgba(255,255,255,0);
padding: inherit
}
.ui.search.dropdown > input.search {
position: absolute;
z-index: 2
}
.ui.search.dropdown > .text {
cursor: text;
position: relative;
left: 1px;
z-index: 3
}
.ui.search.selection.dropdown > input.search {
line-height: 1.21428571em;
padding: .67857143em 2.1em .67857143em 1em
}
.ui.search.selection.dropdown > span.sizer {
line-height: 1.21428571em;
padding: .67857143em 2.1em .67857143em 1em;
display: none;
white-space: pre
}
.ui.search.dropdown.active > input.search, .ui.search.dropdown.visible > input.search {
cursor: auto
}
.ui.search.dropdown.active > .text, .ui.search.dropdown.visible > .text {
pointer-events: none
}
.ui.active.search.dropdown input.search:focus + .text .flag, .ui.active.search.dropdown input.search:focus + .text .icon {
opacity: .45
}
.ui.active.search.dropdown input.search:focus + .text {
color: rgba(115,115,115,.87) !important
}
.ui.search.dropdown .menu {
overflow-x: hidden;
overflow-y: auto;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-overflow-scrolling: touch
}
@media only screen and (max-width:767px) {
.ui.search.dropdown .menu {
max-height: 8.01428571rem
}
}
@media only screen and (min-width:768px) {
.ui.search.dropdown .menu {
max-height: 10.68571429rem
}
}
@media only screen and (min-width:992px) {
.ui.search.dropdown .menu {
max-height: 16.02857143rem
}
}
@media only screen and (min-width:1920px) {
.ui.search.dropdown .menu {
max-height: 21.37142857rem
}
}
.ui.multiple.dropdown {
padding: .22619048em 2.1em .22619048em .35714286em
}
.ui.multiple.dropdown .menu {
cursor: auto
}
.ui.multiple.search.dropdown, .ui.multiple.search.dropdown > input.search {
cursor: text
}
.ui.multiple.dropdown > .label {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: inline-block;
vertical-align: top;
white-space: normal;
font-size: 1em;
padding: .35714286em .78571429em;
margin: .14285714rem .28571429rem .14285714rem 0;
box-shadow: 0 0 0 1px rgba(34,36,38,.15) inset
}
.ui.multiple.dropdown .dropdown.icon {
margin: '';
padding: ''
}
.ui.multiple.dropdown > .text {
position: static;
padding: 0;
max-width: 100%;
margin: .45238095em 0 .45238095em .64285714em;
line-height: 1.21428571em
}
.ui.multiple.dropdown > .label ~ input.search {
margin-left: .14285714em !important
}
.ui.multiple.dropdown > .label ~ .text {
display: none
}
.ui.multiple.search.dropdown > .text {
display: inline-block;
position: absolute;
top: 0;
left: 0;
padding: inherit;
margin: .45238095em 0 .45238095em .64285714em;
line-height: 1.21428571em
}
.ui.multiple.search.dropdown > .label ~ .text {
display: none
}
.ui.multiple.search.dropdown > input.search {
position: static;
padding: 0;
max-width: 100%;
margin: .45238095em 0 .45238095em .64285714em;
width: 2.2em;
line-height: 1.21428571em
}
.ui.inline.dropdown {
cursor: pointer;
display: inline-block;
color: inherit
}
.ui.inline.dropdown .dropdown.icon {
margin: 0 .21428571em 0 .21428571em;
vertical-align: baseline
}
.ui.inline.dropdown > .text {
font-weight: 700
}
.ui.inline.dropdown .menu {
cursor: auto;
margin-top: .21428571em;
border-radius: .28571429rem
}
.ui.dropdown .menu .active.item {
background: 0 0;
font-weight: 700;
color: rgba(0,0,0,.95);
box-shadow: none;
z-index: 12
}
.ui.dropdown .menu > .item:hover {
background: rgba(0,0,0,.05);
color: rgba(0,0,0,.95);
z-index: 13
}
.ui.loading.dropdown > i.icon {
height: 1em !important
}
.ui.loading.selection.dropdown > i.icon {
padding: 1.5em 1.28571429em !important
}
.ui.loading.dropdown > i.icon:before {
position: absolute;
content: '';
top: 50%;
left: 50%;
margin: -.64285714em 0 0 -.64285714em;
width: 1.28571429em;
height: 1.28571429em;
border-radius: 500rem;
border: .2em solid rgba(0,0,0,.1)
}
.ui.loading.dropdown > i.icon:after {
position: absolute;
content: '';
top: 50%;
left: 50%;
box-shadow: 0 0 0 1px transparent;
margin: -.64285714em 0 0 -.64285714em;
width: 1.28571429em;
height: 1.28571429em;
-webkit-animation: dropdown-spin .6s linear;
animation: dropdown-spin .6s linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
border-radius: 500rem;
border-color: #767676 transparent transparent;
border-style: solid;
border-width: .2em
}
.ui.loading.dropdown.button > i.icon:after, .ui.loading.dropdown.button > i.icon:before {
display: none
}
@-webkit-keyframes dropdown-spin {
from {
transform: rotate(0)
}
to {
transform: rotate(360deg)
}
}
@keyframes dropdown-spin {
from {
transform: rotate(0)
}
to {
transform: rotate(360deg)
}
}
.ui.default.dropdown:not(.button) > .text, .ui.dropdown:not(.button) > .default.text {
color: rgba(191,191,191,.87)
}
.ui.default.dropdown:not(.button) > input:focus ~ .text, .ui.dropdown:not(.button) > input:focus ~ .default.text {
color: rgba(115,115,115,.87)
}
.ui.loading.dropdown > .text {
transition: none
}
.ui.dropdown .loading.menu {
display: block;
visibility: hidden;
z-index: -1
}
.ui.dropdown > .loading.menu {
left: 0 !important;
right: auto !important
}
.ui.dropdown > .menu .loading.menu {
left: 100% !important;
right: auto !important
}
.ui.dropdown .menu .selected.item, .ui.dropdown.selected {
background: rgba(0,0,0,.03);
color: rgba(0,0,0,.95)
}
.ui.dropdown > .filtered.text {
visibility: hidden
}
.ui.dropdown .filtered.item {
display: none !important
}
.ui.dropdown.error, .ui.dropdown.error > .default.text, .ui.dropdown.error > .text {
color: #9f3a38
}
.ui.selection.dropdown.error {
background: #fff6f6;
border-color: #e0b4b4
}
.ui.selection.dropdown.error:hover {
border-color: #e0b4b4
}
.ui.dropdown.error > .menu, .ui.dropdown.error > .menu .menu {
border-color: #e0b4b4
}
.ui.dropdown.error > .menu > .item {
color: #9f3a38
}
.ui.multiple.selection.error.dropdown > .label {
border-color: #e0b4b4
}
.ui.dropdown.error > .menu > .item:hover {
background-color: #fff2f2
}
.ui.dropdown.error > .menu .active.item {
background-color: #fdcfcf
}
.ui.dropdown > .clear.dropdown.icon {
opacity: .8;
transition: opacity .1s ease
}
.ui.dropdown > .clear.dropdown.icon:hover {
opacity: 1
}
.ui.disabled.dropdown, .ui.dropdown .menu > .disabled.item {
cursor: default;
pointer-events: none;
opacity: .45
}
.ui.dropdown .menu {
left: 0
}
.ui.dropdown .menu .right.menu, .ui.dropdown .right.menu > .menu {
left: 100% !important;
right: auto !important;
border-radius: .28571429rem !important
}
.ui.dropdown > .left.menu {
left: auto !important;
right: 0 !important
}
.ui.dropdown .menu .left.menu, .ui.dropdown > .left.menu .menu {
left: auto;
right: 100%;
margin: 0 -.5em 0 0 !important;
border-radius: .28571429rem !important
}
.ui.dropdown .item .left.dropdown.icon, .ui.dropdown .left.menu .item .dropdown.icon {
width: auto;
float: left;
margin: 0
}
.ui.dropdown .item .left.dropdown.icon, .ui.dropdown .left.menu .item .dropdown.icon {
width: auto;
float: left;
margin: 0
}
.ui.dropdown .item .left.dropdown.icon + .text, .ui.dropdown .left.menu .item .dropdown.icon + .text {
margin-left: 1em;
margin-right: 0
}
.ui.upward.dropdown > .menu {
top: auto;
bottom: 100%;
box-shadow: 0 0 3px 0 rgba(0,0,0,.08);
border-radius: .28571429rem .28571429rem 0 0
}
.ui.dropdown .upward.menu {
top: auto !important;
bottom: 0 !important
}
.ui.simple.upward.active.dropdown, .ui.simple.upward.dropdown:hover {
border-radius: .28571429rem .28571429rem 0 0 !important
}
.ui.upward.dropdown.button:not(.pointing):not(.floating).active {
border-radius: .28571429rem .28571429rem 0 0
}
.ui.upward.selection.dropdown .menu {
border-top-width: 1px !important;
border-bottom-width: 0 !important;
box-shadow: 0 -2px 3px 0 rgba(0,0,0,.08)
}
.ui.upward.selection.dropdown:hover {
box-shadow: 0 0 2px 0 rgba(0,0,0,.05)
}
.ui.active.upward.selection.dropdown {
border-radius: 0 0 .28571429rem .28571429rem !important
}
.ui.upward.selection.dropdown.visible {
box-shadow: 0 0 3px 0 rgba(0,0,0,.08);
border-radius: 0 0 .28571429rem .28571429rem !important
}
.ui.upward.active.selection.dropdown:hover {
box-shadow: 0 0 3px 0 rgba(0,0,0,.05)
}
.ui.upward.active.selection.dropdown:hover .menu {
box-shadow: 0 -2px 3px 0 rgba(0,0,0,.08)
}
.ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu {
overflow-x: hidden;
overflow-y: auto
}
.ui.scrolling.dropdown .menu {
overflow-x: hidden;
overflow-y: auto;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-overflow-scrolling: touch;
min-width: 100% !important;
width: auto !important
}
.ui.dropdown .scrolling.menu {
position: static;
overflow-y: auto;
border: none;
box-shadow: none !important;
border-radius: 0 !important;
margin: 0 !important;
min-width: 100% !important;
width: auto !important;
border-top: 1px solid rgba(34,36,38,.15)
}
.ui.dropdown .scrolling.menu > .item.item.item, .ui.scrolling.dropdown .menu .item.item.item {
border-top: none
}
.ui.dropdown .scrolling.menu .item:first-child, .ui.scrolling.dropdown .menu .item:first-child {
border-top: none
}
.ui.dropdown > .animating.menu .scrolling.menu, .ui.dropdown > .visible.menu .scrolling.menu {
display: block
}
@media all and (-ms-high-contrast:none) {
.ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu {
min-width: calc(100% - 17px)
}
}
@media only screen and (max-width:767px) {
.ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu {
max-height: 10.28571429rem
}
}
@media only screen and (min-width:768px) {
.ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu {
max-height: 15.42857143rem
}
}
@media only screen and (min-width:992px) {
.ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu {
max-height: 20.57142857rem
}
}
@media only screen and (min-width:1920px) {
.ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu {
max-height: 20.57142857rem
}
}
.ui.simple.dropdown .menu:after, .ui.simple.dropdown .menu:before {
display: none
}
.ui.simple.dropdown .menu {
position: absolute;
display: block;
overflow: hidden;
top: -9999px !important;
opacity: 0;
width: 0;
height: 0;
transition: opacity .1s ease
}
.ui.simple.active.dropdown, .ui.simple.dropdown:hover {
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important
}
.ui.simple.active.dropdown > .menu, .ui.simple.dropdown:hover > .menu {
overflow: visible;
width: auto;
height: auto;
top: 100% !important;
opacity: 1
}
.ui.simple.dropdown:hover > .menu > .item:hover > .menu, .ui.simple.dropdown > .menu > .item:active > .menu {
overflow: visible;
width: auto;
height: auto;
top: 0 !important;
left: 100% !important;
opacity: 1
}
.ui.simple.disabled.dropdown:hover .menu {
display: none;
height: 0;
width: 0;
overflow: hidden
}
.ui.simple.visible.dropdown > .menu {
display: block
}
.ui.fluid.dropdown {
display: block;
width: 100%;
min-width: 0
}
.ui.fluid.dropdown > .dropdown.icon {
float: right
}
.ui.floating.dropdown .menu {
left: 0;
right: auto;
box-shadow: 0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15) !important;
border-radius: .28571429rem !important
}
.ui.floating.dropdown > .menu {
margin-top: .5em !important;
border-radius: .28571429rem !important
}
.ui.pointing.dropdown > .menu {
top: 100%;
margin-top: .78571429rem;
border-radius: .28571429rem
}
.ui.pointing.dropdown > .menu:after {
display: block;
position: absolute;
pointer-events: none;
content: '';
visibility: visible;
transform: rotate(45deg);
width: .5em;
height: .5em;
box-shadow: -1px -1px 0 0 rgba(34,36,38,.15);
background: #fff;
z-index: 2
}
.ui.pointing.dropdown > .menu:after {
top: -.25em;
left: 50%;
margin: 0 0 0 -.25em
}
.ui.top.left.pointing.dropdown > .menu {
top: 100%;
bottom: auto;
left: 0;
right: auto;
margin: 1em 0 0
}
.ui.top.left.pointing.dropdown > .menu {
top: 100%;
bottom: auto;
left: 0;
right: auto;
margin: 1em 0 0
}
.ui.top.left.pointing.dropdown > .menu:after {
top: -.25em;
left: 1em;
right: auto;
margin: 0;
transform: rotate(45deg)
}
.ui.top.right.pointing.dropdown > .menu {
top: 100%;
bottom: auto;
right: 0;
left: auto;
margin: 1em 0 0
}
.ui.top.pointing.dropdown > .left.menu:after, .ui.top.right.pointing.dropdown > .menu:after {
top: -.25em;
left: auto !important;
right: 1em !important;
margin: 0;
transform: rotate(45deg)
}
.ui.left.pointing.dropdown > .menu {
top: 0;
left: 100%;
right: auto;
margin: 0 0 0 1em
}
.ui.left.pointing.dropdown > .menu:after {
top: 1em;
left: -.25em;
margin: 0;
transform: rotate(-45deg)
}
.ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu {
left: auto !important;
right: 100% !important;
margin: 0 1em 0 0
}
.ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu:after {
top: 1em;
left: auto;
right: -.25em;
margin: 0;
transform: rotate(135deg)
}
.ui.right.pointing.dropdown > .menu {
top: 0;
left: auto;
right: 100%;
margin: 0 1em 0 0
}
.ui.right.pointing.dropdown > .menu:after {
top: 1em;
left: auto;
right: -.25em;
margin: 0;
transform: rotate(135deg)
}
.ui.bottom.pointing.dropdown > .menu {
top: auto;
bottom: 100%;
left: 0;
right: auto;
margin: 0 0 1em
}
.ui.bottom.pointing.dropdown > .menu:after {
top: auto;
bottom: -.25em;
right: auto;
margin: 0;
transform: rotate(-135deg)
}
.ui.bottom.pointing.dropdown > .menu .menu {
top: auto !important;
bottom: 0 !important
}
.ui.bottom.left.pointing.dropdown > .menu {
left: 0;
right: auto
}
.ui.bottom.left.pointing.dropdown > .menu:after {
left: 1em;
right: auto
}
.ui.bottom.right.pointing.dropdown > .menu {
right: 0;
left: auto
}
.ui.bottom.right.pointing.dropdown > .menu:after {
left: auto;
right: 1em
}
.ui.pointing.upward.dropdown .menu, .ui.top.pointing.upward.dropdown .menu {
top: auto !important;
bottom: 100% !important;
margin: 0 0 .78571429rem;
border-radius: .28571429rem
}
.ui.pointing.upward.dropdown .menu:after, .ui.top.pointing.upward.dropdown .menu:after {
top: 100% !important;
bottom: auto !important;
box-shadow: 1px 1px 0 0 rgba(34,36,38,.15);
margin: -.25em 0 0
}
.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
top: auto !important;
bottom: 0 !important;
margin: 0 1em 0 0
}
.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after {
top: auto !important;
bottom: 0 !important;
margin: 0 0 1em 0;
box-shadow: -1px -1px 0 0 rgba(34,36,38,.15)
}
.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
top: auto !important;
bottom: 0 !important;
margin: 0 0 0 1em
}
.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after {
top: auto !important;
bottom: 0 !important;
margin: 0 0 1em 0;
box-shadow: -1px -1px 0 0 rgba(34,36,38,.15)
}
@font-face {
font-family: Dropdown;
src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAVgAA8AAAAACFAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABWAAAABwAAAAchGgaq0dERUYAAAF0AAAAHAAAAB4AJwAPT1MvMgAAAZAAAABDAAAAVnW4TJdjbWFwAAAB1AAAAEsAAAFS8CcaqmN2dCAAAAIgAAAABAAAAAQAEQFEZ2FzcAAAAiQAAAAIAAAACP//AANnbHlmAAACLAAAAQoAAAGkrRHP9WhlYWQAAAM4AAAAMAAAADYPK8YyaGhlYQAAA2gAAAAdAAAAJANCAb1obXR4AAADiAAAACIAAAAiCBkAOGxvY2EAAAOsAAAAFAAAABQBnAIybWF4cAAAA8AAAAAfAAAAIAEVAF5uYW1lAAAD4AAAATAAAAKMFGlj5HBvc3QAAAUQAAAARgAAAHJoedjqd2ViZgAABVgAAAAGAAAABrO7W5UAAAABAAAAANXulPUAAAAA1r4hgAAAAADXu2Q1eNpjYGRgYOABYjEgZmJgBEIOIGYB8xgAA/YAN3jaY2BktGOcwMDKwMI4jTGNgYHBHUp/ZZBkaGFgYGJgZWbACgLSXFMYHFT/fLjFeOD/AQY9xjMMbkBhRpAcAN48DQYAeNpjYGBgZoBgGQZGBhDwAfIYwXwWBgMgzQGETAwMqn8+8H649f8/lHX9//9b7Pzf+fWgusCAkY0BzmUE6gHpQwGMDMMeAACbxg7SAAARAUQAAAAB//8AAnjadZBPSsNAGMXfS+yMqYgOhpSuSlKadmUhiVEhEMQzFF22m17BbbvzCh5BXCUn6EG8gjeQ4DepwYo4i+/ffL95j4EDA+CFC7jQuKyIeVHrI3wkleq9F7XrSInKteOeHdda8bOoaeepSc00NWPz/LRec9G8GabyGtEdF7h19z033GAMTK7zbM42xNEZpzYof0RtQ5CUHAQJ73OtVyutc+3b7Ou//b8XNlsPx3jgjUifABdhEohKJJL5iM5p39uqc7X1+sRQSqmGrUVhlsJ4lpmEUVwyT8SUYtg0P9DyNzPADDs+tjrGV6KRCRfsui3eHcL4/p8ZXvfMlcnEU+CLv7hDykOP+AKTPTxbAAB42mNgZGBgAGKuf5KP4vltvjLIMzGAwLV9ig0g+vruFFMQzdjACOJzMIClARh0CTJ42mNgZGBgPPD/AJD8wgAEjA0MjAyogAMAbOQEAQAAAAC7ABEAAAAAAKoAAAH0AAABgAAAAUAACAFAAAgAwAAXAAAAAAAAACoAKgAqADIAbACGAKAAugDSeNpjYGRgYOBkUGFgYgABEMkFhAwM/xn0QAIADdUBdAB42qWQvUoDQRSFv3GjaISUQaymSmGxJoGAsRC0iPYLsU50Y6IxrvlRtPCJJKUPIBb+PIHv4EN4djKuKAqCDHfmu+feOdwZoMCUAJNbAlYUMzaUlM14jjxbngOq7HnOia89z1Pk1vMCa9x7ztPkzfMyJbPj+ZGi6Xp+omxuPD+zaD7meaFg7mb8GrBqHmhwxoAxlm0uiRkpP9X5m26pKRoMxTGR1D49Dv/Yb/91o6l8qL6eu5n2hZQzn68utR9m3FU2cB4t9cdSLG2utI+44Eh/P9bqKO+oJ/WxmXssj77YkrjasZQD6SFddythk3Wtzrf+UF2p076Udla1VNzsERP3kkjVRKel7mp1udXYcHtZSlV7RfmJe1GiFWveluaeKD5/MuJcSk8Tpm/vvwPIbmJleNpjYGKAAFYG7ICTgYGRiZGZkYWRlZGNkZ2Rg5GTLT2nsiDDEEIZsZfmZRqZujmDaDcDAxcI7WIOpS2gtCWUdgQAZkcSmQAAAAFblbO6AAA=) format('woff');
font-weight: 400;
font-style: normal
}
.ui.dropdown > .dropdown.icon {
font-family: Dropdown;
line-height: 1;
height: 1em;
width: 1.23em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
font-weight: 400;
font-style: normal;
text-align: center
}
.ui.dropdown > .dropdown.icon {
width: auto
}
.ui.dropdown > .dropdown.icon:before {
content: '\f0d7'
}
.ui.dropdown .menu .item .dropdown.icon:before {
content: '\f0da'
}
.ui.dropdown .item .left.dropdown.icon:before, .ui.dropdown .left.menu .item .dropdown.icon:before {
content: "\f0d9"
}
.ui.vertical.menu .dropdown.item > .dropdown.icon:before {
content: "\f0da"
}
.ui.dropdown > .clear.icon:before {
content: "\f00d"
}
/*!
* # Semantic UI 2.5.0 - Video
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.embed {
position: relative;
max-width: 100%;
height: 0;
overflow: hidden;
background: #dcddde;
padding-bottom: 56.25%
}
.ui.embed embed, .ui.embed iframe, .ui.embed object {
position: absolute;
border: none;
width: 100%;
height: 100%;
top: 0;
left: 0;
margin: 0;
padding: 0
}
.ui.embed > .embed {
display: none
}
.ui.embed > .placeholder {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-color: radial-gradient(transparent 45%,rgba(0,0,0,.3))
}
.ui.embed > .icon {
cursor: pointer;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2
}
.ui.embed > .icon:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 3;
content: '';
background: radial-gradient(transparent 45%,rgba(0,0,0,.3));
opacity: .5;
transition: opacity .5s ease
}
.ui.embed > .icon:before {
position: absolute;
top: 50%;
left: 50%;
z-index: 4;
transform: translateX(-50%) translateY(-50%);
color: #fff;
font-size: 6rem;
text-shadow: 0 2px 10px rgba(34,36,38,.2);
transition: opacity .5s ease,color .5s ease;
z-index: 10
}
.ui.embed .icon:hover:after {
background: radial-gradient(transparent 45%,rgba(0,0,0,.3));
opacity: 1
}
.ui.embed .icon:hover:before {
color: #fff
}
.ui.active.embed > .icon, .ui.active.embed > .placeholder {
display: none
}
.ui.active.embed > .embed {
display: block
}
.ui.square.embed {
padding-bottom: 100%
}
.ui[class*="4:3"].embed {
padding-bottom: 75%
}
.ui[class*="16:9"].embed {
padding-bottom: 56.25%
}
.ui[class*="21:9"].embed {
padding-bottom: 42.85714286%
}
/*!
* # Semantic UI 2.5.0 - Modal
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.modal {
position: absolute;
display: none;
z-index: 1001;
text-align: left;
background: #fff;
border: none;
box-shadow: 1px 3px 3px 0 rgba(0,0,0,.2),1px 3px 15px 2px rgba(0,0,0,.2);
transform-origin: 50% 25%;
flex: 0 0 auto;
border-radius: .28571429rem;
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
will-change: top,left,margin,transform,opacity
}
.ui.modal > .icon:first-child + *, .ui.modal > :first-child:not(.icon) {
border-top-left-radius: .28571429rem;
border-top-right-radius: .28571429rem
}
.ui.modal > :last-child {
border-bottom-left-radius: .28571429rem;
border-bottom-right-radius: .28571429rem
}
.ui.modal > .close {
cursor: pointer;
position: absolute;
top: -2.5rem;
right: -2.5rem;
z-index: 1;
opacity: .8;
font-size: 1.25em;
color: #fff;
width: 2.25rem;
height: 2.25rem;
padding: .625rem 0 0 0
}
.ui.modal > .close:hover {
opacity: 1
}
.ui.modal > .header {
display: block;
font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
background: #fff;
margin: 0;
padding: 1.25rem 1.5rem;
box-shadow: none;
color: rgba(0,0,0,.85);
border-bottom: 1px solid rgba(34,36,38,.15)
}
.ui.modal > .header:not(.ui) {
font-size: 1.42857143rem;
line-height: 1.28571429em;
font-weight: 700
}
.ui.modal > .content {
display: block;
width: 100%;
font-size: 1em;
line-height: 1.4;
padding: 1.5rem;
background: #fff
}
.ui.modal > .image.content {
display: flex;
flex-direction: row
}
.ui.modal > .content > .image {
display: block;
flex: 0 1 auto;
width: '';
align-self: top
}
.ui.modal > [class*="top aligned"] {
align-self: top
}
.ui.modal > [class*="middle aligned"] {
align-self: middle
}
.ui.modal > [class*=stretched] {
align-self: stretch
}
.ui.modal > .content > .description {
display: block;
flex: 1 0 auto;
min-width: 0;
align-self: top
}
.ui.modal > .content > .icon + .description, .ui.modal > .content > .image + .description {
flex: 0 1 auto;
min-width: '';
width: auto;
padding-left: 2em
}
.ui.modal > .content > .image > i.icon {
margin: 0;
opacity: 1;
width: auto;
line-height: 1;
font-size: 8rem
}
.ui.modal > .actions {
background: #f9fafb;
padding: 1rem 1rem;
border-top: 1px solid rgba(34,36,38,.15);
text-align: right
}
.ui.modal .actions > .button {
margin-left: .75em
}
@media only screen and (max-width:767px) {
.ui.modal {
width: 95%;
margin: 0
}
}
@media only screen and (min-width:768px) {
.ui.modal {
width: 88%;
margin: 0
}
}
@media only screen and (min-width:992px) {
.ui.modal {
width: 850px;
margin: 0
}
}
@media only screen and (min-width:1200px) {
.ui.modal {
width: 900px;
margin: 0
}
}
@media only screen and (min-width:1920px) {
.ui.modal {
width: 950px;
margin: 0
}
}
@media only screen and (max-width:991px) {
.ui.modal > .header {
padding-right: 2.25rem
}
.ui.modal > .close {
top: 1.0535rem;
right: 1rem;
color: rgba(0,0,0,.87)
}
}
@media only screen and (max-width:767px) {
.ui.modal > .header {
padding: .75rem 1rem !important;
padding-right: 2.25rem !important
}
.ui.modal > .content {
display: block;
padding: 1rem !important
}
.ui.modal > .close {
top: .5rem !important;
right: .5rem !important
}
.ui.modal .image.content {
flex-direction: column
}
.ui.modal .content > .image {
display: block;
max-width: 100%;
margin: 0 auto !important;
text-align: center;
padding: 0 0 1rem !important
}
.ui.modal > .content > .image > i.icon {
font-size: 5rem;
text-align: center
}
.ui.modal .content > .description {
display: block;
width: 100% !important;
margin: 0 !important;
padding: 1rem 0 !important;
box-shadow: none
}
.ui.modal > .actions {
padding: 1rem 1rem 0 !important
}
.ui.modal .actions > .button, .ui.modal .actions > .buttons {
margin-bottom: 1rem
}
}
.ui.inverted.dimmer > .ui.modal {
box-shadow: 1px 3px 10px 2px rgba(0,0,0,.2)
}
.ui.basic.modal {
background-color: transparent;
border: none;
border-radius: 0;
box-shadow: none !important;
color: #fff
}
.ui.basic.modal > .actions, .ui.basic.modal > .content, .ui.basic.modal > .header {
background-color: transparent
}
.ui.basic.modal > .header {
color: #fff
}
.ui.basic.modal > .close {
top: 1rem;
right: 1.5rem
}
.ui.inverted.dimmer > .basic.modal {
color: rgba(0,0,0,.87)
}
.ui.inverted.dimmer > .ui.basic.modal > .header {
color: rgba(0,0,0,.85)
}
.ui.legacy.modal, .ui.legacy.page.dimmer > .ui.modal {
top: 50%;
left: 50%
}
.ui.legacy.page.dimmer > .ui.scrolling.modal, .ui.page.dimmer > .ui.scrolling.legacy.modal, .ui.top.aligned.dimmer > .ui.legacy.modal, .ui.top.aligned.legacy.page.dimmer > .ui.modal {
top: auto
}
@media only screen and (max-width:991px) {
.ui.basic.modal > .close {
color: #fff
}
}
.ui.loading.modal {
display: block;
visibility: hidden;
z-index: -1
}
.ui.active.modal {
display: block
}
.modals.dimmer[class*="top aligned"] .modal {
margin: 5vh auto
}
@media only screen and (max-width:767px) {
.modals.dimmer[class*="top aligned"] .modal {
margin: 1rem auto
}
}
.legacy.modals.dimmer[class*="top aligned"] {
padding-top: 5vh
}
@media only screen and (max-width:767px) {
.legacy.modals.dimmer[class*="top aligned"] {
padding-top: 1rem
}
}
.scrolling.dimmable.dimmed {
overflow: hidden
}
.scrolling.dimmable > .dimmer {
justify-content: flex-start
}
.scrolling.dimmable.dimmed > .dimmer {
overflow: auto;
-webkit-overflow-scrolling: touch
}
.scrolling.dimmable > .dimmer {
position: fixed
}
.modals.dimmer .ui.scrolling.modal {
margin: 1rem auto
}
.scrolling.undetached.dimmable.dimmed {
overflow: auto;
-webkit-overflow-scrolling: touch
}
.scrolling.undetached.dimmable.dimmed > .dimmer {
overflow: hidden
}
.scrolling.undetached.dimmable .ui.scrolling.modal {
position: absolute;
left: 50%;
margin-top: 1rem !important
}
.ui.modal .scrolling.content {
max-height: calc(80vh - 10em);
overflow: auto
}
.ui.fullscreen.modal {
width: 95% !important;
margin: 1em auto
}
.ui.fullscreen.modal > .header {
padding-right: 2.25rem
}
.ui.fullscreen.modal > .close {
top: 1.0535rem;
right: 1rem;
color: rgba(0,0,0,.87)
}
.ui.modal {
font-size: 1rem
}
.ui.mini.modal > .header:not(.ui) {
font-size: 1.3em
}
@media only screen and (max-width:767px) {
.ui.mini.modal {
width: 95%;
margin: 0
}
}
@media only screen and (min-width:768px) {
.ui.mini.modal {
width: 35.2%;
margin: 0
}
}
@media only screen and (min-width:992px) {
.ui.mini.modal {
width: 340px;
margin: 0
}
}
@media only screen and (min-width:1200px) {
.ui.mini.modal {
width: 360px;
margin: 0
}
}
@media only screen and (min-width:1920px) {
.ui.mini.modal {
width: 380px;
margin: 0
}
}
.ui.small.modal > .header:not(.ui) {
font-size: 1.3em
}
@media only screen and (max-width:767px) {
.ui.tiny.modal {
width: 95%;
margin: 0
}
}
@media only screen and (min-width:768px) {
.ui.tiny.modal {
width: 52.8%;
margin: 0
}
}
@media only screen and (min-width:992px) {
.ui.tiny.modal {
width: 510px;
margin: 0
}
}
@media only screen and (min-width:1200px) {
.ui.tiny.modal {
width: 540px;
margin: 0
}
}
@media only screen and (min-width:1920px) {
.ui.tiny.modal {
width: 570px;
margin: 0
}
}
.ui.small.modal > .header:not(.ui) {
font-size: 1.3em
}
@media only screen and (max-width:767px) {
.ui.small.modal {
width: 95%;
margin: 0
}
}
@media only screen and (min-width:768px) {
.ui.small.modal {
width: 70.4%;
margin: 0
}
}
@media only screen and (min-width:992px) {
.ui.small.modal {
width: 680px;
margin: 0
}
}
@media only screen and (min-width:1200px) {
.ui.small.modal {
width: 720px;
margin: 0
}
}
@media only screen and (min-width:1920px) {
.ui.small.modal {
width: 760px;
margin: 0
}
}
.ui.large.modal > .header {
font-size: 1.6em
}
@media only screen and (max-width:767px) {
.ui.large.modal {
width: 95%;
margin: 0
}
}
@media only screen and (min-width:768px) {
.ui.large.modal {
width: 88%;
margin: 0
}
}
@media only screen and (min-width:992px) {
.ui.large.modal {
width: 1020px;
margin: 0
}
}
@media only screen and (min-width:1200px) {
.ui.large.modal {
width: 1080px;
margin: 0
}
}
@media only screen and (min-width:1920px) {
.ui.large.modal {
width: 1140px;
margin: 0
}
}
/*!
* # Semantic UI 2.5.0 - Nag
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.nag {
display: none;
opacity: .95;
position: relative;
top: 0;
left: 0;
z-index: 999;
min-height: 0;
width: 100%;
margin: 0;
padding: .75em 1em;
background: #555;
box-shadow: 0 1px 2px 0 rgba(0,0,0,.2);
font-size: 1rem;
text-align: center;
color: rgba(0,0,0,.87);
border-radius: 0 0 .28571429rem .28571429rem;
transition: .2s background ease
}
a.ui.nag {
cursor: pointer
}
.ui.nag > .title {
display: inline-block;
margin: 0 .5em;
color: #fff
}
.ui.nag > .close.icon {
cursor: pointer;
opacity: .4;
position: absolute;
top: 50%;
right: 1em;
font-size: 1em;
margin: -.5em 0 0;
color: #fff;
transition: opacity .2s ease
}
.ui.nag:hover {
background: #555;
opacity: 1
}
.ui.nag .close:hover {
opacity: 1
}
.ui.overlay.nag {
position: absolute;
display: block
}
.ui.fixed.nag {
position: fixed
}
.ui.bottom.nag, .ui.bottom.nags {
border-radius: .28571429rem .28571429rem 0 0;
top: auto;
bottom: 0
}
.ui.inverted.nag, .ui.inverted.nags .nag {
background-color: #f3f4f5;
color: rgba(0,0,0,.85)
}
.ui.inverted.nag .close, .ui.inverted.nag .title, .ui.inverted.nags .nag .close, .ui.inverted.nags .nag .title {
color: rgba(0,0,0,.4)
}
.ui.nags .nag {
border-radius: 0 !important
}
.ui.nags .nag:last-child {
border-radius: 0 0 .28571429rem .28571429rem
}
.ui.bottom.nags .nag:last-child {
border-radius: .28571429rem .28571429rem 0 0
}
/*!
* # Semantic UI 2.5.0 - Popup
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.popup {
display: none;
position: absolute;
top: 0;
right: 0;
min-width: -webkit-min-content;
min-width: -moz-min-content;
min-width: min-content;
z-index: 1900;
border: 1px solid #d4d4d5;
line-height: 1.4285em;
max-width: 250px;
background: #fff;
padding: .833em 1em;
font-weight: 400;
font-style: normal;
color: rgba(0,0,0,.87);
border-radius: .28571429rem;
box-shadow: 0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15)
}
.ui.popup > .header {
padding: 0;
font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
font-size: 1.14285714em;
line-height: 1.2;
font-weight: 700
}
.ui.popup > .header + .content {
padding-top: .5em
}
.ui.popup:before {
position: absolute;
content: '';
width: .71428571em;
height: .71428571em;
background: #fff;
transform: rotate(45deg);
z-index: 2;
box-shadow: 1px 1px 0 0 #bababc
}
[data-tooltip] {
position: relative
}
[data-tooltip]:before {
pointer-events: none;
position: absolute;
content: '';
font-size: 1rem;
width: .71428571em;
height: .71428571em;
background: #fff;
transform: rotate(45deg);
z-index: 2;
box-shadow: 1px 1px 0 0 #bababc
}
[data-tooltip]:after {
pointer-events: none;
content: attr(data-tooltip);
position: absolute;
text-transform: none;
text-align: left;
white-space: nowrap;
font-size: 1rem;
border: 1px solid #d4d4d5;
line-height: 1.4285em;
max-width: none;
background: #fff;
padding: .833em 1em;
font-weight: 400;
font-style: normal;
color: rgba(0,0,0,.87);
border-radius: .28571429rem;
box-shadow: 0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);
z-index: 1
}
[data-tooltip]:not([data-position]):before {
top: auto;
right: auto;
bottom: 100%;
left: 50%;
background: #fff;
margin-left: -.07142857rem;
margin-bottom: .14285714rem
}
[data-tooltip]:not([data-position]):after {
left: 50%;
transform: translateX(-50%);
bottom: 100%;
margin-bottom: .5em
}
[data-tooltip]:after, [data-tooltip]:before {
pointer-events: none;
visibility: hidden
}
[data-tooltip]:before {
opacity: 0;
transform: rotate(45deg) scale(0) !important;
transform-origin: center top;
transition: all .1s ease
}
[data-tooltip]:after {
opacity: 1;
transform-origin: center bottom;
transition: all .1s ease
}
[data-tooltip]:hover:after, [data-tooltip]:hover:before {
visibility: visible;
pointer-events: auto
}
[data-tooltip]:hover:before {
transform: rotate(45deg) scale(1) !important;
opacity: 1
}
[data-tooltip]:after, [data-tooltip][data-position="bottom center"]:after, [data-tooltip][data-position="top center"]:after {
transform: translateX(-50%) scale(0) !important
}
[data-tooltip]:hover:after, [data-tooltip][data-position="bottom center"]:hover:after {
transform: translateX(-50%) scale(1) !important
}
[data-tooltip][data-position="left center"]:after, [data-tooltip][data-position="right center"]:after {
transform: translateY(-50%) scale(0) !important
}
[data-tooltip][data-position="left center"]:hover:after, [data-tooltip][data-position="right center"]:hover:after {
transform: translateY(-50%) scale(1) !important
}
[data-tooltip][data-position="bottom left"]:after, [data-tooltip][data-position="bottom right"]:after, [data-tooltip][data-position="top left"]:after, [data-tooltip][data-position="top right"]:after {
transform: scale(0) !important
}
[data-tooltip][data-position="bottom left"]:hover:after, [data-tooltip][data-position="bottom right"]:hover:after, [data-tooltip][data-position="top left"]:hover:after, [data-tooltip][data-position="top right"]:hover:after {
transform: scale(1) !important
}
[data-tooltip][data-inverted]:before {
box-shadow: none !important
}
[data-tooltip][data-inverted]:before {
background: #1b1c1d
}
[data-tooltip][data-inverted]:after {
background: #1b1c1d;
color: #fff;
border: none;
box-shadow: none
}
[data-tooltip][data-inverted]:after .header {
background-color: none;
color: #fff
}
[data-position="top center"][data-tooltip]:after {
top: auto;
right: auto;
left: 50%;
bottom: 100%;
transform: translateX(-50%);
margin-bottom: .5em
}
[data-position="top center"][data-tooltip]:before {
top: auto;
right: auto;
bottom: 100%;
left: 50%;
background: #fff;
margin-left: -.07142857rem;
margin-bottom: .14285714rem
}
[data-position="top left"][data-tooltip]:after {
top: auto;
right: auto;
left: 0;
bottom: 100%;
margin-bottom: .5em
}
[data-position="top left"][data-tooltip]:before {
top: auto;
right: auto;
bottom: 100%;
left: 1em;
margin-left: -.07142857rem;
margin-bottom: .14285714rem
}
[data-position="top right"][data-tooltip]:after {
top: auto;
left: auto;
right: 0;
bottom: 100%;
margin-bottom: .5em
}
[data-position="top right"][data-tooltip]:before {
top: auto;
left: auto;
bottom: 100%;
right: 1em;
margin-left: -.07142857rem;
margin-bottom: .14285714rem
}
[data-position="bottom center"][data-tooltip]:after {
bottom: auto;
right: auto;
left: 50%;
top: 100%;
transform: translateX(-50%);
margin-top: .5em
}
[data-position="bottom center"][data-tooltip]:before {
bottom: auto;
right: auto;
top: 100%;
left: 50%;
margin-left: -.07142857rem;
margin-top: .14285714rem
}
[data-position="bottom left"][data-tooltip]:after {
left: 0;
top: 100%;
margin-top: .5em
}
[data-position="bottom left"][data-tooltip]:before {
bottom: auto;
right: auto;
top: 100%;
left: 1em;
margin-left: -.07142857rem;
margin-top: .14285714rem
}
[data-position="bottom right"][data-tooltip]:after {
right: 0;
top: 100%;
margin-top: .5em
}
[data-position="bottom right"][data-tooltip]:before {
bottom: auto;
left: auto;
top: 100%;
right: 1em;
margin-left: -.14285714rem;
margin-top: .07142857rem
}
[data-position="left center"][data-tooltip]:after {
right: 100%;
top: 50%;
margin-right: .5em;
transform: translateY(-50%)
}
[data-position="left center"][data-tooltip]:before {
right: 100%;
top: 50%;
margin-top: -.14285714rem;
margin-right: -.07142857rem
}
[data-position="right center"][data-tooltip]:after {
left: 100%;
top: 50%;
margin-left: .5em;
transform: translateY(-50%)
}
[data-position="right center"][data-tooltip]:before {
left: 100%;
top: 50%;
margin-top: -.07142857rem;
margin-left: .14285714rem
}
[data-position~=bottom][data-tooltip]:before {
background: #fff;
box-shadow: -1px -1px 0 0 #bababc
}
[data-position="left center"][data-tooltip]:before {
background: #fff;
box-shadow: 1px -1px 0 0 #bababc
}
[data-position="right center"][data-tooltip]:before {
background: #fff;
box-shadow: -1px 1px 0 0 #bababc
}
[data-position~=top][data-tooltip]:before {
background: #fff
}
[data-inverted][data-position~=bottom][data-tooltip]:before {
background: #1b1c1d;
box-shadow: -1px -1px 0 0 #bababc
}
[data-inverted][data-position="left center"][data-tooltip]:before {
background: #1b1c1d;
box-shadow: 1px -1px 0 0 #bababc
}
[data-inverted][data-position="right center"][data-tooltip]:before {
background: #1b1c1d;
box-shadow: -1px 1px 0 0 #bababc
}
[data-inverted][data-position~=top][data-tooltip]:before {
background: #1b1c1d
}
[data-position~=bottom][data-tooltip]:before {
transform-origin: center bottom
}
[data-position~=bottom][data-tooltip]:after {
transform-origin: center top
}
[data-position="left center"][data-tooltip]:before {
transform-origin: top center
}
[data-position="left center"][data-tooltip]:after {
transform-origin: right center
}
[data-position="right center"][data-tooltip]:before {
transform-origin: right center
}
[data-position="right center"][data-tooltip]:after {
transform-origin: left center
}
.ui.popup {
margin: 0
}
.ui.top.popup {
margin: 0 0 .71428571em
}
.ui.top.left.popup {
transform-origin: left bottom
}
.ui.top.center.popup {
transform-origin: center bottom
}
.ui.top.right.popup {
transform-origin: right bottom
}
.ui.left.center.popup {
margin: 0 .71428571em 0 0;
transform-origin: right 50%
}
.ui.right.center.popup {
margin: 0 0 0 .71428571em;
transform-origin: left 50%
}
.ui.bottom.popup {
margin: .71428571em 0 0
}
.ui.bottom.left.popup {
transform-origin: left top
}
.ui.bottom.center.popup {
transform-origin: center top
}
.ui.bottom.right.popup {
transform-origin: right top
}
.ui.bottom.center.popup:before {
margin-left: -.30714286em;
top: -.30714286em;
left: 50%;
right: auto;
bottom: auto;
box-shadow: -1px -1px 0 0 #bababc
}
.ui.bottom.left.popup {
margin-left: 0
}
.ui.bottom.left.popup:before {
top: -.30714286em;
left: 1em;
right: auto;
bottom: auto;
margin-left: 0;
box-shadow: -1px -1px 0 0 #bababc
}
.ui.bottom.right.popup {
margin-right: 0
}
.ui.bottom.right.popup:before {
top: -.30714286em;
right: 1em;
bottom: auto;
left: auto;
margin-left: 0;
box-shadow: -1px -1px 0 0 #bababc
}
.ui.top.center.popup:before {
top: auto;
right: auto;
bottom: -.30714286em;
left: 50%;
margin-left: -.30714286em
}
.ui.top.left.popup {
margin-left: 0
}
.ui.top.left.popup:before {
bottom: -.30714286em;
left: 1em;
top: auto;
right: auto;
margin-left: 0
}
.ui.top.right.popup {
margin-right: 0
}
.ui.top.right.popup:before {
bottom: -.30714286em;
right: 1em;
top: auto;
left: auto;
margin-left: 0
}
.ui.left.center.popup:before {
top: 50%;
right: -.30714286em;
bottom: auto;
left: auto;
margin-top: -.30714286em;
box-shadow: 1px -1px 0 0 #bababc
}
.ui.right.center.popup:before {
top: 50%;
left: -.30714286em;
bottom: auto;
right: auto;
margin-top: -.30714286em;
box-shadow: -1px 1px 0 0 #bababc
}
.ui.bottom.popup:before {
background: #fff
}
.ui.left.center.popup:before, .ui.right.center.popup:before {
background: #fff
}
.ui.top.popup:before {
background: #fff
}
.ui.inverted.bottom.popup:before {
background: #1b1c1d
}
.ui.inverted.left.center.popup:before, .ui.inverted.right.center.popup:before {
background: #1b1c1d
}
.ui.inverted.top.popup:before {
background: #1b1c1d
}
.ui.popup > .ui.grid:not(.padded) {
width: calc(100% + 1.75rem);
margin: -.7rem -.875rem
}
.ui.loading.popup {
display: block;
visibility: hidden;
z-index: -1
}
.ui.animating.popup, .ui.visible.popup {
display: block
}
.ui.visible.popup {
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.ui.basic.popup:before {
display: none
}
.ui.wide.popup {
max-width: 350px
}
.ui[class*="very wide"].popup {
max-width: 550px
}
@media only screen and (max-width:767px) {
.ui.wide.popup, .ui[class*="very wide"].popup {
max-width: 250px
}
}
.ui.fluid.popup {
width: 100%;
max-width: none
}
.ui.inverted.popup {
background: #1b1c1d;
color: #fff;
border: none;
box-shadow: none
}
.ui.inverted.popup .header {
background-color: none;
color: #fff
}
.ui.inverted.popup:before {
background-color: #1b1c1d;
box-shadow: none !important
}
.ui.flowing.popup {
max-width: none
}
.ui.mini.popup {
font-size: .78571429rem
}
.ui.tiny.popup {
font-size: .85714286rem
}
.ui.small.popup {
font-size: .92857143rem
}
.ui.popup {
font-size: 1rem
}
.ui.large.popup {
font-size: 1.14285714rem
}
.ui.huge.popup {
font-size: 1.42857143rem
}
/*!
* # Semantic UI 2.5.0 - Progress Bar
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.progress {
position: relative;
display: block;
max-width: 100%;
border: none;
margin: 1em 0 2.5em;
box-shadow: none;
background: rgba(0,0,0,.1);
padding: 0;
border-radius: .28571429rem
}
.ui.progress:first-child {
margin: 0 0 2.5em
}
.ui.progress:last-child {
margin: 0 0 1.5em
}
.ui.progress .bar {
display: block;
line-height: 1;
position: relative;
width: 0%;
min-width: 2em;
background: #888;
border-radius: .28571429rem;
transition: width .1s ease,background-color .1s ease
}
.ui.progress .bar > .progress {
white-space: nowrap;
position: absolute;
width: auto;
font-size: .92857143em;
top: 50%;
right: .5em;
left: auto;
bottom: auto;
color: rgba(255,255,255,.7);
text-shadow: none;
margin-top: -.5em;
font-weight: 700;
text-align: left
}
.ui.progress > .label {
position: absolute;
width: 100%;
font-size: 1em;
top: 100%;
right: auto;
left: 0;
bottom: auto;
color: rgba(0,0,0,.87);
font-weight: 700;
text-shadow: none;
margin-top: .2em;
text-align: center;
transition: color .4s ease
}
.ui.indicating.progress[data-percent^="1"] .bar, .ui.indicating.progress[data-percent^="2"] .bar {
background-color: #d95c5c
}
.ui.indicating.progress[data-percent^="3"] .bar {
background-color: #efbc72
}
.ui.indicating.progress[data-percent^="4"] .bar, .ui.indicating.progress[data-percent^="5"] .bar {
background-color: #e6bb48
}
.ui.indicating.progress[data-percent^="6"] .bar {
background-color: #ddc928
}
.ui.indicating.progress[data-percent^="7"] .bar, .ui.indicating.progress[data-percent^="8"] .bar {
background-color: #b4d95c
}
.ui.indicating.progress[data-percent^="100"] .bar, .ui.indicating.progress[data-percent^="9"] .bar {
background-color: #66da81
}
.ui.indicating.progress[data-percent^="1"] .label, .ui.indicating.progress[data-percent^="2"] .label {
color: rgba(0,0,0,.87)
}
.ui.indicating.progress[data-percent^="3"] .label {
color: rgba(0,0,0,.87)
}
.ui.indicating.progress[data-percent^="4"] .label, .ui.indicating.progress[data-percent^="5"] .label {
color: rgba(0,0,0,.87)
}
.ui.indicating.progress[data-percent^="6"] .label {
color: rgba(0,0,0,.87)
}
.ui.indicating.progress[data-percent^="7"] .label, .ui.indicating.progress[data-percent^="8"] .label {
color: rgba(0,0,0,.87)
}
.ui.indicating.progress[data-percent^="100"] .label, .ui.indicating.progress[data-percent^="9"] .label {
color: rgba(0,0,0,.87)
}
.ui.indicating.progress[data-percent="1"] .bar, .ui.indicating.progress[data-percent="2"] .bar, .ui.indicating.progress[data-percent="3"] .bar, .ui.indicating.progress[data-percent="4"] .bar, .ui.indicating.progress[data-percent="5"] .bar, .ui.indicating.progress[data-percent="6"] .bar, .ui.indicating.progress[data-percent="7"] .bar, .ui.indicating.progress[data-percent="8"] .bar, .ui.indicating.progress[data-percent="9"] .bar {
background-color: #d95c5c
}
.ui.indicating.progress[data-percent="1"] .label, .ui.indicating.progress[data-percent="2"] .label, .ui.indicating.progress[data-percent="3"] .label, .ui.indicating.progress[data-percent="4"] .label, .ui.indicating.progress[data-percent="5"] .label, .ui.indicating.progress[data-percent="6"] .label, .ui.indicating.progress[data-percent="7"] .label, .ui.indicating.progress[data-percent="8"] .label, .ui.indicating.progress[data-percent="9"] .label {
color: rgba(0,0,0,.87)
}
.ui.indicating.progress.success .label {
color: #1a531b
}
.ui.progress.success .bar {
background-color: #21ba45 !important
}
.ui.progress.success .bar, .ui.progress.success .bar::after {
-webkit-animation: none !important;
animation: none !important
}
.ui.progress.success > .label {
color: #1a531b
}
.ui.progress.warning .bar {
background-color: #f2c037 !important
}
.ui.progress.warning .bar, .ui.progress.warning .bar::after {
-webkit-animation: none !important;
animation: none !important
}
.ui.progress.warning > .label {
color: #794b02
}
.ui.progress.error .bar {
background-color: #db2828 !important
}
.ui.progress.error .bar, .ui.progress.error .bar::after {
-webkit-animation: none !important;
animation: none !important
}
.ui.progress.error > .label {
color: #912d2b
}
.ui.active.progress .bar {
position: relative;
min-width: 2em
}
.ui.active.progress .bar::after {
content: '';
opacity: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #fff;
border-radius: .28571429rem;
-webkit-animation: progress-active 2s ease infinite;
animation: progress-active 2s ease infinite
}
@-webkit-keyframes progress-active {
0% {
opacity: .3;
width: 0
}
100% {
opacity: 0;
width: 100%
}
}
@keyframes progress-active {
0% {
opacity: .3;
width: 0
}
100% {
opacity: 0;
width: 100%
}
}
.ui.disabled.progress {
opacity: .35
}
.ui.disabled.progress .bar, .ui.disabled.progress .bar::after {
-webkit-animation: none !important;
animation: none !important
}
.ui.inverted.progress {
background: rgba(255,255,255,.08);
border: none
}
.ui.inverted.progress .bar {
background: #888
}
.ui.inverted.progress .bar > .progress {
color: #f9fafb
}
.ui.inverted.progress > .label {
color: #fff
}
.ui.inverted.progress.success > .label {
color: #21ba45
}
.ui.inverted.progress.warning > .label {
color: #f2c037
}
.ui.inverted.progress.error > .label {
color: #db2828
}
.ui.progress.attached {
background: 0 0;
position: relative;
border: none;
margin: 0
}
.ui.progress.attached, .ui.progress.attached .bar {
display: block;
height: .2rem;
padding: 0;
overflow: hidden;
border-radius: 0 0 .28571429rem .28571429rem
}
.ui.progress.attached .bar {
border-radius: 0
}
.ui.progress.top.attached, .ui.progress.top.attached .bar {
top: 0;
border-radius: .28571429rem .28571429rem 0 0
}
.ui.progress.top.attached .bar {
border-radius: 0
}
.ui.card > .ui.attached.progress, .ui.segment > .ui.attached.progress {
position: absolute;
top: auto;
left: 0;
bottom: 100%;
width: 100%
}
.ui.card > .ui.bottom.attached.progress, .ui.segment > .ui.bottom.attached.progress {
top: 100%;
bottom: auto
}
.ui.red.progress .bar {
background-color: #db2828
}
.ui.red.inverted.progress .bar {
background-color: #ff695e
}
.ui.orange.progress .bar {
background-color: #f2711c
}
.ui.orange.inverted.progress .bar {
background-color: #ff851b
}
.ui.yellow.progress .bar {
background-color: #fbbd08
}
.ui.yellow.inverted.progress .bar {
background-color: #ffe21f
}
.ui.olive.progress .bar {
background-color: #b5cc18
}
.ui.olive.inverted.progress .bar {
background-color: #d9e778
}
.ui.green.progress .bar {
background-color: #21ba45
}
.ui.green.inverted.progress .bar {
background-color: #2ecc40
}
.ui.teal.progress .bar {
background-color: #00b5ad
}
.ui.teal.inverted.progress .bar {
background-color: #6dffff
}
.ui.blue.progress .bar {
background-color: #2185d0
}
.ui.blue.inverted.progress .bar {
background-color: #54c8ff
}
.ui.violet.progress .bar {
background-color: #6435c9
}
.ui.violet.inverted.progress .bar {
background-color: #a291fb
}
.ui.purple.progress .bar {
background-color: #a333c8
}
.ui.purple.inverted.progress .bar {
background-color: #dc73ff
}
.ui.pink.progress .bar {
background-color: #e03997
}
.ui.pink.inverted.progress .bar {
background-color: #ff8edf
}
.ui.brown.progress .bar {
background-color: #a5673f
}
.ui.brown.inverted.progress .bar {
background-color: #d67c1c
}
.ui.grey.progress .bar {
background-color: #767676
}
.ui.grey.inverted.progress .bar {
background-color: #dcddde
}
.ui.black.progress .bar {
background-color: #1b1c1d
}
.ui.black.inverted.progress .bar {
background-color: #545454
}
.ui.tiny.progress {
font-size: .85714286rem
}
.ui.tiny.progress .bar {
height: .5em
}
.ui.small.progress {
font-size: .92857143rem
}
.ui.small.progress .bar {
height: 1em
}
.ui.progress {
font-size: 1rem
}
.ui.progress .bar {
height: 1.75em
}
.ui.large.progress {
font-size: 1.14285714rem
}
.ui.large.progress .bar {
height: 2.5em
}
.ui.big.progress {
font-size: 1.28571429rem
}
.ui.big.progress .bar {
height: 3.5em
}
/*!
* # Semantic UI 2.5.0 - Rating
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.rating {
display: inline-flex;
white-space: nowrap;
vertical-align: baseline
}
.ui.rating:last-child {
margin-right: 0
}
.ui.rating .icon {
padding: 0;
margin: 0;
text-align: center;
font-weight: 400;
font-style: normal;
flex: 1 0 auto;
cursor: pointer;
width: 1.25em;
height: auto;
transition: opacity .1s ease,background .1s ease,text-shadow .1s ease,color .1s ease
}
.ui.rating .icon {
background: 0 0;
color: rgba(0,0,0,.15)
}
.ui.rating .active.icon {
background: 0 0;
color: rgba(0,0,0,.85)
}
.ui.rating .icon.selected, .ui.rating .icon.selected.active {
background: 0 0;
color: rgba(0,0,0,.87)
}
.ui.star.rating .icon {
width: 1.25em;
height: auto;
background: 0 0;
color: rgba(0,0,0,.15);
text-shadow: none
}
.ui.star.rating .active.icon {
background: 0 0 !important;
color: #ffe623 !important;
text-shadow: 0 -1px 0 #ddc507,-1px 0 0 #ddc507,0 1px 0 #ddc507,1px 0 0 #ddc507 !important
}
.ui.star.rating .icon.selected, .ui.star.rating .icon.selected.active {
background: 0 0 !important;
color: #fc0 !important;
text-shadow: 0 -1px 0 #e6a200,-1px 0 0 #e6a200,0 1px 0 #e6a200,1px 0 0 #e6a200 !important
}
.ui.heart.rating .icon {
width: 1.4em;
height: auto;
background: 0 0;
color: rgba(0,0,0,.15);
text-shadow: none !important
}
.ui.heart.rating .active.icon {
background: 0 0 !important;
color: #ff6d75 !important;
text-shadow: 0 -1px 0 #cd0707,-1px 0 0 #cd0707,0 1px 0 #cd0707,1px 0 0 #cd0707 !important
}
.ui.heart.rating .icon.selected, .ui.heart.rating .icon.selected.active {
background: 0 0 !important;
color: #ff3000 !important;
text-shadow: 0 -1px 0 #aa0101,-1px 0 0 #aa0101,0 1px 0 #aa0101,1px 0 0 #aa0101 !important
}
.ui.disabled.rating .icon {
cursor: default
}
.ui.rating.selected .active.icon {
opacity: 1
}
.ui.rating .icon.selected, .ui.rating.selected .icon.selected {
opacity: 1
}
.ui.mini.rating {
font-size: .78571429rem
}
.ui.tiny.rating {
font-size: .85714286rem
}
.ui.small.rating {
font-size: .92857143rem
}
.ui.rating {
font-size: 1rem
}
.ui.large.rating {
font-size: 1.14285714rem
}
.ui.huge.rating {
font-size: 1.42857143rem
}
.ui.massive.rating {
font-size: 2rem
}
@font-face {
font-family: Rating;
src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjCBsAAAC8AAAAYGNtYXCj2pm8AAABHAAAAKRnYXNwAAAAEAAAAcAAAAAIZ2x5ZlJbXMYAAAHIAAARnGhlYWQBGAe5AAATZAAAADZoaGVhA+IB/QAAE5wAAAAkaG10eCzgAEMAABPAAAAAcGxvY2EwXCxOAAAUMAAAADptYXhwACIAnAAAFGwAAAAgbmFtZfC1n04AABSMAAABPHBvc3QAAwAAAAAVyAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADxZQHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEAJAAAAAgACAABAAAAAEAIOYF8AbwDfAj8C7wbvBw8Irwl/Cc8SPxZf/9//8AAAAAACDmAPAE8AzwI/Au8G7wcPCH8JfwnPEj8WT//f//AAH/4xoEEAYQAQ/sD+IPow+iD4wPgA98DvYOtgADAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAIAAP/tAgAB0wAKABUAAAEvAQ8BFwc3Fyc3BQc3Jz8BHwEHFycCALFPT7GAHp6eHoD/AHAWW304OH1bFnABGRqgoBp8sFNTsHyyOnxYEnFxElh8OgAAAAACAAD/7QIAAdMACgASAAABLwEPARcHNxcnNwUxER8BBxcnAgCxT0+xgB6enh6A/wA4fVsWcAEZGqCgGnywU1OwfLIBHXESWHw6AAAAAQAA/+0CAAHTAAoAAAEvAQ8BFwc3Fyc3AgCxT0+xgB6enh6AARkaoKAafLBTU7B8AAAAAAEAAAAAAgABwAArAAABFA4CBzEHDgMjIi4CLwEuAzU0PgIzMh4CFz4DMzIeAhUCAAcMEgugBgwMDAYGDAwMBqALEgwHFyg2HhAfGxkKChkbHxAeNigXAS0QHxsZCqAGCwkGBQkLBqAKGRsfEB42KBcHDBILCxIMBxcoNh4AAAAAAgAAAAACAAHAACsAWAAAATQuAiMiDgIHLgMjIg4CFRQeAhcxFx4DMzI+Aj8BPgM1DwEiFCIGMTAmIjQjJy4DNTQ+AjMyHgIfATc+AzMyHgIVFA4CBwIAFyg2HhAfGxkKChkbHxAeNigXBwwSC6AGDAwMBgYMDAwGoAsSDAdbogEBAQEBAaIGCgcEDRceEQkREA4GLy8GDhARCREeFw0EBwoGAS0eNigXBwwSCwsSDAcXKDYeEB8bGQqgBgsJBgUJCwagChkbHxA+ogEBAQGiBg4QEQkRHhcNBAcKBjQ0BgoHBA0XHhEJERAOBgABAAAAAAIAAcAAMQAAARQOAgcxBw4DIyIuAi8BLgM1ND4CMzIeAhcHFwc3Jzc+AzMyHgIVAgAHDBILoAYMDAwGBgwMDAagCxIMBxcoNh4KFRMSCC9wQLBwJwUJCgkFHjYoFwEtEB8bGQqgBgsJBgUJCwagChkbHxAeNigXAwUIBUtAoMBAOwECAQEXKDYeAAABAAAAAAIAAbcAKgAAEzQ3NjMyFxYXFhcWFzY3Njc2NzYzMhcWFRQPAQYjIi8BJicmJyYnJicmNQAkJUARExIQEAsMCgoMCxAQEhMRQCUkQbIGBwcGsgMFBQsKCQkGBwExPyMkBgYLCgkKCgoKCQoLBgYkIz8/QawFBawCBgUNDg4OFRQTAAAAAQAAAA0B2wHSACYAABM0PwI2FzYfAhYVFA8BFxQVFAcGByYvAQcGByYnJjU0PwEnJjUAEI9BBQkIBkCPEAdoGQMDBgUGgIEGBQYDAwEYaAcBIwsCFoEMAQEMgRYCCwYIZJABBQUFAwEBAkVFAgEBAwUFAwOQZAkFAAAAAAIAAAANAdsB0gAkAC4AABM0PwI2FzYfAhYVFA8BFxQVFAcmLwEHBgcmJyY1ND8BJyY1HwEHNxcnNy8BBwAQj0EFCQgGQI8QB2gZDAUGgIEGBQYDAwEYaAc/WBVsaxRXeDY2ASMLAhaBDAEBDIEWAgsGCGSQAQUNAQECRUUCAQEDBQUDA5BkCQURVXg4OHhVEW5uAAABACMAKQHdAXwAGgAANzQ/ATYXNh8BNzYXNh8BFhUUDwEGByYvASY1IwgmCAwLCFS8CAsMCCYICPUIDAsIjgjSCwkmCQEBCVS7CQEBCSYJCg0H9gcBAQePBwwAAAEAHwAfAXMBcwAsAAA3ND8BJyY1ND8BNjMyHwE3NjMyHwEWFRQPARcWFRQPAQYjIi8BBwYjIi8BJjUfCFRUCAgnCAwLCFRUCAwLCCcICFRUCAgnCAsMCFRUCAsMCCcIYgsIVFQIDAsIJwgIVFQICCcICwwIVFQICwwIJwgIVFQICCcIDAAAAAACAAAAJQFJAbcAHwArAAA3NTQ3NjsBNTQ3NjMyFxYdATMyFxYdARQHBiMhIicmNTczNTQnJiMiBwYdAQAICAsKJSY1NCYmCQsICAgIC/7tCwgIW5MWFR4fFRZApQsICDc0JiYmJjQ3CAgLpQsICAgIC8A3HhYVFRYeNwAAAQAAAAcBbgG3ACEAADcRNDc2NzYzITIXFhcWFREUBwYHBiMiLwEHBiMiJyYnJjUABgUKBgYBLAYGCgUGBgUKBQcOCn5+Cg4GBgoFBicBcAoICAMDAwMICAr+kAoICAQCCXl5CQIECAgKAAAAAwAAACUCAAFuABgAMQBKAAA3NDc2NzYzMhcWFxYVFAcGBwYjIicmJyY1MxYXFjMyNzY3JicWFRQHBiMiJyY1NDcGBzcUFxYzMjc2NTQ3NjMyNzY1NCcmIyIHBhUABihDREtLREMoBgYoQ0RLS0RDKAYlJjk5Q0M5OSYrQREmJTU1JSYRQSuEBAQGBgQEEREZBgQEBAQGJBkayQoKQSgoKChBCgoKCkEoJycoQQoKOiMjIyM6RCEeIjUmJSUmNSIeIUQlBgQEBAQGGBIRBAQGBgQEGhojAAAABQAAAAkCAAGJACwAOABRAGgAcAAANzQ3Njc2MzIXNzYzMhcWFxYXFhcWFxYVFDEGBwYPAQYjIicmNTQ3JicmJyY1MxYXNyYnJjU0NwYHNxQXFjMyNzY1NDc2MzI3NjU0JyYjIgcGFRc3Njc2NyYnNxYXFhcWFRQHBgcGBwYjPwEWFRQHBgcABitBQU0ZGhADBQEEBAUFBAUEBQEEHjw8Hg4DBQQiBQ0pIyIZBiUvSxYZDg4RQSuEBAQGBgQEEREZBgQEBAQGJBkaVxU9MzQiIDASGxkZEAYGCxQrODk/LlACFxYlyQsJQycnBRwEAgEDAwIDAwIBAwUCNmxsNhkFFAMFBBUTHh8nCQtKISgSHBsfIh4hRCUGBAQEBAYYEhEEBAYGBAQaGiPJJQUiIjYzISASGhkbCgoKChIXMRsbUZANCyghIA8AAAMAAAAAAbcB2wA5AEoAlAAANzU0NzY7ATY3Njc2NzY3Njc2MzIXFhcWFRQHMzIXFhUUBxYVFAcUFRQHFgcGKwEiJyYnJisBIicmNTcUFxYzMjc2NTQnJiMiBwYVFzMyFxYXFhcWFxYXFhcWOwEyNTQnNjc2NTQnNjU0JyYnNjc2NTQnJisBNDc2NTQnJiMGBwYHBgcGBwYHBgcGBwYHBgcGBwYrARUACwoQTgodEQ4GBAMFBgwLDxgTEwoKDjMdFhYOAgoRARkZKCUbGxsjIQZSEAoLJQUFCAcGBQUGBwgFBUkJBAUFBAQHBwMDBwcCPCUjNwIJBQUFDwMDBAkGBgsLDmUODgoJGwgDAwYFDAYQAQUGAwQGBgYFBgUGBgQJSbcPCwsGJhUPCBERExMMCgkJFBQhGxwWFR4ZFQoKFhMGBh0WKBcXBgcMDAoLDxIHBQYGBQcIBQYGBQgSAQEBAQICAQEDAgEULwgIBQoLCgsJDhQHCQkEAQ0NCg8LCxAdHREcDQ4IEBETEw0GFAEHBwUECAgFBQUFAgO3AAADAAD/2wG3AbcAPABNAJkAADc1NDc2OwEyNzY3NjsBMhcWBxUWFRQVFhUUBxYVFAcGKwEWFRQHBgcGIyInJicmJyYnJicmJyYnIyInJjU3FBcWMzI3NjU0JyYjIgcGFRczMhcWFxYXFhcWFxYXFhcWFxYXFhcWFzI3NjU0JyY1MzI3NjU0JyYjNjc2NTQnNjU0JyYnNjU0JyYrASIHIgcGBwYHBgcGIwYrARUACwoQUgYhJRsbHiAoGRkBEQoCDhYWHTMOCgoTExgPCwoFBgIBBAMFDhEdCk4QCgslBQUIBwYFBQYHCAUFSQkEBgYFBgUGBgYEAwYFARAGDAUGAwMIGwkKDg5lDgsLBgYJBAMDDwUFBQkCDg4ZJSU8AgcHAwMHBwQEBQUECbe3DwsKDAwHBhcWJwIWHQYGExYKChUZHhYVHRoiExQJCgsJDg4MDAwNBg4WJQcLCw+kBwUGBgUHCAUGBgUIpAMCBQYFBQcIBAUHBwITBwwTExERBw0OHBEdHRALCw8KDQ0FCQkHFA4JCwoLCgUICBgMCxUDAgEBAgMBAQG3AAAAAQAAAA0A7gHSABQAABM0PwI2FxEHBgcmJyY1ND8BJyY1ABCPQQUJgQYFBgMDARhoBwEjCwIWgQwB/oNFAgEBAwUFAwOQZAkFAAAAAAIAAAAAAgABtwAqAFkAABM0NzYzMhcWFxYXFhc2NzY3Njc2MzIXFhUUDwEGIyIvASYnJicmJyYnJjUzFB8BNzY1NCcmJyYnJicmIyIHBgcGBwYHBiMiJyYnJicmJyYjIgcGBwYHBgcGFQAkJUARExIQEAsMCgoMCxAQEhMRQCUkQbIGBwcGsgMFBQsKCQkGByU1pqY1BgYJCg4NDg0PDhIRDg8KCgcFCQkFBwoKDw4REg4PDQ4NDgoJBgYBMT8jJAYGCwoJCgoKCgkKCwYGJCM/P0GsBQWsAgYFDQ4ODhUUEzA1oJ82MBcSEgoLBgcCAgcHCwsKCQgHBwgJCgsLBwcCAgcGCwoSEhcAAAACAAAABwFuAbcAIQAoAAA3ETQ3Njc2MyEyFxYXFhURFAcGBwYjIi8BBwYjIicmJyY1PwEfAREhEQAGBQoGBgEsBgYKBQYGBQoFBw4Kfn4KDgYGCgUGJZIZef7cJwFwCggIAwMDAwgICv6QCggIBAIJeXkJAgQICAoIjRl0AWP+nQAAAAABAAAAJQHbAbcAMgAANzU0NzY7ATU0NzYzMhcWHQEUBwYrASInJj0BNCcmIyIHBh0BMzIXFh0BFAcGIyEiJyY1AAgIC8AmJjQ1JiUFBQgSCAUFFhUfHhUWHAsICAgIC/7tCwgIQKULCAg3NSUmJiU1SQgFBgYFCEkeFhUVFh43CAgLpQsICAgICwAAAAIAAQANAdsB0gAiAC0AABM2PwI2MzIfAhYXFg8BFxYHBiMiLwEHBiMiJyY/AScmNx8CLwE/AS8CEwEDDJBABggJBUGODgIDCmcYAgQCCAMIf4IFBgYEAgEZaQgC7hBbEgINSnkILgEBJggCFYILC4IVAggICWWPCgUFA0REAwUFCo9lCQipCTBmEw1HEhFc/u0AAAADAAAAAAHJAbcAFAAlAHkAADc1NDc2OwEyFxYdARQHBisBIicmNTcUFxYzMjc2NTQnJiMiBwYVFzU0NzYzNjc2NzY3Njc2NzY3Njc2NzY3NjMyFxYXFhcWFxYXFhUUFRQHBgcGBxQHBgcGBzMyFxYVFAcWFRYHFgcGBxYHBgcjIicmJyYnJiciJyY1AAUGB1MHBQYGBQdTBwYFJQUFCAcGBQUGBwgFBWQFBQgGDw8OFAkFBAQBAQMCAQIEBAYFBw4KCgcHBQQCAwEBAgMDAgYCAgIBAU8XEBAQBQEOBQUECwMREiYlExYXDAwWJAoHBQY3twcGBQUGB7cIBQUFBQgkBwYFBQYHCAUGBgUIJLcHBQYBEBATGQkFCQgGBQwLBgcICQUGAwMFBAcHBgYICQQEBwsLCwYGCgIDBAMCBBEQFhkSDAoVEhAREAsgFBUBBAUEBAcMAQUFCAAAAAADAAD/2wHJAZIAFAAlAHkAADcUFxYXNxY3Nj0BNCcmBycGBwYdATc0NzY3FhcWFRQHBicGJyY1FzU0NzY3Fjc2NzY3NjcXNhcWBxYXFgcWBxQHFhUUBwYHJxYXFhcWFRYXFhcWFRQVFAcGBwYHBgcGBwYnBicmJyYnJicmJyYnJicmJyYnJiciJyY1AAUGB1MHBQYGBQdTBwYFJQUFCAcGBQUGBwgFBWQGBQcKJBYMDBcWEyUmEhEDCwQFBQ4BBRAQEBdPAQECAgIGAgMDAgEBAwIEBQcHCgoOBwUGBAQCAQIDAQEEBAUJFA4PDwYIBQWlBwYFAQEBBwQJtQkEBwEBAQUGB7eTBwYEAQEEBgcJBAYBAQYECZS4BwYEAgENBwUCBgMBAQEXEyEJEhAREBcIDhAaFhEPAQEFAgQCBQELBQcKDAkIBAUHCgUGBwgDBgIEAQEHBQkIBwUMCwcECgcGCRoREQ8CBgQIAAAAAQAAAAEAAJth57dfDzz1AAsCAAAAAADP/GODAAAAAM/8Y4MAAP/bAgAB2wAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAACAAABAAAAAAAAAAAAAAAAAAAAHAAAAAAAAAAAAAAAAAEAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAdwAAAHcAAACAAAjAZMAHwFJAAABbgAAAgAAAAIAAAACAAAAAgAAAAEAAAACAAAAAW4AAAHcAAAB3AABAdwAAAHcAAAAAAAAAAoAFAAeAEoAcACKAMoBQAGIAcwCCgJUAoICxgMEAzoDpgRKBRgF7AYSBpgG2gcgB2oIGAjOAAAAAQAAABwAmgAFAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAwAAAABAAAAAAACAA4AQAABAAAAAAADAAwAIgABAAAAAAAEAAwATgABAAAAAAAFABYADAABAAAAAAAGAAYALgABAAAAAAAKADQAWgADAAEECQABAAwAAAADAAEECQACAA4AQAADAAEECQADAAwAIgADAAEECQAEAAwATgADAAEECQAFABYADAADAAEECQAGAAwANAADAAEECQAKADQAWgByAGEAdABpAG4AZwBWAGUAcgBzAGkAbwBuACAAMQAuADAAcgBhAHQAaQBuAGdyYXRpbmcAcgBhAHQAaQBuAGcAUgBlAGcAdQBsAGEAcgByAGEAdABpAG4AZwBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('truetype'),url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AABcUAAoAAAAAFswAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAEuEAABLho6TvIE9TLzIAABPYAAAAYAAAAGAIIwgbY21hcAAAFDgAAACkAAAApKPambxnYXNwAAAU3AAAAAgAAAAIAAAAEGhlYWQAABTkAAAANgAAADYBGAe5aGhlYQAAFRwAAAAkAAAAJAPiAf1obXR4AAAVQAAAAHAAAABwLOAAQ21heHAAABWwAAAABgAAAAYAHFAAbmFtZQAAFbgAAAE8AAABPPC1n05wb3N0AAAW9AAAACAAAAAgAAMAAAEABAQAAQEBB3JhdGluZwABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeLZviU+HQFHQAAAP0PHQAAAQIRHQAAAAkdAAAS2BIAHQEBBw0PERQZHiMoLTI3PEFGS1BVWl9kaW5zeH2Ch4xyYXRpbmdyYXRpbmd1MHUxdTIwdUU2MDB1RTYwMXVFNjAydUU2MDN1RTYwNHVFNjA1dUYwMDR1RjAwNXVGMDA2dUYwMEN1RjAwRHVGMDIzdUYwMkV1RjA2RXVGMDcwdUYwODd1RjA4OHVGMDg5dUYwOEF1RjA5N3VGMDlDdUYxMjN1RjE2NHVGMTY1AAACAYkAGgAcAgABAAQABwAKAA0AVgCWAL0BAgGMAeQCbwLwA4cD5QR0BQMFdgZgB8MJkQtxC7oM2Q1jDggOmRAYEZr8lA78lA78lA77lA74lPetFftFpTz3NDz7NPtFcfcU+xBt+0T3Mt73Mjht90T3FPcQBfuU+0YV+wRRofcQMOP3EZ3D9wXD+wX3EXkwM6H7EPsExQUO+JT3rRX7RaU89zQ8+zT7RXH3FPsQbftE9zLe9zI4bfdE9xT3EAX7lPtGFYuLi/exw/sF9xF5MDOh+xD7BMUFDviU960V+0WlPPc0PPs0+0Vx9xT7EG37RPcy3vcyOG33RPcU9xAFDviU98EVi2B4ZG5wCIuL+zT7NAV7e3t7e4t7i3ube5sI+zT3NAVupniyi7aL3M3N3Iu2i7J4pm6mqLKetovci81JizoIDviU98EVi9xJzTqLYItkeHBucKhknmCLOotJSYs6i2CeZKhwCIuL9zT7NAWbe5t7m4ubi5ubm5sI9zT3NAWopp6yi7YIME0V+zb7NgWKioqKiouKi4qMiowI+zb3NgV6m4Ghi6OLubCwuYuji6GBm3oIule6vwWbnKGVo4u5i7Bmi12Lc4F1ensIDviU98EVi2B4ZG5wCIuL+zT7NAV7e3t7e4t7i3ube5sI+zT3NAVupniyi7aL3M3N3Iuni6WDoX4IXED3BEtL+zT3RPdU+wTLssYFl46YjZiL3IvNSYs6CA6L98UVi7WXrKOio6Otl7aLlouXiZiHl4eWhZaEloSUhZKFk4SShZKEkpKSkZOSkpGUkZaSCJaSlpGXj5iPl42Wi7aLrX+jc6N0l2qLYYthdWBgYAj7RvtABYeIh4mGi4aLh42Hjgj7RvdABYmNiY2Hj4iOhpGDlISUhZWFlIWVhpaHmYaYiZiLmAgOZ4v3txWLkpCPlo0I9yOgzPcWBY6SkI+Ri5CLkIePhAjL+xb3I3YFlomQh4uEi4aJh4aGCCMmpPsjBYuKi4mLiIuHioiJiImIiIqHi4iLh4yHjQj7FM/7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwgOZ4v3txWLkpCPlo0I9yOgzPcWBY6SkI+Ri5CLkIePhAjL+xb3I3YFlomQh4uEi4aJh4aGCCMmpPsjBYuKi4mLiIuCh4aDi4iLh4yHjQj7FM/7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwjKeRXjN3b7DfcAxPZSd/cN4t/7DJ1V9wFV+wEFDq73ZhWLk42RkZEIsbIFkZCRjpOLkouSiJCGCN8291D3UAWQkJKOkouTi5GIkYYIsWQFkYaNhIuEi4OJhYWFCPuJ+4kFhYWFiYOLhIuEjYaRCPsi9yIFhZCJkouSCA77AartFYuSjpKQkAjf3zffBYaQiJKLk4uSjpKQkAiysgWRkJGOk4uSi5KIkIYI3zff3wWQkJKOk4uSi5KIkIYIsmQFkIaOhIuEi4OIhIaGCDc33zcFkIaOhIuEi4OIhYaFCGRkBYaGhIiEi4OLhI6GkAg33zc3BYaGhIiEi4OLhY6FkAhksgWGkYiRi5MIDvtLi8sVi/c5BYuSjpKQkJCQko6SiwiVi4vCBYuul6mkpKSkqpiui66LqX6kcqRymG2LaAiLVJSLBZKLkoiQhpCGjoSLhAiL+zkFi4OIhYaGhoWEiYSLCPuniwWEi4SNhpGGkIiRi5MI5vdUFfcni4vCBYufhJx8mn2ZepJ3i3aLeoR9fX18g3qLdwiLVAUO+yaLshWL+AQFi5GNkY+RjpCQj5KNj42PjI+LCPfAiwWPi4+Kj4mRiZCHj4aPhY2Fi4UIi/wEBYuEiYWHhoeGhoeFiIiKhoqHi4GLhI6EkQj7EvcN+xL7DQWEhYOIgouHi4eLh42EjoaPiJCHkImRi5IIDov3XRWLko2Rj5Kltq+vuKW4pbuZvYu9i7t9uHG4ca9npWCPhI2Fi4SLhYmEh4RxYGdoXnAIXnFbflmLWYtbmF6lXqZnrnG2h5KJkouRCLCLFaRkq2yxdLF0tH+4i7iLtJexorGiq6qksm64Z61goZZ3kXaLdItnfm1ycnJybX9oiwhoi22XcqRypH6pi6+LopGglp9gdWdpbl4I9xiwFYuHjIiOiI6IjoqPi4+LjoyOjo2OjY6Lj4ubkJmXl5eWmZGbi4+LjoyOjo2OjY6LjwiLj4mOiY6IjYiNh4tzi3eCenp6eoJ3i3MIDov3XRWLko2Sj5GouK+utqW3pbqYvouci5yJnIgIm6cFjY6NjI+LjIuNi42JjYqOio+JjomOiY6KjomOiY6JjoqNioyKjomMiYuHi4qLiouLCHdnbVVjQ2NDbVV3Zwh9cgWJiIiJiIuJi36SdJiIjYmOi46LjY+UlJlvl3KcdJ90oHeie6WHkYmSi5IIsIsVqlq0Z711CKGzBXqXfpqCnoKdhp6LoIuikaCWn2B1Z2luXgj3GLAVi4eMiI6IjoiOio+Lj4uOjI6OjY6NjouPi5uQmZeXl5aZkZuLj4uOjI6OjY6NjouPCIuPiY6JjoiNiI2Hi3OLd4J6enp6gneLcwji+10VoLAFtI+wmK2hrqKnqKKvdq1wp2uhCJ2rBZ1/nHycepx6mHqWeY+EjYWLhIuEiYWHhIR/gH1+fG9qaXJmeWV5Y4Jhiwi53BXb9yQFjIKMg4uEi3CDc3x1fHV3fHOBCA6L1BWL90sFi5WPlJKSkpKTj5aLCNmLBZKPmJqepJaZlZeVlY+Qj5ONl42WjpeOmI+YkZWTk5OSk46Vi5uLmYiYhZiFlIGSfgiSfo55i3WLeYd5gXgIvosFn4uchJl8mn2Seot3i3qGfIJ9jYSLhYuEi3yIfoR+i4eLh4uHi3eGen99i3CDdnt8CHt8dYNwiwhmiwV5i3mNeY95kHeRc5N1k36Ph4sIOYsFgIuDjoSShJKHlIuVCLCdFYuGjIePiI+Hj4mQi5CLj42Pj46OjY+LkIuQiZCIjoePh42Gi4aLh4mHh4eIioaLhgjUeRWUiwWNi46Lj4qOi4+KjYqOi4+Kj4mQio6KjYqNio+Kj4mQio6KjIqzfquEpIsIrosFr4uemouri5CKkYqQkY6QkI6SjpKNkouSi5KJkoiRlZWQlouYi5CKkImRiZGJj4iOCJGMkI+PlI+UjZKLkouViJODk4SSgo+CiwgmiwWLlpCalJ6UnpCbi5aLnoiYhJSFlH+QeYuGhoeDiYCJf4h/h3+IfoWBg4KHh4SCgH4Ii4qIiYiGh4aIh4mIiIiIh4eGh4aHh4eHiIiHiIeHiIiHiIeKh4mIioiLCIKLi/tLBQ6L90sVi/dLBYuVj5OSk5KSk46WiwjdiwWPi5iPoZOkk6CRnZCdj56Nn4sIq4sFpougg5x8m3yTd4txCIuJBZd8kHuLd4uHi4eLh5J+jn6LfIuEi4SJhZR9kHyLeot3hHp8fH19eoR3iwhYiwWVeI95i3mLdIh6hH6EfoKBfoV+hX2He4uBi4OPg5KFkYaTh5SHlYiTipOKk4qTiJMIiZSIkYiPgZSBl4CaeKR+moSPCD2LBYCLg4+EkoSSh5SLlQiw9zgVi4aMh4+Ij4ePiZCLkIuPjY+Pjo6Nj4uQi5CJkIiOh4+HjYaLhouHiYeHh4iKhouGCNT7OBWUiwWOi46Kj4mPio+IjoiPh4+IjoePiI+Hj4aPho6HjoiNiI6Hj4aOho6Ii4qWfpKDj4YIk4ORgY5+j36OgI1/jYCPg5CGnYuXj5GUkpSOmYuei5aGmoKfgp6GmouWCPCLBZSLlI+SkpOTjpOLlYuSiZKHlIeUho+Fi46PjY+NkY2RjJCLkIuYhpaBlY6RjZKLkgiLkomSiJKIkoaQhY6MkIyRi5CLm4aXgpOBkn6Pe4sIZosFcotrhGN9iouIioaJh4qHiomKiYqIioaKh4mHioiKiYuHioiLh4qIi4mLCIKLi/tLBQ77lIv3txWLkpCPlo0I9yOgzPcWBY6SkI+RiwiL/BL7FUcFh4mHioiLh4uIjImOiY6KjouPi4yLjYyOCKP3IyPwBYaQiZCLjwgOi/fFFYu1l6yjoqOjrZe2i5aLl4mYh5eHloWWhJaElIWShZOEkoWShJKSkpGTkpKRlJGWkgiWkpaRl4+Yj5eNlou2i61/o3OjdJdqi2GLYXVgYGAI+0b7QAWHiIeJhouGi4eNh44I+0b3QAWJjYmNh4+IjoaRg5SElIWVhZSFlYaWh5mGmImYi5gIsIsVi2ucaa9oCPc6+zT3OvczBa+vnK2Lq4ubiZiHl4eXhpSFkoSSg5GCj4KQgo2CjYONgYuBi4KLgIl/hoCGgIWChAiBg4OFhISEhYaFhoaIhoaJhYuFi4aNiJCGkIaRhJGEkoORgZOCkoCRgJB/kICNgosIgYuBi4OJgomCiYKGgoeDhYSEhYSGgod/h3+Jfot7CA77JouyFYv4BAWLkY2Rj5GOkJCPko2PjY+Mj4sI98CLBY+Lj4qPiZGJkIePho+FjYWLhQiL/AQFi4SJhYeGh4aGh4WIiIqGioeLgYuEjoSRCPsS9w37EvsNBYSFg4iCi4eLh4uHjYSOho+IkIeQiZGLkgiwkxX3JvchpHL3DfsIi/f3+7iLi/v3BQ5ni8sVi/c5BYuSjpKQkJCQko6Siwj3VIuLwgWLrpippKSkpKmYrouvi6l+pHKkcpdti2gIi0IFi4aKhoeIh4eHiYaLCHmLBYaLh42Hj4eOipCLkAiL1AWLn4OcfZp9mXqSdot3i3qEfX18fIR6i3cIi1SniwWSi5KIkIaQho6Ei4QIi/s5BYuDiIWGhoaFhImEiwj7p4sFhIuEjYaRhpCIkYuTCA5njPe6FYyQkI6UjQj3I6DM9xYFj5KPj5GLkIuQh4+ECMv7FvcjdgWUiZCIjYaNhoiFhYUIIyak+yMFjIWKhomHiYiIiYaLiIuHjIeNCPsUz/sVRwWHiYeKiIuHi4eNiY6Jj4uQjJEIo/cjI/AFhZGJkY2QCPeB+z0VnILlW3rxiJ6ZmNTS+wydgpxe54v7pwUOZ4vCFYv3SwWLkI2Pjo+Pjo+NkIsI3osFkIuPiY6Ij4eNh4uGCIv7SwWLhomHh4eIh4eKhosIOIsFhouHjIePiI+Jj4uQCLCvFYuGjIePh46IkImQi5CLj42Pjo6PjY+LkIuQiZCIjoePh42Gi4aLhomIh4eIioaLhgjvZxWL90sFi5CNj46Oj4+PjZCLj4ySkJWWlZaVl5SXmJuVl5GRjo6OkI6RjZCNkIyPjI6MkY2TCIySjJGMj4yPjZCOkY6RjpCPjo6Pj42Qi5SLk4qSiZKJkYiPiJCIjoiPho6GjYeMhwiNh4yGjIaMhYuHi4iLiIuHi4eLg4uEiYSJhImFiYeJh4mFh4WLioqJiomJiIqJiokIi4qKiIqJCNqLBZqLmIWWgJaAkH+LfIt6hn2Af46DjYSLhIt9h36Cf4+Bi3+HgImAhYKEhI12hnmAfgh/fXiDcosIZosFfot+jHyOfI5/joOOg41/j32Qc5N8j4SMhouHjYiOh4+Jj4uQCA5ni/c5FYuGjYaOiI+Hj4mQiwjeiwWQi4+Njo+Pjo2Qi5AIi/dKBYuQiZCHjoiPh42Giwg4iwWGi4eJh4eIiImGi4YIi/tKBbD3JhWLkIyPj4+OjpCNkIuQi4+Jj4iOh42Hi4aLhomHiIeHh4eKhouGi4aMiI+Hj4qPi5AI7/snFYv3SwWLkI2Qj46Oj4+NkIuSi5qPo5OZkJePk46TjZeOmo6ajpiMmIsIsIsFpIueg5d9ln6Qeol1koSRgo2Aj4CLgIeAlH+Pfot9i4WJhIiCloCQfIt7i3yFfoGACICAfoZ8iwg8iwWMiIyJi4mMiYyJjYmMiIyKi4mPhI2GjYeNh42GjYOMhIyEi4SLhouHi4iLiYuGioYIioWKhomHioeJh4iGh4eIh4aIh4iFiISJhImDioKLhouHjYiPh4+Ij4iRiJGJkIqPCIqPipGKkomTipGKj4qOiZCJkYiQiJCIjoWSgZZ+nIKXgZaBloGWhJGHi4aLh42HjwiIjomQi48IDviUFPiUFYsMCgAAAAADAgABkAAFAAABTAFmAAAARwFMAWYAAAD1ABkAhAAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAPFlAeD/4P/gAeAAIAAAAAEAAAAAAAAAAAAAACAAAAAAAAIAAAADAAAAFAADAAEAAAAUAAQAkAAAACAAIAAEAAAAAQAg5gXwBvAN8CPwLvBu8HDwivCX8JzxI/Fl//3//wAAAAAAIOYA8ATwDPAj8C7wbvBw8Ifwl/Cc8SPxZP/9//8AAf/jGgQQBhABD+wP4g+jD6IPjA+AD3wO9g62AAMAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAAJrVlLJfDzz1AAsCAAAAAADP/GODAAAAAM/8Y4MAAP/bAgAB2wAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAACAAABAAAAAAAAAAAAAAAAAAAAHAAAAAAAAAAAAAAAAAEAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAdwAAAHcAAACAAAjAZMAHwFJAAABbgAAAgAAAAIAAAACAAAAAgAAAAEAAAACAAAAAW4AAAHcAAAB3AABAdwAAAHcAAAAAFAAABwAAAAAAA4ArgABAAAAAAABAAwAAAABAAAAAAACAA4AQAABAAAAAAADAAwAIgABAAAAAAAEAAwATgABAAAAAAAFABYADAABAAAAAAAGAAYALgABAAAAAAAKADQAWgADAAEECQABAAwAAAADAAEECQACAA4AQAADAAEECQADAAwAIgADAAEECQAEAAwATgADAAEECQAFABYADAADAAEECQAGAAwANAADAAEECQAKADQAWgByAGEAdABpAG4AZwBWAGUAcgBzAGkAbwBuACAAMQAuADAAcgBhAHQAaQBuAGdyYXRpbmcAcgBhAHQAaQBuAGcAUgBlAGcAdQBsAGEAcgByAGEAdABpAG4AZwBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('woff');
font-weight: 400;
font-style: normal
}
.ui.rating .icon {
font-family: Rating;
line-height: 1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
font-weight: 400;
font-style: normal;
text-align: center
}
.ui.rating .icon:before {
content: '\f005'
}
.ui.rating .active.icon:before {
content: '\f005'
}
.ui.star.rating .icon:before {
content: '\f005'
}
.ui.star.rating .active.icon:before {
content: '\f005'
}
.ui.star.rating .partial.icon:before {
content: '\f006'
}
.ui.star.rating .partial.icon {
content: '\f005'
}
.ui.heart.rating .icon:before {
content: '\f004'
}
.ui.heart.rating .active.icon:before {
content: '\f004'
}
/*!
* # Semantic UI 2.5.0 - Search
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.search {
position: relative
}
.ui.search > .prompt {
margin: 0;
outline: 0;
-webkit-appearance: none;
-webkit-tap-highlight-color: rgba(255,255,255,0);
text-shadow: none;
font-style: normal;
font-weight: 400;
line-height: 1.21428571em;
padding: .67857143em 1em;
font-size: 1em;
background: #fff;
border: 1px solid rgba(34,36,38,.15);
color: rgba(0,0,0,.87);
box-shadow: 0 0 0 0 transparent inset;
transition: background-color .1s ease,color .1s ease,box-shadow .1s ease,border-color .1s ease
}
.ui.search .prompt {
border-radius: 500rem
}
.ui.search .prompt ~ .search.icon {
cursor: pointer
}
.ui.search > .results {
display: none;
position: absolute;
top: 100%;
left: 0;
transform-origin: center top;
white-space: normal;
text-align: left;
text-transform: none;
background: #fff;
margin-top: .5em;
width: 18em;
border-radius: .28571429rem;
box-shadow: 0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.15);
border: 1px solid #d4d4d5;
z-index: 998
}
.ui.search > .results > :first-child {
border-radius: .28571429rem .28571429rem 0 0
}
.ui.search > .results > :last-child {
border-radius: 0 0 .28571429rem .28571429rem
}
.ui.search > .results .result {
cursor: pointer;
display: block;
overflow: hidden;
font-size: 1em;
padding: .85714286em 1.14285714em;
color: rgba(0,0,0,.87);
line-height: 1.33;
border-bottom: 1px solid rgba(34,36,38,.1)
}
.ui.search > .results .result:last-child {
border-bottom: none !important
}
.ui.search > .results .result .image {
float: right;
overflow: hidden;
background: 0 0;
width: 5em;
height: 3em;
border-radius: .25em
}
.ui.search > .results .result .image img {
display: block;
width: auto;
height: 100%
}
.ui.search > .results .result .image + .content {
margin: 0 6em 0 0
}
.ui.search > .results .result .title {
margin: -.14285714em 0 0;
font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
font-weight: 700;
font-size: 1em;
color: rgba(0,0,0,.85)
}
.ui.search > .results .result .description {
margin-top: 0;
font-size: .92857143em;
color: rgba(0,0,0,.4)
}
.ui.search > .results .result .price {
float: right;
color: #21ba45
}
.ui.search > .results > .message {
padding: 1em 1em
}
.ui.search > .results > .message .header {
font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
font-size: 1rem;
font-weight: 700;
color: rgba(0,0,0,.87)
}
.ui.search > .results > .message .description {
margin-top: .25rem;
font-size: 1em;
color: rgba(0,0,0,.87)
}
.ui.search > .results > .action {
display: block;
border-top: none;
background: #f3f4f5;
padding: .92857143em 1em;
color: rgba(0,0,0,.87);
font-weight: 700;
text-align: center
}
.ui.search > .prompt:focus {
border-color: rgba(34,36,38,.35);
background: #fff;
color: rgba(0,0,0,.95)
}
.ui.loading.search .input > i.icon:before {
position: absolute;
content: '';
top: 50%;
left: 50%;
margin: -.64285714em 0 0 -.64285714em;
width: 1.28571429em;
height: 1.28571429em;
border-radius: 500rem;
border: .2em solid rgba(0,0,0,.1)
}
.ui.loading.search .input > i.icon:after {
position: absolute;
content: '';
top: 50%;
left: 50%;
margin: -.64285714em 0 0 -.64285714em;
width: 1.28571429em;
height: 1.28571429em;
-webkit-animation: button-spin .6s linear;
animation: button-spin .6s linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
border-radius: 500rem;
border-color: #767676 transparent transparent;
border-style: solid;
border-width: .2em;
box-shadow: 0 0 0 1px transparent
}
.ui.category.search > .results .category .result:hover, .ui.search > .results .result:hover {
background: #f9fafb
}
.ui.search .action:hover {
background: #e0e0e0
}
.ui.category.search > .results .category.active {
background: #f3f4f5
}
.ui.category.search > .results .category.active > .name {
color: rgba(0,0,0,.87)
}
.ui.category.search > .results .category .result.active, .ui.search > .results .result.active {
position: relative;
border-left-color: rgba(34,36,38,.1);
background: #f3f4f5;
box-shadow: none
}
.ui.search > .results .result.active .title {
color: rgba(0,0,0,.85)
}
.ui.search > .results .result.active .description {
color: rgba(0,0,0,.85)
}
.ui.disabled.search {
cursor: default;
pointer-events: none;
opacity: .45
}
.ui.search.selection .prompt {
border-radius: .28571429rem
}
.ui.search.selection > .icon.input > .remove.icon {
pointer-events: none;
position: absolute;
left: auto;
opacity: 0;
color: '';
top: 0;
right: 0;
transition: color .1s ease,opacity .1s ease
}
.ui.search.selection > .icon.input > .active.remove.icon {
cursor: pointer;
opacity: .8;
pointer-events: auto
}
.ui.search.selection > .icon.input:not([class*="left icon"]) > .icon ~ .remove.icon {
right: 1.85714em
}
.ui.search.selection > .icon.input > .remove.icon:hover {
opacity: 1;
color: #db2828
}
.ui.category.search .results {
width: 28em
}
.ui.category.search .results.animating, .ui.category.search .results.visible {
display: table
}
.ui.category.search > .results .category {
display: table-row;
background: #f3f4f5;
box-shadow: none;
transition: background .1s ease,border-color .1s ease
}
.ui.category.search > .results .category:last-child {
border-bottom: none
}
.ui.category.search > .results .category:first-child .name + .result {
border-radius: 0 .28571429rem 0 0
}
.ui.category.search > .results .category:last-child .result:last-child {
border-radius: 0 0 .28571429rem 0
}
.ui.category.search > .results .category > .name {
display: table-cell;
text-overflow: ellipsis;
width: 100px;
white-space: nowrap;
background: 0 0;
font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
font-size: 1em;
padding: .4em 1em;
font-weight: 700;
color: rgba(0,0,0,.4);
border-bottom: 1px solid rgba(34,36,38,.1)
}
.ui.category.search > .results .category .results {
display: table-cell;
background: #fff;
border-left: 1px solid rgba(34,36,38,.15);
border-bottom: 1px solid rgba(34,36,38,.1)
}
.ui.category.search > .results .category .result {
border-bottom: 1px solid rgba(34,36,38,.1);
transition: background .1s ease,border-color .1s ease;
padding: .85714286em 1.14285714em
}
.ui[class*="left aligned"].search > .results {
right: auto;
left: 0
}
.ui[class*="right aligned"].search > .results {
right: 0;
left: auto
}
.ui.fluid.search .results {
width: 100%
}
.ui.mini.search {
font-size: .78571429em
}
.ui.small.search {
font-size: .92857143em
}
.ui.search {
font-size: 1em
}
.ui.large.search {
font-size: 1.14285714em
}
.ui.big.search {
font-size: 1.28571429em
}
.ui.huge.search {
font-size: 1.42857143em
}
.ui.massive.search {
font-size: 1.71428571em
}
@media only screen and (max-width:767px) {
.ui.search .results {
max-width: calc(100vw - 2rem)
}
}
/*!
* # Semantic UI 2.5.0 - Shape
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.shape {
position: relative;
vertical-align: top;
display: inline-block;
perspective: 2000px;
transition: transform .6s ease-in-out,left .6s ease-in-out,width .6s ease-in-out,height .6s ease-in-out
}
.ui.shape .sides {
transform-style: preserve-3d
}
.ui.shape .side {
opacity: 1;
width: 100%;
margin: 0 !important;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.ui.shape .side {
display: none
}
.ui.shape .side * {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important
}
.ui.cube.shape .side {
min-width: 15em;
height: 15em;
padding: 2em;
background-color: #e6e6e6;
color: rgba(0,0,0,.87);
box-shadow: 0 0 2px rgba(0,0,0,.3)
}
.ui.cube.shape .side > .content {
width: 100%;
height: 100%;
display: table;
text-align: center;
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text
}
.ui.cube.shape .side > .content > div {
display: table-cell;
vertical-align: middle;
font-size: 2em
}
.ui.text.shape.animating .sides {
position: static
}
.ui.text.shape .side {
white-space: nowrap
}
.ui.text.shape .side > * {
white-space: normal
}
.ui.loading.shape {
position: absolute;
top: -9999px;
left: -9999px
}
.ui.shape .animating.side {
position: absolute;
top: 0;
left: 0;
display: block;
z-index: 100
}
.ui.shape .hidden.side {
opacity: .6
}
.ui.shape.animating .sides {
position: absolute
}
.ui.shape.animating .sides {
transition: transform .6s ease-in-out,left .6s ease-in-out,width .6s ease-in-out,height .6s ease-in-out
}
.ui.shape.animating .side {
transition: opacity .6s ease-in-out
}
.ui.shape .active.side {
display: block
}
/*!
* # Semantic UI 2.5.0 - Sidebar
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.sidebar {
position: fixed;
top: 0;
left: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: none;
will-change: transform;
transform: translate3d(0,0,0);
visibility: hidden;
-webkit-overflow-scrolling: touch;
height: 100% !important;
max-height: 100%;
border-radius: 0 !important;
margin: 0 !important;
overflow-y: auto !important;
z-index: 102
}
.ui.sidebar > * {
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.ui.left.sidebar {
right: auto;
left: 0;
transform: translate3d(-100%,0,0)
}
.ui.right.sidebar {
right: 0 !important;
left: auto !important;
transform: translate3d(100%,0,0)
}
.ui.bottom.sidebar, .ui.top.sidebar {
width: 100% !important;
height: auto !important
}
.ui.top.sidebar {
top: 0 !important;
bottom: auto !important;
transform: translate3d(0,-100%,0)
}
.ui.bottom.sidebar {
top: auto !important;
bottom: 0 !important;
transform: translate3d(0,100%,0)
}
.pushable {
height: 100%;
overflow-x: hidden;
padding: 0 !important
}
body.pushable {
background: #545454 !important
}
.pushable:not(body) {
transform: translate3d(0,0,0)
}
.pushable:not(body) > .fixed, .pushable:not(body) > .pusher:after, .pushable:not(body) > .ui.sidebar {
position: absolute
}
.pushable > .fixed {
position: fixed;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: transform .5s ease;
will-change: transform;
z-index: 101
}
.pushable > .pusher {
position: relative;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
min-height: 100%;
transition: transform .5s ease;
z-index: 2
}
body.pushable > .pusher {
background: #fff
}
.pushable > .pusher {
background: inherit
}
.pushable > .pusher:after {
position: fixed;
top: 0;
right: 0;
content: '';
background-color: rgba(0,0,0,.4);
overflow: hidden;
opacity: 0;
transition: opacity .5s;
will-change: opacity;
z-index: 1000
}
.ui.sidebar.menu .item {
border-radius: 0 !important
}
.pushable > .pusher.dimmed:after {
width: 100% !important;
height: 100% !important;
opacity: 1 !important
}
.ui.animating.sidebar {
visibility: visible
}
.ui.visible.sidebar {
visibility: visible;
transform: translate3d(0,0,0)
}
.ui.left.visible.sidebar, .ui.right.visible.sidebar {
box-shadow: 0 0 20px rgba(34,36,38,.15)
}
.ui.bottom.visible.sidebar, .ui.top.visible.sidebar {
box-shadow: 0 0 20px rgba(34,36,38,.15)
}
.ui.visible.left.sidebar ~ .fixed, .ui.visible.left.sidebar ~ .pusher {
transform: translate3d(260px,0,0)
}
.ui.visible.right.sidebar ~ .fixed, .ui.visible.right.sidebar ~ .pusher {
transform: translate3d(-260px,0,0)
}
.ui.visible.top.sidebar ~ .fixed, .ui.visible.top.sidebar ~ .pusher {
transform: translate3d(0,36px,0)
}
.ui.visible.bottom.sidebar ~ .fixed, .ui.visible.bottom.sidebar ~ .pusher {
transform: translate3d(0,-36px,0)
}
.ui.visible.left.sidebar ~ .ui.visible.right.sidebar ~ .fixed, .ui.visible.left.sidebar ~ .ui.visible.right.sidebar ~ .pusher, .ui.visible.right.sidebar ~ .ui.visible.left.sidebar ~ .fixed, .ui.visible.right.sidebar ~ .ui.visible.left.sidebar ~ .pusher {
transform: translate3d(0,0,0)
}
.ui.thin.left.sidebar, .ui.thin.right.sidebar {
width: 150px
}
.ui[class*="very thin"].left.sidebar, .ui[class*="very thin"].right.sidebar {
width: 60px
}
.ui.left.sidebar, .ui.right.sidebar {
width: 260px
}
.ui.wide.left.sidebar, .ui.wide.right.sidebar {
width: 350px
}
.ui[class*="very wide"].left.sidebar, .ui[class*="very wide"].right.sidebar {
width: 475px
}
.ui.visible.thin.left.sidebar ~ .fixed, .ui.visible.thin.left.sidebar ~ .pusher {
transform: translate3d(150px,0,0)
}
.ui.visible[class*="very thin"].left.sidebar ~ .fixed, .ui.visible[class*="very thin"].left.sidebar ~ .pusher {
transform: translate3d(60px,0,0)
}
.ui.visible.wide.left.sidebar ~ .fixed, .ui.visible.wide.left.sidebar ~ .pusher {
transform: translate3d(350px,0,0)
}
.ui.visible[class*="very wide"].left.sidebar ~ .fixed, .ui.visible[class*="very wide"].left.sidebar ~ .pusher {
transform: translate3d(475px,0,0)
}
.ui.visible.thin.right.sidebar ~ .fixed, .ui.visible.thin.right.sidebar ~ .pusher {
transform: translate3d(-150px,0,0)
}
.ui.visible[class*="very thin"].right.sidebar ~ .fixed, .ui.visible[class*="very thin"].right.sidebar ~ .pusher {
transform: translate3d(-60px,0,0)
}
.ui.visible.wide.right.sidebar ~ .fixed, .ui.visible.wide.right.sidebar ~ .pusher {
transform: translate3d(-350px,0,0)
}
.ui.visible[class*="very wide"].right.sidebar ~ .fixed, .ui.visible[class*="very wide"].right.sidebar ~ .pusher {
transform: translate3d(-475px,0,0)
}
.ui.overlay.sidebar {
z-index: 102
}
.ui.left.overlay.sidebar {
transform: translate3d(-100%,0,0)
}
.ui.right.overlay.sidebar {
transform: translate3d(100%,0,0)
}
.ui.top.overlay.sidebar {
transform: translate3d(0,-100%,0)
}
.ui.bottom.overlay.sidebar {
transform: translate3d(0,100%,0)
}
.animating.ui.overlay.sidebar, .ui.visible.overlay.sidebar {
transition: transform .5s ease
}
.ui.visible.left.overlay.sidebar {
transform: translate3d(0,0,0)
}
.ui.visible.right.overlay.sidebar {
transform: translate3d(0,0,0)
}
.ui.visible.top.overlay.sidebar {
transform: translate3d(0,0,0)
}
.ui.visible.bottom.overlay.sidebar {
transform: translate3d(0,0,0)
}
.ui.visible.overlay.sidebar ~ .fixed, .ui.visible.overlay.sidebar ~ .pusher {
transform: none !important
}
.ui.push.sidebar {
transition: transform .5s ease;
z-index: 102
}
.ui.left.push.sidebar {
transform: translate3d(-100%,0,0)
}
.ui.right.push.sidebar {
transform: translate3d(100%,0,0)
}
.ui.top.push.sidebar {
transform: translate3d(0,-100%,0)
}
.ui.bottom.push.sidebar {
transform: translate3d(0,100%,0)
}
.ui.visible.push.sidebar {
transform: translate3d(0,0,0)
}
.ui.uncover.sidebar {
transform: translate3d(0,0,0);
z-index: 1
}
.ui.visible.uncover.sidebar {
transform: translate3d(0,0,0);
transition: transform .5s ease
}
.ui.slide.along.sidebar {
z-index: 1
}
.ui.left.slide.along.sidebar {
transform: translate3d(-50%,0,0)
}
.ui.right.slide.along.sidebar {
transform: translate3d(50%,0,0)
}
.ui.top.slide.along.sidebar {
transform: translate3d(0,-50%,0)
}
.ui.bottom.slide.along.sidebar {
transform: translate3d(0,50%,0)
}
.ui.animating.slide.along.sidebar {
transition: transform .5s ease
}
.ui.visible.slide.along.sidebar {
transform: translate3d(0,0,0)
}
.ui.slide.out.sidebar {
z-index: 1
}
.ui.left.slide.out.sidebar {
transform: translate3d(50%,0,0)
}
.ui.right.slide.out.sidebar {
transform: translate3d(-50%,0,0)
}
.ui.top.slide.out.sidebar {
transform: translate3d(0,50%,0)
}
.ui.bottom.slide.out.sidebar {
transform: translate3d(0,-50%,0)
}
.ui.animating.slide.out.sidebar {
transition: transform .5s ease
}
.ui.visible.slide.out.sidebar {
transform: translate3d(0,0,0)
}
.ui.scale.down.sidebar {
transition: transform .5s ease;
z-index: 102
}
.ui.left.scale.down.sidebar {
transform: translate3d(-100%,0,0)
}
.ui.right.scale.down.sidebar {
transform: translate3d(100%,0,0)
}
.ui.top.scale.down.sidebar {
transform: translate3d(0,-100%,0)
}
.ui.bottom.scale.down.sidebar {
transform: translate3d(0,100%,0)
}
.ui.scale.down.left.sidebar ~ .pusher {
transform-origin: 75% 50%
}
.ui.scale.down.right.sidebar ~ .pusher {
transform-origin: 25% 50%
}
.ui.scale.down.top.sidebar ~ .pusher {
transform-origin: 50% 75%
}
.ui.scale.down.bottom.sidebar ~ .pusher {
transform-origin: 50% 25%
}
.ui.animating.scale.down > .visible.ui.sidebar {
transition: transform .5s ease
}
.ui.animating.scale.down.sidebar ~ .pusher, .ui.visible.scale.down.sidebar ~ .pusher {
display: block !important;
width: 100%;
height: 100%;
overflow: hidden !important
}
.ui.visible.scale.down.sidebar {
transform: translate3d(0,0,0)
}
.ui.visible.scale.down.sidebar ~ .pusher {
transform: scale(.75)
}
/*!
* # Semantic UI 2.5.0 - Sticky
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.sticky {
position: static;
transition: none;
z-index: 800
}
.ui.sticky.bound {
position: absolute;
left: auto;
right: auto
}
.ui.sticky.fixed {
position: fixed;
left: auto;
right: auto
}
.ui.sticky.bound.top, .ui.sticky.fixed.top {
top: 0;
bottom: auto
}
.ui.sticky.bound.bottom, .ui.sticky.fixed.bottom {
top: auto;
bottom: 0
}
.ui.native.sticky {
position: -webkit-sticky;
position: -moz-sticky;
position: -ms-sticky;
position: -o-sticky;
position: sticky
}
/*!
* # Semantic UI 2.5.0 - Tab
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.ui.tab {
display: none
}
.ui.tab.active, .ui.tab.open {
display: block
}
.ui.tab.loading {
position: relative;
overflow: hidden;
display: block;
min-height: 250px
}
.ui.tab.loading * {
position: relative !important;
left: -10000px !important
}
.ui.tab.loading.segment:before, .ui.tab.loading:before {
position: absolute;
content: '';
top: 100px;
left: 50%;
margin: -1.25em 0 0 -1.25em;
width: 2.5em;
height: 2.5em;
border-radius: 500rem;
border: .2em solid rgba(0,0,0,.1)
}
.ui.tab.loading.segment:after, .ui.tab.loading:after {
position: absolute;
content: '';
top: 100px;
left: 50%;
margin: -1.25em 0 0 -1.25em;
width: 2.5em;
height: 2.5em;
-webkit-animation: button-spin .6s linear;
animation: button-spin .6s linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
border-radius: 500rem;
border-color: #767676 transparent transparent;
border-style: solid;
border-width: .2em;
box-shadow: 0 0 0 1px transparent
}
/*!
* # Semantic UI 2.5.0 - Transition
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
.transition {
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.animating.transition {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
visibility: visible !important
}
.loading.transition {
position: absolute;
top: -99999px;
left: -99999px
}
.hidden.transition {
display: none;
visibility: hidden
}
.visible.transition {
display: block !important;
visibility: visible !important
}
.disabled.transition {
-webkit-animation-play-state: paused;
animation-play-state: paused
}
.looping.transition {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite
}
.transition.browse {
-webkit-animation-duration: .5s;
animation-duration: .5s
}
.transition.browse.in {
-webkit-animation-name: browseIn;
animation-name: browseIn
}
.transition.browse.left.out, .transition.browse.out {
-webkit-animation-name: browseOutLeft;
animation-name: browseOutLeft
}
.transition.browse.right.out {
-webkit-animation-name: browseOutRight;
animation-name: browseOutRight
}
@-webkit-keyframes browseIn {
0% {
transform: scale(.8) translateZ(0);
z-index: -1
}
10% {
transform: scale(.8) translateZ(0);
z-index: -1;
opacity: .7
}
80% {
transform: scale(1.05) translateZ(0);
opacity: 1;
z-index: 999
}
100% {
transform: scale(1) translateZ(0);
z-index: 999
}
}
@keyframes browseIn {
0% {
transform: scale(.8) translateZ(0);
z-index: -1
}
10% {
transform: scale(.8) translateZ(0);
z-index: -1;
opacity: .7
}
80% {
transform: scale(1.05) translateZ(0);
opacity: 1;
z-index: 999
}
100% {
transform: scale(1) translateZ(0);
z-index: 999
}
}
@-webkit-keyframes browseOutLeft {
0% {
z-index: 999;
transform: translateX(0) rotateY(0) rotateX(0)
}
50% {
z-index: -1;
transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
}
80% {
opacity: 1
}
100% {
z-index: -1;
transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
opacity: 0
}
}
@keyframes browseOutLeft {
0% {
z-index: 999;
transform: translateX(0) rotateY(0) rotateX(0)
}
50% {
z-index: -1;
transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
}
80% {
opacity: 1
}
100% {
z-index: -1;
transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
opacity: 0
}
}
@-webkit-keyframes browseOutRight {
0% {
z-index: 999;
transform: translateX(0) rotateY(0) rotateX(0)
}
50% {
z-index: 1;
transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
}
80% {
opacity: 1
}
100% {
z-index: 1;
transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
opacity: 0
}
}
@keyframes browseOutRight {
0% {
z-index: 999;
transform: translateX(0) rotateY(0) rotateX(0)
}
50% {
z-index: 1;
transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px)
}
80% {
opacity: 1
}
100% {
z-index: 1;
transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
opacity: 0
}
}
.drop.transition {
transform-origin: top center;
-webkit-animation-duration: .4s;
animation-duration: .4s;
-webkit-animation-timing-function: cubic-bezier(.34,1.61,.7,1);
animation-timing-function: cubic-bezier(.34,1.61,.7,1)
}
.drop.transition.in {
-webkit-animation-name: dropIn;
animation-name: dropIn
}
.drop.transition.out {
-webkit-animation-name: dropOut;
animation-name: dropOut
}
@-webkit-keyframes dropIn {
0% {
opacity: 0;
transform: scale(0)
}
100% {
opacity: 1;
transform: scale(1)
}
}
@keyframes dropIn {
0% {
opacity: 0;
transform: scale(0)
}
100% {
opacity: 1;
transform: scale(1)
}
}
@-webkit-keyframes dropOut {
0% {
opacity: 1;
transform: scale(1)
}
100% {
opacity: 0;
transform: scale(0)
}
}
@keyframes dropOut {
0% {
opacity: 1;
transform: scale(1)
}
100% {
opacity: 0;
transform: scale(0)
}
}
.transition.fade.in {
-webkit-animation-name: fadeIn;
animation-name: fadeIn
}
.transition[class*="fade up"].in {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp
}
.transition[class*="fade down"].in {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown
}
.transition[class*="fade left"].in {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft
}
.transition[class*="fade right"].in {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight
}
.transition.fade.out {
-webkit-animation-name: fadeOut;
animation-name: fadeOut
}
.transition[class*="fade up"].out {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp
}
.transition[class*="fade down"].out {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown
}
.transition[class*="fade left"].out {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft
}
.transition[class*="fade right"].out {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(10%)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(10%)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-10%)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-10%)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(10%)
}
100% {
opacity: 1;
transform: translateX(0)
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(10%)
}
100% {
opacity: 1;
transform: translateX(0)
}
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(-10%)
}
100% {
opacity: 1;
transform: translateX(0)
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(-10%)
}
100% {
opacity: 1;
transform: translateX(0)
}
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
transform: translateY(0)
}
100% {
opacity: 0;
transform: translateY(5%)
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
transform: translateY(0)
}
100% {
opacity: 0;
transform: translateY(5%)
}
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
transform: translateY(0)
}
100% {
opacity: 0;
transform: translateY(-5%)
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
transform: translateY(0)
}
100% {
opacity: 0;
transform: translateY(-5%)
}
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
transform: translateX(0)
}
100% {
opacity: 0;
transform: translateX(5%)
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
transform: translateX(0)
}
100% {
opacity: 0;
transform: translateX(5%)
}
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
transform: translateX(0)
}
100% {
opacity: 0;
transform: translateX(-5%)
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
transform: translateX(0)
}
100% {
opacity: 0;
transform: translateX(-5%)
}
}
.flip.transition.in, .flip.transition.out {
-webkit-animation-duration: .6s;
animation-duration: .6s
}
.horizontal.flip.transition.in {
-webkit-animation-name: horizontalFlipIn;
animation-name: horizontalFlipIn
}
.horizontal.flip.transition.out {
-webkit-animation-name: horizontalFlipOut;
animation-name: horizontalFlipOut
}
.vertical.flip.transition.in {
-webkit-animation-name: verticalFlipIn;
animation-name: verticalFlipIn
}
.vertical.flip.transition.out {
-webkit-animation-name: verticalFlipOut;
animation-name: verticalFlipOut
}
@-webkit-keyframes horizontalFlipIn {
0% {
transform: perspective(2000px) rotateY(-90deg);
opacity: 0
}
100% {
transform: perspective(2000px) rotateY(0);
opacity: 1
}
}
@keyframes horizontalFlipIn {
0% {
transform: perspective(2000px) rotateY(-90deg);
opacity: 0
}
100% {
transform: perspective(2000px) rotateY(0);
opacity: 1
}
}
@-webkit-keyframes verticalFlipIn {
0% {
transform: perspective(2000px) rotateX(-90deg);
opacity: 0
}
100% {
transform: perspective(2000px) rotateX(0);
opacity: 1
}
}
@keyframes verticalFlipIn {
0% {
transform: perspective(2000px) rotateX(-90deg);
opacity: 0
}
100% {
transform: perspective(2000px) rotateX(0);
opacity: 1
}
}
@-webkit-keyframes horizontalFlipOut {
0% {
transform: perspective(2000px) rotateY(0);
opacity: 1
}
100% {
transform: perspective(2000px) rotateY(90deg);
opacity: 0
}
}
@keyframes horizontalFlipOut {
0% {
transform: perspective(2000px) rotateY(0);
opacity: 1
}
100% {
transform: perspective(2000px) rotateY(90deg);
opacity: 0
}
}
@-webkit-keyframes verticalFlipOut {
0% {
transform: perspective(2000px) rotateX(0);
opacity: 1
}
100% {
transform: perspective(2000px) rotateX(-90deg);
opacity: 0
}
}
@keyframes verticalFlipOut {
0% {
transform: perspective(2000px) rotateX(0);
opacity: 1
}
100% {
transform: perspective(2000px) rotateX(-90deg);
opacity: 0
}
}
.scale.transition.in {
-webkit-animation-name: scaleIn;
animation-name: scaleIn
}
.scale.transition.out {
-webkit-animation-name: scaleOut;
animation-name: scaleOut
}
@-webkit-keyframes scaleIn {
0% {
opacity: 0;
transform: scale(.8)
}
100% {
opacity: 1;
transform: scale(1)
}
}
@keyframes scaleIn {
0% {
opacity: 0;
transform: scale(.8)
}
100% {
opacity: 1;
transform: scale(1)
}
}
@-webkit-keyframes scaleOut {
0% {
opacity: 1;
transform: scale(1)
}
100% {
opacity: 0;
transform: scale(.9)
}
}
@keyframes scaleOut {
0% {
opacity: 1;
transform: scale(1)
}
100% {
opacity: 0;
transform: scale(.9)
}
}
.transition.fly {
-webkit-animation-duration: .6s;
animation-duration: .6s;
transition-timing-function: cubic-bezier(.215,.61,.355,1)
}
.transition.fly.in {
-webkit-animation-name: flyIn;
animation-name: flyIn
}
.transition[class*="fly up"].in {
-webkit-animation-name: flyInUp;
animation-name: flyInUp
}
.transition[class*="fly down"].in {
-webkit-animation-name: flyInDown;
animation-name: flyInDown
}
.transition[class*="fly left"].in {
-webkit-animation-name: flyInLeft;
animation-name: flyInLeft
}
.transition[class*="fly right"].in {
-webkit-animation-name: flyInRight;
animation-name: flyInRight
}
.transition.fly.out {
-webkit-animation-name: flyOut;
animation-name: flyOut
}
.transition[class*="fly up"].out {
-webkit-animation-name: flyOutUp;
animation-name: flyOutUp
}
.transition[class*="fly down"].out {
-webkit-animation-name: flyOutDown;
animation-name: flyOutDown
}
.transition[class*="fly left"].out {
-webkit-animation-name: flyOutLeft;
animation-name: flyOutLeft
}
.transition[class*="fly right"].out {
-webkit-animation-name: flyOutRight;
animation-name: flyOutRight
}
@-webkit-keyframes flyIn {
0% {
opacity: 0;
transform: scale3d(.3,.3,.3)
}
20% {
transform: scale3d(1.1,1.1,1.1)
}
40% {
transform: scale3d(.9,.9,.9)
}
60% {
opacity: 1;
transform: scale3d(1.03,1.03,1.03)
}
80% {
transform: scale3d(.97,.97,.97)
}
100% {
opacity: 1;
transform: scale3d(1,1,1)
}
}
@keyframes flyIn {
0% {
opacity: 0;
transform: scale3d(.3,.3,.3)
}
20% {
transform: scale3d(1.1,1.1,1.1)
}
40% {
transform: scale3d(.9,.9,.9)
}
60% {
opacity: 1;
transform: scale3d(1.03,1.03,1.03)
}
80% {
transform: scale3d(.97,.97,.97)
}
100% {
opacity: 1;
transform: scale3d(1,1,1)
}
}
@-webkit-keyframes flyInUp {
0% {
opacity: 0;
transform: translate3d(0,1500px,0)
}
60% {
opacity: 1;
transform: translate3d(0,-20px,0)
}
75% {
transform: translate3d(0,10px,0)
}
90% {
transform: translate3d(0,-5px,0)
}
100% {
transform: translate3d(0,0,0)
}
}
@keyframes flyInUp {
0% {
opacity: 0;
transform: translate3d(0,1500px,0)
}
60% {
opacity: 1;
transform: translate3d(0,-20px,0)
}
75% {
transform: translate3d(0,10px,0)
}
90% {
transform: translate3d(0,-5px,0)
}
100% {
transform: translate3d(0,0,0)
}
}
@-webkit-keyframes flyInDown {
0% {
opacity: 0;
transform: translate3d(0,-1500px,0)
}
60% {
opacity: 1;
transform: translate3d(0,25px,0)
}
75% {
transform: translate3d(0,-10px,0)
}
90% {
transform: translate3d(0,5px,0)
}
100% {
transform: none
}
}
@keyframes flyInDown {
0% {
opacity: 0;
transform: translate3d(0,-1500px,0)
}
60% {
opacity: 1;
transform: translate3d(0,25px,0)
}
75% {
transform: translate3d(0,-10px,0)
}
90% {
transform: translate3d(0,5px,0)
}
100% {
transform: none
}
}
@-webkit-keyframes flyInLeft {
0% {
opacity: 0;
transform: translate3d(1500px,0,0)
}
60% {
opacity: 1;
transform: translate3d(-25px,0,0)
}
75% {
transform: translate3d(10px,0,0)
}
90% {
transform: translate3d(-5px,0,0)
}
100% {
transform: none
}
}
@keyframes flyInLeft {
0% {
opacity: 0;
transform: translate3d(1500px,0,0)
}
60% {
opacity: 1;
transform: translate3d(-25px,0,0)
}
75% {
transform: translate3d(10px,0,0)
}
90% {
transform: translate3d(-5px,0,0)
}
100% {
transform: none
}
}
@-webkit-keyframes flyInRight {
0% {
opacity: 0;
transform: translate3d(-1500px,0,0)
}
60% {
opacity: 1;
transform: translate3d(25px,0,0)
}
75% {
transform: translate3d(-10px,0,0)
}
90% {
transform: translate3d(5px,0,0)
}
100% {
transform: none
}
}
@keyframes flyInRight {
0% {
opacity: 0;
transform: translate3d(-1500px,0,0)
}
60% {
opacity: 1;
transform: translate3d(25px,0,0)
}
75% {
transform: translate3d(-10px,0,0)
}
90% {
transform: translate3d(5px,0,0)
}
100% {
transform: none
}
}
@-webkit-keyframes flyOut {
20% {
transform: scale3d(.9,.9,.9)
}
50%,55% {
opacity: 1;
transform: scale3d(1.1,1.1,1.1)
}
100% {
opacity: 0;
transform: scale3d(.3,.3,.3)
}
}
@keyframes flyOut {
20% {
transform: scale3d(.9,.9,.9)
}
50%,55% {
opacity: 1;
transform: scale3d(1.1,1.1,1.1)
}
100% {
opacity: 0;
transform: scale3d(.3,.3,.3)
}
}
@-webkit-keyframes flyOutUp {
20% {
transform: translate3d(0,10px,0)
}
40%,45% {
opacity: 1;
transform: translate3d(0,-20px,0)
}
100% {
opacity: 0;
transform: translate3d(0,2000px,0)
}
}
@keyframes flyOutUp {
20% {
transform: translate3d(0,10px,0)
}
40%,45% {
opacity: 1;
transform: translate3d(0,-20px,0)
}
100% {
opacity: 0;
transform: translate3d(0,2000px,0)
}
}
@-webkit-keyframes flyOutDown {
20% {
transform: translate3d(0,-10px,0)
}
40%,45% {
opacity: 1;
transform: translate3d(0,20px,0)
}
100% {
opacity: 0;
transform: translate3d(0,-2000px,0)
}
}
@keyframes flyOutDown {
20% {
transform: translate3d(0,-10px,0)
}
40%,45% {
opacity: 1;
transform: translate3d(0,20px,0)
}
100% {
opacity: 0;
transform: translate3d(0,-2000px,0)
}
}
@-webkit-keyframes flyOutRight {
20% {
opacity: 1;
transform: translate3d(20px,0,0)
}
100% {
opacity: 0;
transform: translate3d(-2000px,0,0)
}
}
@keyframes flyOutRight {
20% {
opacity: 1;
transform: translate3d(20px,0,0)
}
100% {
opacity: 0;
transform: translate3d(-2000px,0,0)
}
}
@-webkit-keyframes flyOutLeft {
20% {
opacity: 1;
transform: translate3d(-20px,0,0)
}
100% {
opacity: 0;
transform: translate3d(2000px,0,0)
}
}
@keyframes flyOutLeft {
20% {
opacity: 1;
transform: translate3d(-20px,0,0)
}
100% {
opacity: 0;
transform: translate3d(2000px,0,0)
}
}
.transition.slide.in, .transition[class*="slide down"].in {
-webkit-animation-name: slideInY;
animation-name: slideInY;
transform-origin: top center
}
.transition[class*="slide up"].in {
-webkit-animation-name: slideInY;
animation-name: slideInY;
transform-origin: bottom center
}
.transition[class*="slide left"].in {
-webkit-animation-name: slideInX;
animation-name: slideInX;
transform-origin: center right
}
.transition[class*="slide right"].in {
-webkit-animation-name: slideInX;
animation-name: slideInX;
transform-origin: center left
}
.transition.slide.out, .transition[class*="slide down"].out {
-webkit-animation-name: slideOutY;
animation-name: slideOutY;
transform-origin: top center
}
.transition[class*="slide up"].out {
-webkit-animation-name: slideOutY;
animation-name: slideOutY;
transform-origin: bottom center
}
.transition[class*="slide left"].out {
-webkit-animation-name: slideOutX;
animation-name: slideOutX;
transform-origin: center right
}
.transition[class*="slide right"].out {
-webkit-animation-name: slideOutX;
animation-name: slideOutX;
transform-origin: center left
}
@-webkit-keyframes slideInY {
0% {
opacity: 0;
transform: scaleY(0)
}
100% {
opacity: 1;
transform: scaleY(1)
}
}
@keyframes slideInY {
0% {
opacity: 0;
transform: scaleY(0)
}
100% {
opacity: 1;
transform: scaleY(1)
}
}
@-webkit-keyframes slideInX {
0% {
opacity: 0;
transform: scaleX(0)
}
100% {
opacity: 1;
transform: scaleX(1)
}
}
@keyframes slideInX {
0% {
opacity: 0;
transform: scaleX(0)
}
100% {
opacity: 1;
transform: scaleX(1)
}
}
@-webkit-keyframes slideOutY {
0% {
opacity: 1;
transform: scaleY(1)
}
100% {
opacity: 0;
transform: scaleY(0)
}
}
@keyframes slideOutY {
0% {
opacity: 1;
transform: scaleY(1)
}
100% {
opacity: 0;
transform: scaleY(0)
}
}
@-webkit-keyframes slideOutX {
0% {
opacity: 1;
transform: scaleX(1)
}
100% {
opacity: 0;
transform: scaleX(0)
}
}
@keyframes slideOutX {
0% {
opacity: 1;
transform: scaleX(1)
}
100% {
opacity: 0;
transform: scaleX(0)
}
}
.transition.swing {
-webkit-animation-duration: .8s;
animation-duration: .8s
}
.transition[class*="swing down"].in {
-webkit-animation-name: swingInX;
animation-name: swingInX;
transform-origin: top center
}
.transition[class*="swing up"].in {
-webkit-animation-name: swingInX;
animation-name: swingInX;
transform-origin: bottom center
}
.transition[class*="swing left"].in {
-webkit-animation-name: swingInY;
animation-name: swingInY;
transform-origin: center right
}
.transition[class*="swing right"].in {
-webkit-animation-name: swingInY;
animation-name: swingInY;
transform-origin: center left
}
.transition.swing.out, .transition[class*="swing down"].out {
-webkit-animation-name: swingOutX;
animation-name: swingOutX;
transform-origin: top center
}
.transition[class*="swing up"].out {
-webkit-animation-name: swingOutX;
animation-name: swingOutX;
transform-origin: bottom center
}
.transition[class*="swing left"].out {
-webkit-animation-name: swingOutY;
animation-name: swingOutY;
transform-origin: center right
}
.transition[class*="swing right"].out {
-webkit-animation-name: swingOutY;
animation-name: swingOutY;
transform-origin: center left
}
@-webkit-keyframes swingInX {
0% {
transform: perspective(1000px) rotateX(90deg);
opacity: 0
}
40% {
transform: perspective(1000px) rotateX(-30deg);
opacity: 1
}
60% {
transform: perspective(1000px) rotateX(15deg)
}
80% {
transform: perspective(1000px) rotateX(-7.5deg)
}
100% {
transform: perspective(1000px) rotateX(0)
}
}
@keyframes swingInX {
0% {
transform: perspective(1000px) rotateX(90deg);
opacity: 0
}
40% {
transform: perspective(1000px) rotateX(-30deg);
opacity: 1
}
60% {
transform: perspective(1000px) rotateX(15deg)
}
80% {
transform: perspective(1000px) rotateX(-7.5deg)
}
100% {
transform: perspective(1000px) rotateX(0)
}
}
@-webkit-keyframes swingInY {
0% {
transform: perspective(1000px) rotateY(-90deg);
opacity: 0
}
40% {
transform: perspective(1000px) rotateY(30deg);
opacity: 1
}
60% {
transform: perspective(1000px) rotateY(-17.5deg)
}
80% {
transform: perspective(1000px) rotateY(7.5deg)
}
100% {
transform: perspective(1000px) rotateY(0)
}
}
@keyframes swingInY {
0% {
transform: perspective(1000px) rotateY(-90deg);
opacity: 0
}
40% {
transform: perspective(1000px) rotateY(30deg);
opacity: 1
}
60% {
transform: perspective(1000px) rotateY(-17.5deg)
}
80% {
transform: perspective(1000px) rotateY(7.5deg)
}
100% {
transform: perspective(1000px) rotateY(0)
}
}
@-webkit-keyframes swingOutX {
0% {
transform: perspective(1000px) rotateX(0)
}
40% {
transform: perspective(1000px) rotateX(-7.5deg)
}
60% {
transform: perspective(1000px) rotateX(17.5deg)
}
80% {
transform: perspective(1000px) rotateX(-30deg);
opacity: 1
}
100% {
transform: perspective(1000px) rotateX(90deg);
opacity: 0
}
}
@keyframes swingOutX {
0% {
transform: perspective(1000px) rotateX(0)
}
40% {
transform: perspective(1000px) rotateX(-7.5deg)
}
60% {
transform: perspective(1000px) rotateX(17.5deg)
}
80% {
transform: perspective(1000px) rotateX(-30deg);
opacity: 1
}
100% {
transform: perspective(1000px) rotateX(90deg);
opacity: 0
}
}
@-webkit-keyframes swingOutY {
0% {
transform: perspective(1000px) rotateY(0)
}
40% {
transform: perspective(1000px) rotateY(7.5deg)
}
60% {
transform: perspective(1000px) rotateY(-10deg)
}
80% {
transform: perspective(1000px) rotateY(30deg);
opacity: 1
}
100% {
transform: perspective(1000px) rotateY(-90deg);
opacity: 0
}
}
@keyframes swingOutY {
0% {
transform: perspective(1000px) rotateY(0)
}
40% {
transform: perspective(1000px) rotateY(7.5deg)
}
60% {
transform: perspective(1000px) rotateY(-10deg)
}
80% {
transform: perspective(1000px) rotateY(30deg);
opacity: 1
}
100% {
transform: perspective(1000px) rotateY(-90deg);
opacity: 0
}
}
.transition.zoom.in {
-webkit-animation-name: zoomIn;
animation-name: zoomIn
}
.transition.zoom.out {
-webkit-animation-name: zoomOut;
animation-name: zoomOut
}
@-webkit-keyframes zoomIn {
0% {
opacity: 1;
transform: scale(0)
}
100% {
opacity: 1;
transform: scale(1)
}
}
@keyframes zoomIn {
0% {
opacity: 1;
transform: scale(0)
}
100% {
opacity: 1;
transform: scale(1)
}
}
@-webkit-keyframes zoomOut {
0% {
opacity: 1;
transform: scale(1)
}
100% {
opacity: 1;
transform: scale(0)
}
}
@keyframes zoomOut {
0% {
opacity: 1;
transform: scale(1)
}
100% {
opacity: 1;
transform: scale(0)
}
}
.flash.transition {
-webkit-animation-duration: 750ms;
animation-duration: 750ms;
-webkit-animation-name: flash;
animation-name: flash
}
.shake.transition {
-webkit-animation-duration: 750ms;
animation-duration: 750ms;
-webkit-animation-name: shake;
animation-name: shake
}
.bounce.transition {
-webkit-animation-duration: 750ms;
animation-duration: 750ms;
-webkit-animation-name: bounce;
animation-name: bounce
}
.tada.transition {
-webkit-animation-duration: 750ms;
animation-duration: 750ms;
-webkit-animation-name: tada;
animation-name: tada
}
.pulse.transition {
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-name: pulse;
animation-name: pulse
}
.jiggle.transition {
-webkit-animation-duration: 750ms;
animation-duration: 750ms;
-webkit-animation-name: jiggle;
animation-name: jiggle
}
.transition.glow {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: cubic-bezier(.19,1,.22,1);
animation-timing-function: cubic-bezier(.19,1,.22,1)
}
.transition.glow {
-webkit-animation-name: glow;
animation-name: glow
}
@-webkit-keyframes flash {
0%,100%,50% {
opacity: 1
}
25%,75% {
opacity: 0
}
}
@keyframes flash {
0%,100%,50% {
opacity: 1
}
25%,75% {
opacity: 0
}
}
@-webkit-keyframes shake {
0%,100% {
transform: translateX(0)
}
10%,30%,50%,70%,90% {
transform: translateX(-10px)
}
20%,40%,60%,80% {
transform: translateX(10px)
}
}
@keyframes shake {
0%,100% {
transform: translateX(0)
}
10%,30%,50%,70%,90% {
transform: translateX(-10px)
}
20%,40%,60%,80% {
transform: translateX(10px)
}
}
@-webkit-keyframes bounce {
0%,100%,20%,50%,80% {
transform: translateY(0)
}
40% {
transform: translateY(-30px)
}
60% {
transform: translateY(-15px)
}
}
@keyframes bounce {
0%,100%,20%,50%,80% {
transform: translateY(0)
}
40% {
transform: translateY(-30px)
}
60% {
transform: translateY(-15px)
}
}
@-webkit-keyframes tada {
0% {
transform: scale(1)
}
10%,20% {
transform: scale(.9) rotate(-3deg)
}
30%,50%,70%,90% {
transform: scale(1.1) rotate(3deg)
}
40%,60%,80% {
transform: scale(1.1) rotate(-3deg)
}
100% {
transform: scale(1) rotate(0)
}
}
@keyframes tada {
0% {
transform: scale(1)
}
10%,20% {
transform: scale(.9) rotate(-3deg)
}
30%,50%,70%,90% {
transform: scale(1.1) rotate(3deg)
}
40%,60%,80% {
transform: scale(1.1) rotate(-3deg)
}
100% {
transform: scale(1) rotate(0)
}
}
@-webkit-keyframes pulse {
0% {
transform: scale(1);
opacity: 1
}
50% {
transform: scale(.9);
opacity: .7
}
100% {
transform: scale(1);
opacity: 1
}
}
@keyframes pulse {
0% {
transform: scale(1);
opacity: 1
}
50% {
transform: scale(.9);
opacity: .7
}
100% {
transform: scale(1);
opacity: 1
}
}
@-webkit-keyframes jiggle {
0% {
transform: scale3d(1,1,1)
}
30% {
transform: scale3d(1.25,.75,1)
}
40% {
transform: scale3d(.75,1.25,1)
}
50% {
transform: scale3d(1.15,.85,1)
}
65% {
transform: scale3d(.95,1.05,1)
}
75% {
transform: scale3d(1.05,.95,1)
}
100% {
transform: scale3d(1,1,1)
}
}
@keyframes jiggle {
0% {
transform: scale3d(1,1,1)
}
30% {
transform: scale3d(1.25,.75,1)
}
40% {
transform: scale3d(.75,1.25,1)
}
50% {
transform: scale3d(1.15,.85,1)
}
65% {
transform: scale3d(.95,1.05,1)
}
75% {
transform: scale3d(1.05,.95,1)
}
100% {
transform: scale3d(1,1,1)
}
}
@-webkit-keyframes glow {
0% {
background-color: #fcfcfd
}
30% {
background-color: #fff6cd
}
100% {
background-color: #fcfcfd
}
}
@keyframes glow {
0% {
background-color: #fcfcfd
}
30% {
background-color: #fff6cd
}
100% {
background-color: #fcfcfd
}
}
#app_settings{padding-bottom:200px;}.setting .s-ti{margin:0;margin-top:10px;}.setting .s-ti.bold{font-weight:bold;color:#243e4b;}.setting .s-ti .info{position:relative;font-size:13px;}.setting .s-ti .info .alert{display:none;position:absolute;left:calc(100% + 10px);top:-50%;z-index:99999;width:350px;font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";}.setting .s-ti .info:hover .alert{display:block;}.actions{display:flex;margin-top:5px;}.actions.right{justify-content:right;}.actions button{background:none;border:0;text-align:center;padding:5px 15px;color:#808080;cursor:pointer;}.actions button i{color:#0078d4;margin-right:5px;}.actions button:hover{background:#f7f8f9;}.actions button:focus{outline:0;}.link-keys .link{border:1px solid #d9d9d9;border-radius:3px;padding:5px;margin-top:5px;position:relative;}.link-keys .link .rem{position:absolute;top:5px;right:7px;}.link-keys .link label{font-size:.7em;color:#717171;margin:0;}.link-keys .link .copy{margin-left:10px;cursor:pointer;}.link-keys .link .copy:hover{color:#0078d4;}.link-keys .link .description{padding-right:20px;}.link-keys .link .description input{border:0;border-bottom:1px dashed #717171;width:100%;}.link-keys .link .token{font-family:monospace;font-size:.9em;color:#000;}.mob .mob-titlebar{position:relative;}.mob .mob-titlebar .mob-temp{display:none;position:absolute;left:calc(100% + 20px);top:calc(50% - 63px);background-color:#008b9f;color:#fff;width:300px;box-shadow:0 0 5px #cacaca;flex-direction:column;}.mob .mob-titlebar .mob-temp .header{display:flex;}.mob .mob-titlebar .mob-temp .header .b{padding:20px;}.mob .mob-titlebar .mob-temp .header .td{display:flex;flex-direction:column;justify-content:center;}.mob .mob-titlebar .mob-temp .header .td label{margin:0;}.mob .mob-titlebar .mob-temp .header .td .t{font-weight:bold;}.mob .mob-titlebar .mob-temp .header .td .d{font-size:13px;}.mob .mob-titlebar .mob-temp .body{background:#f5f5f5;}.mob .mob-titlebar .mob-temp .body>div{background:#fff;height:50px;margin:10px;box-shadow:0 0 3px #cacaca;}.mob .mob-titlebar:hover .mob-temp{display:flex;}.documents .doc-image{background-color:#f0f8ff;min-height:70px;}.documents .doc-image img{display:none;width:495px;min-height:70px;border:1px solid #ddd;}
#sub_export #filters{width:300px;margin-left:10px;}#sub_export #tables{margin-left:10px;margin-top:20px;width:600px;}#sub_export #tables .h{color:#282828;border-bottom:1px solid #ddd;font-size:12px;}#sub_export #tables .collection .nt{text-align:center;padding:10px;color:#9b9999;}#sub_export #tables .collection .ti{padding:0 5px;}
#sv-container{background-color:#f7f7f7;display:flex;flex-direction:column;min-height:100%;}#sv-container header{background-color:#afca0b;color:#404040;padding:20px;}#sv-container header h1{font-size:1.8em;text-transform:uppercase;}#sv-container header h2{font-size:1em;margin-bottom:5px;text-transform:uppercase;}#sv-container .form{flex:1 1 auto;}#sv-container .form .collection{background-color:#fff;padding:20px 20px 30px 20px;margin:15px 0;box-shadow:0 0 10px #eaeaea;min-height:100%;min-width:300px;}#sv-container footer{background-color:#afca0b;color:#404040;padding:20px;}#sv-container footer.bottom{position:absolute;bottom:0;left:0;right:0;}#sv-container footer p{margin-bottom:0;}#sv-container .logout{margin-top:30px;margin-bottom:10px;text-align:center;}#sv-container .logout a{padding:8px 40px;border:1px solid #b5b5b5;border-radius:10px;background-color:#f2f2f2;}
#submission .container{max-width:100%;}#submission #wf_v1 #sub_restore .inf{padding-left:5px;font-size:.7em;line-height:26px;}#submission #wf_v1 #head{margin:15px 15px 0;background-color:#fff;padding:20px 20px 0;box-shadow:0 0 10px #eaeaea;}#submission #wf_v1 #head .form-title{margin:0;color:#626262;}#submission #wf_v1 #head #head_controls{margin:10px 0;display:flex;}#submission #wf_v1 #head #head_controls>div{display:inline-block;padding:5px 10px;cursor:pointer;color:#626262;display:flex;align-content:center;}#submission #wf_v1 #head #head_controls>div:hover{background:#eaeaea;}#submission #wf_v1 #head #head_controls>div i{color:#4572b9;line-height:23px;margin:0 5px;}#submission #wf_v1 #head #head_controls>div.danger i{color:#b94545;}#submission #wf_v1 #head #head_controls>div.warning i{color:#b98545;}#submission #wf_v1 .wrapper{display:flex;}#submission .properties{flex:0 0 400px;margin:15px 15px 15px 0;}#submission .properties .content{background-color:#fff;padding:20px;box-shadow:0 0 10px #eaeaea;min-height:300px;}#submission .properties .content .it{margin-bottom:5px;}#submission .properties .content .it *{clear:both;float:left;margin:0;}#submission .properties .content .it *:first-child{font-size:.7em;font-weight:bold;}#submission .properties .content #loc{height:300px;width:100%;}
#submissionSchedule .xdsoft_date:not(.xdsoft_disabled):not(.xdsoft_current){background-color:#fff8e3;}#submission_schedule{display:flex;height:100%;}#submission_schedule a{color:#000;display:block;}#submission_schedule ul{list-style:none;}#submission_schedule .errored{border:1px solid #f8d7da!important;}#submission_schedule .inp-error-message{background:#cf5151;color:#fff;font-size:13px;padding:3px;clear:both;}#submission_schedule .element-title{font-weight:bold;color:#707070;}#submission_schedule #schedules{width:300px;display:flex;flex-direction:column;}#submission_schedule #schedules #schedule_header{margin-top:20px;padding:0 10px;}#submission_schedule #schedules #schedule_header h1{margin:0;}#submission_schedule #schedules #schedule_list_container{flex:1 1 auto;overflow-y:auto;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;}#submission_schedule #schedules #schedule_list_container ul{padding:5px 5px 0 5px;}#submission_schedule #schedules #schedule_list_container ul li{display:flex;flex-direction:row;padding:10px;margin-bottom:5px;border:1px solid #efefef;cursor:pointer;}#submission_schedule #schedules #schedule_list_container ul li:hover{background-color:#f7f7f7;}#submission_schedule #schedules #schedule_list_container ul li.active{background-color:#edf1ff;}#submission_schedule #schedules #schedule_list_container ul li .title{flex:1 1 auto;white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis;}#submission_schedule #schedules #schedule_list_container ul li i{width:15px;text-align:center;}#submission_schedule #schedules #schedule_list_container ul li .states{color:#c1c1c1;}#submission_schedule #schedule_editor{flex:1 1 auto;border-left:1px solid #e8e8e8;padding:20px;max-width:800px;position:relative;}#submission_schedule #schedule_editor #schedule_editor_header{display:flex;align-items:center;}#submission_schedule #schedule_editor #schedule_editor_header h1{margin:0;}#submission_schedule #schedule_editor #status{padding:3px;font-size:.8em;font-weight:bold;flex:1 1 auto;margin-left:10px;}#submission_schedule #schedule_editor #status.new{background-color:#f8f8f8;}#submission_schedule #schedule_editor #status.active{background-color:#c7f5c2;}#submission_schedule #schedule_editor #status.disabled{background-color:#f5c6c6;}#submission_schedule #schedule_editor #schedule_content{height:100%;display:flex;flex-direction:column;}#submission_schedule #schedule_editor #schedule_content .nav .nav-item .nav-link{padding:3px 5px;}#submission_schedule #schedule_editor #schedule_content #unsaved_changes{display:none;padding:3px;font-size:.8em;}#submission_schedule #schedule_editor #schedule_content #action_save .spinner{display:none;width:22px;height:20px;}#submission_schedule #schedule_editor #schedule_content #action_save.saving .spinner{display:inline-block;}#submission_schedule #schedule_editor #schedule_content #action_save.saving i{display:none;}#submission_schedule #schedule_editor #schedule_content #action_save.error{color:#8b0000;}#submission_schedule #schedule_editor #schedule_content #action_save.error i{color:#8b0000;}#submission_schedule #schedule_editor #schedule_content #schedule_details{flex:1 1 auto;display:flex;flex-direction:column;overflow:hidden;position:relative;}#submission_schedule #schedule_editor #schedule_content #schedule_details .loader{position:absolute;left:0;top:0;right:0;bottom:0;background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;opacity:.8;margin:0;}#submission_schedule #schedule_editor #schedule_content #schedule_details .tab-content{flex:1 1 auto;overflow:hidden;}#submission_schedule #schedule_editor #schedule_content #schedule_details .tab-content .tab-pane{height:100%;padding:3px;}#submission_schedule #schedule_editor #schedule_content #schedule_details .tab-content .active{display:flex;flex-direction:column;}#submission_schedule #schedule_editor .form-item{display:flex;flex-direction:column;margin-top:10px;}#submission_schedule #schedule_editor .form-item label{margin:0;}#submission_schedule #schedule_editor #email_body{height:313px;}#submission_schedule #schedule_editor .radio{display:flex;padding:5px 0;}#submission_schedule #schedule_editor .radio .radio-button{margin-right:5px;flex:1 1 auto;display:flex;align-items:center;justify-content:center;border:1px solid #efefef;padding:7px;cursor:pointer;}#submission_schedule #schedule_editor .radio .radio-button:hover{background-color:#f7f7f7;color:#000;}#submission_schedule #schedule_editor .radio .radio-button.active{background-color:#1e90ff;color:#fff;}#submission_schedule #schedule_editor .radio .radio-button:last-child{margin-right:0;}#submission_schedule #schedule_editor #form_configuration{display:flex;flex:1 1 auto;overflow:hidden;margin-top:10px;}#submission_schedule #schedule_editor #form_configuration .panel{flex:1 1;display:flex;flex-direction:column;overflow:hidden;}#submission_schedule #schedule_editor #form_configuration .panel:first-child{margin-right:5px;}#submission_schedule #schedule_editor #form_configuration .panel .controls{margin-bottom:5px;}#submission_schedule #schedule_editor #form_configuration .panel .controls .control-btn{cursor:pointer;padding:5px;}#submission_schedule #schedule_editor #form_configuration .panel .controls .control-btn:not(.disabled):hover{background-color:#f7f7f7;}#submission_schedule #schedule_editor #form_configuration .panel .controls .control-btn i{color:#1e90ff;margin-right:5px;}#submission_schedule #schedule_editor #form_configuration .panel .controls .control-btn.disabled{color:#b9b9b9;cursor:not-allowed;}#submission_schedule #schedule_editor #form_configuration .panel .controls .control-btn.disabled i{color:#b9b9b9;}#submission_schedule #schedule_editor #form_configuration .panel .collection{padding:5px 7px;border:1px solid #efefef;flex:1 1 auto;overflow-y:auto;background-color:#fbfbfb;}#submission_schedule #schedule_editor #form_configuration .panel .collection li{border:1px solid #efefef;padding:0 5px;margin-bottom:5px;background-color:#fff;display:flex;}#submission_schedule #schedule_editor #form_configuration .panel .collection li>label{line-height:30px;flex:1 1 auto;margin:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;cursor:pointer;}#submission_schedule #schedule_editor #form_configuration .panel .collection li input[type=checkbox]{margin-right:5px;}#submission_schedule #schedule_editor #form_configuration .panel #column_container label{cursor:pointer;}#submission_schedule #schedule_editor #email_history{flex:1 1 auto;border:1px solid #e8e8e8;}#submission_schedule #schedule_editor #email_history .it-body{font-size:.8em;line-height:20px;font-family:"Roboto Mono",monospace;}#submission_schedule #schedule_editor #email_history .it-col-state>div{display:flex;align-items:center;justify-content:center;}#submission_schedule #schedule_editor #email_history .it-col-state>div.error{color:#8b0000;}#submission_schedule #schedule_editor #schedule_frequency{display:flex;align-items:center;gap:15px;}#submission_schedule #schedule_editor #schedule_frequency>select{flex:0 0 50%;}#submission_schedule #schedule_editor #schedule_frequency #frequency_week{display:flex;align-items:center;gap:15px;flex:1;display:none;}#submission_schedule #schedule_editor #schedule_frequency #frequency_month{display:flex;align-items:center;gap:15px;flex:1;display:none;}#submission_schedule #schedule_export_modal .modal-body{padding:15px;}#action_save{background-color:transparent;border:0;overflow:hidden;box-shadow:none;z-index:1;}#action_save::after{content:"";position:absolute;top:0;left:0;width:200px;height:200px;background-color:#74e874;border-radius:50%;transform:translate(-100px,-80px) scale(.1);opacity:0;z-index:-1;transition:transform .5s,opacity .3s,background-color .3s;}#action_save.saved::after{opacity:1;transform-origin:100px 100px;transform:scale(1) translate(-100px,-80px);}
.sys-alert{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999999999;display:none;}.sys-alert .bg{position:absolute;width:100%;height:100%;background-color:#000;opacity:.25;z-index:-1;}.sys-alert .wrapper{display:flex;width:100%;height:100%;align-items:center;}.sys-alert .wrapper .banner{min-height:130px;background-color:#930f21;display:flex;flex-direction:column;align-items:center;flex:1 1 auto;color:#fff;justify-content:center;box-shadow:0 0 20px #393939;padding:20px;}.sys-alert .wrapper .banner .message{max-width:400px;color:#fff;text-align:center;padding:5px;margin-bottom:10px;}.sys-alert .wrapper .banner .dismiss{padding:7px 50px;border:1px solid #fff;border-radius:3px;cursor:pointer;}.sys-alert .wrapper .banner .dismiss:hover{box-shadow:0 0 5px #fff;}
.it-table {
position: relative;
width: 100%;
height: 100%;
}
.it-ov {
position: absolute;
top: -1px;
bottom: -1px;
width: 10px;
right: -10px;
display: none;
}
.it-ov .ov-col {
position: absolute;
top: 40px;
bottom: 33px;
left: 0;
right: 0;
background-color: #f6f6f6;
border: 1px solid #cdcdcd;
}
.it-ov .ov {
position: absolute;
right: 0;
width: 8px;
height: 3px;
background-color: #a8a8a8;
cursor: pointer;
}
.it-table .it-ov.dis {
display: block;
}
.it-cont {
overflow: hidden;
width: 100%;
height: 100%;
position: relative;
}
.it-cont .it-head {
position: absolute;
height: 22px;
}
.it-cont .bg {
border-top: 1px solid #fff;
background: #f2f2f2;
border-bottom: 1px solid #9a9a9a;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 22px;
}
.it-cont .db {
position: absolute;
top: 0;
bottom: 0;
border-left: 1px solid #11abe6;
left: 100px;
z-index: 99;
}
.it-cont .it-head > div {
float: left;
position: relative;
border-right: 1px solid #e3e3e3;
overflow: hidden;
height: 100%;
}
.it-cont .it-head > div label {
padding-left: 5px;
padding-right: 5px;
overflow: hidden;
white-space: nowrap;
font-weight: normal;
margin: 0;
display: block;
}
.it-cont .it-head > div span {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 7px;
cursor: col-resize;
}
.it-cont .it-head > div span:hover {
background-color: #ddd;
}
.it-cont .it-body {
overflow: auto;
position: absolute;
top: 22px;
left: 0;
right: 0;
bottom: 0;
}
.it-cont .it-body .it-table-con {
height: 100%;
}
.it-cont .it-body table {
table-layout: fixed;
min-height: 1px;
}
.it-cont .it-body table tbody {
position: relative;
}
.it-cont .it-body table tr.active td {
background-color: #eaf2ff !important;
}
.it-cont .it-body table tr:hover td {
background-color: #f2f7ff;
}
.it-cont .it-body table td {
border-right: 1px solid #e3e3e3;
border-bottom: 1px solid #ddd;
white-space: nowrap;
cursor: pointer;
overflow: hidden;
padding: 0;
}
.it-cont .it-body table td > span {
padding: 0 5px;
display: block;
white-space:normal;
}
:root{--action-icon-color:#0078d4;}#container{background-color:#1b282d;}.form-control:not(select,#search){border:0;background:#f7f8f9;}.form-control:focus{box-shadow:unset;border:1px solid #b4c6ea!important;}.form-horizontal .form-group[data-type=CheckBox]>label{margin-left:5px;}.btn{padding:5px 20px;border-radius:2px;}.modal.lookup .modal-header .search{flex:1 1 100px;}.alert ul{margin:0;}.switch{position:relative;display:inline-block;width:37px;height:20px;margin:0;}.switch input{opacity:0;width:0;height:0;}.il-list{font-family:Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;}.slider:before{position:absolute;content:"";height:14px;width:14px;left:4px;bottom:3px;background-color:#fff;-webkit-transition:.4s;transition:.4s;}.rem{position:relative;cursor:pointer;color:#909090;transition-duration:.2s;transition-property:transform;width:30px;height:30px;line-height:30px;text-align:center;}.rem svg{position:absolute;width:100%;height:100%;top:0;left:0;stroke-dasharray:70;stroke-dashoffset:70;}.rem:hover{color:#9c1616;}.rem:not(.fixed):hover{transform:rotate(90deg);}.rem.animate svg{transition:all;transition-duration:1s;transition-timing-function:ease-out;stroke-dashoffset:0;}@keyframes twist{100%{transform:rotate(90deg);}}input:checked+.slider{background-color:#2196f3;}input:checked+.slider:before{-webkit-transform:translateX(14px);-ms-transform:translateX(14px);transform:translateX(14px);}.slider.round{border-radius:34px;}.slider.round:before{border-radius:50%;}.modal-header{background-color:#f4f2f0;border-bottom:0;}.modal-header h4{font-size:1.5rem;}.modal-content{height:100%;}.modal-footer{border-top:0;padding:15px 15px;}.modal-footer .cl{border:0;background:none;padding:5px 10px;cursor:pointer;}#pdf_design_modal #designs{position:relative;height:300px;border:1px solid #ddd;overflow:auto;}#pdf_design_modal #designs .nd{position:absolute;top:0;left:0;right:0;bottom:0;color:#c6c6c6;display:flex;align-items:center;justify-content:center;}#pdf_design_modal #designs .d{display:flex;border-bottom:1px solid #ddd;align-items:center;padding:5px;cursor:pointer;}#pdf_design_modal #designs .d:hover{background-color:#effbff;}#pdf_design_modal #designs .d .n{flex:1 1 auto;}#pdf_design_modal #designs .d .a{flex:0 0 20px;margin-right:10px;color:#909090;}#pdf_design_modal #designs .d .a .fa-eye-slash{color:#c73f3f;}#pdf_design_modal #designs .d .r{flex:0 0 20px;}.ptb.button{border:1px solid #d7d7d7;border-radius:3px;margin:10px 5px;padding:3px;font-size:13px;text-align:center;cursor:pointer;}.rot180{transition-property:transform;transform:rotate(180deg);}.map.modal .mc{height:400px;}.map.modal .pc{position:absolute;top:15px;left:220px;right:70px;height:40px;background-color:#fff;border:1px solid #ddd;border-radius:3px;}.map.modal .pc input{width:100%;height:100%;border:0;padding:5px;font-size:18px;font-family:Roboto,Arial,sans-serif;}.ptb .map-btn span{padding:5px;border:1px solid #ddd;border-radius:3px;cursor:pointer;}.ptb .map-btn span:hover{background-color:#fff;}.action-collection{display:flex;padding:5px 0;}.action-collection .action-btn{display:flex;align-items:center;cursor:pointer;padding:5px;margin-right:10px;position:relative;border:0;background:none;}.action-collection .action-btn:last-child{margin-right:0;}.action-collection .action-btn i{margin:0 5px;color:#1e90ff;}.action-collection .action-btn.danger i{color:#d51818;}.action-collection .action-btn:not(.disabled,[disabled=""],.material-bubble):hover{background-color:#f7f7f7;}.action-collection .action-btn.end{margin-right:auto;}.action-collection .action-btn.disabled,.action-collection .action-btn[disabled=""]{color:#b9b9b9;cursor:not-allowed;}.action-collection .action-btn.disabled i,.action-collection .action-btn[disabled=""] i{color:#b9b9b9;}
.tippy-box[data-theme~=light-border] {
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0,8,16,.15);
color: #333;
box-shadow: 0 4px 14px -2px rgba(0,8,16,.08)
}
.tippy-box[data-theme~=light-border] > .tippy-backdrop {
background-color: #fff
}
.tippy-box[data-theme~=light-border] > .tippy-arrow:after, .tippy-box[data-theme~=light-border] > .tippy-svg-arrow:after {
content: "";
position: absolute;
z-index: -1
}
.tippy-box[data-theme~=light-border] > .tippy-arrow:after {
border-color: transparent;
border-style: solid
}
.tippy-box[data-theme~=light-border][data-placement^=top] > .tippy-arrow:before {
border-top-color: #fff
}
.tippy-box[data-theme~=light-border][data-placement^=top] > .tippy-arrow:after {
border-top-color: rgba(0,8,16,.2);
border-width: 7px 7px 0;
top: 17px;
left: 1px
}
.tippy-box[data-theme~=light-border][data-placement^=top] > .tippy-svg-arrow > svg {
top: 16px
}
.tippy-box[data-theme~=light-border][data-placement^=top] > .tippy-svg-arrow:after {
top: 17px
}
.tippy-box[data-theme~=light-border][data-placement^=bottom] > .tippy-arrow:before {
border-bottom-color: #fff;
bottom: 16px
}
.tippy-box[data-theme~=light-border][data-placement^=bottom] > .tippy-arrow:after {
border-bottom-color: rgba(0,8,16,.2);
border-width: 0 7px 7px;
bottom: 17px;
left: 1px
}
.tippy-box[data-theme~=light-border][data-placement^=bottom] > .tippy-svg-arrow > svg {
bottom: 16px
}
.tippy-box[data-theme~=light-border][data-placement^=bottom] > .tippy-svg-arrow:after {
bottom: 17px
}
.tippy-box[data-theme~=light-border][data-placement^=left] > .tippy-arrow:before {
border-left-color: #fff
}
.tippy-box[data-theme~=light-border][data-placement^=left] > .tippy-arrow:after {
border-left-color: rgba(0,8,16,.2);
border-width: 7px 0 7px 7px;
left: 17px;
top: 1px
}
.tippy-box[data-theme~=light-border][data-placement^=left] > .tippy-svg-arrow > svg {
left: 11px
}
.tippy-box[data-theme~=light-border][data-placement^=left] > .tippy-svg-arrow:after {
left: 12px
}
.tippy-box[data-theme~=light-border][data-placement^=right] > .tippy-arrow:before {
border-right-color: #fff;
right: 16px
}
.tippy-box[data-theme~=light-border][data-placement^=right] > .tippy-arrow:after {
border-width: 7px 7px 7px 0;
right: 17px;
top: 1px;
border-right-color: rgba(0,8,16,.2)
}
.tippy-box[data-theme~=light-border][data-placement^=right] > .tippy-svg-arrow > svg {
right: 11px
}
.tippy-box[data-theme~=light-border][data-placement^=right] > .tippy-svg-arrow:after {
right: 12px
}
.tippy-box[data-theme~=light-border] > .tippy-svg-arrow {
fill: #fff
}
.tippy-box[data-theme~=light-border] > .tippy-svg-arrow:after {
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCA2czEuNzk2LS4wMTMgNC42Ny0zLjYxNUM1Ljg1MS45IDYuOTMuMDA2IDggMGMxLjA3LS4wMDYgMi4xNDguODg3IDMuMzQzIDIuMzg1QzE0LjIzMyA2LjAwNSAxNiA2IDE2IDZIMHoiIGZpbGw9InJnYmEoMCwgOCwgMTYsIDAuMikiLz48L3N2Zz4=);
background-size: 16px 6px;
width: 16px;
height: 6px
}
/*!
* # Semantic UI 2.4.2 - Transition
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
/*******************************
Transitions
*******************************/
.transition {
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-duration: 300ms;
animation-duration: 300ms;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
/*******************************
States
*******************************/
/* Animating */
.animating.transition {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
visibility: visible !important;
}
/* Loading */
.loading.transition {
position: absolute;
top: -99999px;
left: -99999px;
}
/* Hidden */
.hidden.transition {
display: none;
visibility: hidden;
}
/* Visible */
.visible.transition {
display: block !important;
visibility: visible !important;
/* backface-visibility: @backfaceVisibility;
transform: @use3DAcceleration;*/
}
/* Disabled */
.disabled.transition {
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
/*******************************
Variations
*******************************/
.looping.transition {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
/*******************************
Transitions
*******************************/
/*
Some transitions adapted from Animate CSS
https://github.com/daneden/animate.css
Additional transitions adapted from Glide
by Nick Pettit - https://github.com/nickpettit/glide
*/
/*--------------
Browse
---------------*/
.transition.browse {
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
}
.transition.browse.in {
-webkit-animation-name: browseIn;
animation-name: browseIn;
}
.transition.browse.out,
.transition.browse.left.out {
-webkit-animation-name: browseOutLeft;
animation-name: browseOutLeft;
}
.transition.browse.right.out {
-webkit-animation-name: browseOutRight;
animation-name: browseOutRight;
}
/* In */
@-webkit-keyframes browseIn {
0% {
-webkit-transform: scale(0.8) translateZ(0px);
transform: scale(0.8) translateZ(0px);
z-index: -1;
}
10% {
-webkit-transform: scale(0.8) translateZ(0px);
transform: scale(0.8) translateZ(0px);
z-index: -1;
opacity: 0.7;
}
80% {
-webkit-transform: scale(1.05) translateZ(0px);
transform: scale(1.05) translateZ(0px);
opacity: 1;
z-index: 999;
}
100% {
-webkit-transform: scale(1) translateZ(0px);
transform: scale(1) translateZ(0px);
z-index: 999;
}
}
@keyframes browseIn {
0% {
-webkit-transform: scale(0.8) translateZ(0px);
transform: scale(0.8) translateZ(0px);
z-index: -1;
}
10% {
-webkit-transform: scale(0.8) translateZ(0px);
transform: scale(0.8) translateZ(0px);
z-index: -1;
opacity: 0.7;
}
80% {
-webkit-transform: scale(1.05) translateZ(0px);
transform: scale(1.05) translateZ(0px);
opacity: 1;
z-index: 999;
}
100% {
-webkit-transform: scale(1) translateZ(0px);
transform: scale(1) translateZ(0px);
z-index: 999;
}
}
/* Out */
@-webkit-keyframes browseOutLeft {
0% {
z-index: 999;
-webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
transform: translateX(0%) rotateY(0deg) rotateX(0deg);
}
50% {
z-index: -1;
-webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
}
80% {
opacity: 1;
}
100% {
z-index: -1;
-webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
opacity: 0;
}
}
@keyframes browseOutLeft {
0% {
z-index: 999;
-webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
transform: translateX(0%) rotateY(0deg) rotateX(0deg);
}
50% {
z-index: -1;
-webkit-transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
}
80% {
opacity: 1;
}
100% {
z-index: -1;
-webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
opacity: 0;
}
}
@-webkit-keyframes browseOutRight {
0% {
z-index: 999;
-webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
transform: translateX(0%) rotateY(0deg) rotateX(0deg);
}
50% {
z-index: 1;
-webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
}
80% {
opacity: 1;
}
100% {
z-index: 1;
-webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
opacity: 0;
}
}
@keyframes browseOutRight {
0% {
z-index: 999;
-webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg);
transform: translateX(0%) rotateY(0deg) rotateX(0deg);
}
50% {
z-index: 1;
-webkit-transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
}
80% {
opacity: 1;
}
100% {
z-index: 1;
-webkit-transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
transform: translateX(0%) rotateY(0deg) rotateX(0deg) translateZ(-10px);
opacity: 0;
}
}
/*--------------
Drop
---------------*/
.drop.transition {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-duration: 400ms;
animation-duration: 400ms;
-webkit-animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
}
.drop.transition.in {
-webkit-animation-name: dropIn;
animation-name: dropIn;
}
.drop.transition.out {
-webkit-animation-name: dropOut;
animation-name: dropOut;
}
/* Drop */
@-webkit-keyframes dropIn {
0% {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes dropIn {
0% {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes dropOut {
0% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
}
@keyframes dropOut {
0% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
}
/*--------------
Fade
---------------*/
.transition.fade.in {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
.transition[class*="fade up"].in {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
.transition[class*="fade down"].in {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
.transition[class*="fade left"].in {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
.transition[class*="fade right"].in {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
.transition.fade.out {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
.transition[class*="fade up"].out {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
.transition[class*="fade down"].out {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
.transition[class*="fade left"].out {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
.transition[class*="fade right"].out {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
/* In */
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(10%);
transform: translateY(10%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(10%);
transform: translateY(10%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-10%);
transform: translateY(-10%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-10%);
transform: translateY(-10%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(10%);
transform: translateX(10%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(10%);
transform: translateX(10%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(-10%);
transform: translateX(-10%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(-10%);
transform: translateX(-10%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
/* Out */
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
100% {
opacity: 0;
-webkit-transform: translateY(5%);
transform: translateY(5%);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
100% {
opacity: 0;
-webkit-transform: translateY(5%);
transform: translateY(5%);
}
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
100% {
opacity: 0;
-webkit-transform: translateY(-5%);
transform: translateY(-5%);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
100% {
opacity: 0;
-webkit-transform: translateY(-5%);
transform: translateY(-5%);
}
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
100% {
opacity: 0;
-webkit-transform: translateX(5%);
transform: translateX(5%);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
100% {
opacity: 0;
-webkit-transform: translateX(5%);
transform: translateX(5%);
}
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
100% {
opacity: 0;
-webkit-transform: translateX(-5%);
transform: translateX(-5%);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
100% {
opacity: 0;
-webkit-transform: translateX(-5%);
transform: translateX(-5%);
}
}
/*--------------
Flips
---------------*/
.flip.transition.in,
.flip.transition.out {
-webkit-animation-duration: 600ms;
animation-duration: 600ms;
}
.horizontal.flip.transition.in {
-webkit-animation-name: horizontalFlipIn;
animation-name: horizontalFlipIn;
}
.horizontal.flip.transition.out {
-webkit-animation-name: horizontalFlipOut;
animation-name: horizontalFlipOut;
}
.vertical.flip.transition.in {
-webkit-animation-name: verticalFlipIn;
animation-name: verticalFlipIn;
}
.vertical.flip.transition.out {
-webkit-animation-name: verticalFlipOut;
animation-name: verticalFlipOut;
}
/* In */
@-webkit-keyframes horizontalFlipIn {
0% {
-webkit-transform: perspective(2000px) rotateY(-90deg);
transform: perspective(2000px) rotateY(-90deg);
opacity: 0;
}
100% {
-webkit-transform: perspective(2000px) rotateY(0deg);
transform: perspective(2000px) rotateY(0deg);
opacity: 1;
}
}
@keyframes horizontalFlipIn {
0% {
-webkit-transform: perspective(2000px) rotateY(-90deg);
transform: perspective(2000px) rotateY(-90deg);
opacity: 0;
}
100% {
-webkit-transform: perspective(2000px) rotateY(0deg);
transform: perspective(2000px) rotateY(0deg);
opacity: 1;
}
}
@-webkit-keyframes verticalFlipIn {
0% {
-webkit-transform: perspective(2000px) rotateX(-90deg);
transform: perspective(2000px) rotateX(-90deg);
opacity: 0;
}
100% {
-webkit-transform: perspective(2000px) rotateX(0deg);
transform: perspective(2000px) rotateX(0deg);
opacity: 1;
}
}
@keyframes verticalFlipIn {
0% {
-webkit-transform: perspective(2000px) rotateX(-90deg);
transform: perspective(2000px) rotateX(-90deg);
opacity: 0;
}
100% {
-webkit-transform: perspective(2000px) rotateX(0deg);
transform: perspective(2000px) rotateX(0deg);
opacity: 1;
}
}
/* Out */
@-webkit-keyframes horizontalFlipOut {
0% {
-webkit-transform: perspective(2000px) rotateY(0deg);
transform: perspective(2000px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(2000px) rotateY(90deg);
transform: perspective(2000px) rotateY(90deg);
opacity: 0;
}
}
@keyframes horizontalFlipOut {
0% {
-webkit-transform: perspective(2000px) rotateY(0deg);
transform: perspective(2000px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(2000px) rotateY(90deg);
transform: perspective(2000px) rotateY(90deg);
opacity: 0;
}
}
@-webkit-keyframes verticalFlipOut {
0% {
-webkit-transform: perspective(2000px) rotateX(0deg);
transform: perspective(2000px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(2000px) rotateX(-90deg);
transform: perspective(2000px) rotateX(-90deg);
opacity: 0;
}
}
@keyframes verticalFlipOut {
0% {
-webkit-transform: perspective(2000px) rotateX(0deg);
transform: perspective(2000px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(2000px) rotateX(-90deg);
transform: perspective(2000px) rotateX(-90deg);
opacity: 0;
}
}
/*--------------
Scale
---------------*/
.scale.transition.in {
-webkit-animation-name: scaleIn;
animation-name: scaleIn;
}
.scale.transition.out {
-webkit-animation-name: scaleOut;
animation-name: scaleOut;
}
@-webkit-keyframes scaleIn {
0% {
opacity: 0;
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes scaleIn {
0% {
opacity: 0;
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
/* Out */
@-webkit-keyframes scaleOut {
0% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
opacity: 0;
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
@keyframes scaleOut {
0% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
opacity: 0;
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
/*--------------
Fly
---------------*/
/* Inward */
.transition.fly {
-webkit-animation-duration: 0.6s;
animation-duration: 0.6s;
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.transition.fly.in {
-webkit-animation-name: flyIn;
animation-name: flyIn;
}
.transition[class*="fly up"].in {
-webkit-animation-name: flyInUp;
animation-name: flyInUp;
}
.transition[class*="fly down"].in {
-webkit-animation-name: flyInDown;
animation-name: flyInDown;
}
.transition[class*="fly left"].in {
-webkit-animation-name: flyInLeft;
animation-name: flyInLeft;
}
.transition[class*="fly right"].in {
-webkit-animation-name: flyInRight;
animation-name: flyInRight;
}
/* Outward */
.transition.fly.out {
-webkit-animation-name: flyOut;
animation-name: flyOut;
}
.transition[class*="fly up"].out {
-webkit-animation-name: flyOutUp;
animation-name: flyOutUp;
}
.transition[class*="fly down"].out {
-webkit-animation-name: flyOutDown;
animation-name: flyOutDown;
}
.transition[class*="fly left"].out {
-webkit-animation-name: flyOutLeft;
animation-name: flyOutLeft;
}
.transition[class*="fly right"].out {
-webkit-animation-name: flyOutRight;
animation-name: flyOutRight;
}
/* In */
@-webkit-keyframes flyIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes flyIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@-webkit-keyframes flyInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 1500px, 0);
transform: translate3d(0, 1500px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes flyInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 1500px, 0);
transform: translate3d(0, 1500px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes flyInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -1500px, 0);
transform: translate3d(0, -1500px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes flyInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -1500px, 0);
transform: translate3d(0, -1500px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@-webkit-keyframes flyInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(1500px, 0, 0);
transform: translate3d(1500px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes flyInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(1500px, 0, 0);
transform: translate3d(1500px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@-webkit-keyframes flyInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(-1500px, 0, 0);
transform: translate3d(-1500px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes flyInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(-1500px, 0, 0);
transform: translate3d(-1500px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
/* Out */
@-webkit-keyframes flyOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
100% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes flyOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
100% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@-webkit-keyframes flyOutUp {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes flyOutUp {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@-webkit-keyframes flyOutDown {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes flyOutDown {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@-webkit-keyframes flyOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes flyOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@-webkit-keyframes flyOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes flyOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
/*--------------
Slide
---------------*/
.transition.slide.in,
.transition[class*="slide down"].in {
-webkit-animation-name: slideInY;
animation-name: slideInY;
-webkit-transform-origin: top center;
transform-origin: top center;
}
.transition[class*="slide up"].in {
-webkit-animation-name: slideInY;
animation-name: slideInY;
-webkit-transform-origin: bottom center;
transform-origin: bottom center;
}
.transition[class*="slide left"].in {
-webkit-animation-name: slideInX;
animation-name: slideInX;
-webkit-transform-origin: center right;
transform-origin: center right;
}
.transition[class*="slide right"].in {
-webkit-animation-name: slideInX;
animation-name: slideInX;
-webkit-transform-origin: center left;
transform-origin: center left;
}
.transition.slide.out,
.transition[class*="slide down"].out {
-webkit-animation-name: slideOutY;
animation-name: slideOutY;
-webkit-transform-origin: top center;
transform-origin: top center;
}
.transition[class*="slide up"].out {
-webkit-animation-name: slideOutY;
animation-name: slideOutY;
-webkit-transform-origin: bottom center;
transform-origin: bottom center;
}
.transition[class*="slide left"].out {
-webkit-animation-name: slideOutX;
animation-name: slideOutX;
-webkit-transform-origin: center right;
transform-origin: center right;
}
.transition[class*="slide right"].out {
-webkit-animation-name: slideOutX;
animation-name: slideOutX;
-webkit-transform-origin: center left;
transform-origin: center left;
}
/* In */
@-webkit-keyframes slideInY {
0% {
opacity: 0;
-webkit-transform: scaleY(0);
transform: scaleY(0);
}
100% {
opacity: 1;
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
}
@keyframes slideInY {
0% {
opacity: 0;
-webkit-transform: scaleY(0);
transform: scaleY(0);
}
100% {
opacity: 1;
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
}
@-webkit-keyframes slideInX {
0% {
opacity: 0;
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
100% {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@keyframes slideInX {
0% {
opacity: 0;
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
100% {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
/* Out */
@-webkit-keyframes slideOutY {
0% {
opacity: 1;
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
100% {
opacity: 0;
-webkit-transform: scaleY(0);
transform: scaleY(0);
}
}
@keyframes slideOutY {
0% {
opacity: 1;
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
100% {
opacity: 0;
-webkit-transform: scaleY(0);
transform: scaleY(0);
}
}
@-webkit-keyframes slideOutX {
0% {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
100% {
opacity: 0;
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
}
@keyframes slideOutX {
0% {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
100% {
opacity: 0;
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
}
/*--------------
Swing
---------------*/
.transition.swing {
-webkit-animation-duration: 800ms;
animation-duration: 800ms;
}
.transition[class*="swing down"].in {
-webkit-animation-name: swingInX;
animation-name: swingInX;
-webkit-transform-origin: top center;
transform-origin: top center;
}
.transition[class*="swing up"].in {
-webkit-animation-name: swingInX;
animation-name: swingInX;
-webkit-transform-origin: bottom center;
transform-origin: bottom center;
}
.transition[class*="swing left"].in {
-webkit-animation-name: swingInY;
animation-name: swingInY;
-webkit-transform-origin: center right;
transform-origin: center right;
}
.transition[class*="swing right"].in {
-webkit-animation-name: swingInY;
animation-name: swingInY;
-webkit-transform-origin: center left;
transform-origin: center left;
}
.transition.swing.out,
.transition[class*="swing down"].out {
-webkit-animation-name: swingOutX;
animation-name: swingOutX;
-webkit-transform-origin: top center;
transform-origin: top center;
}
.transition[class*="swing up"].out {
-webkit-animation-name: swingOutX;
animation-name: swingOutX;
-webkit-transform-origin: bottom center;
transform-origin: bottom center;
}
.transition[class*="swing left"].out {
-webkit-animation-name: swingOutY;
animation-name: swingOutY;
-webkit-transform-origin: center right;
transform-origin: center right;
}
.transition[class*="swing right"].out {
-webkit-animation-name: swingOutY;
animation-name: swingOutY;
-webkit-transform-origin: center left;
transform-origin: center left;
}
/* In */
@-webkit-keyframes swingInX {
0% {
-webkit-transform: perspective(1000px) rotateX(90deg);
transform: perspective(1000px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(1000px) rotateX(-30deg);
transform: perspective(1000px) rotateX(-30deg);
opacity: 1;
}
60% {
-webkit-transform: perspective(1000px) rotateX(15deg);
transform: perspective(1000px) rotateX(15deg);
}
80% {
-webkit-transform: perspective(1000px) rotateX(-7.5deg);
transform: perspective(1000px) rotateX(-7.5deg);
}
100% {
-webkit-transform: perspective(1000px) rotateX(0deg);
transform: perspective(1000px) rotateX(0deg);
}
}
@keyframes swingInX {
0% {
-webkit-transform: perspective(1000px) rotateX(90deg);
transform: perspective(1000px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(1000px) rotateX(-30deg);
transform: perspective(1000px) rotateX(-30deg);
opacity: 1;
}
60% {
-webkit-transform: perspective(1000px) rotateX(15deg);
transform: perspective(1000px) rotateX(15deg);
}
80% {
-webkit-transform: perspective(1000px) rotateX(-7.5deg);
transform: perspective(1000px) rotateX(-7.5deg);
}
100% {
-webkit-transform: perspective(1000px) rotateX(0deg);
transform: perspective(1000px) rotateX(0deg);
}
}
@-webkit-keyframes swingInY {
0% {
-webkit-transform: perspective(1000px) rotateY(-90deg);
transform: perspective(1000px) rotateY(-90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(1000px) rotateY(30deg);
transform: perspective(1000px) rotateY(30deg);
opacity: 1;
}
60% {
-webkit-transform: perspective(1000px) rotateY(-17.5deg);
transform: perspective(1000px) rotateY(-17.5deg);
}
80% {
-webkit-transform: perspective(1000px) rotateY(7.5deg);
transform: perspective(1000px) rotateY(7.5deg);
}
100% {
-webkit-transform: perspective(1000px) rotateY(0deg);
transform: perspective(1000px) rotateY(0deg);
}
}
@keyframes swingInY {
0% {
-webkit-transform: perspective(1000px) rotateY(-90deg);
transform: perspective(1000px) rotateY(-90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(1000px) rotateY(30deg);
transform: perspective(1000px) rotateY(30deg);
opacity: 1;
}
60% {
-webkit-transform: perspective(1000px) rotateY(-17.5deg);
transform: perspective(1000px) rotateY(-17.5deg);
}
80% {
-webkit-transform: perspective(1000px) rotateY(7.5deg);
transform: perspective(1000px) rotateY(7.5deg);
}
100% {
-webkit-transform: perspective(1000px) rotateY(0deg);
transform: perspective(1000px) rotateY(0deg);
}
}
/* Out */
@-webkit-keyframes swingOutX {
0% {
-webkit-transform: perspective(1000px) rotateX(0deg);
transform: perspective(1000px) rotateX(0deg);
}
40% {
-webkit-transform: perspective(1000px) rotateX(-7.5deg);
transform: perspective(1000px) rotateX(-7.5deg);
}
60% {
-webkit-transform: perspective(1000px) rotateX(17.5deg);
transform: perspective(1000px) rotateX(17.5deg);
}
80% {
-webkit-transform: perspective(1000px) rotateX(-30deg);
transform: perspective(1000px) rotateX(-30deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(1000px) rotateX(90deg);
transform: perspective(1000px) rotateX(90deg);
opacity: 0;
}
}
@keyframes swingOutX {
0% {
-webkit-transform: perspective(1000px) rotateX(0deg);
transform: perspective(1000px) rotateX(0deg);
}
40% {
-webkit-transform: perspective(1000px) rotateX(-7.5deg);
transform: perspective(1000px) rotateX(-7.5deg);
}
60% {
-webkit-transform: perspective(1000px) rotateX(17.5deg);
transform: perspective(1000px) rotateX(17.5deg);
}
80% {
-webkit-transform: perspective(1000px) rotateX(-30deg);
transform: perspective(1000px) rotateX(-30deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(1000px) rotateX(90deg);
transform: perspective(1000px) rotateX(90deg);
opacity: 0;
}
}
@-webkit-keyframes swingOutY {
0% {
-webkit-transform: perspective(1000px) rotateY(0deg);
transform: perspective(1000px) rotateY(0deg);
}
40% {
-webkit-transform: perspective(1000px) rotateY(7.5deg);
transform: perspective(1000px) rotateY(7.5deg);
}
60% {
-webkit-transform: perspective(1000px) rotateY(-10deg);
transform: perspective(1000px) rotateY(-10deg);
}
80% {
-webkit-transform: perspective(1000px) rotateY(30deg);
transform: perspective(1000px) rotateY(30deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(1000px) rotateY(-90deg);
transform: perspective(1000px) rotateY(-90deg);
opacity: 0;
}
}
@keyframes swingOutY {
0% {
-webkit-transform: perspective(1000px) rotateY(0deg);
transform: perspective(1000px) rotateY(0deg);
}
40% {
-webkit-transform: perspective(1000px) rotateY(7.5deg);
transform: perspective(1000px) rotateY(7.5deg);
}
60% {
-webkit-transform: perspective(1000px) rotateY(-10deg);
transform: perspective(1000px) rotateY(-10deg);
}
80% {
-webkit-transform: perspective(1000px) rotateY(30deg);
transform: perspective(1000px) rotateY(30deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(1000px) rotateY(-90deg);
transform: perspective(1000px) rotateY(-90deg);
opacity: 0;
}
}
/*--------------
Zoom
---------------*/
.transition.zoom.in {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
.transition.zoom.out {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomIn {
0% {
opacity: 1;
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes zoomIn {
0% {
opacity: 1;
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes zoomOut {
0% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
opacity: 1;
-webkit-transform: scale(0);
transform: scale(0);
}
}
@keyframes zoomOut {
0% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
opacity: 1;
-webkit-transform: scale(0);
transform: scale(0);
}
}
/*******************************
Static Animations
*******************************/
/*--------------
Emphasis
---------------*/
.flash.transition {
-webkit-animation-duration: 750ms;
animation-duration: 750ms;
-webkit-animation-name: flash;
animation-name: flash;
}
.shake.transition {
-webkit-animation-duration: 750ms;
animation-duration: 750ms;
-webkit-animation-name: shake;
animation-name: shake;
}
.bounce.transition {
-webkit-animation-duration: 750ms;
animation-duration: 750ms;
-webkit-animation-name: bounce;
animation-name: bounce;
}
.tada.transition {
-webkit-animation-duration: 750ms;
animation-duration: 750ms;
-webkit-animation-name: tada;
animation-name: tada;
}
.pulse.transition {
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
-webkit-animation-name: pulse;
animation-name: pulse;
}
.jiggle.transition {
-webkit-animation-duration: 750ms;
animation-duration: 750ms;
-webkit-animation-name: jiggle;
animation-name: jiggle;
}
.transition.glow {
-webkit-animation-duration: 2000ms;
animation-duration: 2000ms;
-webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.transition.glow {
-webkit-animation-name: glow;
animation-name: glow;
}
/* Flash */
@-webkit-keyframes flash {
0%,
50%,
100% {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@keyframes flash {
0%,
50%,
100% {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
/* Shake */
@-webkit-keyframes shake {
0%,
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
20%,
40%,
60%,
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
}
@keyframes shake {
0%,
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
20%,
40%,
60%,
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
}
/* Bounce */
@-webkit-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
/* Tada */
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
10%,
20% {
-webkit-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%,
60%,
80% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
@keyframes tada {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
10%,
20% {
-webkit-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%,
60%,
80% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
/* Pulse */
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
50% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
opacity: 0.7;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
50% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
opacity: 0.7;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
/* Jiggle */
@-webkit-keyframes jiggle {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes jiggle {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
/* Glow */
@-webkit-keyframes glow {
0% {
background-color: #FCFCFD;
}
30% {
background-color: #FFF6CD;
}
100% {
background-color: #FCFCFD;
}
}
@keyframes glow {
0% {
background-color: #FCFCFD;
}
30% {
background-color: #FFF6CD;
}
100% {
background-color: #FCFCFD;
}
}
/*******************************
Site Overrides
*******************************/
:root{--color:#808080;--disabled:#959495;--required:#f00;--input-background:#f6f8fa;--signature-background:#f6f8fa;--text-color:#495057;--time-picker-accent:#206688;--input-error:#ca1010;--table-striped:#fbfdfe;--delete:#b90000;--action-hover:#eaeaea;--action-icon-blue:#4572b9;}.ap-theme-default{color:var(--time-picker-accent);}.ap-theme-default .ap-component-selector{border-top-color:var(--time-picker-accent);border-bottom-color:var(--time-picker-accent);}.slide-panel{position:absolute;top:0;left:0;right:0;bottom:0;z-index:999999;display:none;overflow:hidden;}.slide-panel .bg{position:absolute;top:0;left:0;right:0;bottom:0;}.slide-panel .right-panel{background:#fff;border:initial;height:100%;display:flex;flex-direction:column;float:right;position:relative;box-shadow:0 0 16px #797979;width:410px;transform:translateX(410px);max-width:1024px;transition:transform .6s cubic-bezier(.23,1,.32,1) 0s;}.slide-panel .right-panel.show{transform:translateX(0);}.slide-panel .header{border-bottom:3px solid #c8c8c8;display:flex;flex:0 0 50px;padding-left:10px;}.slide-panel .header .title{font-weight:600;font-size:1em;color:#46586f;margin-top:12px;}.slide-panel .header .close{margin-left:auto;text-shadow:none;}.slide-panel .body{flex:1 1 auto;display:flex;flex-direction:column;background-color:#fff;padding:0;overflow:hidden;}.web-submission{background-color:#f7f7f7;display:flex;flex-direction:column;min-height:100%;}.web-submission .form-loader{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;z-index:999999;}.web-submission .form-loader img{width:200px;}.web-submission .form-loader span{color:#3c5e8a;}.web-submission .form-saved{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;z-index:999999;}.web-submission .form-saved span{color:#3c5e8a;font-size:21px;}.web-submission header{background-color:#243e4b;color:#fff;padding:20px;}.web-submission header h1{font-size:1.8em;text-transform:uppercase;}.web-submission header h2{font-size:1em;color:#d0d0d0;margin-bottom:5px;text-transform:uppercase;}.web-submission .form-wrapper{flex:1;display:flex;overflow:hidden;}.web-submission .form{flex:1 1 auto;}.web-submission footer{background-color:#eee;padding:20px;}.web-submission .controls{display:flex;justify-content:center;align-items:center;padding:10px;padding-bottom:30px;padding-top:20px;}.web-submission .controls .btn{font-size:2em;border-radius:3px;}.web-submission .controls .submit-form{width:100%;max-width:300px;background-color:#3884d5;}.web-submission .controls .submit-form:hover{background-color:#0069d9;}.web-submission .collection{background-color:#fff;padding:20px;margin:15px 0;box-shadow:0 0 10px #eaeaea;min-height:100%;min-width:300px;}.web-submission .collection input{border:1px solid #fff;background-color:var(--input-background);padding:10px 7px;height:unset;color:var(--text-color);}.web-submission .collection input[readonly]{background-color:#ebedf0;color:#89898a;}.web-submission .collection input.calculated{background-color:#f9f7f3;}.web-submission .collection .gr{text-transform:uppercase;font-size:1.5em;font-weight:bold;color:#808080;margin:20px 0;}.web-submission .collection .foi{margin-bottom:10px;}.web-submission .collection .prop{position:relative;}.web-submission .collection .prop.audit .state-border{border:1px solid #ffe7c9!important;}.web-submission .collection .prop.audit .audit-contr{display:none;position:absolute;bottom:-15px;z-index:99999;}.web-submission .collection .prop.audit .audit-contr>div{border:1px solid #ddd;border-radius:10px;box-shadow:0 0 10px #e1e1e1;height:25px;line-height:23px;background-color:#fff;padding:0 5px;color:#495057;font-size:.8em;cursor:pointer;}.web-submission .collection .prop.audit:hover .state-border{border:1px solid #ff9000;}.web-submission .collection .prop.audit:hover .audit-contr{display:flex;justify-content:right;width:100%;}.web-submission .collection .prop .prop-t{font-size:.8em;margin-bottom:2px;color:#3e3e3e;}.web-submission .collection .prop .prop-t .req{color:var(--required);}.web-submission .collection .prop.err .state-border{border:1px solid var(--input-error);}.web-submission .collection .prop.err .err-val{color:var(--input-error);font-size:.7em;}.web-submission .collection .info{padding:10px 5px;color:#939393;font-weight:300;height:100%;flex:1;}.web-submission .collection .textbox{position:relative;}.web-submission .collection .textbox textarea{height:unset;background:var(--input-background);border:0;min-height:45px;}.web-submission .collection .textbox .cnt{position:absolute;right:2px;bottom:0;color:#b3b3b3;font-size:.7em;}.web-submission .collection .textbox textarea+.cnt{right:13px;}.web-submission .collection .select{color:var(--text-color);display:inline-block;font:inherit;line-height:1.5em;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;background-color:var(--input-background);border:0;height:45px;width:100%;background-image:url("/Content/Images/chevron-down.png");background-position:calc(100% - 5px) 50%;background-size:25px 25px;background-repeat:no-repeat;padding:5px;}.web-submission .collection .select:focus{outline:0;}.web-submission .collection .radio{display:flex;flex-direction:row;}.web-submission .collection .radio .r-btn{padding-right:3px;flex:1 1 auto;cursor:pointer;}.web-submission .collection .radio .r-btn .r-btn-bg{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fff;}.web-submission .collection .radio .r-btn .r-btn-t{position:relative;text-align:center;display:block;max-height:25px;text-overflow:ellipsis;overflow:hidden;word-break:break-all;}.web-submission .collection .radio .r-btn:last-child{padding:0;}.web-submission .collection .radio .r-btn>div{position:relative;display:flex;justify-content:center;align-items:center;padding:9px;border:1px solid #f2f2f2;}.web-submission .collection .radio.stack{flex-direction:column;}.web-submission .collection .radio.stack .r-btn{padding:3px;}.web-submission .collection .range{display:flex;align-items:center;height:45px;padding:0 15px;padding-top:3px;padding-bottom:10px;}.web-submission .collection .range .slide{flex:1 1 auto;}.web-submission .collection .range .noUi-horizontal{height:9px;}.web-submission .collection .range .noUi-horizontal .noUi-handle{width:25px;height:20px;right:-11px;top:-7px;cursor:pointer;}.web-submission .collection .range .noUi-horizontal .noUi-handle::after,.web-submission .collection .range .noUi-horizontal .noUi-handle::before{height:9px;width:1px;left:8px;top:5px;}.web-submission .collection .range .noUi-horizontal .noUi-handle::after{left:15px;}.web-submission .collection .range .noUi-pips-horizontal{height:40px;}.web-submission .collection .range .noUi-marker-horizontal.noUi-marker-large{height:7px;}.web-submission .collection .range .noUi-value-horizontal{transform:translate(-50%,-10%);font-size:.6em;}.web-submission .collection .range .noUi-marker-horizontal.noUi-marker{width:2px;height:2px;}.web-submission .collection .range .noUi-target{background:var(--input-background);border-radius:unset;border:0;box-shadow:inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb;}.web-submission .collection .range .noUi-marker{background:var(--input-background);}.web-submission .collection .range .noUi-marker-large{background:var(--input-background);}.web-submission .collection .range .noUi-tooltip{border:0;font-size:.6em;color:#808080;font-weight:normal;background:none;bottom:65%;}.web-submission .collection .inline-image{display:flex;justify-content:center;}.web-submission .collection .inline-image img{width:100%;}.web-submission .collection .checkbox{display:flex;margin-bottom:5px;}.web-submission .collection .checkbox>.icon{width:30px;height:30px;background-size:contain;background-repeat:no-repeat;margin-right:5px;cursor:pointer;opacity:.3;}.web-submission .collection .checkbox>.icon.check{opacity:1;}.web-submission .collection .checkbox>label{display:grid;grid-template-columns:min-content auto;grid-gap:.5em;font-size:1.1rem;color:var(--color);line-height:1;cursor:pointer;margin:0;margin-top:auto;padding:0;}.web-submission .collection .checkbox>label--disabled{color:var(--disabled);}.web-submission .collection .checkbox>label .checkbox__control{display:inline-grid;width:1em;height:1em;border:.1em solid currentColor;}.web-submission .collection .checkbox>label .checkbox__control svg{transition:transform .1s ease-in 25ms;transform:scale(0);transform-origin:bottom left;}.web-submission .collection .checkbox>label .checkbox__input{display:grid;grid-template-areas:"checkbox";}.web-submission .collection .checkbox>label .checkbox__input>*{grid-area:checkbox;}.web-submission .collection .checkbox>label .checkbox__input input{display:none;}.web-submission .collection .checkbox>label .checkbox__input input:checked+.checkbox__control svg{transform:scale(.9) translateY(-2px);}.web-submission .collection .checkbox>label .checkbox__input input:disabled+.checkbox__control{color:var(--disabled);}.web-submission .collection .signature{min-height:45px;cursor:pointer;}.web-submission .collection .signature .signature-display{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--signature-background);color:#495057;width:100%;height:115px;}.web-submission .collection .signature .signature-display .ico{font-size:2em;color:#d0d2d7;}.web-submission .collection .signature .signature-display .tt{color:#d0d2d7;font-size:.8em;}.web-submission .collection .signature .signature-display .signature-image{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;object-fit:contain;display:none;background-color:var(--signature-background);}.web-submission .collection .signature .signature-capture{position:fixed;top:0;left:0;width:100%;height:100%;align-items:center;justify-content:center;display:none;z-index:9999999;}.web-submission .collection .signature .signature-capture.active{display:flex;}.web-submission .collection .signature .signature-capture .s-bg{background-color:#000;opacity:.2;position:absolute;top:0;left:0;width:100%;height:100%;}.web-submission .collection .signature .signature-capture .capture{display:flex;flex-direction:column;position:relative;background:#fff;flex:1 1 auto;height:100%;max-width:500px;max-height:350px;box-shadow:0 0 10px #979797;margin:10px;}.web-submission .collection .signature .signature-capture .capture canvas{width:100%;flex:1 1 auto;}.web-submission .collection .signature .signature-capture .capture .s-con{display:flex;background-color:#f9f9f9;justify-content:center;align-items:center;}.web-submission .collection .signature .signature-capture .capture .s-con>span{padding:10px;flex:1 1 auto;text-align:center;cursor:pointer;}.web-submission .collection .signature .signature-capture .capture .s-con>span:hover{background-color:#f3f3f3;}.web-submission .collection .signature .signature-capture .capture .s-con .s-save{color:#2a3b7e;}.web-submission .collection .signature .signature-capture .capture .s-con .s-clear{color:#bb4f4f;}.web-submission .collection .signature .signature-capture .capture .s-con .s-cancel{color:#797979;}.web-submission .collection .images{position:relative;}.web-submission .collection .images>.tt{position:absolute;top:2px;right:10px;display:none;font-size:.6em;color:#730c0c;}.web-submission .collection .images .image-ic{position:relative;width:100%;height:95px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px dashed #d0d2d7;padding:10px;transition:all;transition-duration:.3s;transition-timing-function:ease-in-out;cursor:pointer;}.web-submission .collection .images .image-ic .img-file{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;display:block;cursor:pointer;}.web-submission .collection .images .image-ic .ico{font-size:1.5em;color:#d0d2d7;margin-bottom:5px;}.web-submission .collection .images .image-ic .tt{color:#d0d2d7;font-size:.8em;text-align:center;}.web-submission .collection .images.fixed>.tt{display:block;}.web-submission .collection .images.fixed .image-ic{top:unset;left:unset;right:0;bottom:0;border:0;border-radius:50px;box-shadow:0 0 5px #ddd;width:30px;height:30px;background:#fff;}.web-submission .collection .images.fixed .image-ic:hover{box-shadow:0 0 5px #206688;}.web-submission .collection .images.fixed .image-ic .ico{font-size:1em;margin-bottom:unset;}.web-submission .collection .images.fixed .image-ic .tt{display:none;}.web-submission .collection .images.max .image-ic{display:none;}.web-submission .collection .images .image-wrapper{background-color:var(--input-background);}.web-submission .collection .images .image-col .image{position:relative;width:115px;height:115px;padding:20px 10px;float:left;}.web-submission .collection .images .image-col .image img{width:100%;height:100%;border-radius:3px;object-fit:cover;cursor:pointer;}.web-submission .collection .images .image-col .image img:hover{box-shadow:0 0 7px #797979;}.web-submission .collection .images .image-col .image svg{position:absolute;top:20px;left:10px;width:95px;height:75px;stroke-dasharray:340;stroke-dashoffset:340;}.web-submission .collection .images .image-col .image.deleting svg{transition:all;transition-duration:1s;transition-delay:.1s;transition-timing-function:ease-out;stroke-dashoffset:0;}.web-submission .collection .images .con{display:flex;justify-content:end;padding:5px;background-color:#f9f9f9;}.web-submission .collection .map{height:350px;}.web-submission .collection .ws-grid{display:flex;flex-wrap:wrap;}.web-submission .collection .ws-grid .foi{margin-right:10px;overflow:unset;}.web-submission .collection .ws-grid .foi.ws-g-end{margin-right:0;}.web-submission .collection .ws-table{overflow-x:auto;}.web-submission .collection .ws-table table{table-layout:fixed;}.web-submission .collection .ws-table table.table-striped tbody tr:nth-of-type(2n+1){background-color:var(--table-striped);}.web-submission .collection .ws-table th{padding:10px 2px;color:#424242;font-weight:500;border:0;display:table-cell;height:45px;}.web-submission .collection .ws-table th.del{text-align:center;color:rgba(185,0,0,.1803921569);}.web-submission .collection .ws-table th.checkbox{text-align:center;}.web-submission .collection .ws-table td{padding:2px;border:0;vertical-align:middle;}.web-submission .collection .ws-table td>div{display:flex;align-items:center;min-height:45px;width:100%;}.web-submission .collection .ws-table td.del{text-align:center;color:var(--delete);cursor:pointer;}.web-submission .collection .ws-table td .prop{flex:1 1 auto;overflow:unset;}.web-submission .collection .ws-table td .prop .prop-t{display:none;}.web-submission .collection .ws-table td .checkbox{display:flex;justify-content:center;}.web-submission .collection .ws-table td .checkbox .checkbox__input{display:block;}.web-submission .collection .ws-table td .checkbox .checkbox__label{display:none;}.web-submission .collection .ws-table td .number{text-align:right;}.web-submission .collection .ws-table .new .del span{display:none;}.web-submission .collection .documents .doc-collection{max-height:220px;overflow-y:auto;}.web-submission .collection .documents ul{margin:0;list-style:none;}.web-submission .collection .documents ul li{padding:10px;margin:0;margin-top:5px;display:flex;align-items:center;background:var(--input-background);}.web-submission .collection .documents ul li:not(.new)>span{color:#4169e1;cursor:pointer;}.web-submission .collection .documents ul li input{display:none;}.web-submission .collection .documents .doc-actions{display:flex;align-items:center;}.web-submission .collection .documents .doc-actions div:last-of-type{margin-right:auto;}.web-submission .collection .documents .doc-actions .add-doc{margin:5px 0;padding:5px 5px;cursor:pointer;display:inline-block;}.web-submission .collection .documents .doc-actions .add-doc:hover{background-color:var(--action-hover);}.web-submission .collection .documents .doc-actions .add-doc i{color:var(--action-icon-blue);}.web-submission .collection .documents .doc-actions .cnt{font-size:.8em;}.web-submission .collection .documents .file-select{display:none;}.web-submission .collection .totals{background-color:#fff!important;}.web-submission .collection .totals td span{background-color:#f7f7f7;text-align:right;font-weight:bold;font-size:.7em;color:#495057;padding-right:9px;display:block;}.web-submission .collection .link span{cursor:pointer;}.web-submission .collection .link span:hover{text-decoration:underline;}.image-large-view{position:fixed;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:9999999999;}.image-large-view .bg{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#000;opacity:.3;z-index:-1;}.image-large-view .remove{font-size:3em;position:absolute;top:50px;right:50px;cursor:pointer;}@media(max-width:576px){#wf_v1 .collection .ws-grid{flex-direction:column;}#wf_v1 .collection .ws-grid .foi{margin-right:0;}}.audit:not(.prop) .body{padding:20px;}.audit:not(.prop) .body label{font-weight:bold;}.audit:not(.prop) ul{list-style:none;border-top:1px solid #e18cd8;overflow:auto;scroll-behavior:smooth;scrollbar-width:thin;flex:1 1 auto;}.audit:not(.prop) ul li{font-size:.8em;border-bottom:1px solid #e8e8e8;padding:5px;}.audit:not(.prop) ul li .b{display:flex;font-size:.8em;font-family:arial;color:#797979;}.audit:not(.prop) ul li .b>div:first-child{margin-left:auto;margin-right:5px;}.audit:not(.prop) ul li .b .dt{flex:0 0 85px;}.select-box{position:relative;display:block;width:100%;min-width:150px;margin:0 auto;font-family:"Open Sans","Helvetica Neue","Segoe UI","Calibri","Arial",sans-serif;font-size:18px;color:#60666d;}.select-box__current{position:relative;cursor:pointer;outline:0;}.select-box__current:focus+.select-box__list{opacity:1;animation-name:none;}.select-box__current:focus+.select-box__list .select-box__option{cursor:pointer;}.select-box__current:focus .select-box__icon{transform:translateY(-50%) rotate(180deg);}.select-box__icon{position:absolute;top:50%;right:15px;transform:translateY(-50%);width:20px;opacity:.3;transition:.2s ease;}.select-box__value{display:flex;}.select-box__input{display:none;}.select-box__input:checked+.select-box__input-text{display:block;}.select-box__input-text{display:none;width:100%;margin:0;padding:9px;background-color:var(--input-background);min-height:45px;}.select-box__list{position:absolute;width:100%;padding:0;list-style:none;opacity:0;background:#fff;z-index:99999;animation-name:HideList;animation-duration:.5s;animation-delay:.5s;animation-fill-mode:forwards;animation-timing-function:step-start;box-shadow:0 15px 30px -10px rgba(0,0,0,.1);}.select-box__option{display:block;padding:15px;background-color:#fff;}.select-box__option:hover,.select-box__option:focus{color:#546c84;background-color:#fbfbfb;}@keyframes HideList{from{transform:scaleY(1);}to{transform:scaleY(0);}}
@import url("https://fonts.googleapis.com/css?family=Lato");.c-select{display:none;}.select-hidden{display:none;visibility:hidden;padding-right:10px;}.select{cursor:pointer;display:inline-block;position:relative;font-size:16px;color:#848484;width:180px;height:32px;border:1px solid #cecbcb;box-sizing:border-box;}.select-styled{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fff;padding:3px 15px;-webkit-transition:all .2s ease-in .2s ease-in-out;-moz-transition:all .2s ease-in .2s ease-in-out;-ms-transition:all .2s ease-in .2s ease-in-out;-o-transition:all .2s ease-in .2s ease-in-out;transition:all .2s ease-in .2s ease-in-out;}.select-styled:after{content:"";width:0;height:0;border:7px solid transparent;border-color:#cecbcb transparent transparent transparent;position:absolute;top:13px;right:10px;}.select-styled:hover{background-color:#fafafa;}.select-styled:active,.select-styled.active{background-color:#f2f2f2;}.select-styled:active:after,.select-styled.active:after{top:9px;border-color:transparent transparent #cecbcb transparent;}.select-options{display:none;position:absolute;top:100%;right:0;left:0;z-index:999;margin:0;padding:0;list-style:none;background-color:#f2f2f2;max-height:200px;overflow:hidden;border:1px solid #cecbcb;}.select-options li{margin:0;padding:5px 0;border-top:1px solid #e6e6e6;-webkit-transition:all .15s ease-in .2s ease-in-out;-moz-transition:all .15s ease-in .2s ease-in-out;-ms-transition:all .15s ease-in .2s ease-in-out;-o-transition:all .15s ease-in .2s ease-in-out;transition:all .15s ease-in .2s ease-in-out;}.select-options li:hover{color:#fff;background:#848484;}.select-options li[rel="hide"]{display:none;}
/*#container {
display: flex;
}
#content {
flex: 1 1 auto;
}*/
/*#nav {
flex: 0 0 300px;
background-color: #24334b;
border-right: none;
box-shadow: none;
}*/
#nav nav {
border-top: none;
top: 100px;
}
#nav #nb {
/*display: none;*/
position: absolute;
bottom: 0;
left: 0;
right: 0;
display: flex;
border: none;
box-shadow: none;
z-index: 999;
background-color: #222832;
border-top: 1px solid #fff;
width: 100%;
}
#nav #nb > div {
width: 100%;
margin: unset;
}
#nav #nb #nl, #nav #nb #fav {
display: none;
}
#nav #nb span {
width: 100%;
}
#nav #menuSearch {
display: none;
}
#nav nav #favs.ms, #nav nav #menu.ms, #nav nav #favs, #nav nav #menu {
top: 0;
}
#nav span.gr {
display: none !important;
}
/*#nav span, #nav i {
color: #7cb1f2;
text-align: center;
padding: 0;
}*/
.btn-primary {
color: #fff;
background-color: #406491;
border-color: #024fa2;
}
#tb {
background-color: inherit;
border-bottom: none;
color: #fff;
height: 50px;
margin-left: 334px;
}
#tb #pageTitle span {
font-size: 25px;
float: left;
height: 100%;
line-height: 35px;
display: none;
}
#tb > #profile {
background-color: inherit;
border-bottom: none;
color: #fff;
}
#content {
background-color: #24334b;
border: none;
}
#content > #body {
background: #fff;
/*position: relative;
width: 100%;
height: 100%;*/
overflow: auto;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
}