/* Minification failed. Returning unminified contents. (3428,15): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (3430,22): run-time error CSS1039: Token not allowed after unary operator: '-tasselOrange' (5440,26): run-time error CSS1039: Token not allowed after unary operator: '-tasselBlue' (5461,15): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (5464,15): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (5656,22): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (5660,26): run-time error CSS1039: Token not allowed after unary operator: '-tasselOffWhite' (5661,22): run-time error CSS1039: Token not allowed after unary operator: '-tasselOffWhite' (5664,26): run-time error CSS1039: Token not allowed after unary operator: '-tasselOffWhite' (5667,15): run-time error CSS1039: Token not allowed after unary operator: '-tasselBlue' (5671,29): run-time error CSS1039: Token not allowed after unary operator: '-tasselBlue' (9118,1): run-time error CSS1019: Unexpected token, found '@import' (9118,9): run-time error CSS1019: Unexpected token, found 'url(https://fonts.googleapis.com/css?family=PT+Sans:400,700)' (9119,1): run-time error CSS1019: Unexpected token, found '@import' (9119,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap')' (9122,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9123,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9124,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9125,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9126,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9127,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9128,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9129,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9130,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9131,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9132,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9133,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9134,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9135,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9136,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9137,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9138,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9139,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9140,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9141,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9142,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9144,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9145,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9146,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9147,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9148,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9149,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9150,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9151,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9152,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9153,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9154,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9155,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9156,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9157,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9158,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9159,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9160,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9161,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9164,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9165,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9170,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9171,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9172,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9173,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9174,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9175,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9188,22): run-time error CSS1039: Token not allowed after unary operator: '-tasselBlue' (9192,26): run-time error CSS1039: Token not allowed after unary operator: '-tasselBlue' (9196,26): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (9201,26): run-time error CSS1039: Token not allowed after unary operator: '-tasselOrange' (9206,15): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (9210,15): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (9220,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9249,25): run-time error CSS1039: Token not allowed after unary operator: '-paletteSlateBlueDarkest' (9267,26): run-time error CSS1039: Token not allowed after unary operator: '-tasselOffWhite' (9430,16): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (9453,25): run-time error CSS1039: Token not allowed after unary operator: '-green' (9454,21): run-time error CSS1039: Token not allowed after unary operator: '-greenDarker' (9458,25): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (9459,22): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (9463,26): run-time error CSS1039: Token not allowed after unary operator: '-tasselLighterGray' (9464,22): run-time error CSS1039: Token not allowed after unary operator: '-tasselLighterGray' (9465,15): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (9475,26): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (9476,22): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (9480,26): run-time error CSS1039: Token not allowed after unary operator: '-tasselOrange' (9486,26): run-time error CSS1039: Token not allowed after unary operator: '-tasselOrange' (9491,21): run-time error CSS1039: Token not allowed after unary operator: '-tasselOrange' (9492,15): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (9496,25): run-time error CSS1039: Token not allowed after unary operator: '-tealMid' (9497,21): run-time error CSS1039: Token not allowed after unary operator: '-tealDarker' (9501,25): run-time error CSS1039: Token not allowed after unary operator: '-tealDarkest' (9502,21): run-time error CSS1039: Token not allowed after unary operator: '-tealDarker' (9506,25): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (9510,25): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (9532,15): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (9536,25): run-time error CSS1039: Token not allowed after unary operator: '-goldDarker' (9540,25): run-time error CSS1039: Token not allowed after unary operator: '-greyDarker' (9548,26): run-time error CSS1039: Token not allowed after unary operator: '-tasselOffWhite' (9549,22): run-time error CSS1039: Token not allowed after unary operator: '-tasselOffWhite' (9551,14): run-time error CSS1039: Token not allowed after unary operator: '-white' (9555,21): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (9560,26): run-time error CSS1039: Token not allowed after unary operator: '-tasselOffWhite' (9561,22): run-time error CSS1039: Token not allowed after unary operator: '-tasselOffWhite' (9562,15): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (9639,14): run-time error CSS1039: Token not allowed after unary operator: '-greyDarker' (10664,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10665,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10674,1): run-time error CSS1019: Unexpected token, found '@keyframes' (10675,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10777,25): run-time error CSS1039: Token not allowed after unary operator: '-tasselPink' (10787,26): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (10793,30): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (10831,25): run-time error CSS1039: Token not allowed after unary operator: '-blueMid' (10832,21): run-time error CSS1039: Token not allowed after unary operator: '-blueMid' (10836,32): run-time error CSS1039: Token not allowed after unary operator: '-greyLighter' (10847,25): run-time error CSS1039: Token not allowed after unary operator: '-greyDarker' (10986,14): run-time error CSS1039: Token not allowed after unary operator: '-themeBlack' (11294,14): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (12169,26): run-time error CSS1039: Token not allowed after unary operator: '-tasselBlue' (12173,26): run-time error CSS1039: Token not allowed after unary operator: '-tasselPink' (12181,26): run-time error CSS1039: Token not allowed after unary operator: '-tasselOffWhite' (12185,15): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (12190,17): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (12231,30): run-time error CSS1039: Token not allowed after unary operator: '-line-clamp' (12294,26): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (12299,17): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (12313,28): run-time error CSS1039: Token not allowed after unary operator: '-tasselOrange' (12322,26): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (12336,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12337,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12342,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12343,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12365,19): run-time error CSS1039: Token not allowed after unary operator: '-dialog-padding' (12368,17): run-time error CSS1039: Token not allowed after unary operator: '-paletteSlateBlueDarkest' (12381,17): run-time error CSS1039: Token not allowed after unary operator: '-paletteSlateBlueMid' (12392,22): run-time error CSS1039: Token not allowed after unary operator: '-space-y' (12398,25): run-time error CSS1039: Token not allowed after unary operator: '-space-y' (12402,17): run-time error CSS1039: Token not allowed after unary operator: '-paletteWarning' (12453,28): run-time error CSS1039: Token not allowed after unary operator: '-tasselOffWhite' (12454,17): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (12458,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12468,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12473,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12502,24): run-time error CSS1039: Token not allowed after unary operator: '-content-px' (12503,28): run-time error CSS1039: Token not allowed after unary operator: '-tasselOffWhite' (12509,15): run-time error CSS1039: Token not allowed after unary operator: '-content-px' (12514,32): run-time error CSS1039: Token not allowed after unary operator: '-paletteSlateBlueLight' (12534,17): run-time error CSS1039: Token not allowed after unary operator: '-paletteSlateBlueDarkest' (12545,28): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (12566,17): run-time error CSS1039: Token not allowed after unary operator: '-paletteSlateBlueLight' (12572,28): run-time error CSS1039: Token not allowed after unary operator: '-paletteSlateBlueLight' (12578,26): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (12582,17): run-time error CSS1039: Token not allowed after unary operator: '-paletteBlueHighlightLight' (12583,28): run-time error CSS1039: Token not allowed after unary operator: '-paletteSlateBlueDarkest' (12584,28): run-time error CSS1039: Token not allowed after unary operator: '-paletteSlateBlueDarkest' (12590,17): run-time error CSS1039: Token not allowed after unary operator: '-paletteSlateBlueLightest' (12598,28): run-time error CSS1039: Token not allowed after unary operator: '-tasselOffWhite' (12613,17): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (12658,17): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (12663,17): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (12668,17): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (12682,17): run-time error CSS1039: Token not allowed after unary operator: '-tasselOrange' (12689,28): run-time error CSS1039: Token not allowed after unary operator: '-tasselOffWhite' (12693,28): run-time error CSS1039: Token not allowed after unary operator: '-tasselOrange' (12697,28): run-time error CSS1039: Token not allowed after unary operator: '-tasselBlue' (12729,28): run-time error CSS1039: Token not allowed after unary operator: '-tasselOffWhite' (12741,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12745,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12757,17): run-time error CSS1039: Token not allowed after unary operator: '-priority-color' (12795,28): run-time error CSS1039: Token not allowed after unary operator: '-tasselOffWhite' (12824,28): run-time error CSS1039: Token not allowed after unary operator: '-tasselOffWhite' (12836,28): run-time error CSS1039: Token not allowed after unary operator: '-tasselOffWhite' (12844,32): run-time error CSS1039: Token not allowed after unary operator: '-tasselOffWhite' (12856,28): run-time error CSS1039: Token not allowed after unary operator: '-tasselOffWhite' (12915,28): run-time error CSS1039: Token not allowed after unary operator: '-paletteSlateBlueTint' (12958,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (12965,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (13018,28): run-time error CSS1039: Token not allowed after unary operator: '-tasselOffWhite' (13034,28): run-time error CSS1039: Token not allowed after unary operator: '-tasselOffWhite' (13038,17): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (13045,32): run-time error CSS1039: Token not allowed after unary operator: '-tasselOffWhite' (13046,21): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (13094,28): run-time error CSS1039: Token not allowed after unary operator: '-paletteSlateBlueLightest' (13108,28): run-time error CSS1039: Token not allowed after unary operator: '-paletteSlateBlueLightest' (13125,28): run-time error CSS1039: Token not allowed after unary operator: '-paletteBlueHighlightLight' (13141,17): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (13148,17): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (13168,17): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (13175,17): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (13197,32): run-time error CSS1039: Token not allowed after unary operator: '-paletteSlateBlueDarkest' (13211,17): run-time error CSS1039: Token not allowed after unary operator: '-paletteSlateBlueLight' (13236,17): run-time error CSS1039: Token not allowed after unary operator: '-paletteSlateBlueLightest' (13277,17): run-time error CSS1039: Token not allowed after unary operator: '-paletteSlateBlueLightest' (13306,21): run-time error CSS1039: Token not allowed after unary operator: '-paletteSlateBlueDarker' (13425,28): run-time error CSS1039: Token not allowed after unary operator: '-tasselOffWhite' (13445,28): run-time error CSS1039: Token not allowed after unary operator: '-tasselOffWhite' (13470,17): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (13475,17): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (13480,28): run-time error CSS1039: Token not allowed after unary operator: '-tasselOffWhite' (13488,35): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (13497,31): run-time error CSS1039: Token not allowed after unary operator: '-paletteSlateBlueLightest' (13521,17): run-time error CSS1039: Token not allowed after unary operator: '-paletteSlateBlueLight' (13555,17): run-time error CSS1039: Token not allowed after unary operator: '-paletteSlateBlueLight' (13561,17): run-time error CSS1039: Token not allowed after unary operator: '-paletteSlateBlueLightest' (13570,17): run-time error CSS1039: Token not allowed after unary operator: '-paletteSlateBlueShade' (13591,33): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (13610,36): run-time error CSS1039: Token not allowed after unary operator: '-color' (13658,17): run-time error CSS1039: Token not allowed after unary operator: '-tasselBlack' (13677,17): run-time error CSS1039: Token not allowed after unary operator: '-paletteBlueHighlightLight' (13723,17): run-time error CSS1039: Token not allowed after unary operator: '-paletteSlateBlueLight' (13771,17): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (13778,28): run-time error CSS1039: Token not allowed after unary operator: '-paletteBlueHighlightLight' (13812,28): run-time error CSS1039: Token not allowed after unary operator: '-tasselOffWhite' (13859,26): run-time error CSS1039: Token not allowed after unary operator: '-value' (13859,41): run-time error CSS1039: Token not allowed after unary operator: '-max' (13867,22): run-time error CSS1039: Token not allowed after unary operator: '-value' (13871,32): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (13879,30): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (13891,30): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (13895,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13896,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13897,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13913,18): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (13914,28): run-time error CSS1039: Token not allowed after unary operator: '-w' (13915,34): run-time error CSS1039: Token not allowed after unary operator: '-w' (13915,45): run-time error CSS1039: Token not allowed after unary operator: '-value' (13915,60): run-time error CSS1039: Token not allowed after unary operator: '-max' (13915,73): run-time error CSS1039: Token not allowed after unary operator: '-w' (13941,28): run-time error CSS1039: Token not allowed after unary operator: '-tasselOffWhite' (13970,17): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (13981,21): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (14021,28): run-time error CSS1039: Token not allowed after unary operator: '-paletteBlueHighlightMid' (14095,17): run-time error CSS1039: Token not allowed after unary operator: '-paletteBlueHighlightLight' (14133,21): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (14154,38): run-time error CSS1039: Token not allowed after unary operator: '-paletteSlateBlueDarkest' (14158,30): run-time error CSS1039: Token not allowed after unary operator: '-paletteSlateBlueLightest' (14344,17): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (14348,28): run-time error CSS1039: Token not allowed after unary operator: '-tasselOffWhite' (14385,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (14386,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (14395,1): run-time error CSS1019: Unexpected token, found '@keyframes' (14396,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (14429,32): run-time error CSS1039: Token not allowed after unary operator: '-greyLighter' (14439,32): run-time error CSS1039: Token not allowed after unary operator: '-tasselOffWhite' (14440,32): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (14452,28): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (14457,28): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (14462,28): run-time error CSS1039: Token not allowed after unary operator: '-tasselOffWhite' (15304,17): run-time error CSS1039: Token not allowed after unary operator: '-red' (15444,22): run-time error CSS1039: Token not allowed after unary operator: '-tasselOffWhite' (15482,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (15487,22): run-time error CSS1039: Token not allowed after unary operator: '-menu-width' (15529,28): run-time error CSS1039: Token not allowed after unary operator: '-tasselOffWhite' (15566,28): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (15580,17): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (15618,17): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (15652,17): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (15667,21): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (15685,28): run-time error CSS1039: Token not allowed after unary operator: '-tasselOffWhite' (15746,28): run-time error CSS1039: Token not allowed after unary operator: '-tasselOffWhite' (15747,28): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (15771,17): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (15793,17): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (15794,24): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (15817,17): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (15960,26): run-time error CSS1039: Token not allowed after unary operator: '-greyDarker' (16011,26): run-time error CSS1039: Token not allowed after unary operator: '-tasselDarkGray' (16015,26): run-time error CSS1039: Token not allowed after unary operator: '-tasselOrange' (16563,1): run-time error CSS1019: Unexpected token, found '@keyframes' (16564,10): run-time error CSS1035: Expected colon, found '{' (16728,1): run-time error CSS1019: Unexpected token, found '@keyframes' (16729,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (16953,1): run-time error CSS1019: Unexpected token, found '@keyframes' (16954,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17388,28): run-time error CSS1039: Token not allowed after unary operator: '-blueMid' (17417,28): run-time error CSS1039: Token not allowed after unary operator: '-greyDarker' (17426,29): run-time error CSS1039: Token not allowed after unary operator: '-greyDarker' (17441,28): run-time error CSS1039: Token not allowed after unary operator: '-greyDarker' (17643,28): run-time error CSS1039: Token not allowed after unary operator: '-themeBlack' (17644,17): run-time error CSS1039: Token not allowed after unary operator: '-greyMid' (17660,28): run-time error CSS1039: Token not allowed after unary operator: '-themeBlue' (17661,17): run-time error CSS1039: Token not allowed after unary operator: '-greyDarkest' (17676,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (17677,28): run-time error CSS1039: Token not allowed after unary operator: '-themeBlack' (17685,28): run-time error CSS1039: Token not allowed after unary operator: '-greyLighter' (17689,28): run-time error CSS1039: Token not allowed after unary operator: '-greyMid' (17693,28): run-time error CSS1039: Token not allowed after unary operator: '-themeBlack' (17694,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (17695,17): run-time error CSS1039: Token not allowed after unary operator: '-greyLighter' (17699,28): run-time error CSS1039: Token not allowed after unary operator: '-greyDarkest' (17703,28): run-time error CSS1039: Token not allowed after unary operator: '-greyMid' (17740,28): run-time error CSS1039: Token not allowed after unary operator: '-greyLighter' (17741,28): run-time error CSS1039: Token not allowed after unary operator: '-themeBlack' (17743,17): run-time error CSS1039: Token not allowed after unary operator: '-themeBlack' (17748,28): run-time error CSS1039: Token not allowed after unary operator: '-greyLight' (17752,28): run-time error CSS1039: Token not allowed after unary operator: '-greyMid' (17756,17): run-time error CSS1039: Token not allowed after unary operator: '-themeBlue' (17760,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (17784,28): run-time error CSS1039: Token not allowed after unary operator: '-greyLighter' (17785,28): run-time error CSS1039: Token not allowed after unary operator: '-themeBlue' (17806,28): run-time error CSS1039: Token not allowed after unary operator: '-greyMid' (17818,28): run-time error CSS1039: Token not allowed after unary operator: '-themeBlue' (17819,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (17823,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (17828,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (17856,17): run-time error CSS1039: Token not allowed after unary operator: '-green' (17860,17): run-time error CSS1039: Token not allowed after unary operator: '-green' (17865,17): run-time error CSS1039: Token not allowed after unary operator: '-green' (18399,19): run-time error CSS1039: Token not allowed after unary operator: '-content-px' (18409,17): run-time error CSS1039: Token not allowed after unary operator: '-paletteWarning' (18416,28): run-time error CSS1039: Token not allowed after unary operator: '-paletteSlateBlueDarker' (18418,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (18437,28): run-time error CSS1039: Token not allowed after unary operator: '-paletteSlateBlueLightest' (18451,28): run-time error CSS1039: Token not allowed after unary operator: '-paletteWhite' (18452,35): run-time error CSS1039: Token not allowed after unary operator: '-paletteSlateBlueLightest' (18538,28): run-time error CSS1039: Token not allowed after unary operator: '-paletteSlateBlueDarker' */ /*! * Bootstrap v3.2.0 (http://getbootstrap.com) * Copyright 2011-2014 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ .btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger { text-shadow: 0 -1px 0 rgba(0, 0, 0, .2); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); } .btn-default:active, .btn-primary:active, .btn-success:active, .btn-info:active, .btn-warning:active, .btn-danger:active, .btn-default.active, .btn-primary.active, .btn-success.active, .btn-info.active, .btn-warning.active, .btn-danger.active { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); } .btn:active, .btn.active { background-image: none; } .btn-default { text-shadow: 0 1px 0 #fff; background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%); background-image: -o-linear-gradient(top, #fff 0%, #e0e0e0 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0)); background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border-color: #dbdbdb; border-color: #ccc; } .btn-default:hover, .btn-default:focus { background-color: #e0e0e0; background-position: 0 -15px; } .btn-default:active, .btn-default.active { background-color: #e0e0e0; border-color: #dbdbdb; } .btn-default:disabled, .btn-default[disabled] { background-color: #e0e0e0; background-image: none; } .btn-primary { background-image: -webkit-linear-gradient(top, #428bca 0%, #2d6ca2 100%); background-image: -o-linear-gradient(top, #428bca 0%, #2d6ca2 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#428bca), to(#2d6ca2)); background-image: linear-gradient(to bottom, #428bca 0%, #2d6ca2 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff2d6ca2', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border-color: #2b669a; } .btn-primary:hover, .btn-primary:focus { background-color: #2d6ca2; background-position: 0 -15px; } .btn-primary:active, .btn-primary.active { background-color: #2d6ca2; border-color: #2b669a; } .btn-primary:disabled, .btn-primary[disabled] { background-color: #2d6ca2; background-image: none; } .btn-success { background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%); background-image: -o-linear-gradient(top, #5cb85c 0%, #419641 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641)); background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border-color: #3e8f3e; } .btn-success:hover, .btn-success:focus { background-color: #419641; background-position: 0 -15px; } .btn-success:active, .btn-success.active { background-color: #419641; border-color: #3e8f3e; } .btn-success:disabled, .btn-success[disabled] { background-color: #419641; background-image: none; } .btn-info { background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%); background-image: -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2)); background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border-color: #28a4c9; } .btn-info:hover, .btn-info:focus { background-color: #2aabd2; background-position: 0 -15px; } .btn-info:active, .btn-info.active { background-color: #2aabd2; border-color: #28a4c9; } .btn-info:disabled, .btn-info[disabled] { background-color: #2aabd2; background-image: none; } .btn-warning { background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%); background-image: -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316)); background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border-color: #e38d13; } .btn-warning:hover, .btn-warning:focus { background-color: #eb9316; background-position: 0 -15px; } .btn-warning:active, .btn-warning.active { background-color: #eb9316; border-color: #e38d13; } .btn-warning:disabled, .btn-warning[disabled] { background-color: #eb9316; background-image: none; } .btn-danger { background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%); background-image: -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a)); background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border-color: #b92c28; } .btn-danger:hover, .btn-danger:focus { background-color: #c12e2a; background-position: 0 -15px; } .btn-danger:active, .btn-danger.active { background-color: #c12e2a; border-color: #b92c28; } .btn-danger:disabled, .btn-danger[disabled] { background-color: #c12e2a; background-image: none; } .thumbnail, .img-thumbnail { -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075); box-shadow: 0 1px 2px rgba(0, 0, 0, .075); } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color: #e8e8e8; background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8)); background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0); background-repeat: repeat-x; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background-color: #357ebd; background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%); background-image: -o-linear-gradient(top, #428bca 0%, #357ebd 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#428bca), to(#357ebd)); background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0); background-repeat: repeat-x; } .navbar-default { background-image: -webkit-linear-gradient(top, #fff 0%, #f8f8f8 100%); background-image: -o-linear-gradient(top, #fff 0%, #f8f8f8 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8)); background-image: linear-gradient(to bottom, #fff 0%, #f8f8f8 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075); } .navbar-default .navbar-nav > .active > a { background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f3f3f3 100%); background-image: -o-linear-gradient(top, #ebebeb 0%, #f3f3f3 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#f3f3f3)); background-image: linear-gradient(to bottom, #ebebeb 0%, #f3f3f3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff3f3f3', GradientType=0); background-repeat: repeat-x; -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075); box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075); } .navbar-brand, .navbar-nav > li > a { text-shadow: 0 1px 0 rgba(255, 255, 255, .25); } .navbar-inverse { background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222 100%); background-image: -o-linear-gradient(top, #3c3c3c 0%, #222 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#222)); background-image: linear-gradient(to bottom, #3c3c3c 0%, #222 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; } .navbar-inverse .navbar-nav > .active > a { background-image: -webkit-linear-gradient(top, #222 0%, #282828 100%); background-image: -o-linear-gradient(top, #222 0%, #282828 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#222), to(#282828)); background-image: linear-gradient(to bottom, #222 0%, #282828 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff282828', GradientType=0); background-repeat: repeat-x; -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25); box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25); } .navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a { text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); } .navbar-static-top, .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } .alert { text-shadow: 0 1px 0 rgba(255, 255, 255, .2); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05); } .alert-success { background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%); background-image: -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc)); background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0); background-repeat: repeat-x; border-color: #b2dba1; } .alert-info { background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%); background-image: -o-linear-gradient(top, #d9edf7 0%, #b9def0 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#b9def0)); background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0); background-repeat: repeat-x; border-color: #9acfea; } .alert-warning { background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%); background-image: -o-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0)); background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0); background-repeat: repeat-x; border-color: #f5e79e; } .alert-danger { background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%); background-image: -o-linear-gradient(top, #f2dede 0%, #e7c3c3 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3)); background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0); background-repeat: repeat-x; border-color: #dca7a7; } .progress { background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%); background-image: -o-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#f5f5f5)); background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0); background-repeat: repeat-x; } .progress-bar { background-image: -webkit-linear-gradient(top, #428bca 0%, #3071a9 100%); background-image: -o-linear-gradient(top, #428bca 0%, #3071a9 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#428bca), to(#3071a9)); background-image: linear-gradient(to bottom, #428bca 0%, #3071a9 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3071a9', GradientType=0); background-repeat: repeat-x; } .progress-bar-success { background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%); background-image: -o-linear-gradient(top, #5cb85c 0%, #449d44 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#449d44)); background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0); background-repeat: repeat-x; } .progress-bar-info { background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%); background-image: -o-linear-gradient(top, #5bc0de 0%, #31b0d5 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#31b0d5)); background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0); background-repeat: repeat-x; } .progress-bar-warning { background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%); background-image: -o-linear-gradient(top, #f0ad4e 0%, #ec971f 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#ec971f)); background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0); background-repeat: repeat-x; } .progress-bar-danger { background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%); background-image: -o-linear-gradient(top, #d9534f 0%, #c9302c 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c9302c)); background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0); background-repeat: repeat-x; } .progress-bar-striped { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } .list-group { border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075); box-shadow: 0 1px 2px rgba(0, 0, 0, .075); } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { text-shadow: 0 -1px 0 #3071a9; background-image: -webkit-linear-gradient(top, #428bca 0%, #3278b3 100%); background-image: -o-linear-gradient(top, #428bca 0%, #3278b3 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#428bca), to(#3278b3)); background-image: linear-gradient(to bottom, #428bca 0%, #3278b3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff3278b3', GradientType=0); background-repeat: repeat-x; border-color: #3278b3; } .panel { -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05); box-shadow: 0 1px 2px rgba(0, 0, 0, .05); } .panel-default > .panel-heading { background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8)); background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0); background-repeat: repeat-x; } .panel-primary > .panel-heading { background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%); background-image: -o-linear-gradient(top, #428bca 0%, #357ebd 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#428bca), to(#357ebd)); background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0); background-repeat: repeat-x; } .panel-success > .panel-heading { background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%); background-image: -o-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#d0e9c6)); background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0); background-repeat: repeat-x; } .panel-info > .panel-heading { background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%); background-image: -o-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#c4e3f3)); background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0); background-repeat: repeat-x; } .panel-warning > .panel-heading { background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%); background-image: -o-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#faf2cc)); background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0); background-repeat: repeat-x; } .panel-danger > .panel-heading { background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%); background-image: -o-linear-gradient(top, #f2dede 0%, #ebcccc 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#ebcccc)); background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0); background-repeat: repeat-x; } .well { background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%); background-image: -o-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#f5f5f5)); background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0); background-repeat: repeat-x; border-color: #dcdcdc; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1); } /*# sourceMappingURL=bootstrap-theme.css.map */ /*! * Bootstrap v3.2.0 (http://getbootstrap.com) * Copyright 2011-2014 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.1 | MIT License | git.io/normalize */ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { margin: .67em 0; font-size: 2em; } mark { color: #000; background: #ff0; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { padding: .35em .625em .75em; margin: 0 2px; border: 1px solid #c0c0c0; } legend { padding: 0; border: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-spacing: 0; border-collapse: collapse; } td, th { padding: 0; } @media print { * { color: #000 !important; text-shadow: none !important; background: transparent !important; -webkit-box-shadow: none !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } select { background: #fff !important; } .navbar { display: none; } .table td, .table th { background-color: #fff !important; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } @font-face { font-family: 'Glyphicons Halflings'; src: url('../fonts/glyphicons-halflings-regular.eot'); src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-asterisk:before { content: "\2a"; } .glyphicon-plus:before { content: "\2b"; } .glyphicon-euro:before { content: "\20ac"; } .glyphicon-minus:before { content: "\2212"; } .glyphicon-cloud:before { content: "\2601"; } .glyphicon-envelope:before { content: "\2709"; } .glyphicon-pencil:before { content: "\270f"; } .glyphicon-glass:before { content: "\e001"; } .glyphicon-music:before { content: "\e002"; } .glyphicon-search:before { content: "\e003"; } .glyphicon-heart:before { content: "\e005"; } .glyphicon-star:before { content: "\e006"; } .glyphicon-star-empty:before { content: "\e007"; } .glyphicon-user:before { content: "\e008"; } .glyphicon-film:before { content: "\e009"; } .glyphicon-th-large:before { content: "\e010"; } .glyphicon-th:before { content: "\e011"; } .glyphicon-th-list:before { content: "\e012"; } .glyphicon-ok:before { content: "\e013"; } .glyphicon-remove:before { content: "\e014"; } .glyphicon-zoom-in:before { content: "\e015"; } .glyphicon-zoom-out:before { content: "\e016"; } .glyphicon-off:before { content: "\e017"; } .glyphicon-signal:before { content: "\e018"; } .glyphicon-cog:before { content: "\e019"; } .glyphicon-trash:before { content: "\e020"; } .glyphicon-home:before { content: "\e021"; } .glyphicon-file:before { content: "\e022"; } .glyphicon-time:before { content: "\e023"; } .glyphicon-road:before { content: "\e024"; } .glyphicon-download-alt:before { content: "\e025"; } .glyphicon-download:before { content: "\e026"; } .glyphicon-upload:before { content: "\e027"; } .glyphicon-inbox:before { content: "\e028"; } .glyphicon-play-circle:before { content: "\e029"; } .glyphicon-repeat:before { content: "\e030"; } .glyphicon-refresh:before { content: "\e031"; } .glyphicon-list-alt:before { content: "\e032"; } .glyphicon-lock:before { content: "\e033"; } .glyphicon-flag:before { content: "\e034"; } .glyphicon-headphones:before { content: "\e035"; } .glyphicon-volume-off:before { content: "\e036"; } .glyphicon-volume-down:before { content: "\e037"; } .glyphicon-volume-up:before { content: "\e038"; } .glyphicon-qrcode:before { content: "\e039"; } .glyphicon-barcode:before { content: "\e040"; } .glyphicon-tag:before { content: "\e041"; } .glyphicon-tags:before { content: "\e042"; } .glyphicon-book:before { content: "\e043"; } .glyphicon-bookmark:before { content: "\e044"; } .glyphicon-print:before { content: "\e045"; } .glyphicon-camera:before { content: "\e046"; } .glyphicon-font:before { content: "\e047"; } .glyphicon-bold:before { content: "\e048"; } .glyphicon-italic:before { content: "\e049"; } .glyphicon-text-height:before { content: "\e050"; } .glyphicon-text-width:before { content: "\e051"; } .glyphicon-align-left:before { content: "\e052"; } .glyphicon-align-center:before { content: "\e053"; } .glyphicon-align-right:before { content: "\e054"; } .glyphicon-align-justify:before { content: "\e055"; } .glyphicon-list:before { content: "\e056"; } .glyphicon-indent-left:before { content: "\e057"; } .glyphicon-indent-right:before { content: "\e058"; } .glyphicon-facetime-video:before { content: "\e059"; } .glyphicon-picture:before { content: "\e060"; } .glyphicon-map-marker:before { content: "\e062"; } .glyphicon-adjust:before { content: "\e063"; } .glyphicon-tint:before { content: "\e064"; } .glyphicon-edit:before { content: "\e065"; } .glyphicon-share:before { content: "\e066"; } .glyphicon-check:before { content: "\e067"; } .glyphicon-move:before { content: "\e068"; } .glyphicon-step-backward:before { content: "\e069"; } .glyphicon-fast-backward:before { content: "\e070"; } .glyphicon-backward:before { content: "\e071"; } .glyphicon-play:before { content: "\e072"; } .glyphicon-pause:before { content: "\e073"; } .glyphicon-stop:before { content: "\e074"; } .glyphicon-forward:before { content: "\e075"; } .glyphicon-fast-forward:before { content: "\e076"; } .glyphicon-step-forward:before { content: "\e077"; } .glyphicon-eject:before { content: "\e078"; } .glyphicon-chevron-left:before { content: "\e079"; } .glyphicon-chevron-right:before { content: "\e080"; } .glyphicon-plus-sign:before { content: "\e081"; } .glyphicon-minus-sign:before { content: "\e082"; } .glyphicon-remove-sign:before { content: "\e083"; } .glyphicon-ok-sign:before { content: "\e084"; } .glyphicon-question-sign:before { content: "\e085"; } .glyphicon-info-sign:before { content: "\e086"; } .glyphicon-screenshot:before { content: "\e087"; } .glyphicon-remove-circle:before { content: "\e088"; } .glyphicon-ok-circle:before { content: "\e089"; } .glyphicon-ban-circle:before { content: "\e090"; } .glyphicon-arrow-left:before { content: "\e091"; } .glyphicon-arrow-right:before { content: "\e092"; } .glyphicon-arrow-up:before { content: "\e093"; } .glyphicon-arrow-down:before { content: "\e094"; } .glyphicon-share-alt:before { content: "\e095"; } .glyphicon-resize-full:before { content: "\e096"; } .glyphicon-resize-small:before { content: "\e097"; } .glyphicon-exclamation-sign:before { content: "\e101"; } .glyphicon-gift:before { content: "\e102"; } .glyphicon-leaf:before { content: "\e103"; } .glyphicon-fire:before { content: "\e104"; } .glyphicon-eye-open:before { content: "\e105"; } .glyphicon-eye-close:before { content: "\e106"; } .glyphicon-warning-sign:before { content: "\e107"; } .glyphicon-plane:before { content: "\e108"; } .glyphicon-calendar:before { content: "\e109"; } .glyphicon-random:before { content: "\e110"; } .glyphicon-comment:before { content: "\e111"; } .glyphicon-magnet:before { content: "\e112"; } .glyphicon-chevron-up:before { content: "\e113"; } .glyphicon-chevron-down:before { content: "\e114"; } .glyphicon-retweet:before { content: "\e115"; } .glyphicon-shopping-cart:before { content: "\e116"; } .glyphicon-folder-close:before { content: "\e117"; } .glyphicon-folder-open:before { content: "\e118"; } .glyphicon-resize-vertical:before { content: "\e119"; } .glyphicon-resize-horizontal:before { content: "\e120"; } .glyphicon-hdd:before { content: "\e121"; } .glyphicon-bullhorn:before { content: "\e122"; } .glyphicon-bell:before { content: "\e123"; } .glyphicon-certificate:before { content: "\e124"; } .glyphicon-thumbs-up:before { content: "\e125"; } .glyphicon-thumbs-down:before { content: "\e126"; } .glyphicon-hand-right:before { content: "\e127"; } .glyphicon-hand-left:before { content: "\e128"; } .glyphicon-hand-up:before { content: "\e129"; } .glyphicon-hand-down:before { content: "\e130"; } .glyphicon-circle-arrow-right:before { content: "\e131"; } .glyphicon-circle-arrow-left:before { content: "\e132"; } .glyphicon-circle-arrow-up:before { content: "\e133"; } .glyphicon-circle-arrow-down:before { content: "\e134"; } .glyphicon-globe:before { content: "\e135"; } .glyphicon-wrench:before { content: "\e136"; } .glyphicon-tasks:before { content: "\e137"; } .glyphicon-filter:before { content: "\e138"; } .glyphicon-briefcase:before { content: "\e139"; } .glyphicon-fullscreen:before { content: "\e140"; } .glyphicon-dashboard:before { content: "\e141"; } .glyphicon-paperclip:before { content: "\e142"; } .glyphicon-heart-empty:before { content: "\e143"; } .glyphicon-link:before { content: "\e144"; } .glyphicon-phone:before { content: "\e145"; } .glyphicon-pushpin:before { content: "\e146"; } .glyphicon-usd:before { content: "\e148"; } .glyphicon-gbp:before { content: "\e149"; } .glyphicon-sort:before { content: "\e150"; } .glyphicon-sort-by-alphabet:before { content: "\e151"; } .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } .glyphicon-sort-by-order:before { content: "\e153"; } .glyphicon-sort-by-order-alt:before { content: "\e154"; } .glyphicon-sort-by-attributes:before { content: "\e155"; } .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } .glyphicon-unchecked:before { content: "\e157"; } .glyphicon-expand:before { content: "\e158"; } .glyphicon-collapse-down:before { content: "\e159"; } .glyphicon-collapse-up:before { content: "\e160"; } .glyphicon-log-in:before { content: "\e161"; } .glyphicon-flash:before { content: "\e162"; } .glyphicon-log-out:before { content: "\e163"; } .glyphicon-new-window:before { content: "\e164"; } .glyphicon-record:before { content: "\e165"; } .glyphicon-save:before { content: "\e166"; } .glyphicon-open:before { content: "\e167"; } .glyphicon-saved:before { content: "\e168"; } .glyphicon-import:before { content: "\e169"; } .glyphicon-export:before { content: "\e170"; } .glyphicon-send:before { content: "\e171"; } .glyphicon-floppy-disk:before { content: "\e172"; } .glyphicon-floppy-saved:before { content: "\e173"; } .glyphicon-floppy-remove:before { content: "\e174"; } .glyphicon-floppy-save:before { content: "\e175"; } .glyphicon-floppy-open:before { content: "\e176"; } .glyphicon-credit-card:before { content: "\e177"; } .glyphicon-transfer:before { content: "\e178"; } .glyphicon-cutlery:before { content: "\e179"; } .glyphicon-header:before { content: "\e180"; } .glyphicon-compressed:before { content: "\e181"; } .glyphicon-earphone:before { content: "\e182"; } .glyphicon-phone-alt:before { content: "\e183"; } .glyphicon-tower:before { content: "\e184"; } .glyphicon-stats:before { content: "\e185"; } .glyphicon-sd-video:before { content: "\e186"; } .glyphicon-hd-video:before { content: "\e187"; } .glyphicon-subtitles:before { content: "\e188"; } .glyphicon-sound-stereo:before { content: "\e189"; } .glyphicon-sound-dolby:before { content: "\e190"; } .glyphicon-sound-5-1:before { content: "\e191"; } .glyphicon-sound-6-1:before { content: "\e192"; } .glyphicon-sound-7-1:before { content: "\e193"; } .glyphicon-copyright-mark:before { content: "\e194"; } .glyphicon-registration-mark:before { content: "\e195"; } .glyphicon-cloud-download:before { content: "\e197"; } .glyphicon-cloud-upload:before { content: "\e198"; } .glyphicon-tree-conifer:before { content: "\e199"; } .glyphicon-tree-deciduous:before { content: "\e200"; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; background-color: #fff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #428bca; text-decoration: none; } a:hover, a:focus { /*color: #2a6496;*/ text-decoration: underline; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; width: 100% \9; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { display: inline-block; width: 100% \9; max-width: 100%; height: auto; padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { font-weight: normal; line-height: 1; color: #777; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 10px; } h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small { font-size: 65%; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; margin-bottom: 10px; } h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small { font-size: 75%; } h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 12px; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; } @media (min-width: 768px) { .lead { font-size: 21px; } } small, .small { font-size: 85%; } cite { font-style: normal; } mark, .mark { padding: .2em; background-color: #fcf8e3; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #777; } .text-primary { color: #428bca; } a.text-primary:hover { color: #3071a9; } .text-success { color: #3c763d; } a.text-success:hover { color: #2b542c; } .text-info { color: #31708f; } a.text-info:hover { color: #245269; } .text-warning { color: #8a6d3b; } a.text-warning:hover { color: #66512c; } .text-danger { color: #a94442; } a.text-danger:hover { color: #843534; } .bg-primary { color: #fff; background-color: #428bca; } a.bg-primary:hover { background-color: #3071a9; } .bg-success { background-color: #dff0d8; } a.bg-success:hover { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:hover { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:hover { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:hover { background-color: #e4b9b9; } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eee; } ul, ol { margin-top: 0; margin-bottom: 10px; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; margin-left: -5px; list-style: none; } .list-inline > li { display: inline-block; padding-right: 5px; padding-left: 5px; } dl { margin-top: 0; margin-bottom: 20px; } dt, dd { line-height: 1.42857143; } dt { font-weight: bold; } dd { margin-left: 0; } @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #777; } .initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eee; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.42857143; color: #777; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0'; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; text-align: right; border-right: 5px solid #eee; border-left: 0; } .blockquote-reverse footer:before, blockquote.pull-right footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before { content: ''; } .blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after { content: '\00A0 \2014'; } blockquote:before, blockquote:after { content: ""; } address { margin-bottom: 20px; font-style: normal; line-height: 1.42857143; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; } kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 3px; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25); } kbd kbd { padding: 0; font-size: 100%; -webkit-box-shadow: none; box-shadow: none; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; color: #333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { margin-right: -15px; margin-left: -15px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0; } } table { background-color: transparent; } th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background-color: #f5f5f5; } table col[class*="col-"] { position: static; display: table-column; float: none; } table td[class*="col-"], table th[class*="col-"] { position: static; display: table-cell; float: none; } .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; } input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857143; color: #555; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); } .form-control::-moz-placeholder { color: #777; opacity: 1; } .form-control:-ms-input-placeholder { color: #777; } .form-control::-webkit-input-placeholder { color: #777; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; background-color: #eee; opacity: 1; } textarea.form-control { height: auto; } input[type="search"] { -webkit-appearance: none; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { line-height: 34px; line-height: 1.42857143 \0; } input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm { line-height: 30px; } input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg { line-height: 46px; } .form-group { margin-bottom: 15px; } .radio, .checkbox { position: relative; display: block; min-height: 20px; margin-top: 10px; margin-bottom: 10px; } .radio label, .checkbox label { padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-top: 4px \9; margin-left: -20px; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight: normal; vertical-align: middle; cursor: pointer; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; } .radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label { cursor: not-allowed; } .form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; } .form-control-static.input-lg, .form-control-static.input-sm { padding-right: 0; padding-left: 0; } .input-sm, .form-horizontal .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-sm { height: 30px; line-height: 30px; } textarea.input-sm, select[multiple].input-sm { height: auto; } .input-lg, .form-horizontal .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } select.input-lg { height: 46px; line-height: 46px; } textarea.input-lg, select[multiple].input-lg { height: auto; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 42.5px; } .form-control-feedback { position: absolute; top: 25px; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; } .input-lg + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; } .input-sm + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline { color: #3c763d; } .has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); } .has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; } .has-success .input-group-addon { color: #3c763d; background-color: #dff0d8; border-color: #3c763d; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline { color: #8a6d3b; } .has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); } .has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b; } .has-warning .input-group-addon { color: #8a6d3b; background-color: #fcf8e3; border-color: #8a6d3b; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline { color: #a94442; } .has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); } .has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; } .has-error .input-group-addon { color: #a94442; background-color: #f2dede; border-color: #a94442; } .has-error .form-control-feedback { color: #a94442; } .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { padding-top: 7px; margin-top: 0; margin-bottom: 0; } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 27px; } .form-horizontal .form-group { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .form-horizontal .control-label { padding-top: 7px; margin-bottom: 0; text-align: right; } } .form-horizontal .has-feedback .form-control-feedback { top: 0; right: 15px; } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 14.3px; } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; } } .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } .btn:focus, .btn:active:focus, .btn.active:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus { /*color: #333;*/ text-decoration: none; } .btn:active, .btn.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { pointer-events: none; cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color: #fff; border-color: #ccc; } .btn-default .badge { color: #fff; background-color: #333; } .btn-primary { color: #fff; background-color: #428bca; border-color: #357ebd; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #fff; background-color: #3071a9; border-color: #285e8e; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: #428bca; border-color: #357ebd; } .btn-primary .badge { color: #428bca; background-color: #fff; } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { background-color: #5cb85c; border-color: #4cae4c; } .btn-success .badge { color: #5cb85c; background-color: #fff; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { background-image: none; } .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { background-color: #5bc0de; border-color: #46b8da; } .btn-info .badge { color: #5bc0de; background-color: #fff; } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { background-image: none; } .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { background-color: #f0ad4e; border-color: #eea236; } .btn-warning .badge { color: #f0ad4e; background-color: #fff; } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { color: var(--tasselDarkGray); background-color: #ffffff; border-color: var(--tasselOrange); box-shadow: none; } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { background-image: none; } .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { background-color: #d9534f; border-color: #d43f3a; } .btn-danger .badge { color: #d9534f; background-color: #fff; } .btn-link { font-weight: normal; color: #428bca; cursor: pointer; border-radius: 0; } .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #2a6496; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: #777; text-decoration: none; } .btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } .btn-sm, .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-xs, .btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height .35s ease; -o-transition: height .35s ease; transition: height .35s ease; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #262626; text-decoration: none; background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; background-color: #428bca; outline: 0; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #777; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { right: 0; left: auto; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #777; white-space: nowrap; } .dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { content: ""; border-top: 0; border-bottom: 4px solid; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { right: 0; left: auto; } .navbar-right .dropdown-menu-left { right: auto; left: 0; } } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group > .btn:focus, .btn-group-vertical > .btn:focus { outline: 0; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -5px; } .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn-group:last-child > .btn:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-right: 8px; padding-left: 8px; } .btn-group > .btn-lg + .dropdown-toggle { padding-right: 12px; padding-left: 12px; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; } .btn .caret { margin-left: 0; } .btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .dropup .btn-lg .caret { border-width: 0 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 4px; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { display: table-cell; float: none; width: 1%; } .btn-group-justified > .btn-group .btn { width: 100%; } .btn-group-justified > .btn-group .dropdown-menu { left: auto; } [data-toggle="buttons"] > .btn > input[type="radio"], [data-toggle="buttons"] > .btn > input[type="checkbox"] { position: absolute; z-index: -1; filter: alpha(opacity=0); opacity: 0; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group[class*="col-"] { float: none; padding-right: 0; padding-left: 0; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn { height: 46px; line-height: 46px; } textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn, select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn { height: auto; } .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn { height: 30px; line-height: 30px; } textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn, select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn { height: auto; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 4px; } .input-group-addon.input-sm { padding: 5px 10px; font-size: 12px; border-radius: 3px; } .input-group-addon.input-lg { padding: 10px 16px; font-size: 18px; border-radius: 6px; } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 2; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { margin-left: -1px; } .nav { padding-left: 0; margin-bottom: 0; list-style: none; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eee; } .nav > li.disabled > a { color: #777; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #777; text-decoration: none; cursor: not-allowed; background-color: transparent; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eee; border-color: #428bca; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover { border-color: #eee #eee #ddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555; cursor: default; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; } .nav-tabs.nav-justified { width: 100%; border-bottom: 0; } .nav-tabs.nav-justified > li { float: none; } .nav-tabs.nav-justified > li > a { margin-bottom: 5px; text-align: center; } .nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #fff; } } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 4px; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #fff; background-color: #428bca; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified { width: 100%; } .nav-justified > li { float: none; } .nav-justified > li > a { margin-bottom: 5px; text-align: center; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified { border-bottom: 0; } .nav-tabs-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border-bottom-color: #fff; } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; } @media (min-width: 768px) { .navbar { border-radius: 4px; } } @media (min-width: 768px) { .navbar-header { float: left; } } .navbar-collapse { padding-right: 15px; padding-left: 15px; overflow-x: visible; -webkit-overflow-scrolling: touch; border-top: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-right: 0; padding-left: 0; } } .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 340px; } @media (max-width: 480px) and (orientation: landscape) { .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 200px; } } .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: 0; margin-left: 0; } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-width: 768px) { .navbar-static-top { border-radius: 0; } } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @media (min-width: 768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .navbar-brand { float: left; height: 50px; padding: 15px 15px; font-size: 18px; line-height: 20px; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } @media (min-width: 768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; } } .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .navbar-toggle:focus { outline: 0; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 768px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 7.5px -15px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 768px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } .navbar-nav.navbar-right:last-child { margin-right: -15px; } } @media (min-width: 768px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; } } .navbar-form { padding: 10px 15px; margin-top: 8px; margin-right: -15px; margin-bottom: 8px; margin-left: -15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); } @media (min-width: 768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; } .navbar-form .input-group { display: inline-table; vertical-align: middle; } .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control { width: auto; } .navbar-form .input-group > .form-control { width: 100%; } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; } .navbar-form .radio, .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .navbar-form .radio label, .navbar-form .checkbox label { padding-left: 0; } .navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .navbar-form .has-feedback .form-control-feedback { top: 0; } } @media (max-width: 767px) { .navbar-form .form-group { margin-bottom: 5px; } } @media (min-width: 768px) { .navbar-form { width: auto; padding-top: 0; padding-bottom: 0; margin-right: 0; margin-left: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-form.navbar-right:last-child { margin-right: -15px; } } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navbar-btn { margin-top: 8px; margin-bottom: 8px; } .navbar-btn.btn-sm { margin-top: 10px; margin-bottom: 10px; } .navbar-btn.btn-xs { margin-top: 14px; margin-bottom: 14px; } .navbar-text { margin-top: 15px; margin-bottom: 15px; } @media (min-width: 768px) { .navbar-text { float: left; margin-right: 15px; margin-left: 15px; } .navbar-text.navbar-right:last-child { margin-right: 0; } } .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; } .navbar-default .navbar-brand { color: #777; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #5e5e5e; background-color: transparent; } .navbar-default .navbar-text { color: #777; } .navbar-default .navbar-nav > li > a { color: #777; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #ccc; background-color: transparent; } .navbar-default .navbar-toggle { border-color: #ddd; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #888; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #555; background-color: #e7e7e7; } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #ccc; background-color: transparent; } } .navbar-default .navbar-link { color: #777; } .navbar-default .navbar-link:hover { color: #333; } .navbar-default .btn-link { color: #777; } .navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: #333; } .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus { color: #ccc; } .navbar-inverse { background-color: #222; border-color: #080808; } .navbar-inverse .navbar-brand { color: #777; } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-text { color: #777; } .navbar-inverse .navbar-nav > li > a { color: #777; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: #444; background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: #333; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #333; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { color: #fff; background-color: #080808; } @media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #777; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #444; background-color: transparent; } } .navbar-inverse .navbar-link { color: #777; } .navbar-inverse .navbar-link:hover { color: #fff; } .navbar-inverse .btn-link { color: #777; } .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus { color: #fff; } .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:focus { color: #444; } .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li:before { padding: 0 5px; color: #ccc; content: "/\00a0"; } .breadcrumb > .active { color: #777; } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #428bca; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #2a6496; background-color: #eee; border-color: #ddd; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #fff; cursor: default; background-color: #428bca; border-color: #428bca; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; } .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #eee; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #777; cursor: not-allowed; background-color: #fff; } .label { display: inline; padding: .2em .6em .3em; font-size: 75%; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; } a.label:hover, a.label:focus { color: #fff; text-decoration: none; cursor: pointer; } .label:empty { display: none; } .btn .label { position: relative; top: -1px; } .label-default { background-color: #777; } .label-default[href]:hover, .label-default[href]:focus { background-color: #5e5e5e; } .label-primary { background-color: #428bca; } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #3071a9; } .label-success { background-color: #5cb85c; } .label-success[href]:hover, .label-success[href]:focus { background-color: #449d44; } .label-info { background-color: #5bc0de; } .label-info[href]:hover, .label-info[href]:focus { background-color: #31b0d5; } .label-warning { background-color: #f0ad4e; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #ec971f; } .label-danger { background-color: #d9534f; } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #c9302c; } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; background-color: #777; border-radius: 10px; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .btn-xs .badge { top: 0; padding: 1px 5px; } a.badge:hover, a.badge:focus { color: #fff; text-decoration: none; cursor: pointer; } a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #428bca; background-color: #fff; } .nav-pills > li > a > .badge { margin-left: 3px; } .jumbotron { padding: 30px; margin-bottom: 30px; color: inherit; background-color: #eee; } .jumbotron h1, .jumbotron .h1 { color: inherit; } .jumbotron p { margin-bottom: 15px; font-size: 21px; font-weight: 200; } .jumbotron > hr { border-top-color: #d5d5d5; } .container .jumbotron { border-radius: 6px; } .jumbotron .container { max-width: 100%; } @media screen and (min-width: 768px) { .jumbotron { padding-top: 48px; padding-bottom: 48px; } .container .jumbotron { padding-right: 60px; padding-left: 60px; } .jumbotron h1, .jumbotron .h1 { font-size: 63px; } } .thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .thumbnail > img, .thumbnail a > img { margin-right: auto; margin-left: auto; } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #428bca; } .thumbnail .caption { padding: 9px; color: #333; } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #245269; } .alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #843534; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); } .progress-bar { float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #202020; text-align: center; background-color: #d0eeef; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease; } .progress-striped .progress-bar, .progress-bar-striped { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px; } .progress.active .progress-bar, .progress-bar.active { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-bar[aria-valuenow="1"], .progress-bar[aria-valuenow="2"] { min-width: 30px; } .progress-bar[aria-valuenow="0"] { min-width: 30px; color: #777; background-color: transparent; background-image: none; -webkit-box-shadow: none; box-shadow: none; } .progress-bar-success { background-color: #5cb85c; } .progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } .progress-bar-info { background-color: #5bc0de; } .progress-striped .progress-bar-info { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } .progress-bar-warning { background-color: #f0ad4e; } .progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } .progress-bar-danger { background-color: #d9534f; } .progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } .media, .media-body { overflow: hidden; zoom: 1; } .media, .media .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media-object { display: block; } .media-heading { margin: 0 0 5px; } .media > .pull-left { margin-right: 10px; } .media > .pull-right { margin-left: 10px; } .media-list { padding-left: 0; list-style: none; } .list-group { padding-left: 0; margin-bottom: 20px; } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; } .list-group-item:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .list-group-item > .badge { float: right; } .list-group-item > .badge + .badge { margin-right: 5px; } a.list-group-item { color: #555; } a.list-group-item .list-group-item-heading { color: #333; } a.list-group-item:hover, a.list-group-item:focus { color: #555; text-decoration: none; background-color: #f5f5f5; } .list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus { color: #777; background-color: #eee; } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading { color: inherit; } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text { color: #777; } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { z-index: 2; color: #fff; background-color: #428bca; border-color: #428bca; } .list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > .small { color: inherit; } .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { color: #e1edf7; } .list-group-item-success { color: #3c763d; background-color: #dff0d8; } a.list-group-item-success { color: #3c763d; } a.list-group-item-success .list-group-item-heading { color: inherit; } a.list-group-item-success:hover, a.list-group-item-success:focus { color: #3c763d; background-color: #d0e9c6; } a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus { color: #fff; background-color: #3c763d; border-color: #3c763d; } .list-group-item-info { color: #31708f; background-color: #d9edf7; } a.list-group-item-info { color: #31708f; } a.list-group-item-info .list-group-item-heading { color: inherit; } a.list-group-item-info:hover, a.list-group-item-info:focus { color: #31708f; background-color: #c4e3f3; } a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus { color: #fff; background-color: #31708f; border-color: #31708f; } .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3; } a.list-group-item-warning { color: #8a6d3b; } a.list-group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-warning:hover, a.list-group-item-warning:focus { color: #8a6d3b; background-color: #faf2cc; } a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b; } .list-group-item-danger { color: #a94442; background-color: #f2dede; } a.list-group-item-danger { color: #a94442; } a.list-group-item-danger .list-group-item-heading { color: inherit; } a.list-group-item-danger:hover, a.list-group-item-danger:focus { color: #a94442; background-color: #ebcccc; } a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus { color: #fff; background-color: #a94442; border-color: #a94442; } .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0; line-height: 1.3; } .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid var(--tasselBlue); border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 0 1px 1px rgba(0, 0, 0, .05); } .panel-body { padding: 15px; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: var(--tasselDarkGray); } .panel-title > a { color: var(--tasselDarkGray); } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; } .panel > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .list-group + .panel-footer { border-top-width: 0; } .panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table { margin-bottom: 0; } .panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-left-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-right-radius: 3px; } .panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 3px; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive { border-top: 1px solid #ddd; } .panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td { border-top: 0; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } .panel > .table-responsive { margin-bottom: 0; border: 0; } .panel-group { margin-bottom: 20px; } .panel-group .panel { margin-bottom: 0; border-radius: 4px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading + .panel-collapse > .panel-body { border-top: 1px solid #ddd; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #ddd; } .panel-default { border-color: #d0eeef; } .panel-default > .panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ddd; } .panel-default > .panel-heading .badge { color: #f5f5f5; background-color: #333; } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddd; } .panel-primary { border-color: var(--tasselDarkGray); } .panel-primary > .panel-heading { color: #fff; background-color: var(--tasselOffWhite); border-color: var(--tasselOffWhite); } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: var(--tasselOffWhite); } .panel-primary > .panel-heading .badge { color: var(--tasselBlue); background-color: #fff; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: var(--tasselBlue); } .panel-success { border-color: #d6e9c6; } .panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d6e9c6; } .panel-success > .panel-heading .badge { color: #dff0d8; background-color: #3c763d; } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #d6e9c6; } .panel-info { border-color: #bce8f1; } .panel-info > .panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #bce8f1; } .panel-info > .panel-heading .badge { color: #d9edf7; background-color: #31708f; } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #bce8f1; } .panel-warning { border-color: #faebcc; } .panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #faebcc; } .panel-warning > .panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b; } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #faebcc; } .panel-danger { border-color: #ebccd1; } .panel-danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ebccd1; } .panel-danger > .panel-heading .badge { color: #f2dede; background-color: #a94442; } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ebccd1; } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive.embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive.embed-responsive-4by3 { padding-bottom: 75%; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, .15); } .well-lg { padding: 24px; border-radius: 6px; } .well-sm { padding: 9px; border-radius: 3px; } .close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: .5; } button.close { -webkit-appearance: none; padding: 0; cursor: pointer; background: transparent; border: 0; } .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; -webkit-transform: translate3d(0, -25%, 0); -o-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); } .modal.in .modal-dialog { -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5); } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0; } .modal-backdrop.in { filter: alpha(opacity=50); opacity: .5; } .modal-header { min-height: 16.42857143px; padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.42857143; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); box-shadow: 0 5px 15px rgba(0, 0, 0, .5); } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } .tooltip { position: absolute; z-index: 1070; display: block; font-size: 12px; line-height: 1.4; visibility: visible; filter: alpha(opacity=0); opacity: 0; } .tooltip.in { filter: alpha(opacity=90); opacity: .9; } .tooltip.top { padding: 5px 0; margin-top: -3px; } .tooltip.right { padding: 0 5px; margin-left: 3px; } .tooltip.bottom { padding: 5px 0; margin-top: 3px; } .tooltip.left { padding: 0 5px; margin-left: -3px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-left .tooltip-arrow { bottom: 0; left: 5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-right .tooltip-arrow { right: 5px; bottom: 0; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-left .tooltip-arrow { top: 0; left: 5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-right .tooltip-arrow { top: 0; right: 5px; border-width: 0 5px 5px; border-bottom-color: #000; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; text-align: left; white-space: normal; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); box-shadow: 0 5px 10px rgba(0, 0, 0, .2); } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { padding: 8px 14px; margin: 0; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } .popover-content { padding: 9px 14px; } .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover > .arrow { border-width: 11px; } .popover > .arrow:after { content: ""; border-width: 10px; } .popover.top > .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999; border-top-color: rgba(0, 0, 0, .25); border-bottom-width: 0; } .popover.top > .arrow:after { bottom: 1px; margin-left: -10px; content: " "; border-top-color: #fff; border-bottom-width: 0; } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999; border-right-color: rgba(0, 0, 0, .25); border-left-width: 0; } .popover.right > .arrow:after { bottom: -10px; left: 1px; content: " "; border-right-color: #fff; border-left-width: 0; } .popover.bottom > .arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, .25); } .popover.bottom > .arrow:after { top: 1px; margin-left: -10px; content: " "; border-top-width: 0; border-bottom-color: #fff; } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, .25); } .popover.left > .arrow:after { right: 1px; bottom: -10px; content: " "; border-right-width: 0; border-left-color: #fff; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner > .item { position: relative; display: none; -webkit-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); filter: alpha(opacity=50); opacity: .5; } .carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001))); background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); background-repeat: repeat-x; } .carousel-control.right { right: 0; left: auto; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5))); background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); background-repeat: repeat-x; } .carousel-control:hover, .carousel-control:focus { color: #fff; text-decoration: none; filter: alpha(opacity=90); outline: 0; opacity: .9; } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; margin-top: -10px; font-family: serif; } .carousel-control .icon-prev:before { content: '\2039'; } .carousel-control .icon-next:before { content: '\203a'; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); border: 1px solid #fff; border-radius: 10px; } .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #fff; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -15px; font-size: 30px; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -15px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -15px; } .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after { display: table; content: " "; } .clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after { clear: both; } .center-block { display: block; margin-right: auto; margin-left: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; visibility: hidden !important; } .affix { position: fixed; -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } /*# sourceMappingURL=bootstrap.css.map */ /*! jQuery UI - v1.11.2 - 2014-10-16 * 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 2014 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; } /*! * jQuery UI CSS Framework 1.11.2 * http://jqueryui.com * * Copyright 2014 jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/category/theming/ */ /* 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; } /*! * jQuery UI CSS Framework 1.11.2 * http://jqueryui.com * * Copyright 2014 jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/category/theming/ * * 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 */ /* 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; } @import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700); @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap'); :root { --white: #FFF; --themeBlack: #191919; --greyLighter: #ddd; --greyLight: #ccc; --greyMid: #9d9d9d; --greyDarker: #757575; --greyDarkest: #444444; --blueMid: #3277b3; --blueDarker: #2d6a9f; --blueDarkest: #224f77; --red: #d1332e; --redDarker: #bc2e29; --green: #367c36; --greenDarker: #2f6a2f; --tealMid: #1e7994; --tealDarker: #1a677f; --tealDarkest: #114655; --goldMid: #946f00; --goldDarker: #856300; --themeBlue: #47AFD2; --themeBlueDarker: #267e9c; /*NEW PALETTE COLORS*/ --paletteSlateBlueDarkest: #101b31; --paletteSlateBlueDarker: #18253e; --paletteSlateBlueDark: #23324f; --paletteSlateBlueShade: #2b3d61; --paletteSlateBlueMid: #334872; --paletteSlateBlueTint: #5572aa; --paletteSlateBlueLight: #778ebb; --paletteSlateBlueLighter: #8b9fc5; --paletteSlateBlueLightest: #c8d1e0; --paletteBlueHighlightDark: #036f96; --paletteBlueHighlightMid: #037daa; --paletteBlueHighlightLight: #049bd2; --paletteBlueHighlightLighter: #04adeb; --paletteWarning: #d34f37; --paletteWhite: #f7f7f7; --paletteOrange: #f49629; --paletteTeal: #57b79d; --palettePurple: #588bf0; /*MISC*/ --max-container-width: 1500; --menu-width: 140; /* TODO: on refactor- go around the CSS and use rem based on this*/ font-size: 16px; /*Tassel Rebrand Colors*/ --tasselBlue: #d0eeef; --tasselDarkGray: #202020; --tasselLighterGray: #e9ebec; --tasselOffWhite: #f6f3ef; --tasselPink: #fcd9e2; --tasselOrange: #ff592b; } .mar-0-left { margin-left: 0px !important; } .border-radius-4 { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .tassel-blue-border { border-color: var(--tasselBlue); } .tassel-blue-background { background-color: var(--tasselBlue); } .btn-tassel-dark-gray { background-color: var(--tasselDarkGray); color: #ffffff; } .btn-tassel-orange { background-color: var(--tasselOrange); color: #ffffff; } .dark-gray-text{ color: var(--tasselDarkGray); } .panel-info .panel-heading { color: var(--tasselDarkGray); } @media (max-width: 93.75em) { :root { font-size: 14px; } } :root.menu-expanded { --menu-width: 308; } body { font-family: 'Manrope', sans-serif; /* TODO: on refactor- use the below font */ /*font-family: 'PT Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; */ height: 100vh; line-height: 1.5; margin: 0; min-height: 100vh; padding: 0; text-rendering: optimizeSpeed; } .body-container { display: flex; min-height: 100vh; } /* TODO: on refactor- probably remove, font-size should ideally be set by the root element and sized with rem if you want something different*/ .page-content { font-size: 14px; } /* TODO: on refactor- possibly remove, created for making sure only dashboard had blue background */ .blue-background { background-color: var(--paletteSlateBlueDarkest); } /* TODO: on refactor- possibly remove, created for making sure only dashboard had blue background */ .white-text { color: white; } /* TODO: on refactor- certain breakpoints pulled out as variables, also determine if we'd like to be mobile-first or desktop-first*/ @media (max-width: 64em) { .body-container { display: block; width: 100%; font-size: 16px; } } .sidebar-container { background-color: var(--tasselOffWhite); position: relative; min-height: 100%; } .page { display: flex; width: 86%; } .page-container { flex: 1; padding-bottom: 12rem; padding-right: 10rem; padding-left: 10rem; } @media (max-width: 100em){ .page-container { padding-right: 4rem; padding-left: 4rem; } } @media (max-width: 93.75em) { .page-container { padding-right: 2rem; padding-left: 2rem; } } @media (max-width: 64em) { .page-container { padding-right: 1.25rem; padding-left: 1.25rem; } } html:focus-within { scroll-behavior: smooth; } /* A elements that don't have a class get default styles */ a:not([class]) { text-decoration-skip-ink: auto; } /* Box sizing rules */ *, *::before, *::after { box-sizing: border-box; } /* Remove all animations and transitions for people that prefer not to see them */ @media (prefers-reduced-motion: reduce) { html:focus-within { scroll-behavior: auto; } *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } } /* Make images easier to work with */ img, picture { max-width: 100%; display: block; } /* Inherit fonts for inputs and buttons */ input, button, textarea, select { font: inherit; } .type-label { font-weight: 300; font-size: 0.8125rem; } .type-body { font-weight: 500; font-size: 1.125rem; } .type-title { font-weight: 400; font-size: 1.75rem; } .type-smaller-title { font-weight: 400; font-size: 1.5rem; } .type-headline { font-weight: bold; font-size: 2.25rem; line-height: 1.1; } @media (max-width: 64em) { .type-label { font-weight: 300; font-size: 0.625rem; } .type-body { font-weight: 500; font-size: 1rem; } .type-title { font-weight: 400; font-size: 1.25rem; } .type-smaller-title { font-weight: 400; font-size: 1.25rem; } .type-headline { font-weight: 300; font-size: 1.75rem; line-height: 1.1; } } .font-light { font-weight: 300; } .font-regular { font-weight: 400; } .font-medium { font-weight: 500; } .font-bold { font-weight: 700; } /*a,*/ /*.pagination > li > a {*/ /* color: var(--blueMid);*/ /*}*/ .btn-white { background-color: #ffffff; font-weight: bold; border: var(--tasselDarkGray); border-width: thin; border-style: solid; } /*.btn-white:hover {*/ /* color: var(--blueDarker);*/ /* text-decoration: underline;*/ /*}*/ .btn-white:focus { /*outline: none;*/ /*border: none;*/ } /*the !important tags here override ng tag styling*/ .btn-white:active { /*outline: none !important;*/ /*border: none !important;*/ box-shadow: none !important; } .btn-success { background-color: var(--green); border-color: var(--greenDarker); } .btn-primary { background-color: var(--tasselDarkGray); border-color: var(--tasselDarkGray); } .btn-primary:disabled { background-color: var(--tasselLighterGray); border-color: var(--tasselLighterGray); color: var(--tasselDarkGray); } .btn-primary:hover { background-image: none; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active { background-color: var(--tasselDarkGray); border-color: var(--tasselDarkGray); } .btn-call-to-action { background-color: var(--tasselOrange); border: none; } .btn-call-to-action:hover, .btn-call-to-action:focus, .btn-call-to-action:active { background-color: var(--tasselOrange); } .btn-danger { background-color: #ffffff; border-color: var(--tasselOrange); color: var(--tasselDarkGray); } .btn-info { background-color: var(--tealMid); border-color: var(--tealDarker); } .btn-info:hover { background-color: var(--tealDarkest); border-color: var(--tealDarker); } .btn-warning { background-color: var(--tasselDarkGray); } .btn-warning:hover { background-color: var(--tasselDarkGray); } a.button-link:hover, a.button-link:focus { text-decoration: none; } .login-logo { margin-bottom: 25px; } .mar-25-top { margin-top: 25px; } .clickable { cursor: pointer; } .label-info { background-color: transparent; color: var(--tasselDarkGray); } .label-warning { background-color: var(--goldDarker); } .badge { background-color: var(--greyDarker); } .center-align { text-align: center; } .panel-info > .panel-heading { background-color: var(--tasselOffWhite); border-color: var(--tasselOffWhite); background-image: none; color: var(--white); } .panel-info { border-color: var(--tasselDarkGray); } .panel-primary > .panel-heading { background-image: none; background-color: var(--tasselOffWhite); border-color: var(--tasselOffWhite); color: var(--tasselDarkGray); } .btn-block, .btn { white-space: normal; } .block { display: block; } .full-width { width: 100%; display: inline-block; } .header-pointer th { cursor: pointer; } .preview .btn[disabled] { cursor: none; opacity: .3; } .padding-vert-lg { margin: 20px 0 !important; } .opacity-half { opacity: .5; padding: 0 5px; } .opacityFull { opacity: 1; background: #d9edf7; box-shadow: 0 0 0 2px #C2DAE6, 0 3px 4px rgba(0,0,0,.3); } footer { min-height: 40px; } .bg-blue, .bg-grey { height: 50px; background: #47AFD2; } .bg-grey { background: #DCDDDE; box-shadow: 0 0 18px rgba(0,0,0,.1); } .bg-white { background: white; box-shadow: 0 0 18px rgba(0,0,0,.1); } .navbar { box-shadow: none; height: 100px; } .navbar-default .navbar-nav > li > a, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > span { color: var(--greyDarker); } .navbar-brand, .navabar-brand:hover { padding: 0; height: 100px; } h1 span { display: block; font-weight: bold; text-align: center; } li[allotment] span.label { cursor: pointer; } .form-horizontal.form-horizontal-left .control-label { text-align: left; } .invalid-input { border-color: red; } /* DASHBOARD */ .manageSeason { position: absolute; top: 5px; right: 5px; z-index: 6; font-size: 11px; color: #fff; } .manageSeason a { color: #fff; } .panel { box-shadow: none; } .panel-dashboard { background: none; border: none; transition: all .3s; } .panel-dashboard a { text-decoration: none; } .panel-dashboard:hover { box-shadow: 0 2px 6px rgba(0,0,0,.1); background: #fafcfc; } .panel-dashboard a:hover .icon { color: #64c5e6; margin-top: -5px; margin-bottom: 5px; } .panel-dashboard a:hover p span { color: #64c5e6; } .panel-dashboard .panel-body { text-align: center; background: none; border: 0; padding-top: 20px; } .panel-dashboard .panel-body p { text-align: left; } .panel-dashboard .panel-body .icon { font-size: 4em; padding: 10px 20px; color: #47AFD2; transition: all .2s ease; transition-timing-function: ease-in-out; display: inline-flex; } .panel-dashboard a p span { right: 0; transition: all .2s ease; transition-timing-function: ease-in-out; } .panel-dashboard .panel-body h2 { text-transform: uppercase; color: #666; font-weight: 700; font-size: 14px; } .panel-heading a { color:white; text-decoration:underline; } .uib-collapse .panel-heading a { color:black; text-decoration: none; } .btn.text-left { text-align:left; } @media (min-width: 768px) { .panel-dashboard { min-height: 260px; } } @media (min-width: 768px) { .panel-dashboard { min-height: 260px; } } /* Styles to support input[file] */ .btn-file { position: relative; overflow: hidden; } .btn-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 999px; text-align: right; filter: alpha(opacity=0); opacity: 0; outline: none; background: white; cursor: inherit; display: block; } .clear-delete { color: darkred; cursor: pointer; } .add-button { margin-bottom: 10px; } hr { border-top: 1px solid #ccc; } @media (min-width: 890px) { .navbar-collapse a { font-size: 1em; } } @media (max-width: 889px) { .navbar-collapse .navbar-nav li a { padding: 15px 7px 15px 20px; } } .navbar-toggle { margin-bottom: 0; color: #666; } .navbar-collapse.in { background: #fff; margin-top: 0; right: 0; top: 0; max-height: none; box-shadow: 0 20px 20px rgba(0,0,0,.3); } [class*="flex"] { -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; } [class*="flex"][class*="-wrap"] { -ms-flex-flow: row wrap; -webkit-flex-flow: row wrap; flex-flow: row wrap; } [class*="flex"][class*="-center"] { -webkit-flex-direction: row; flex-direction: row; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; } .flex-column { -webkit-flex-direction: column; flex-direction: column; } .table-loader-container { width: 100%; height: auto; font-size: 20px; padding-top: 20px; } .table-loader-container > * { margin-left: 5px; margin-right: 5px; } .hidden { display: none !important; } #graduates-ceremony-container > * { margin-bottom: 10px; } [class*="margin"][class*="margin-none"] { margin: 0; } [class*="margin"][class*="margin-auto"] { margin-left: auto; margin-right: auto; } [class*="x"][class*="m05x"] { margin-left: 5px; margin-right: 5px; } [class*="x"][class*="m10x"] { margin-left: 10px; margin-right: 10px; } [class*="x"][class*="m15x"] { margin-left: 15px; margin-right: 15px; } [class*="x"][class*="m20x"] { margin-left: 20px; margin-right: 20px; } [class*="x"][class*="m30x"] { margin-left: 30px; margin-right: 30px; } [class*="y"][class*="m05y"] { margin-top: 5px; margin-bottom: 5px; } [class*="y"][class*="m10y"] { margin-top: 10px; margin-bottom: 10px; } [class*="y"][class*="m15y"] { margin-top: 15px; margin-bottom: 15px; } [class*="y"][class*="m20y"] { margin-top: 20px; margin-bottom: 20px; } [class*="y"][class*="m30y"] { margin-top: 30px; margin-bottom: 30px; } [class*="xy"][class*="m05xy"] { margin: 5px; } [class*="xy"][class*="m10xy"] { margin: 10px; } [class*="xy"][class*="m15xy"] { margin: 15px; } [class*="xy"][class*="m20xy"] { margin: 20px; } [class*="xy"][class*="m30xy"] { margin: 30px; } [class*="top"][class*="m05top"] { margin-top: 5px; } [class*="top"][class*="m10top"] { margin-top: 10px; } [class*="top"][class*="m15top"] { margin-top: 15px; } [class*="top"][class*="m20top"] { margin-top: 20px; } [class*="top"][class*="m30top"] { margin-top: 30px; } [class*="bottom"][class*="m05bottom"] { margin-bottom: 5px; } [class*="bottom"][class*="m10bottom"] { margin-bottom: 10px; } [class*="bottom"][class*="m15bottom"] { margin-bottom: 15px; } [class*="bottom"][class*="m20bottom"] { margin-bottom: 20px; } [class*="bottom"][class*="m30bottom"] { margin-bottom: 30px; } [class*="left"][class*="m05left"] { margin-left: 5px; } [class*="left"][class*="m10left"] { margin-left: 10px; } [class*="left"][class*="m15left"] { margin-left: 15px; } [class*="left"][class*="m20left"] { margin-left: 20px; } [class*="left"][class*="m30left"] { margin-left: 30px; } [class*="right"][class*="m05right"] { margin-right: 5px; } [class*="right"][class*="m10right"] { margin-right: 10px; } [class*="right"][class*="m15right"] { margin-right: 15px; } [class*="right"][class*="m20right"] { margin-right: 20px; } [class*="right"][class*="m30right"] { margin-right: 30px; } .padding-1em { padding: 1em; } .no-padding-x { padding-left: 0; padding-right: 0; } [class*="padding-none"] { padding: 0; } [class*="x"][class*="p05x"] { padding-left: 5px; padding-right: 5px; } [class*="x"][class*="p10x"] { padding-left: 10px; padding-right: 10px; } [class*="x"][class*="p15x"] { padding-left: 15px; padding-right: 15px; } [class*="x"][class*="p20x"] { padding-left: 20px; padding-right: 20px; } [class*="x"][class*="p30x"] { padding-left: 30px; padding-right: 30px; } [class*="y"][class*="p05y"] { padding-top: 5px; padding-bottom: 5px; } [class*="y"][class*="p10y"] { padding-top: 10px; padding-bottom: 10px; } [class*="y"][class*="p15y"] { padding-top: 15px; padding-bottom: 15px; } [class*="y"][class*="p20y"] { padding-top: 20px; padding-bottom: 20px; } [class*="y"][class*="p30y"] { padding-top: 30px; padding-bottom: 30px; } [class*="xy"][class*="p05xy"] { padding: 5px; } [class*="xy"][class*="p10xy"] { padding: 10px; } [class*="xy"][class*="p15xy"] { padding: 15px; } [class*="xy"][class*="p20xy"] { padding: 20px; } [class*="xy"][class*="p30xy"] { padding: 30px; } [class*="top"][class*="p05top"] { padding-top: 5px; } [class*="top"][class*="p10top"] { padding-top: 10px; } [class*="top"][class*="p15top"] { padding-top: 15px; } [class*="top"][class*="p20top"] { padding-top: 20px; } [class*="top"][class*="p30top"] { padding-top: 30px; } [class*="top"][class*="p100top"] { padding-top: 100px; } [class*="bottom"][class*="p05bottom"] { padding-bottom: 5px; } [class*="bottom"][class*="p10bottom"] { padding-bottom: 10px; } [class*="bottom"][class*="p15bottom"] { padding-bottom: 15px; } [class*="bottom"][class*="p20bottom"] { padding-bottom: 20px; } [class*="bottom"][class*="p30bottom"] { padding-bottom: 30px; } [class*="left"][class*="p05left"] { padding-left: 5px; } [class*="left"][class*="p10left"] { padding-left: 10px; } [class*="left"][class*="p15left"] { padding-left: 15px; } [class*="left"][class*="p20left"] { padding-left: 20px; } [class*="left"][class*="p30left"] { padding-left: 30px; } [class*="right"][class*="p05right"] { padding-right: 5px; } [class*="right"][class*="p10right"] { padding-right: 10px; } [class*="right"][class*="p15right"] { padding-right: 15px; } [class*="right"][class*="p20right"] { padding-right: 20px; } [class*="right"][class*="p30right"] { padding-right: 30px; } .inline { display: inline; } .inline-block { display: inline-block !important; } .block { display: block !important; } .hide { display: none !important; } .absolute { position: absolute !important; } .absolute-bottom { position: absolute !important; bottom: 0 !important; } .relative { position: relative !important; } .clear-search-btn { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background-color: transparent; border: none; right: 4px; z-index: 2; font-size: 11px; color: #c9302c; border: 1px solid #c9302c; border-radius: 50%; width: 15px; height: 15px; } .clear-search-btn span { position: absolute; right: 1px; } ul.navbar-nav { position: absolute; right: 15px; } @media(max-width: 840px) { ul.navbar-nav > li:first-child { display: none; } } @media(max-width: 840px) { ul.navbar-nav { margin-top: 0 !important; background-color: white; } } #addGraduateBtnError { text-align: right; margin-top: -5px; color: #DE0303; } .graduates-thumbnail-wrapper { width: 25px; height: 25px; } .graduates-thumbnail-wrapper img { position: absolute; width: 25px; height: 25px; margin-top: 0px; transition: all ease-in .1s; } .graduates-thumbnail-wrapper:hover img { width: 320px; height: 320px; margin-top: -200px; transition: all ease-in .2s; z-index:1000; box-shadow:#9B9898 10px 10px 10px; border: 1px solid #ccc; border-radius: 10px; } button a.normal { color: initial; } button a.normal:focus { text-decoration: none; } .error-msg { color: #DE0303; } .txt-bold { font-weight: 700; } .txt-underline { text-decoration: underline; } #viewSelector #viewLinks { visibility: hidden; } #viewSelector:hover #viewLinks { visibility: visible; } #emailHistoryToggle:hover { cursor: pointer; } #logHistoryToggle:hover { cursor: pointer; } a[disabled] { color: #777; cursor: text; text-decoration: none; } .add-query-row { max-width: 300px; text-align: center; background-color: transparent; border: none; color: #2a6496; border: 1px dashed #ccc; padding-left: 50px; padding-right: 50px; padding-top: 5px; padding-bottom: 5px; opacity: 0.8; cursor: pointer; margin-top: 20px; } .and-query { margin: 4px 25px; font-weight: 700; } .query-filter-btn { width: 90px; margin-right: 15px; text-align: left; font-size: 85%; } .query-column-btn { width: 135px; margin-right: 15px; text-align: left; font-size: 85%; } .query-operator-btn { width: 140px; margin-right: 15px; text-align: left; font-size: 85%; } .query-value-input { border: 1px solid #ccc; height: 30%; width: 85%; font-size: 85%; } .graduates-table-action-menu { border: 1px solid #ddd; border-bottom:none; padding-left: 10px; padding-top: 6px; padding-bottom: 6px; align-items: center; } .center-x { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .center-y { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .center-xy { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .view-list-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(250, 250, 250, 0.9); } .view-list-overlay p { top: 10%; width: 100%; padding: 15px; font-weight: 400; color: #434343; background-color: rgba(250, 250, 250, 0.4); font-size: 14px; } #cke_10_text, #cke_11_text { width: 120px; } .cke_combopanel { width: 300px !important; } .modal_li { margin-left: 20px; } .modalc_button { width: 80px !important; } .well_margin { margin-bottom: 0px !important; background-color: white !important; } .title_hr { border-bottom: 1px solid #ccc !important; line-height: 3em !important; margin-bottom: 15px !important; padding-bottom: 5px; } .spinner { border: 10px solid #101b31; border-radius: 50%; border-top: 10px solid #778ebb; width: 80px; height: 80px; margin: 1rem auto; -webkit-animation: spin 1s linear infinite; /* Safari */ animation: spin 1s linear infinite; position: absolute; top: 50%; left: 50%; background: transparent; } .spinner-bg { position: fixed !important; width: 100vw !important; left: 0px !important; top: 0px !important; height: 100vh; background: rgba(0,0,0,.4) !important; padding-left: 50%; padding-top: 50%; z-index: 2000000000; } /* Safari */ @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #Warning h3 { text-align: center; color: red; } .fohr { border-bottom: #e5e5e5 1px solid; height: 5px; } .alert-danger { color: #721c24 !important; background-color: #f8d7da !important; border-color: #f5c6cb !important; } .login_backdrop{ background-color: white !important; opacity:1 !important; } .adminsearch { margin-right: 20px; } .tooltip-wrapper { display: inline-block; margin-left: 0px; } .tooltip-wrapper .btn[disabled] { pointer-events: none !important; } #disabled:hover:after { content: 'The Save button is disabled until all required fields are complete.'; font-family: inherit; border: 1px solid #cccccc; background-color: #47AFD2; color: white; position: absolute; padding: 4px 8px; font-size: 14px; z-index: 9999; margin-left: -250px; margin-top: -100px; width: 250px; border-radius: 5px; text-align: center; -webkit-box-shadow: 1px 1px 15px -1px rgba(38,38,38,0.42); box-shadow: 1px 1px 15px -1px rgba(38,38,38,0.42); } #disabled button:enabled { display: none !important; } .display button:disabled { display: none !important; } .display { display: inline-block; margin-left: -4px; } .textSendingDetail pre { overflow-x: auto; word-wrap: break-word; white-space: pre-wrap; } .editorfullcontrols { text-align: center; } .inline-delete-confirmation button { margin-left: 1em; } .cke_combo_text { width: 100px !important; } .radio-clear-button { margin-top: .5em; } .gdfBackedField { color: orangered; font-weight: bold; } .highlight-on-invalid.ng-invalid { background-color: var(--tasselPink); } .bootstrap .tags { background-color: #fff; border: 1px solid #ccc; border-radius: 4px; } .bootstrap .tags .tag-item { background-color: var(--tasselDarkGray); border-radius: 4px; color: #fff; } .bootstrap .tags .tag-item.selected { background-color: var(--tasselDarkGray); border-radius: 4px; color: #fff; } .bootstrap .tags .tag-item button { } .bootstrap .autocomplete { border-radius: 4px; } .bootstrap .autocomplete .suggestion-item.selected { color: #262626; background-color: #e9e9e9; } .bootstrap .autocomplete .suggestion-item em { font-weight: normal; background-color: #ffff00; } .bootstrap .autocomplete .suggestion-item.selected em { color: #262626; background-color: #ffff00; } tags-input { max-width: 280px; } button.fa{ background: transparent; border: none; } .pagination > .active > a { background-color: var(--blueMid); border-color: var(--blueMid); } .data-row{ border-bottom: 1px solid var(--greyLighter); margin: 0; padding: 10px 0; } .dashboard-panel-heading { margin-top: 0; margin-bottom: 10px; } .btn-border { border: 1px solid var(--greyDarker); } .email-recipient-select { margin-top: 1em; } .readerCriteriaCheckbox { display: initial; min-height: 0px; } .readerCriteriaCheckboxLabel { font-weight: initial; } .filterGroupStyle { padding: 10px; margin: 5px; border-style: solid; border-width: 1px; } #qaStatusFilterSelect, #recordPickupsFilterSelect { padding-left: 5px; cursor: default; } #recordPickupsFilterSelect { min-width: 200px; } .qa-manager-filter-row { padding: 5px; } .qa-manager-date-input { float: left; position: relative; } .readerHomeNumericColumn { width: 8vw; } .readerHomeNumericLink { cursor: pointer; text-decoration: underline; } .qa-select-body { padding-top: 10px; padding-bottom: 10px; } .qa-select-flex-container { display: flex; justify-content: center; } .qa-select-button-child { align-self: center; padding: 10px; } .qa-select-para-child { align-self: center; padding: 10px; text-align: center; min-width: 190px; } .qa-select-para { margin-bottom: 0px; } .recordPickupsCancel { margin-right: 5px; } .login{ margin-top: 5rem; font-family: "Manrope", sans-serif; } @media (min-width: 768px){ .login-content { margin-left: 14vw; } } .login img, .login-modal img { margin: auto; } .emailTemplatePreview { height: 60vh; overflow-y: auto; } input.no-num-counter::-webkit-outer-spin-button, input.no-num-counter::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .no-num-counter { -moz-appearance: textfield; } .previewEmailTemplateSubject { width:100%; } .import-stats { margin-top: 2em; margin-left: 40%; } .import-stats-header { font-size: 20px; font-weight: bold; } .import-stats div { font-weight: bolder; } .warning-text { color: red; } .added-button-bottom-margin { margin-bottom: 10px; } .black { color: var(--themeBlack); } .break-word { word-break: break-word; } .emailer__filters, .text__filters { display: grid; grid-template-columns: 4fr 1fr; } .emailer__filters__selection, .text__filters__selection { grid-column-start: 1; padding-right: 1.5rem; } .emailer__filters__navigation, .text__filters__navigation { grid-column-start: 2; } .emailer__filters__navigation .btn, .text__filters__navigation .btn { margin-bottom: 1rem; } .emailer__help-text, .text__help-text { padding-left: 1em; padding-top: .5em; } .emailer__label-buffer, .text__label-buffer { margin-top: 1rem; } .grad-activity-timestamp { white-space: nowrap; } .survey-category .panel-heading h2 { cursor: pointer; } .survey-category .panel-heading { cursor: pointer; } gradsiteheader { margin-bottom: 30px; display: block; } .bg-ceremony tooltip i { color:white; } .bg-ceremony button { color: #fff; } .btn-ceremony-color { color: white; } .ceremony-color { } #SchoolColor1, #SchoolColor2 { display: block; height: 25px; } #CeremoniesTitle { margin-top: 0; } #LogoBg { /* live size is 60px */ height: 50px; left: 0; position: absolute; top: 0; } #LeftWhite { background: white; /* live size is 60px */ height: 50px; float: left; text-align: center; width: 250px; } #LeftWhite img { /* live size is 56px */ height: 46px; margin-top: 4px; } #HomeLogo { /* live is margin: 20px 0;*/ margin: 10px 0; } #CeremoniesTitle { /* live is margin: 40px 0;*/ margin-bottom: 20px; } .preview-container { border: 1px solid #ddd; padding: 5px; position: relative; } .preview-container .utils { float:right; } .preview-container .inline-edit-preview { min-height: 20px; } .utils tooltip, .utils .edit-icon { float:right; font-size: 16px; line-height: 1.5em; margin-right: 10px; color:inherit; } .preview-container:hover { border: 1px solid #555; } .preview-container-btn { position: relative; } .preview-container .edit-icon { cursor: pointer; color: #3a3a3a; font-weight: 700; font-size: 16px; } .preview-container.inline-block .edit-icon { display: inline; margin-left: 10px; vertical-align: middle; } .preview-container.inline-block > *:not(i) { display: inline; } .preview-container:not(.inline-block) .edit-icon { right: 10px; bottom: 10px; } .preview-container-btn .edit-icon { cursor: pointer; color: #3a3a3a; font-weight: 700; right: -15px; font-size: 16px; } .preview-container .edit-icon:hover, .preview-container-btn .edit-icon:hover { opacity: 0.5; } .preview-logo-placeholder { color: #535353; text-align: center; font-size: 18px; } .header-logo-container { height: 70px; width: 200px; } .header-logo-container img { max-height: 100%; max-width: 100%; } .ceremony-logo-container { width: 100%; max-width: 180px; height: 173px; } .ceremony-logo-container img { margin: 0 auto; } preview-registration-form .CeremonyTitle { margin: 0px; } preview-registration-form .CeremonyListingsTitle { margin: 0px; margin-bottom: 60px; } h3.media-heading { font-size: 20px; } .alert { background: none; background-color: #ddd; border-color: #aaa; color: black; } .preview-well p { margin: 0; } .optional-container { border: 1px dashed #ccc; margin-bottom: 20px; } .add-optional-well-container { padding: 15px; margin-bottom: 20px; border: 1px dashed #ccc; opacity: 0.8; } .add-optional-well-container a { color: #333; cursor: pointer; } .add-optional-well-container:hover { opacity: 1; border-color: #8e8e8e; } .edit-icon.disclaimer { position: absolute; cursor: pointer; color: #3a3a3a; font-weight: 700; position: absolute; right: 10px; font-size: 16px; } .panel.add-block-container { border: 1px dashed #ccc; opacity: 0.5; } .panel.add-block-container:hover { opacity: 1; border-color: #8e8e8e; } .survey-category .panel-heading { position: relative; } .panel.add-block-container .panel-title { color: white; display: inline; } .survey-category .panel-heading .icon-set i { cursor: pointer; color: white; font-weight: 700; font-size: 16px; } .survey-category .panel-heading .icon-set i:hover { opacity: 0.5; } .survey-category .panel-heading .icon-set { position: absolute; right: 10px; } .registration-complete .panel-heading .edit-icon { cursor: pointer; color: white; font-weight: 700; font-size: 16px; vertical-align: middle; margin-left: 10px; } .add-block-btn { color: white; } .survey-category { border: 1px solid #ccc; } .registration-complete .panel-title { color: var(--tasselDarkGray); display: inline; } .survey-category .panel-title { color: #ffffff; display: inline; } .add-question-row { border: 1px dashed #ccc; padding: 10px; opacity: 0.5; } .add-question-row:hover { opacity: 1; } .question-row { border: 1px solid #ccc; min-height: 40px; margin-bottom: 10px; position: relative; padding: 10px 0 10px 0; background-color: white; } .question-row .center-y .edit-icon { cursor: pointer; color: #3a3a3a; font-weight: 700; font-size: 16px; vertical-align: middle; margin-right: 15px; margin-bottom: 1px; } .question-row .icon-set { right: 10px; } .question-row .icon-set button { cursor: pointer; color: #3a3a3a; font-weight: 700; font-size: 16px; } .question-row .icon-set button:hover, .bg-ceremony .icon-set button:hover{ opacity: 0.5; } .question-row p { word-break: break-word; } .panel.ticketing, .panel.registration-complete { border: 1px solid #ccc; } .panel.ticketing .edit-icon, .panel.registration-complete .panel-body .edit-icon { cursor: pointer; color: #3a3a3a; font-weight: 700; font-size: 16px; } .panel.ticketing .edit-icon:hover, .panel.registration-complete .edit-icon:hover { opacity: 0.5; } .panel.ticketing .panel-title, .panel.registration-complete .panel-title { color: #ffffff; } .ticketing-disabled-overlay { opacity: .7; } .ticketing-disabled-overlay a { cursor: pointer; } .edit-icon.completion-message { position: absolute; top: 5px; right: 5px; } .disabled.additional-details { opacity: 0.25; } .comment-txt { opacity: 0.5; } .cmn-toggle { visibility: hidden; display: none; } .empty-header-cell { border-bottom: 2px solid #ddd; } .question-row label{ font-weight: normal; } .dependent-graduate-field{ padding-left: .8rem; padding-right: .8rem; padding-top: 1rem; } .ceremony-title-header-column{ font-weight: normal; } .edit-properties { padding-bottom: 10px; } .edit-properties label { font-weight: normal; } .edit-property:nth-child(odd) { background-color: #f9f9f9; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } .edit-property { padding-top: 1rem; padding-bottom: 1rem; } @media (min-width:992px) { .gradpass-property-edit-area { } } .preview-website-first-section{ margin-top: 70px; } .record-phone-fields { width: inherit !important; } .csr-toggle { float: left; } .colorpicker-visible, .colorpicker-visible .dropdown-menu { display: block !important; } colorpicker-saturation { display: block; width: 100px; height: 100px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAFJhJREFUeAGMU+/q4kAMzFYf4LgP96a+q4c+gSIqxf/r5maWDoTgz15gmM0kW5uMLa21v2b2G6jAG2iEzqUU6q5c/OlMuHtL/ULNd5TP6EJ1RP7NuXvKE397jmbg7MrzHI748T1UA3eopyGQV2qK1+vVHo/Hm1itVm0J7Q+afwGMmgeRphf7Noh6lCeuHJAvm/X8rAQNlw2VScoj6863OQjl2ZB3qkeu5Lh0RJ3qynuNjJA21FppQAHa8/l83263No5jOxwOttlsbL1e2xIXXpMZzzRsXoTw34bQgLiQbKh6M9SXDBSypn4XGOSkGUO1cJdn1Yh4/qYVgctmGSwXyARNcOSFRuBMHvA1GMzwy+Vix+PRdrvdYrvd2vl87oZYDCxBL9B/jEyopghzlNjL0DlB+gAoPNXyOfa3oA9puXonyVHzdH+g9MEISa5z0qUNkwkm6MJkxALg8mlMAxvNwBfhYLvf7w50vl6vBV9H2e/3BjYateQDY8gM5bmWovygdyEb87k/G5Zz9c/2zfEQFysO5nDJ6mMel91Z//pwFpygIWIaMXE3AoYssPBCI/B12DiONMT5VZxOJ0f+j/MyWo5chYGowfn/j03lNXBpl85Up8d46u6DChBMvKv2UePrrAsChtdLTi73oEBjFDYpmIp/KSgRhRw357sXuHLknRgI8d90F8QL761oI8iQeJqvUOGnAoEkgNblF13iiJASZCwhLkG+v7/Halvt5+enr7x+02lZOwKymJ7jMAXK32RxaXnNxfXzCOkCxTO2I3NiR0i9gAjQLLoVHkKG8pCi0UT4Q0h5xUFIlBJEYmg+1yg6TrUq+YfEWKK0lWsSS8+DkNvCWtvJXu0UbDyH/NYjoDHFybPd/cPeficiW5LvkVdBNY4UoIqOQMwPBXm9vUYIVCj3GkXCCo1tRS//uMhYoVG3q46HaBQtamESTs/+0o92hOTaBbqjBwpu8reCuzAP4rkXpQBzQwbhZxD7jNYEAS4CI2Rg4hLitPUor2hGh6j4hQ5FfWt8LQF+SwyJIpGUV05nu56VHqJhR8ybb+Q+/dnPYZYSigIICvY3xfYxCckz/qazprjDiFJ+5DWVwscaMpSDgkleI2uutaKk5kPFNTqO8pBDlBQZEqKvoJXp7+lxzx7Cuoqp2M7zlrm5JbH/9oZ/GLdzBGf9FNmmvPi+h2FXnm8L5WhdCMJNyr1D6yvKP1rFQYgSjWpteE0JMraEME8ykpzo/0/+wcg5yGHMooegQYIRyXU1i52tCSfn9oSQFH+Fe4jypxs3RHA+xNCcNUZ+BXRg7iu0lhgDAesisSfE6UA0iudz9sNHKChek5eBX9a+FwKkKQ+Nd6JljkLX6B4x2L8hhHOsVdhR4iHEEe1LeWJCSI2tCo9AU3OIKHGgbupv6NvyRciGgMzPPLP5LmhPdKTx8qgSWIXxVkZx8QJihmCvPP8nE6IRXniKT9GThhKF0QkZal3KQYcLgn+s8YwWJiNnLVL4mOz1b+4piM8/+YYb8xNlLoASXqC7c9DCOokhl4RAKgSkCNM9wklBOPL4BIJoblQggsb8Km9W/IlIJkKrPN4xEETPwtS3hczrp8//pxmzpoUIBfeSO8r8/OE59wgTIsnIb4yBj7Cft6pYI8Sbh5TBD749IANSlKPgJQQmrr0uUfjbCnlV/V9OCfLpDc9b0nw4x3bznAbWFAyfUeBLEIhA3uaCKifFyUBg8pg+Ro8nOCVOintKoy0xj5bFvhNCQMAfoUqgc8UwMRot8dWy/qPcDHQk5XkgOPD97//Gl/xC2kKlkhl2V4pMQmAON+22E+4XgIzMKYMSmp7S0ymTcpYEYM6eVjKlJV25HgYguZ6lD1hR4S4byoxRwMUQjm87MYVxrW19nCqbgTD4kSEde7FlxcF4tKDCPu41lBUKa7tjgGuHJuPCwpBPdcONuVTiMEMgbPpugJE0+GIRusL+yD9qGhrP05ClFHfOuppZeV4ZkgyJdJc3dkxh0+8YDBpbsyuxrXYzV4VfmJLFwxdAEq7azIj9Yw9AuUCjEL3I7pD1xgo0BPv5Y2U9MCBvegpGxq9/vK7BftOQssP3ueL+HfJwLkAqVLlgPH9CF7phgMoKj/X8EjiNCtGQHzFU9mM7gsR8W/5wkuZ9ZUKBcYuWdE3qU2YYqLIllfo5aog2m2haKnlsvP30YUHO+3f9Yu2GrNpW2rYV8id2bM/9KxBPc/QgZQT9AlotQRtgSls1pIDADvo+3hL0bXBU0yxqG4Fx2ZshdXSBaEjZYtIdh/uxQDOrpMV/Biatjj8nzRgq8p0Ud6w9fAwwe+9mSJPWUMWzPG+A21ZWG45nhoQp1RdaBZ1WYDteUQ4gffvH1jomTHlkxk9GTDi5AS0YAODxMoRjMiqsjq/MyqvFFJX9buv6+18Y8mwDyFRH7Dj+T1rBtYivRV1v9mHtiKhfD10QrRFdsxor9Z4bgChAtF22fLsv1sfsGL4B0grazi9DygpagZ0A2s2WBMBmLn0de15D11KG5WSAvh20rB92fEIVwk0jdV2qPdyWr4mYuw75NMua7FFtmZxbkN7qi4DSFgaqQjc75GwDwbgBMkMMAPfD6cR1wpl1o7GftDhMMSPaFmm05+Tv/HWW9aQXbMfiBAZ4cNLdnz6hyAyj7ki9oQYYqdYd4h405JRwXs4DhLKozKhzG65449eQ4i5nX2LKXYjCVDcWF58Y0uJvj2EpY2VN79NzjHlVF8E1M2JZxOzW62rIEhhlywoAMMhrS8dFBJhgMJx5aRxg/fv9rSW9WN7LeQxZPn4bo6ExYgppsWNkQIt2pOAU8DAK8Oh/yK7ECM8pCAboJDTRFNsJQ3ZkBdtFXgV+A5qAEasl4sk2WxjOzn9PY6sZ1ZxJD/p9FMwoc1pjLNhEbLd2eX2Kpv6Y+aSCn8OUxhqyGBOwS9fxUiwDPIXfZw2JeNs+hS2/2R6r2Lfv+S/ivt3PG7eHh3S/52EDDD0j5h9rStliJiQLc5/fW9wP0PNcfB77nmVpX6Js2WaOQwb9OrXLJ9UMz7UmuJaAQj7fjxi6V97wIGftsqVMwcGZN2ZTL30fr7IYkL4xpG/9Y9bV677pUYXfrHk5tzuvoS1aRPX9ScV+3+Mn1FU7YMR6GT8LEP38xs2OyzVZRjIz9mWrIV2lTYo6LLk3BKXGKCM47jycKCb4zb4GzBi0g3Ec0a9OsBVQQsp+YwTjo+Mr9C/MQluIJmIkYYvvzpL2RhuiKT1uttTrK+q74p8siUsR64/nlS3XedcfZgY6kfUsv/FOUZfOlwGTfjyPCxjrRDbCvMLr4vCc9kN26pBR7H8KuW0wHZrkYCzj2+z5WbPCoZM2rISeEwop48KRZdhiPtmYLXNSyZs91YAeH06dow/Vpg3o+W9a/hbgPI5jTnvdx5YxZUbrCY1V7De22qProHXrDL/9B8dlHIuM3QQqUxL7d/pLyyqrzKlV6/2O/F/GBXP6ochjYdiKvQ4saA1ddlTvY/bEkY9Wa1iLkEN2JVavOhxHRlvqMF/XAnEVOJgXy3fAhCgY0N8bC0Nnpl8Lw/bt2LnCnsENO6o5r7bMcn2hONzQswSK2WVbphBy2kcjGqqWNRJQfU6ALwFgHTlo41pWWaE+O4V2zuhYZ1jYinTnvVmcC0Oclck+MgTH1jZU9Ty/VWaUIS42JwFPpkiWyDiZafZDygiJTseTIrc/g5v1qYQ6kgVnT48A+bztNN774MD2U8kDphjxaP18nyGzZBGUh7Y9L1uGvIp6Mq3EePVl7Xxf2/pE9gWI2KTFX2J3xx8Z0jWvnv+VhaG6tr8vkccerdTfdvhaXzTlLUM8t6HNIa9a4DfuDYgCWEaUCQ5jBcz2YI43lgqsrRi21F+pRThPhW5NvqLDK0Nw5E7RV7DKjDreX69/ZVY14wGQ8+HN733OxHGci9MKTBlkMNCSMqJA/udFzgg5IWqXKW9pbwvDu9VxFIjREGtHAS1w7rs4bcXtpIEV1t7H9QdgfmPIGrTmKDAW+gmIFHxNaRl3iCKEvYcsjuPAgTEzQ5zO2SHY3q+FX98oqti8casANPRxL19nx34JWZ9XQJ4r+uOLpmwxZxGyZF8Bcb9lf+dUR0zZgjwCigMKmGltbXG/SzZmUzQlxzMzGCdcmVUDEH3OijXp7k5StNVSh7xnV6Nju98+MaTMaMjK+b7xCy2gD1vk+G54eVxM6PEzM2TLqjJk3IdR/4iG7RSF+y1klQk4jqGvb/h4n6TBQwHZ77GYE0alLzZOTOl1+ShiFvUyBYRJIvSC1PFPfYemMoW+EpWXtaznArCLitWSnX6BKnPOLkTWIT/3vB3SEFemqF+m0Bh7ZIoY13m7IfmhfyxNzsu90j/f65Bn5hSoMSHIvPE+nptWAKesbWRY6xJax/NG30AnvS4AAPkVEOuDmHBk3KJ+dsewIt41+3t8+kqRB85Sy82QAmZmpGrfGnfqejZrKlP8Rv+GIZ0nnWi/Ys74kWzs6Ly7INTfYvA4CshcGL6wpSJ8I1/GtLCs9ji0lQG+vgzBOkmInRh2a0Y1If0DYPmr5vTPwIv9hCWPXyBcjUGL+n+PhWEdL9Rhi390Wv2lxeHRjGZbYR0Os7DWgb0f15VVzPd5XVcgClAZ41se8uE/3efT7Eq7oQXk7xpSB3NcrfAYzGmFLUAL1MwYtabPjBeYXhcAAGolA3vSjJkZ88Zdx6+/pzrEaf35x9XeODgANYTlPox167cOfmJMAbnv4+1QGNA6pAwpg8qInhdAPa4GFTjrKQi5XSAsjrsf0qWSb3sjm+M4vQz5fNEaA1TGTMxo9vVu2wIATgWozlfavegXZJ7h/+3dYY7cOA7F8VQnu/e/5u4dtnqRwThD/KA/ywU0Jl9GQGCZkl0yHx9JSW4nGPRxKXuA8RzG/BygfJchBtujW5Ipzso9R5HGA998fC7MCMX2kYyrC+mrwd9z7+n5ZIMM9bODV8kYUjuEoeTPAyPemVxq0feB+cJ/xJYuKj3qFoL3r0khi4uHLEvLJwitTGlA4pz734whA7A+ElO05MEer2vLt9hPRgoQcVQmBUM6oNf7VxPlOXudyl7AYEI3Yk0z4TOYxXyEVDliCvOZp+NH8cmAEXNmevVk1p7fpr89MZyKP1l9xZIXzPmIdPmkkLlrqEL8bpbu8XUBJOTT+psdPAvPMV1LAnOlvgkIfyPoPsjxMxquUV2ncX/do65KmSvOriY70XSF2OecL0A7Yf08eYKMJeiHuFq7hE+A2V3WUGgE7sEKGHFjTuNKwAfp8HPGLRUA4N+GAv8QaOkqr91Yl9E+ActMDb059ktX92PIolQB+Hx9Ta9voeB8y/4A9mmCqjyzMvY5PhjHMchf7REHZNH15xSTIfafLss/R2hABEKmtPK5VwPszNms7xOwLB8VM5RrqZbprier+Ei/cncBZYzxQkCaIdv+uUvr9Mm3ViKmPIwBk0GAL7N0mRFjWh6z/+d0oRrAVGTMMSZwMwP9dOvW6077IcWUufB3cjnXUspxM2l+YvZwf2PHtFI+vEm/YMbhvGIJ/SI7Q4kyJGJVsk9mjIniD7Os27GEPjLiaLE323Nyimu85GXtMhM3kvs3F8BPsr+NISPNpR0WhKuaxvkSkIeu5PpW1rWqSrvnMqn+nvE4TxkymeA5zOnzcZnn34whtD281rb511sX+5mTPGVmrWWZP1vPd31Xix+gvMGcEwO9RycRvdFm7DH1TMB1VbqnQ1enDMYUWfNwtRelN1Nc32KVuIBA3qlxj6GMpZlhPYB4VIzyt4JhFyN+nXs/FH8vy5p7HlMZIjwyiGNGtCluDOrElNXKG+gEeAcw5j4HVygTbBf4qfTt/V7rP+YX5a7B+S1FFxFBvSeMs06/zfVk3f0Zf98gbJJge9WV6bKW9hP7vG8EeHcMUYxKOLkvY4D+WoDGMQO9TAt31oC2mysDAqhwaWBmf5iTACADEPZDZMJunYJG8NU9IburyOhztPgyjOt4igUE+3xW2SCYm7IFPQJ6z9SvclKKD6tchS0uyz4F/gocYDcjPLaRnTBIVzaex+Mp/pxiyXMAknvq5bZOR/vLBhX0oH8r/v6xx6d27x8FAgU3a2RixRCSooshjxUQPyV+zGooKD+PBUSwLmVfAWa09bOgZ9zQAwZMr/AcR1n10mWlHzaoNrv6WAogdazY9iXHUalOt+8FsJ8nt49rHYAMlxWAzBRYBWbATdkAVIujr22vLNd4Z+Z253pdh8quMQuMCp4NHUcA5PjWieDAjqByANJ1gRV0AcQ0yfioe6Rpldm2M6d/WuVHW7isUJ5lUV4yQ5mgC2y4SYGq/t5vjU8b4xmDynxo/TIi6iX7fgRk/ueQbrSMPY+rbrawAlfgFLA1nylSAHRbbjDj/n36ehk8ZBPome5eRZfV8w/lo+hK7Huso1TqgDkskvoat+L/X3QsGoDM2tHouKDcJmPWeT9kobMvXc+dwrkOhtJeK/Nm/XEXaCx01ssAWtc99rUOAJ6Uu/srhrQyWgn2g4K6GOvZL5TBwwSA742/x7ijZF3F7tfNUi7Lh5grvwbisoxwYReZamaf9VC8cWhVsAuV4Y5oYyaNcdAuoPa1TcPQZX3v/y16+N55kyFTGQIxNLcDpwIvFKe7cU7keHd2VMxrhR+Y+WXnx+xsrPbm4Mf+eTMn1mYGaFrjptDj/ZmkmjaXVWv19slxkTXJynCvnIdL8zdZOnn83A9ZFSTAB4VsSpGmyipunCjuGN9liwzZs8ddwQVEyzeyuGPYD7APuOS6o7aO9xWo/P3fbrnF8e5y2+7Lnamvyg8GKNeKog2m2NaW+SjwLCQhlr5/M6DamjnNlAbJLKtBaQZU226Ru2KbCe+Ph6Tk3THb/v5zaRQ7yz4M6usa1HywJU50n+7bgb4Z0sC2XIa8P56+JvvuWHTaa6kgbLn7ELvV9bU76A0+hpTKuh3PoryDwKvrflwx5F/1IMaK9wrK+h3ltf/+bb8d5d8/XdZ//txS/N9hxfdvGNg/ZQT1//4fih7V/hdi/qwAAAAASUVORK5CYII='); cursor: crosshair; float: left; } colorpicker-saturation i { display: block; height: 7px; width: 7px; border: 1px solid #000; border-radius: 5px; position: absolute; top: 0; left: 0; margin: -4px 0 0 -4px; } colorpicker-saturation i::after { content: ''; display: block; height: 7px; width: 7px; border: 1px solid #fff; border-radius: 5px; } colorpicker-hue, colorpicker-alpha { width: 15px; height: 100px; float: left; cursor: row-resize; margin-left: 4px; margin-bottom: 4px; } colorpicker-hue i, colorpicker-alpha i { display: block; height: 2px; background: #000; border-top: 1px solid #fff; position: absolute; top: 0; left: 0; width: 100%; margin-top: -1px; } colorpicker-hue { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAMAAABw8qpSAAABLFBMVEUA/z8AuP//JAAA/33/3AAA/1ABAv8A/7r/AH7/jgD2AP8A//j/AEHmAP/XAP/HAP+4AP//ALyoAP+aAP+JAP97AP9rAP9cAP9MAP8+AP8tAP8fAP8PAP8ATv//AG7/cAD/vgD/APoAmv//ADH/AKwB/wMA5//4Eg4AL///AOr/UQD/nwAA/27/7AAA/+kAe/8Ayf8A/5sA/zEA/6z/ABEAEP8A/17/MgAA/9n/ACL/gAD/AJ0AXP8Aqv//AMoA/yHqFBb/zAD/AGD/ANsA9//1/wDk/wDV/wDF/wC3/wD/AI2m/wD/FACY/wCI/wB5/wBp/wD/YgBb/wBK/wA8/wAs/wAd/wAN/wAAPv8A/xH/AFAAi///rQAA/8r/+gAA1///QwAAH/8Abf8A/43c/JNGAAAAiUlEQVR4AQXBg2EDAAAAsMy2bds2ttp2+/8PTby79mDLsKJPq/oFPdk24dWXAxsGjRg1ZtykKdNmzJozb8GiJct63WjYl7fiWdOZkk0vOpyr2fVtyKl7FX2uXGjpcuxWDy69KdiRk5WRlpIUFxMVERLw78+vH1Unun1YV3ZkwKM1CYfq7nQK22sD03ITV2Aqp0IAAAAASUVORK5CYII='); } colorpicker-alpha { display: none; } colorpicker-alpha, .colorpicker-color { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAABkCAMAAACIElGlAAADAFBMVEUAAADT09PT09P////T09P////e3t7q6urT09Px8fHT09P////////T09PT09P////////T09PT09P////////////T09PT09P////////////T09P////T09PT09PT09P////T09PT09P////////////////T09P////T09PT09P////T09PT09PT09PT09PT09PT09P////T09P////T09PT09P////////////T09P////T09P////////////T09PT09P////T09P////////////////////T09P////////T09PT09P////////////////////////T09PT09P////////////////////////T09PT09P////T09PT09P////////T09P////////////T09P////////T09P////T09P////T09P////T09PT09PT09PT09P////T09PT09PT09PT09PT09PT09P////T09P////T09PT09P////////////T09PT09PT09P////T09PT09PT09PT09PT09PT09PT09P////////////////T09PT09P////////////T09P////////T09P////T09PT09PT09P////////T09P////////T09P////T09PT09P////////////////T09PT09PT09PT09P////T09PT09PT09PT09PT09PT09PT09P////T09P////T09PT09PT09PT09PT09P////////////////////////////////////T09P////T09P////T09P////T09PT09P////////////T09P////T09P////T09P////////////T09PT09P////////////////T09PT09P////T09P////T09PT09P////T09P////T09PT09P////T09PT09PT09PT09P////T09PT09P////////////T09PT09P////T09P////////T09MQsm1FAAABAHRSTlMAgJN8/vcDAfcCnJyGaZmZlomGk4yJOmM/eTxs8wY0YDFC7HNdLx18n5/7aUvzCcW9+qKiK8P0ZiltRwfdw/n8Px3WduJjItj78ss5PDHUNELbwP5wplA2FglEVwvkqNarCs4Z7b2sDLgQ0xNdyLrr0eLLUeW1Vs5TWQLwjPI3ZvQGdvxFyFrAeevaLCLvGd0kpRskGyf4qK605xKvFrGyDRHnBYMEkJaDkIBvB/gpH99O6CrbIC4nH3Lg2SXp4A7Qul/GDEgPSlMQ6LjqFU0SjyCCj5V/gnBN7xglL3O70WBU7gjFFEfft0sPTo1ndRipwXr2yRemWRVENq+ytbGuxGaWGQAAAnpJREFUeNpNxmdcDHAAxvEHOWXvmXX23ntv2XvvMg/Z44x0KaRBSnfcKSqlnYZKp1QqGpT20KZh783/eePj+3vzw3/q/AM9iURPTy6XS+RwcXNzcZMQTE1dTE3bE7y9S0u9xxD600rCGtpI2ErOsbGxzoiMrIqscnaOi4vDdnp4XYSrguwxQSb7KpMllycnl2MFaTSaTxrY5NrY5BoKb2BnZ2doZ29vb2OPSdSd4Bcc7OcXGhqamgqrYCsrq+mEiEtC3gUBDg55Dg53IkQYSYG+gb6+GEqB5wV0o5D8/JAQdKK5hA40n3BS+L6c0JJmE+ZQW8JEak1YQJ0Jq+jbaQEPnotGE+IrK+Pj+xKqU6pTUrIDAgKysZ+WEY5QQkJxcQIO0WrCUbL4YmFhgZ3UlVAUHR1d1JEwjVoRRpDJKxMTE/ShBoRR1I6whLyyvLyyUFAQFhbWhTCFFArFawXOCu/bEHpQLYKnZ0aGZw2CR1qah0dmpqurK+pTU0ILakJoTi+PC7j5RHTrqQg1qRkh3T3d3b0xoSE1ItSleoSe1IswmIYQPl8UlhLWkaOj41tHbKENBLX6j1qt/KFUKnFN+Onk9NvJCQdJpfqlUqGiIjExcRthN91/JsJmGkhYRO/OCBhHwwgxMWUxZQMIu8j8o7m5OfbRLMJh2kTYQ1FRhYVR2EHzCOtpMmEG3SUsJEvLoKAg2Prb2tqOJYSH+/uH33shwlTaS1hLBwhX6AYX2tuiRwStVntOa5yUZJwEqbREKjUi5Bjl5BhZW1uXWOMYGRBOnNDX1zfoxz1FwwkfSJfgo6vr41P7soBBNJ7Qm2YSzHTMzMwmEHRoMf0Fm5mYOUrzNBYAAAAASUVORK5CYII='); } .colorpicker { top: 0; left: 0; z-index: 9999; display: none; } .colorpicker colorpicker-hue, .colorpicker colorpicker-alpha, .colorpicker colorpicker-saturation { position: relative; } .colorpicker input { width: 100px; font-size: 11px; color: #000; background-color: #fff; } .colorpicker.alpha { min-width: 140px; } .colorpicker.alpha colorpicker-alpha { display: block; } .colorpicker.dropdown { position: absolute; } .colorpicker.colorpicker-fixed-position { position: fixed; } .colorpicker .dropdown-menu::after, .colorpicker .dropdown-menu::before { content: ''; display: inline-block; position: absolute; } .colorpicker .dropdown-menu::after { clear: both; border: 6px solid transparent; top: -5px; left: 7px; } .colorpicker .dropdown-menu::before { border: 7px solid transparent; top: -6px; left: 6px; } .colorpicker .dropdown-menu { position: static; top: 0; left: 0; min-width: 129px; padding: 4px; margin-top: 0; } .colorpicker-position-top .dropdown-menu::after { border-top: 6px solid #fff; border-bottom: 0; top: auto; bottom: -5px; } .colorpicker-position-top .dropdown-menu::before { border-top: 7px solid rgba(0, 0, 0, 0.2); border-bottom: 0; top: auto; bottom: -6px; } .colorpicker-position-right .dropdown-menu::after { border-right: 6px solid #fff; border-left: 0; top: 11px; left: -5px; } .colorpicker-position-right .dropdown-menu::before { border-right: 7px solid rgba(0, 0, 0, 0.2); border-left: 0; top: 10px; left: -6px; } .colorpicker-position-bottom .dropdown-menu::after { border-bottom: 6px solid #fff; border-top: 0; } .colorpicker-position-bottom .dropdown-menu::before { border-bottom: 7px solid rgba(0, 0, 0, 0.2); border-top: 0; } .colorpicker-position-left .dropdown-menu::after { border-left: 6px solid #fff; border-right: 0; top: 11px; left: auto; right: -5px; } .colorpicker-position-left .dropdown-menu::before { border-left: 7px solid rgba(0, 0, 0, 0.2); border-right: 0; top: 10px; left: auto; right: -6px; } colorpicker-preview { display: block; height: 10px; margin: 5px 0 3px 0; clear: both; background-position: 0 100%; } /*! * Cropper.js v1.5.9 * https://fengyuanchen.github.io/cropperjs * * Copyright 2015-present Chen Fengyuan * Released under the MIT license * * Date: 2020-09-10T13:16:21.689Z */ .cropper-container { direction: ltr; font-size: 0; line-height: 0; position: relative; -ms-touch-action: none; touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .cropper-container img { display: block; height: 100%; image-orientation: 0deg; max-height: none !important; max-width: none !important; min-height: 0 !important; min-width: 0 !important; width: 100% } .cropper-canvas, .cropper-crop-box, .cropper-drag-box, .cropper-modal, .cropper-wrap-box { bottom: 0; left: 0; position: absolute; right: 0; top: 0 } .cropper-canvas, .cropper-wrap-box { overflow: hidden } .cropper-drag-box { background-color: #fff; opacity: 0 } .cropper-modal { background-color: #000; opacity: .5 } .cropper-view-box { display: block; height: 100%; outline: 1px solid #39f; outline-color: rgba(51,153,255,.75); overflow: hidden; width: 100% } .cropper-dashed { border: 0 dashed #eee; display: block; opacity: .5; position: absolute } .cropper-dashed.dashed-h { border-bottom-width: 1px; border-top-width: 1px; height: 33.33333%; left: 0; top: 33.33333%; width: 100% } .cropper-dashed.dashed-v { border-left-width: 1px; border-right-width: 1px; height: 100%; left: 33.33333%; top: 0; width: 33.33333% } .cropper-center { display: block; height: 0; left: 50%; opacity: .75; position: absolute; top: 50%; width: 0 } .cropper-center:after, .cropper-center:before { background-color: #eee; content: " "; display: block; position: absolute } .cropper-center:before { height: 1px; left: -3px; top: 0; width: 7px } .cropper-center:after { height: 7px; left: 0; top: -3px; width: 1px } .cropper-face, .cropper-line, .cropper-point { display: block; height: 100%; opacity: .1; position: absolute; width: 100% } .cropper-face { background-color: #fff; left: 0; top: 0 } .cropper-line { background-color: #39f } .cropper-line.line-e { cursor: ew-resize; right: -3px; top: 0; width: 5px } .cropper-line.line-n { cursor: ns-resize; height: 5px; left: 0; top: -3px } .cropper-line.line-w { cursor: ew-resize; left: -3px; top: 0; width: 5px } .cropper-line.line-s { bottom: -3px; cursor: ns-resize; height: 5px; left: 0 } .cropper-point { background-color: #39f; height: 5px; opacity: .75; width: 5px } .cropper-point.point-e { cursor: ew-resize; margin-top: -3px; right: -3px; top: 50% } .cropper-point.point-n { cursor: ns-resize; left: 50%; margin-left: -3px; top: -3px } .cropper-point.point-w { cursor: ew-resize; left: -3px; margin-top: -3px; top: 50% } .cropper-point.point-s { bottom: -3px; cursor: s-resize; left: 50%; margin-left: -3px } .cropper-point.point-ne { cursor: nesw-resize; right: -3px; top: -3px } .cropper-point.point-nw { cursor: nwse-resize; left: -3px; top: -3px } .cropper-point.point-sw { bottom: -3px; cursor: nesw-resize; left: -3px } .cropper-point.point-se { bottom: -3px; cursor: nwse-resize; height: 20px; opacity: 1; right: -3px; width: 20px } @media (min-width:768px) { .cropper-point.point-se { height: 15px; width: 15px } } @media (min-width:992px) { .cropper-point.point-se { height: 10px; width: 10px } } @media (min-width:1200px) { .cropper-point.point-se { height: 5px; opacity: .75; width: 5px } } .cropper-point.point-se:before { background-color: #39f; bottom: -50%; content: " "; display: block; height: 200%; opacity: 0; position: absolute; right: -50%; width: 200% } .cropper-invisible { opacity: 0 } .cropper-bg { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC") } .cropper-hide { display: block; height: 0; position: absolute; width: 0 } .cropper-hidden { display: none !important } .cropper-move { cursor: move } .cropper-crop { cursor: crosshair } .cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point { cursor: not-allowed } .croppie-container { width: 100%; height: 100%; } .croppie-container .cr-image { z-index: -1; position: absolute; top: 0; left: 0; transform-origin: 0 0; max-height: none; max-width: none; } .croppie-container .cr-boundary { position: relative; overflow: hidden; margin: 0 auto; z-index: 1; width: 100%; height: 100%; } .croppie-container .cr-viewport, .croppie-container .cr-resizer { position: absolute; border: 2px solid #fff; margin: auto; top: 0; bottom: 0; right: 0; left: 0; box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5); z-index: 0; } .croppie-container .cr-resizer { z-index: 2; box-shadow: none; pointer-events: none; } .croppie-container .cr-resizer-vertical, .croppie-container .cr-resizer-horisontal { position: absolute; pointer-events: all; } .croppie-container .cr-resizer-vertical::after, .croppie-container .cr-resizer-horisontal::after { display: block; position: absolute; box-sizing: border-box; border: 1px solid black; background: #fff; width: 10px; height: 10px; content: ''; } .croppie-container .cr-resizer-vertical { bottom: -5px; cursor: row-resize; width: 100%; height: 10px; } .croppie-container .cr-resizer-vertical::after { left: 50%; margin-left: -5px; } .croppie-container .cr-resizer-horisontal { right: -5px; cursor: col-resize; width: 10px; height: 100%; } .croppie-container .cr-resizer-horisontal::after { top: 50%; margin-top: -5px; } .croppie-container .cr-original-image { display: none; } .croppie-container .cr-vp-circle { border-radius: 50%; } .croppie-container .cr-overlay { z-index: 1; position: absolute; cursor: move; touch-action: none; } .croppie-container .cr-slider-wrap { width: 75%; margin: 15px auto; text-align: center; } .croppie-result { position: relative; overflow: hidden; } .croppie-result img { position: absolute; } .croppie-container .cr-image, .croppie-container .cr-overlay, .croppie-container .cr-viewport { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } /*************************************/ /***** STYLING RANGE INPUT ***********/ /*************************************/ /*http://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html */ /*************************************/ .cr-slider { -webkit-appearance: none; /*removes default webkit styles*/ /*border: 1px solid white; *//*fix for FF unable to apply focus style bug */ width: 300px; /*required for proper track sizing in FF*/ max-width: 100%; padding-top: 8px; padding-bottom: 8px; background-color: transparent; } .cr-slider::-webkit-slider-runnable-track { width: 100%; height: 3px; background: rgba(0, 0, 0, 0.5); border: 0; border-radius: 3px; } .cr-slider::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: #ddd; margin-top: -6px; } .cr-slider:focus { outline: none; } /* .cr-slider:focus::-webkit-slider-runnable-track { background: #ccc; } */ .cr-slider::-moz-range-track { width: 100%; height: 3px; background: rgba(0, 0, 0, 0.5); border: 0; border-radius: 3px; } .cr-slider::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: #ddd; margin-top: -6px; } /*hide the outline behind the border*/ .cr-slider:-moz-focusring { outline: 1px solid white; outline-offset: -1px; } .cr-slider::-ms-track { width: 100%; height: 5px; background: transparent; /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */ border-color: transparent;/*leave room for the larger thumb to overflow with a transparent border */ border-width: 6px 0; color: transparent;/*remove default tick marks*/ } .cr-slider::-ms-fill-lower { background: rgba(0, 0, 0, 0.5); border-radius: 10px; } .cr-slider::-ms-fill-upper { background: rgba(0, 0, 0, 0.5); border-radius: 10px; } .cr-slider::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: #ddd; margin-top:1px; } .cr-slider:focus::-ms-fill-lower { background: rgba(0, 0, 0, 0.5); } .cr-slider:focus::-ms-fill-upper { background: rgba(0, 0, 0, 0.5); } /*******************************************/ /***********************************/ /* Rotation Tools */ /***********************************/ .cr-rotate-controls { position: absolute; bottom: 5px; left: 5px; z-index: 1; } .cr-rotate-controls button { border: 0; background: none; } .cr-rotate-controls i:before { display: inline-block; font-style: normal; font-weight: 900; font-size: 22px; } .cr-rotate-l i:before { content: '↺'; } .cr-rotate-r i:before { content: '↻'; } /*Tassel Rebrand*/ .blue-background { background-color: var(--tasselBlue); } .pink-background { background-color: var(--tasselPink); } .white-background { background-color: #ffffff; } .off-white-background { background-color: var(--tasselOffWhite); } .dark-gray-text { color: var(--tasselDarkGray); } .dashboard { /* background-color: var(--paletteSlateBlueDarkest);*/ color: var(--tasselDarkGray); font-family: "Manrope", sans-serif; font-size: 16px; } /* TODO: on refactor: perhaps move some of these styles with .dashboard ancestor selectors to be more global*/ /* Remove default margin */ .dashboard body, .dashboard h1, .dashboard h2, .dashboard h3, .dashboard h4, .dashboard p, .dashboard figure, .dashboard blockquote, .dashboard dl, .dashboard dd { margin: 0; } /* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */ .dashboard ul[role=list], .dashboard ol[role=list] { list-style: none; } .dashboard ul { margin: 0; padding: 0; } .dashboard li { list-style: none; } .dashboard button { cursor: pointer; } .line-clamp { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(--line-clamp, 2); } .dashboard-container { width: 100%; max-width: 93.75rem; margin-left: auto; margin-right: auto; } .page__grid { display: grid; grid-template-columns: 3fr 1fr; column-gap: 6rem; row-gap: 4rem; margin-top: 4rem; } @media (max-width: 93.75em) { .page__grid { column-gap: 3.5rem; row-gap: 3rem; } } @media (max-width: 64em) { .page__grid { grid-template-columns: 1fr; } } .page__section { grid-column: 1/2; } .page__sidebar { grid-column: 2/3; grid-row: 1/4; } @media (max-width: 64em) { .page__sidebar { grid-column: auto; grid-row: auto; } } @media (max-width: 64em) { .page__quick-stats { order: 1; } } .page__section-header { display: flex; align-items: center; margin-bottom: 1rem; } .page__section-header-btn { padding-left: 0.5rem; margin-left: auto; font-weight: 500; background-color: var(--tasselDarkGray); color: white; } .page__section-header-note { color: var(--tasselDarkGray); padding-left: 0.5rem; margin-left: auto; font-weight: 500; padding-top: 5px; } .number-badge { display: inline-flex; justify-content: center; align-items: center; font-size: 0.8125rem; font-weight: 700; color: #ffffff; background-color: var(--tasselOrange); border-radius: 100px; width: 1.875em; height: 1.875em; margin-left: 0.25rem; vertical-align: middle; } .dash-btn-dark-gray { background-color: var(--tasselDarkGray); color: #ffffff; margin-left: auto; } .dashboard .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 20; transition-property: left, opacity, visibility; transition-duration: 300ms; --dialog-padding: 4rem; --space-y: 3rem; } @media (max-width: 48em) { .dashboard .modal { --dialog-padding: 1.5rem; --space-y: 1.5rem; } } .dashboard .modal[aria-hidden=true] { visibility: hidden; opacity: 0; } .modal__overlay { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); padding: 0.75rem; } .modal__dialog { position: relative; max-width: 40rem; padding: var(--dialog-padding); background-color: white; border-radius: 12px; color: var(--paletteSlateBlueDarkest); transition-property: none; transition-duration: 300ms; } [aria-hidden=true] .modal__dialog { transform: scale(0.92); } .modal__close { position: absolute; top: 1.375rem; right: 1.375rem; color: var(--paletteSlateBlueMid); transition-property: color, transform; transition-duration: 200ms; } .modal__close-icon { width: 1.25rem; height: 1.25rem; } .modal__button { margin-top: var(--space-y); } .modal__icon { width: 2.5rem; height: 2.5rem; margin-bottom: var(--space-y); } .modal__icon--warning { color: var(--paletteWarning); } /* TODO: on refactor: this could be renamed */ .dashboard__panel { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 30; transition-property: left, opacity, visibility; transition-duration: 300ms; } .dashboard__panel[aria-hidden=true] { visibility: hidden; opacity: 0; } .dashboard__modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 30; transition-property: left, opacity, visibility; transition-duration: 300ms; } .panel__overlay { width: 100%; height: 100%; } .panel__overlay:focus { outline: none; } .panel__modal { border-radius: 8px; max-height: 90vh; overflow-y: auto; overscroll-behavior: contain; position: relative; width: 50rem; margin-top: 5vh; margin-left: auto; margin-right: auto; margin-bottom: auto; background-color: var(--tasselOffWhite); color: var(--tasselDarkGray); box-shadow: -3px 0 24px rgba(16, 27, 49, 0.6); transition-property: transform; transition-duration: 300ms; --content-px: 4rem; } [aria-hidden=true] .panel__dialog { transform: translate(50%); } @media (max-width: 64em) { .panel__dialog { width: calc(100% - 1.25rem); --content-px: 2rem; } .panel__modal { width: calc(100% - 1.25rem); --content-px: 2rem; } } .panel__close { position: absolute; top: 1.375rem; right: 1.375rem; color: #ffffff; transition-property: color, transform; transition-duration: 200ms; border-radius: 6px; } .panel__close-icon { color: #ffffff; width: 1.25rem; height: 1.25rem; margin: 6px; } .panel__close__background { padding: 2rem; } .panel__header { min-height: 40px; margin-top: auto; width: 100%; padding: 3rem var(--content-px); background-color: var(--tasselOffWhite); } .panel__header-content { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--content-px); } .panel__form { border-top: solid 1px var(--paletteSlateBlueLight); margin-top: 3rem; padding: 3rem 0 0 0; color: white; } .panel__form[aria-hidden=true] { display: none; } .panel__form-actions { display: flex; justify-content: space-between; margin-top: 2rem; } .panel__textarea { width: 100%; margin-top: 1.5rem; padding: 0.75rem; color: var(--paletteSlateBlueDarkest); } .dashboard .button { display: inline-flex; align-items: center; justify-content: center; text-align: center; padding: 0.6875rem 1.5rem; font-weight: 500; border-radius: 6px; background-color: var(--tasselDarkGray); color: #ffffff; } .dashboard .more-button { font-size: 1rem; } .dashboard .button--outline { color: white; border: solid 2px; } @media (max-width: 48em) { .dashboard .button--outline { border-color: rgba(255, 255, 255, 0.6); border-width: 1px; } } .dashboard .button--outline[disabled] { color: var(--paletteSlateBlueLight); pointer-events: none; } @media (max-width: 48em) { .dashboard .button--outline[disabled] { border-color: var(--paletteSlateBlueLight); } } .dashboard .button--gray { color: white; background-color: var(--tasselDarkGray); } .dashboard .button--navy { color: var(--paletteBlueHighlightLight); background-color: var(--paletteSlateBlueDarkest); border: solid 2px var(--paletteSlateBlueDarkest); } .dashboard .button--label { padding-left: 0; padding-right: 0; color: var(--paletteSlateBlueLightest); } .dashboard .button--wide { min-width: 15rem; } .record { background-color: var(--tasselOffWhite); border-radius: 10px; display: flex; justify-content: space-between; margin-top: 2.25rem; padding: 2rem; } @media (max-width: 64em) { .record { padding: 1rem; } } .record div { color: var(--tasselDarkGray); } .dashboard .ceremony__dropdown--button { font-size: 1.25rem; } .timeline { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.5rem; } @media (max-width: 48em) { .timeline { gap: 1rem; grid-template-columns: 1fr; } } .timeline__btn { cursor: pointer; } .timeline__step { display: flex; flex-direction: column; align-items: center; } @media (max-width: 48em) { .timeline__step { flex-direction: row-reverse; justify-content: flex-end; } } .timeline__step-label { display: flex; align-items: center; margin-bottom: auto; font-weight: 500; font-size: 0.875rem; text-align: center; line-height: 1; color: var(--tasselDarkGray); } .is-error .timeline__step-label { font-weight: 700; color: var(--tasselDarkGray); } .is-active .timeline__step-label { font-weight: 700; color: var(--tasselDarkGray); } @media (max-width: 48em) { .timeline__step-label { margin: auto 0; } } .timeline__step-icon { display: block; width: 1rem; height: 1rem; margin-left: 0.5rem; color: var(--tasselOrange); } .timeline__step-bar { width: 100%; height: 0.875rem; margin-top: 0.75rem; background-color: var(--tasselOffWhite); } .is-error .timeline__step-bar { background-color: var(--tasselOrange); } .is-active .timeline__step-bar { background-color: var(--tasselBlue); } @media (max-width: 48em) { .timeline__step-bar { width: 32px; height: 4px; margin-top: 0; margin-right: 0.75rem; border-radius: 0 !important; } } .timeline__step:first-child .timeline__step-bar { border-radius: 5px 0 0 5px; } .timeline__step:last-child .timeline__step-bar { border-radius: 0 5px 5px 0; } .noti__list > *:not(:last-child) { margin-bottom: 0.625rem; } .noti__item { display: grid; grid-template-columns: 2.5fr 1fr; gap: 0.625rem; position: relative; z-index: 0; padding: 1.5rem 2.25rem; background-color: var(--tasselOffWhite); border-radius: 6px; } .noti__item::after { display: block; top: 0; left: 0; border-radius: 6px; } .noti__item--priority-high { --priority-color: var(--tasselPink); } .noti__item--priority-medium { --priority-color: var(--tasselBlue) } @media (max-width: 48em) { .noti__item { grid-template-columns: 1fr; padding: 0.75rem 1rem; } } .noti__label { font-weight: 700; color: var(--priority-color); } .noti__text { margin-top: 0.25rem; font-weight: 300; } .noti__btn { align-self: center; justify-self: end; margin-top: 0.625rem; } @media (max-width: 48em) { .noti__btn { justify-self: start; margin-top: 0.125rem; } } .btn-clear-dash { background: transparent; } .dashboard .noti__clear { justify-content: center; align-items: center; position: absolute; z-index: -1; right: 0; top: 0; bottom: 0; padding: 0.75rem; padding-left: 2rem; border-radius: 0 6px 6px 0; font-weight: 700; font-size: 0.75rem; background-color: var(--tasselOffWhite); border: 0; } @media (max-width: 93.75em) { .dashboard .noti__clear { padding: 0.5rem; padding-left: 1.75rem; font-size: 0.5625rem; } } .dashboard .noti__clear-icon { width: 1.75rem; height: 1.75rem; margin-top: 0.25rem; padding: 0.4375rem; } .dashboard .noti__clear-icon > svg { width: 0.875rem; height: 0.875rem; } .my-tasks > *:not(:last-child) { margin-bottom: 0.625rem; } .task { background-color: var(--tasselOffWhite); border-radius: 12px; } .task__details { width: 100%; } .task__summary { appearance: none; display: flex; padding: 1.5rem 2.25rem; background-color: var(--tasselOffWhite); border-radius: 12px; cursor: pointer; transition-property: background-color; transition-duration: 200ms; } .task__summary:hover { background-color: var(--tasselOffWhite); } .task__inner-column { align-items: flex-end; display: flex; flex-direction: column; margin-left: auto; } .is-completed .task__summary { color: #ffffff; background-color: var(--tasselOffWhite); cursor: default; } .task__summary::marker, .task__summary::-webkit-details-marker { display: none; } @media (max-width: 48em) { .task__summary { flex-direction: column; padding: 1rem 1.25rem; } } .task__content { padding: 0 2.25rem 2.25rem 10.875rem; } @media (max-width: 48em) { .task__content { padding: 0 1.25rem 1rem 1.25rem; } } .task__download { display: flex; justify-content: space-between; } @media (max-width: 48em) { .task__download { flex-direction: column; align-items: flex-start; } } .task__desc { font-size: 1rem; margin-right: auto; } .task__desc-button { flex-shrink: 0; height: 3rem; width: 12.5rem; margin-left: 1.5rem; white-space: nowrap; } @media (max-width: 48em) { .task__desc-button { margin-top: 0.75rem; margin-left: 0; } } .task__hr { height: 1px; background-color: var(--paletteSlateBlueTint); border: 0; } .task__summary-separator { margin-bottom: 1.875rem; } .task__cell { margin-right: 2.25rem; } @media (max-width: 48em) { .task__cell { margin-top: 0.5rem; margin-right: 0; } } .task__cell--first { min-width: 6.25rem; } @media (max-width: 48em) { .task__cell--first { min-width: none; margin-top: 0; } } .task__status { min-width: 8.75rem; padding-top: 0.6875rem; align-self: flex-start; display: flex; align-items: center; margin-left: auto; } .dashboard .task__info-tooltip { background-color: black; border: none; border-radius: 10px; color: var(--white); font-family: "Manrope", sans-serif; font-size: 12px; } .dashboard .tooltip > .tooltip-inner { background-color: black; color: var(--white); border: none; font-weight: 500; } @media (max-width: 48em) { .task__status { margin-left: 0; } } /*TODO: on refactor - move margin to just the above .task__status-label once nested in .dashboard */ .task__status .task__status-label { margin-left: 0.625rem; } .stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; } .stat { border-radius: 10px; } @media (max-width: 48em) { .stats { grid-template-columns: 1fr; } } .stat__group { display: flex; justify-content: space-between; gap: 0.5rem; } @media (max-width: 48em) { .stat__group { justify-content: flex-start; gap: 2rem; } } .stat__group--texts{ margin-left: 1rem; } .stat__top { padding: 1.5rem; border-radius: 12px 12px 0 0; background-color: var(--tasselOffWhite); } @media (max-width: 48em) { .stat__top { padding: 1.25rem; } } /*TODO: on refactor - can probably remove the button. selector on both this and the below hover once nested */ button.stat__bottom { display: block; width: 100%; margin-top: 2px; padding: 1.5rem; border-radius: 0 0 12px 12px; background-color: var(--tasselOffWhite); font-weight: 700; font-size: 0.6875rem; line-height: 1; color: var(--tasselDarkGray); transition-property: color, background-color; transition-duration: 200ms; border: 0; } button.stat__bottom:hover { background-color: var(--tasselOffWhite); color: var(--tasselDarkGray); } .stat__numbers { white-space: nowrap; } .stat__text-lg { font-weight: 300; font-size: 1.5rem; line-height: 1; } .stat__text-xl { font-weight: 100; font-size: 3.75rem; line-height: 1; } .stat__desc { margin-top: 0.625rem; font-weight: 400; line-height: 1; white-space: nowrap; } .schedule { position: relative; } .schedule__item { position: relative; margin-left: 3rem; height: 5rem; } @media (max-width: 93.75em) { .schedule__item { margin-left: 1.875rem; } } .schedule__item:not(:first-child)::before { content: ""; display: block; width: 0.1875rem; height: 150%; background-color: var(--paletteSlateBlueLightest); position: absolute; top: -6.75rem; left: -2.6rem; } .schedule__item::after { content: ""; display: block; width: 0.9375rem; height: 0.9375rem; position: absolute; left: -3rem; top: 0; background-color: var(--paletteSlateBlueLightest); border-radius: 50%; z-index: 1; } @media (max-width: 93.75em) { .schedule__item:not(:first-child)::before { left: -1.5rem; } .schedule__item::after { left: -1.875rem; } } .schedule__item.is-active::before, .schedule__item.is-active::after { background-color: var(--paletteBlueHighlightLight); } .schedule__item:not(:first-child) { margin-top: 2.25rem; } .schedule__item-title { font-weight: 300; font-size: 1.125rem; line-height: 1; } .is-active .schedule__item-title { color: var(--tasselDarkGray); } .dashboard .schedule__item-desc { margin-top: 0.625rem; font-size: 0.75rem; line-height: 1.3; color: var(--tasselDarkGray); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; } @media (max-width: 48em) { .schedule__item-desc { font-size: 0.9375rem; } } .schedule__item-detail { display: block; margin-bottom: 0.125rem; color: white; } .is-active .schedule__item-title { color: var(--tasselDarkGray); } .schedule__item-desc { margin-top: 0.625rem; font-size: 0.75rem; line-height: 1.3; color: var(--tasselDarkGray); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; } @media (max-width: 48em) { .schedule__item-desc { font-size: 0.9375rem; } } .schedule__item-detail { display: block; margin-bottom: 0.125rem; color: white; } .subtask { display: flex; align-items: center; border-top: solid 2px var(--paletteSlateBlueDarkest); margin-top: 1.5rem; padding-top: 1.5rem; font-size: 1rem; } @media (max-width: 48em) { .subtask { flex-direction: column; align-items: flex-start; } } .subtask.is-disabled { color: var(--paletteSlateBlueLight); } .subtask__label { flex: 1; display: flex; align-items: center; } .subtask__desc { width: 100%; margin-right: auto; font-size: 1.125rem; } @media (max-width: 64em) { .subtask__desc { font-size: 1rem; } } .subtask__text { font-size: 1rem; margin-top: 0.25rem; margin-left: 1rem; color: var(--paletteSlateBlueLightest); } @media (max-width: 64em) { .subtask__text { margin-left: 0; } } .subtask__checkbox { margin-right: 1rem; } .subtask__fieldset { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 1.5rem; width: 100%; border: none; } @media (max-width: 64em) { .subtask__fieldset { grid-template-columns: 1fr; } } .subtask__fieldset-legend { margin-bottom: 1rem; } .subtask__radio { flex-shrink: 0; display: flex; } .subtask__radio-title { font-weight: 700; } .subtask__radio-text { color: var(--paletteSlateBlueLightest); } .subtask__radio-label { margin-left: 0.75rem; margin-top: -0.125rem; } .dashboard .checkbox { position: absolute; visibility: hidden; } .checkbox__circle { flex-shrink: 0; display: flex; justify-content: center; align-items: center; width: 1.75rem; height: 1.75rem; border-radius: 50%; border: solid 2px currentColor; transition-property: color, background-color; transition-duration: 200ms; } .checkbox__circle > svg { width: 0.875rem; height: 0.875rem; color: var(--paletteSlateBlueDarker); opacity: 0; } .checkbox:checked + .checkbox__circle { background-color: currentColor; } .checkbox:checked + .checkbox__circle > svg { opacity: 1; } .dashboard .radio { flex-shrink: 0; position: absolute; visibility: hidden; } .radio__circle { flex-shrink: 0; display: flex; justify-content: center; align-items: center; width: 14px; height: 14px; border-radius: 50%; border: solid 1px currentColor; } .radio__circle::after { content: ""; display: block; width: 6px; height: 6px; background-color: currentColor; border-radius: 50%; opacity: 0; transition-property: color, background-color; transition-duration: 200ms; } .radio:checked + .radio__circle::after { opacity: 1; } .lock__icon { width: 1.75em; height: 1.75em; flex-shrink: 0; color: gray; } .button_disabled.stat__bottom { color: gray; } .blur { filter: blur(5px); } .task__status-updatedBy { font-size: .75rem; padding-top: .5rem; font-style: italic; text-align: right; } .subtask__status-updatedBy { font-size: .75rem; font-style: italic; text-align: right; } .subtask_delete_button { float: right; } .fileupload_section_right { float: right; width: 40%; } .fileupload_section_fileNames { float: left; width: 60%; font-size: .5rem; } .dashboard-ceremony-count { font-weight: 400; font-size: 1rem; } .dashboard-ceremony-title { font-weight: 600; font-size: 1.75rem; } /* TODO: on refactor: take care that there's a lot of styling for these pages in dashboard.css*/ .grid-stack { width: 10.9375rem; height: 10.9375rem; } .grid-stack > * { } .rep-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2.5rem; margin-top: 3rem; } .rep { grid-column: span 2; border-radius: 12px; background-color: var(--tasselOffWhite); } .rep-grid.rep { background-color: inherit; } .rep--small { grid-column: span 1; } @media (max-width: 64em) { .rep--small { grid-column: span 2; } } .rep__content { padding: 3rem; border-radius: 12px; background-color: var(--tasselOffWhite); } .rep__content-graph-section { padding: .5rem; } .rep__content-graph-replacer { font-style: italic; font-size: 1.8rem; align-items: center; padding: 2em; text-align: center; margin: 1rem; background: repeating-linear-gradient( 15deg, #101B31, #101B31, 15px, #18253E 15px, #18253E 30px ); } @media (max-width: 64em) { .rep__content { padding: 1.25rem; } } .rep__content.is-light { background-color: white; color: var(--tasselDarkGray); } div.is-light { background-color: white; color: var(--tasselDarkGray); } .rep__hr { height: 6px; background-color: var(--tasselOffWhite); border: none; } .rep__header { display: flex; align-items: center; min-height: 4.125rem; border-bottom: 3px solid var(--tasselDarkGray); padding-bottom: 1rem; } .rep__header__custom { justify-content: space-between; } .is-light .rep__header { border-bottom-color: var(--paletteSlateBlueLightest); } @media (max-width: 48em) { .rep__header { flex-direction: column; align-items: flex-start; } } .rep__header-details { margin-left: auto; } @media (max-width: 48em) { .rep__header-details { margin-top: 1.25rem; margin-left: 0; } } .rep__header-delete-button { width: 1.5625rem; height: 1.5625rem; color: var(--paletteSlateBlueLight); transition-property: color; transition-duration: 200ms; } .rep__header-delete-button:hover { color: white; } .dashboard .rep__title-top { font-weight: 400; font-size: 0.8125rem; line-height: 1; margin-bottom: 0.5rem; } .rep__title { font-weight: 400; font-size: 1.75rem; line-height: 1; } .rep__title-dropdown { margin-left: 0.625rem; } .rep__tabs { display: flex; margin-left: -1.5rem; } .dashboard .rep__tab-link { margin: 1.5rem 1.5rem 0; padding-bottom: 0.625rem; color: var(--paletteSlateBlueLight); transition-property: color; transition-duration: 200ms; } .rep__tab-link:hover { color: var(--paletteSlateBlueLightest); } .rep__tab-link.is-active { color: white; border-bottom: 3px solid; } .is-light .rep__tab-link.is-active { color: var(--paletteSlateBlueShade); } .rep__pie-chart { display: flex; justify-content: space-between; } .rep__pie-canvas { width: 70%; } @media (max-width: 64em) { .rep__pie-canvas { width: 100%; } } .rep__pie-legend { max-width: 20rem; padding-left: 2.625rem; border-left: 3px solid var(--tasselDarkGray); } .rep__pie-legend li { display: block; position: relative; margin-bottom: 0.625rem; margin-left: 2.5rem; font-size: 0.8125rem; } .rep__pie-legend li::before { content: ""; display: inline-block; width: 1.75rem; height: 0.75rem; position: absolute; top: 0.25rem; left: -2.625rem; background-color: var(--color, white); } .rep__create-btn { display: flex; align-items: center; justify-content: center; grid-column: span 2; width: 100%; padding: 1.5rem 2.5rem; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; border: 2px solid white; border-radius: 12px; transition-property: background-color; transition-duration: 200ms; } .rep__create-btn > svg { width: 1rem; height: 1rem; margin-right: 0.625rem; } .rep__create-btn:hover { background-color: rgba(255, 255, 255, 0.08); } .rep__bar-title-block { margin-top: 1.5rem; margin-bottom: 1.5rem; } .rep__bar-title { font-weight: 700; font-size: 0.8125rem; text-transform: uppercase; color: white; } .is-light .rep__bar-title { color: #333; } .rep__bar-subtitle { font-size: 0.6875rem; text-transform: uppercase; color: var(--tasselBlack); } .rep__legend { display: flex; align-items: center; justify-content: space-between; } .rep__chart-nav { display: flex; } .is-light .rep__chart-nav { display: none; } .dashboard .rep__chart-btn { padding: 0.875rem; color: var(--paletteBlueHighlightLight); } .rep__chart-btn > svg { width: 1.25rem; height: 1.25rem; } .rep__chart-btn.is-active { color: white; } .rep__body { padding-top: 2rem; } .rep__big-stat .stat-title { margin-bottom: 1.5rem; } .rep__big-stat .stat-big-number { font-size: 4.125rem; } .rep__big-stat .stat-small-number { margin-left: 0.5rem; font-size: 2.125rem; } .rep__big-stat .bar-stat__progress { width: 18.75rem; max-width: 100%; margin-top: 1.5rem; } .rep__big-stat .bar-stat__progress .report-progress-bar { flex: 1; } .dashboard .dropdown { display: inline-block; position: relative; } .dropdown__btn { display: inline-block; color: var(--paletteSlateBlueLight); transition-property: color; transition-duration: 200ms; } .dropdown__btn:hover { color: white; } .dropdown__btn > svg { width: 0.75em; height: 0.75em; } .dashboard .dropdown__list { position: absolute; top: 0; left: 0; padding: 0.3125rem; border-radius: 6px; background: white; transform-origin: 0 0; transform: scale(0.9); opacity: 0; visibility: hidden; transition-property: transform, opacity, visibility; transition-duration: 200ms; } .dropdown__list > * + * { margin-top: 0.125rem; } .dropdown__list.is-active { transform: none; opacity: 1; visibility: visible; z-index: 10; width: max-content; } .dashboard .dropdown__option { display: flex; align-items: center; width: 100%; padding: 0.375rem 1rem; font-size: 0.875rem; font-weight: 700; color: var(--tasselDarkGray); border-radius: 4px; transition-property: background-color, color; transition-duration: 200ms; } .dropdown__option:hover { background-color: var(--paletteBlueHighlightLight); color: white; } .dropdown__option > svg { width: 1rem; height: 1rem; margin-right: 0.625rem; } .select { display: flex; flex-direction: column; max-width: 65% } .dashboard .select option { color: black; } .select__label { font-weight: 300; font-size: 0.8125rem; } .select__element-wrap { width: fit-content; display: inline-flex; align-items: center; position: relative; } .select__element-wrap--solid .select__element { padding: 0.625rem 3.625rem 0.625rem 3rem; background-color: var(--tasselOffWhite); border-radius: 0.5rem; } @media (max-width: 48em) { .select__element-wrap--solid .select__element { padding-left: 1.5rem; } } .select__element-wrap--solid .select__arrow { right: 1.25rem; } .select__element { width: 100%; -webkit-appearance: none; appearance: none; background: none; border: none; color: inherit; font-size: 1.125rem; padding-right: 1.5625rem; } .select__arrow { position: absolute; top: calc(50% - 0.4375rem); right: 0; width: 0.875rem; height: 0.875rem; pointer-events: none; } .dashboard .report-progress-bar { display: block; width: 100%; height: 0.625rem; border-radius: 10px; background-color: #b8b8b8; } .dashboard .report-progress-bar::after { content: ""; display: block; height: 100%; border-radius: inherit; width: calc(var(--value) / var(--max) * 100%); } .dashboard .report-progress-bar-overmax::after { content: ""; display: block; height: 100%; border-radius: inherit; width: calc(var(--value) ); } .dashboard .report-progress-bar::after { background-color: var(--tasselDarkGray); } .dashboard .progress-bar--orange { background-color: #b8b8b8; } .dashboard .progress-bar--orange::after { background-color: var(--tasselDarkGray); } .dashboard .Text-orange { /*color: #f49629;*/ } .dashboard .progress-bar--teal { background-color: #b8b8b8; } .dashboard .progress-bar--teal::after { background-color: var(--tasselDarkGray); } .progress-donut { --w: 514.388916015625; --value: 50; --max: 100; width: 10.9375rem; height: 10.9375rem; transform: rotate(-90deg); } .progress-donut__circle, .progress-donut__value { fill: none; stroke-width: 10px; } .progress-donut__circle { stroke: #b8b8b8; } .progress-donut__value { stroke: var(--tasselDarkGray); stroke-dasharray: var(--w); stroke-dashoffset: calc(var(--w) - var(--value) / var(--max) * var(--w)); stroke-linecap: round; } .progress-donut--orange .progress-donut__circle { stroke: #b8b8b8; } .progress-donut--orange .progress-donut__value { stroke: #b8b8b8; } .progress-donut--teal .progress-donut__circle { stroke: #b8b8b8; } .progress-donut--teal .progress-donut__value { stroke: #b8b8b8; } .dashboard .step { grid-column: span 2; } .step__content { border-radius: 12px; background-color: var(--tasselOffWhite); padding: 3rem 3.5rem 4.25rem; } @media (max-width: 48em) { .step__content { padding: 2rem 1.5rem; } } .step__title { font-weight: 400; font-size: 1.125rem; } .step__title-step { display: block; font-size: 0.8125rem; text-transform: uppercase; margin-bottom: 0.25rem; } .step__wide-input { width: 100%; margin-top: 2rem; padding: 0; font-family: inherit; font-size: 1.75rem; line-height: 3.75rem; color: var(--tasselDarkGray); background-color: transparent; border: none; border-bottom: 2px solid white; } .step__wide-input:focus { outline: none; } .step__wide-input::placeholder { color: var(--tasselDarkGray); } .step__footer { display: flex; align-items: center; justify-content: space-between; margin-top: 1.5rem; } .dashboard .step__btn { display: block; padding: 0.8125rem 2.5rem; font-weight: 700; font-size: 0.75rem; text-transform: uppercase; border-radius: 8px; transition-property: background-color; transition-duration: 200ms; } .dashboard .step__btn:only-child { margin-left: auto; } .dashboard .step__btn:disabled { pointer-events: none; opacity: 0.5; } .dashboard .step__btn-outline { background-color: transparent; border: 2px solid white; } .dashboard .step__btn-outline:hover { background-color: rgba(255, 255, 255, 0.08); } .dashboard .step__btn-solid { background-color: var(--paletteBlueHighlightMid); } .dashboard .step__btn-solid:hover { background-color: #0489b9; } .step__grid { display: grid; align-items: start; gap: 0.75rem; margin-top: 2rem; } .step__grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .step__grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } @media (max-width: 64em) { .step__grid { grid-template-columns: 1fr; gap: 1.5rem; } } .step__checkbox { display: flex; } .dashboard .step__checkbox-label { font-weight: 400; font-size: 1.125rem; margin-left: 0.875rem; } .step__checkbox-label > small { display: inline-block; max-width: 22.5rem; margin-top: 0.375rem; font-size: 0.75rem; } .step__select { margin-top: 1.25rem; } .step__summary { margin-bottom: 1.875rem; } .step__summary-title { font-weight: 400; font-size: 1.75rem; line-height: 1; } .step__summary-list { margin-top: 0.75rem; font-size: 1.125rem; } .step__summary-list > li { margin-top: 2rem; } .step__summary-edit { margin-left: 0.625rem; font-weight: 700; font-size: 0.75rem; text-transform: uppercase; color: var(--paletteBlueHighlightLight); transition-property: color; transition-duration: 200ms; } .step__summary-edit:hover { color: white; } .checkbox__square { flex-shrink: 0; display: flex; justify-content: center; align-items: center; width: 1.75rem; height: 1.75rem; border-radius: 5px; border: solid 2px currentColor; transition-property: color, background-color; transition-duration: 200ms; } .radio__round { flex-shrink: 0; display: flex; justify-content: center; align-items: center; width: 1.75rem; height: 1.75rem; border-radius: 100px; border: solid 2px currentColor; transition-property: color, background-color; transition-duration: 200ms; } .checkbox__square > svg, .radio__round > svg { width: 0.875rem; height: 0.875rem; color: var(--tasselDarkGray); opacity: 0; } .checkbox:checked + .checkbox__square, .checkbox:checked + .radio__round { background-color: currentColor; } .checkbox:checked + .checkbox__square > svg, .checkbox:checked + .radio__round > svg { opacity: 1; } .stat-inline { display: flex; margin-top: 2.5rem; } .stat-inline > *:not(:last-child) { border-right: 3px solid var(--paletteSlateBlueDarkest); } .is-light .stat-inline > *:not(:last-child) { border-right-color: var(--paletteSlateBlueLightest); } .stat-inline > * { flex: 1; display: flex; justify-content: center; } @media (max-width: 48em) { .stat-inline { flex-direction: column; } .stat-inline > *:not(:last-child) { border-right: none; } .stat-inline > * { margin-top: 2.875rem; } } .stat-stack { margin-top: 2.5rem; } .stat-stack > *:not(:first-child) { margin-top: 1.5rem; } .stat-title { font-weight: 700; font-size: 0.8125rem; line-height: 1; text-transform: uppercase; white-space: nowrap; } .stat-big-number { font-weight: 100; font-size: 2.8125rem; line-height: 1; margin-bottom: .5rem; } .stat-small-number { font-weight: 300; font-size: 1.625rem; line-height: 1; } .stat-small-number { font-weight: 300; font-size: 1rem; line-height: 1; } .stat-smallest-number { font-size: 1rem; white-space: nowrap; } .stat-total { margin-left: 0.3125rem; font-size: 0.8125rem; } .percent-stat { width: 100%; } .bar-stat { padding: 0 2rem; } .bar-stat .stat-big-number { font-size: 3.125rem; } .bar-stat__numbers { margin-top: 0.75rem; } .bar-stat__progress { display: flex; align-items: center; margin-top: 0.75rem; } .bar-stat__progress > .report-progress-bar { margin-right: 0.75rem; } .bar-stat__progress > span { font-weight: 300; font-size: 1.125rem; line-height: 1; } .donut-stat { display: flex; flex-direction: column; align-items: center; } .donut-stat > *:not(:last-child) { margin-bottom: 1.5rem; } .donut-stat__content { align-items: center; bottom: 125px; display: flex; flex-direction: column; justify-content: center; position: relative; } @media (max-width: 93.75em) { .donut-stat__content { bottom: 108px; } } .row-stat-visualization { display: flex; flex-wrap: nowrap; justify-content: space-around; } .row-stat__label { align-self: flex-end; font-weight: 300; font-size: 0.8125rem; min-width: 15%; text-transform: uppercase; } .row-stat__progress { width: 100%; grid-area: progress; } .row-stat__from { align-self: flex-end; font-size: 1rem; white-space: nowrap; } .number-bar-section { display: flex; flex-direction: column; margin: .5rem 1.5rem; min-width: 54%; width: 100%; } .stat-table-wrapper { overflow-x: auto; } .stat-table { width: 100%; min-width: 600px; margin-top: 2.5rem; text-align: left; table-layout: fixed; border-spacing: 0; } .stat-table__date { font-weight: 300; font-size: 0.8125rem; text-transform: uppercase; } .stat-table__number { font-size: 1rem; } .stat-table__number--strong { font-weight: 700; color: var(--tasselDarkGray); } .stat-table__selected-row td { background-color: var(--tasselOffWhite); } .is-light .stat-table__selected-row td { background-color: rgba(200, 209, 224, 0.3); } .stat-table td, .stat-table th { padding: 0.3125rem; } .stat-table td:not(:last-child), .stat-table th:not(:last-child) { padding-right: 2.5rem; } .stat-table th { padding-bottom: 1.25rem; } .stat-table progress { width: 100%; } .dashboard-loader { border: 10px solid #101b31; border-radius: 50%; border-top: 10px solid #778ebb; width: 80px; height: 80px; margin: 1rem auto; -webkit-animation: spin 1s linear infinite; /* Safari */ animation: spin 1s linear infinite; } /* Safari */ @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .no-capped-responses { margin-top: 2em; text-align: center; } .custom-reports .select__element-wrap { width: 100%; } .button__toggle__region { margin-top: 2rem; } .data__tables .is-light { color: black; background-color: white; } .data__tables .is-light table { background-color: white; } .data__tables .is-light tr:nth-child(even) { background-color: var(--greyLighter); } .table__reports { display: flex; flex-direction: column; margin: 2rem auto; } .table__reports table { background-color: var(--tasselOffWhite); border: 1px solid var(--tasselDarkGray); border-collapse: collapse; margin-bottom: 1rem; width: 100%; } h3.table__header { font-size: 1.5rem; margin: 1rem auto; } .table__reports td { border: 1px solid var(--tasselDarkGray); padding: .5rem 1rem; } .table__reports th { border: 1px solid var(--tasselDarkGray); padding: .5rem .5rem; } .table__reports tr:nth-child(even) { background-color: var(--tasselOffWhite); } .data__tables__table-section{ overflow: auto; } .selected-ceremony-text { float: right; } .transparent-text { color: rgba(0, 0, 0, 0); font-size: 2rem; } .report__fieldset { margin-inline-start: 0; margin-inline-end: 0; padding-block-start: 0; padding-block-end: 0; padding-inline-start: 0; padding-inline-end: 0; border: none; min-inline-size: min-content; } .data-cleaning_header-section { display: flex; justify-content: space-between; } .data-cleaning_header-section select{ width: revert; } .data-cleaning_add-acceptable-values_container { display: flex; flex-direction: column; align-items: center; background: #F6F3EF; gap: 0px; border-radius: 32px 32px 32px 32px; border: 7px 7px 7px 7px; padding: 20px; opacity: 0px; margin-top: 30px; margin-bottom: 30px; } .data-cleaning_add-acceptable-values { display: flex; flex-direction: column; } .data-cleaning_add-acceptable-values h2 { text-align: center; margin-bottom: 20px; } .data-cleaning_add-acceptable-values ul { list-style-type: none; padding: 0; } .data-cleaning_add-acceptable-values ul li { display: flex; justify-content: space-evenly; width: 565px; left: calc(50% - 565px/2 + 131px); top: 19.09%; bottom: 79.23%; background: #F6F3EF; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), inset 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 32px; padding: 15px 0px; } .data-cleaning_add-values-btn { display: flex; width: 108px; height: 22px; top: 653px; left: 1181px; gap: 0px; border-radius: 10px 10px; opacity: 0px; background: #D0EEEF; box-shadow: 0px 1px 0px 0px #FFFFFF26; text-decoration: none; } .data-cleaning_add-values-btn:hover { text-decoration: none; /* Ensures no underline on hover */ } .data-cleaning_add-values-btn span { width: 105px; height: 18px; top: 654px; left: 1181px; gap: 0px; opacity: 0px; color: black; /* font-family: Manrope; */ font-size: 11px; font-weight: 400; line-height: 18px; text-align: center; text-underline-position: from-font; text-decoration-skip-ink: none; } .data-cleaning_correction-section { display: flex; flex-direction: column; } .data-cleaning_graduate-list { display: flex; flex-direction: column; } .data-cleaning_bulk-correction-tool { display: flex; flex-direction: column; } .data-cleaning_pagination-controls { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; } .data-cleaning_pagination-controls span { margin-left: 15px; margin-right: 15px; } .data-cleaning_update-in-bulk { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; } .data-cleaning_update-in-bulk button { margin: 15px; } .data-cleaning_container { display: flex; flex-direction: column; padding: 20px; border: 1px solid lightgray; background: #F6F3EF; } .daterangepicker { position: absolute; color: inherit; background: #fff; border-radius: 4px; width: 278px; padding: 4px; margin-top: 1px; top: 100px; left: 20px; /* Calendars */ } .daterangepicker:before, .daterangepicker:after { position: absolute; display: inline-block; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .daterangepicker:before { top: -7px; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #ccc; } .daterangepicker:after { top: -6px; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; } .daterangepicker.opensleft:before { right: 9px; } .daterangepicker.opensleft:after { right: 10px; } .daterangepicker.openscenter:before { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; } .daterangepicker.openscenter:after { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; } .daterangepicker.opensright:before { left: 9px; } .daterangepicker.opensright:after { left: 10px; } .daterangepicker.dropup { margin-top: -5px; } .daterangepicker.dropup:before { top: initial; bottom: -7px; border-bottom: initial; border-top: 7px solid #ccc; } .daterangepicker.dropup:after { top: initial; bottom: -6px; border-bottom: initial; border-top: 6px solid #fff; } .daterangepicker.dropdown-menu { max-width: none; z-index: 3001; } .daterangepicker.single .ranges, .daterangepicker.single .calendar { float: none; } .daterangepicker.show-calendar .calendar { display: block; } .daterangepicker .calendar { display: none; max-width: 270px; margin: 4px; } .daterangepicker .calendar.single .calendar-table { border: none; } .daterangepicker .calendar th, .daterangepicker .calendar td { white-space: nowrap; text-align: center; min-width: 32px; } .daterangepicker .calendar-table { border: 1px solid #fff; padding: 4px; border-radius: 4px; background: #fff; } .daterangepicker table { width: 100%; margin: 0; } .daterangepicker td, .daterangepicker th { text-align: center; width: 20px; height: 20px; border-radius: 4px; border: 1px solid transparent; white-space: nowrap; cursor: pointer; } .daterangepicker td.available:hover, .daterangepicker th.available:hover { background: #eee; } .daterangepicker td.week, .daterangepicker th.week { font-size: 80%; color: #ccc; } .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date { background-color: #fff; border-color: transparent; color: #999; } .daterangepicker td.in-range { background-color: #ebf4f8; border-color: transparent; color: #000; border-radius: 0; } .daterangepicker td.start-date { border-radius: 4px 0 0 4px; } .daterangepicker td.end-date { border-radius: 0 4px 4px 0; } .daterangepicker td.start-date.end-date { border-radius: 4px; } .daterangepicker td.active, .daterangepicker td.active:hover { background-color: #357ebd; border-color: transparent; color: #fff; } .daterangepicker th.month { width: auto; } .daterangepicker td.disabled, .daterangepicker option.disabled { color: #999; cursor: not-allowed; text-decoration: line-through; } .daterangepicker select.monthselect, .daterangepicker select.yearselect { font-size: 12px; padding: 1px; height: auto; margin: 0; cursor: default; } .daterangepicker select.monthselect { margin-right: 2%; width: 56%; } .daterangepicker select.yearselect { width: 40%; } .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect { width: 50px; margin-bottom: 0; } .daterangepicker .input-mini { border: 1px solid #ccc; border-radius: 4px; color: #555; height: 30px; line-height: 30px; display: block; vertical-align: middle; margin: 0 0 5px 0; padding: 0 6px 0 28px; width: 100%; } .daterangepicker .input-mini.active { border: 1px solid #08c; border-radius: 4px; } .daterangepicker .daterangepicker_input { position: relative; } .daterangepicker .daterangepicker_input i { position: absolute; left: 8px; top: 8px; } .daterangepicker .calendar-time { text-align: center; margin: 5px auto; line-height: 30px; position: relative; padding-left: 28px; } .daterangepicker .calendar-time select.disabled { color: #ccc; cursor: not-allowed; } .ranges { font-size: 11px; float: none; margin: 4px; text-align: left; } .ranges ul { list-style: none; margin: 0 auto; padding: 0; width: 100%; } .ranges li { font-size: 13px; background: #f5f5f5; border: 1px solid #f5f5f5; border-radius: 4px; color: #08c; padding: 3px 12px; margin-bottom: 8px; cursor: pointer; } .ranges li:hover { background: #08c; border: 1px solid #08c; color: #fff; } .ranges li.active { background: #08c; border: 1px solid #08c; color: #fff; } /* Larger Screen Styling */ @media (min-width: 564px) { .daterangepicker { width: auto; } .daterangepicker .ranges ul { width: 160px; } .daterangepicker.single .ranges ul { width: 100%; } .daterangepicker.single .calendar.left { clear: none; } .daterangepicker.single .ranges, .daterangepicker.single .calendar { float: left; } .daterangepicker .calendar.left { clear: left; margin-right: 0; } .daterangepicker .calendar.left .calendar-table { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } .daterangepicker .calendar.right { margin-left: 0; } .daterangepicker .calendar.right .calendar-table { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; } .daterangepicker .left .daterangepicker_input { padding-right: 12px; } .daterangepicker .calendar.left .calendar-table { padding-right: 12px; } .daterangepicker .ranges, .daterangepicker .calendar { float: left; } } @media (min-width: 730px) { .daterangepicker .ranges { width: auto; float: left; } .daterangepicker .calendar.left { clear: none; } } /** * @license angular-bootstrap-datetimepicker version: 0.3.7 * (c) 2013-2014 Knight Rider Consulting, Inc. http://www.knightrider.com * License: MIT */ .datetimepicker { padding: 4px; margin-top: 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; direction: ltr; width: 320px; } .datetimepicker.datetimepicker-rtl { direction: rtl; } .datetimepicker.datetimepicker-rtl table tr td span { float: right; } .datetimepicker-dropdown, .datetimepicker-dropdown-left { top: 0; left: 0; } [class*=" datetimepicker-dropdown"]:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; } [class*=" datetimepicker-dropdown"]:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; position: absolute; } [class*=" datetimepicker-dropdown-top"]:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #ccc; border-top-color: rgba(0, 0, 0, 0.2); border-bottom: 0; } [class*=" datetimepicker-dropdown-top"]:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #ffffff; border-bottom: 0; } .datetimepicker-dropdown-bottom-left:before { top: -7px; right: 6px; } .datetimepicker-dropdown-bottom-left:after { top: -6px; right: 7px; } .datetimepicker-dropdown-bottom-right:before { top: -7px; left: 6px; } .datetimepicker-dropdown-bottom-right:after { top: -6px; left: 7px; } .datetimepicker-dropdown-top-left:before { bottom: -7px; right: 6px; } .datetimepicker-dropdown-top-left:after { bottom: -6px; right: 7px; } .datetimepicker-dropdown-top-right:before { bottom: -7px; left: 6px; } .datetimepicker-dropdown-top-right:after { bottom: -6px; left: 7px; } .datetimepicker > div { display: none; } .datetimepicker.minutes div.datetimepicker-minutes { display: block; } .datetimepicker.hours div.datetimepicker-hours { display: block; } .datetimepicker.days div.datetimepicker-days { display: block; } .datetimepicker.months div.datetimepicker-months { display: block; } .datetimepicker.years div.datetimepicker-years { display: block; } .datetimepicker table { margin: 0; } .datetimepicker .table td, .datetimepicker .table th { text-align: center; width: 14.6%; height: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: none; } .datetimepicker .table-striped > tbody > tr:nth-child(odd) > td, .datetimepicker .table-striped > tbody > tr:nth-child(odd) > td, .datetimepicker .table-striped > tbody > tr:nth-child(odd) > td, .datetimepicker .table-striped > tbody > tr:nth-child(odd) > th { background-color: transparent; } .datetimepicker table tr td.minute:hover { background: #eeeeee; cursor: pointer; } .datetimepicker table tr td.hour:hover { background: #eeeeee; cursor: pointer; } .datetimepicker table tr td.day:hover { background: #eeeeee; cursor: pointer; } .datetimepicker table tr td.past, .datetimepicker table tr td.future { color: #999999; } .datetimepicker table tr td.disabled, .datetimepicker table tr td.disabled:hover { background: none; color: #999999; cursor: default; } .datetimepicker table tr td.today, .datetimepicker table tr td.today:hover, .datetimepicker table tr td.today.disabled, .datetimepicker table tr td.today.disabled:hover { background-color: #fde19a; background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a); background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a)); background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a); background-image: -o-linear-gradient(top, #fdd49a, #fdf59a); background-image: linear-gradient(top, #fdd49a, #fdf59a); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0); border-color: #fdf59a #fdf59a #fbed50; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .datetimepicker table tr td.today:hover, .datetimepicker table tr td.today:hover:hover, .datetimepicker table tr td.today.disabled:hover, .datetimepicker table tr td.today.disabled:hover:hover, .datetimepicker table tr td.today:active, .datetimepicker table tr td.today:hover:active, .datetimepicker table tr td.today.disabled:active, .datetimepicker table tr td.today.disabled:hover:active, .datetimepicker table tr td.today.active, .datetimepicker table tr td.today:hover.active, .datetimepicker table tr td.today.disabled.active, .datetimepicker table tr td.today.disabled:hover.active, .datetimepicker table tr td.today.disabled, .datetimepicker table tr td.today:hover.disabled, .datetimepicker table tr td.today.disabled.disabled, .datetimepicker table tr td.today.disabled:hover.disabled, .datetimepicker table tr td.today[disabled], .datetimepicker table tr td.today:hover[disabled], .datetimepicker table tr td.today.disabled[disabled], .datetimepicker table tr td.today.disabled:hover[disabled] { background-color: #fdf59a; } .datetimepicker table tr td.today:active, .datetimepicker table tr td.today:hover:active, .datetimepicker table tr td.today.disabled:active, .datetimepicker table tr td.today.disabled:hover:active, .datetimepicker table tr td.today.active, .datetimepicker table tr td.today:hover.active, .datetimepicker table tr td.today.disabled.active, .datetimepicker table tr td.today.disabled:hover.active { background-color: #fbf069 \9; } .datetimepicker table tr td.active, .datetimepicker table tr td.active:hover, .datetimepicker table tr td.active.disabled, .datetimepicker table tr td.active.disabled:hover { background-color: #006dcc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -ms-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(top, #0088cc, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datetimepicker table tr td.active:hover, .datetimepicker table tr td.active:hover:hover, .datetimepicker table tr td.active.disabled:hover, .datetimepicker table tr td.active.disabled:hover:hover, .datetimepicker table tr td.active:active, .datetimepicker table tr td.active:hover:active, .datetimepicker table tr td.active.disabled:active, .datetimepicker table tr td.active.disabled:hover:active, .datetimepicker table tr td.active.active, .datetimepicker table tr td.active:hover.active, .datetimepicker table tr td.active.disabled.active, .datetimepicker table tr td.active.disabled:hover.active, .datetimepicker table tr td.active.disabled, .datetimepicker table tr td.active:hover.disabled, .datetimepicker table tr td.active.disabled.disabled, .datetimepicker table tr td.active.disabled:hover.disabled, .datetimepicker table tr td.active[disabled], .datetimepicker table tr td.active:hover[disabled], .datetimepicker table tr td.active.disabled[disabled], .datetimepicker table tr td.active.disabled:hover[disabled] { background-color: #0044cc; } .datetimepicker table tr td.active:active, .datetimepicker table tr td.active:hover:active, .datetimepicker table tr td.active.disabled:active, .datetimepicker table tr td.active.disabled:hover:active, .datetimepicker table tr td.active.active, .datetimepicker table tr td.active:hover.active, .datetimepicker table tr td.active.disabled.active, .datetimepicker table tr td.active.disabled:hover.active { background-color: #003399 \9; } .datetimepicker table tr td span { display: block; width: 23%; height: 54px; line-height: 54px; float: left; margin: 1%; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .datetimepicker span.hour { height: 26px; line-height: 26px; } .datetimepicker span.minute { height: 26px; line-height: 26px; } .datetimepicker table tr td span:hover { background: #eeeeee; } .datetimepicker table tr td span.disabled, .datetimepicker table tr td span.disabled:hover { background: none; color: #999999; cursor: default; } .datetimepicker table tr td span.active, .datetimepicker table tr td span.active:hover, .datetimepicker table tr td span.active.disabled, .datetimepicker table tr td span.active.disabled:hover { background-color: #006dcc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -ms-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(top, #0088cc, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datetimepicker table tr td span.active:hover, .datetimepicker table tr td span.active:hover:hover, .datetimepicker table tr td span.active.disabled:hover, .datetimepicker table tr td span.active.disabled:hover:hover, .datetimepicker table tr td span.active:active, .datetimepicker table tr td span.active:hover:active, .datetimepicker table tr td span.active.disabled:active, .datetimepicker table tr td span.active.disabled:hover:active, .datetimepicker table tr td span.active.active, .datetimepicker table tr td span.active:hover.active, .datetimepicker table tr td span.active.disabled.active, .datetimepicker table tr td span.active.disabled:hover.active, .datetimepicker table tr td span.active.disabled, .datetimepicker table tr td span.active:hover.disabled, .datetimepicker table tr td span.active.disabled.disabled, .datetimepicker table tr td span.active.disabled:hover.disabled, .datetimepicker table tr td span.active[disabled], .datetimepicker table tr td span.active:hover[disabled], .datetimepicker table tr td span.active.disabled[disabled], .datetimepicker table tr td span.active.disabled:hover[disabled] { background-color: #0044cc; } .datetimepicker table tr td span.active:active, .datetimepicker table tr td span.active:hover:active, .datetimepicker table tr td span.active.disabled:active, .datetimepicker table tr td span.active.disabled:hover:active, .datetimepicker table tr td span.active.active, .datetimepicker table tr td span.active:hover.active, .datetimepicker table tr td span.active.disabled.active, .datetimepicker table tr td span.active.disabled:hover.active { background-color: #003399 \9; } .datetimepicker table tr td span.past, .datetimepicker table tr td span.future { color: #999999; } .datetimepicker thead tr:first-child th, .datetimepicker tfoot tr:first-child th { cursor: pointer; } .datetimepicker thead tr:first-child th:hover, .datetimepicker tfoot tr:first-child th:hover { background: #eeeeee; } #graduatesQuickSearchPanel h3 { margin-top: 0px; margin-bottom: 0px; } #graduatesQuickSearchPanel input { width: 100%; } #graduates-table { border: 1px solid #ddd; } .input-group, .fullwidth { width: 100%; } .reorderable { width: 220px; white-space: normal; padding-top: 0px; } .editImage { display:none; } .graduates-thumbnail-wrapper:hover .editImage { position:absolute; z-index: 1000; display:inline; } .ImageEditor { width: 25px; height: 25px; background: url('/assets/images/profile_default.jpg?width=25&height=25') repeat top left; background-size: 25px 25px; background-repeat: no-repeat !important } .ImageEditor:hover { padding: 10px 40px;} .ImageEditor editor { margin-left: 25px; top: -235px; } .ImageEditor editor img { position:absolute; margin-top: -200px; } .ImageEditor .editorcontrols { width: 140px; position: relative; left: -180px; top: -35px; z-index: 1000; } #matchColumnDropDown { max-width: 175px; } .updateCellError { color: var(--red); } .goToTop { position: fixed; width: 100px; height: 40px; bottom: 15px; right: 50px; z-index: 100000; cursor: pointer; margin: 10px; opacity: .60; border-radius: 4px; display: none; } .Adminweb_UpdateGrads_Tickets_table { width: 70%; float: left; white-space: nowrap; margin: 0; padding: 0; } .tickets_min_height { height: 33.98px; } .Add_scroll_bar { overflow-x: scroll; } .Tickets_NoWrap { white-space: nowrap; } .Adminweb_UpdateGrads_Tickets_table_view_and_scan_section { width: 30%; float: right; white-space: nowrap; margin: 0; padding: 0; } .import-dashboard-status-col { width: 150px; text-overflow: ellipsis; } a.import-dashboard-failed-link { text-decoration: underline; } .wide-table { overflow-x: scroll; } .export-grads { list-style: none; max-height: 150px; overflow: auto; text-align: left; } .importGDFDropdown{ width: 100%; } .mo__header { align-items: center; display: flex; font-family: "Manrope", sans-serif; margin-top: 2.25rem; } .mo__header-subtitle { margin-top: 0.25rem; font-weight: bold; font-size: 1.5rem; } .mo__header-subtitle { margin-top: 0.25rem; font-weight: bold; font-size: 1.5rem; } .mo__logo { display: flex; flex-direction: column; font-weight: 300; line-height: 1; padding-left: 1.25rem; margin-left: auto; } .mo__logo:hover, .mo__logo:focus { text-decoration: none; } .mo__logo-top { font-size: 1rem; } .mo__logo-top-bold { font-weight: 700; } .mo__logo-bottom { font-weight: 100; font-size: 1.6875rem; } @media (max-width: 64em) { .mo__logo { display: none; } } /* Current ceremony period picker */ .header_ceremonyPeriod { background-color: transparent; display: block; position: absolute; right: 1rem; top: 0; z-index: 20; } .header_ceremonyPeriod a { cursor: pointer; text-decoration: underline; } /* End Current Ceremony period picker */ .panel { margin-top: 25px; border-color: var(--tasselOffWhite) } .panel-site-announcement { padding: 10px 10px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; text-align: center; background-color: #ecf7fb; color: #3089af; font-family: "Manrope", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; } .panel-site-announcement-title { margin-top: 10px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 2px solid #3089af; color: #3089af; font-family: "Manrope", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; } .panel-site-announcement-icon { color: #3089af; } .caps_lock_message { height: 15px; text-align: center } .menu { color: var(--white); flex-shrink: 0; /* TODO: on refactor - remove below font, it should be more global probably*/ font-family: "Manrope", sans-serif; z-index: 30; width: calc(var(--menu-width, 140) / 16 * 1rem); overflow: hidden; will-change: width; transition-property: width; transition-duration: 300ms; } @media (max-width: 64em) { .menu { width: 100%; min-height: initial; position: sticky; top: 0; left: 0; overflow: initial; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; transition: none; } } .menu__inner { display: flex; flex-direction: column; height: 100%; padding: 2rem 1rem; transition-property: opacity; transition-duration: 300ms; } @media (max-width: 64em) { .menu__inner { width: 100%; height: calc(100vh - 5rem); pointer-events: none; opacity: 0; position: absolute; top: 100%; } } .menu__inner.menu-opened { background-color: var(--tasselOffWhite); pointer-events: all; opacity: 1; } .menu__user { display: grid; grid-template-columns: 1fr; grid-column-gap: 1rem; justify-items: center; grid-row-gap: 0.25rem; margin-top: 1rem; } .menu-expanded .menu__user { grid-template-columns: auto 1fr; justify-items: stretch; padding-left: 1rem; position: absolute; bottom: 1rem; left: 1rem; } @media (max-width: 64em) { .menu__user { grid-template-columns: auto 1fr; justify-items: stretch; padding-left: 1rem; } } .menu__user-avatar { max-width: initial; width: 3.5rem; height: 3.5rem; object-fit: cover; border-radius: 100px; border: solid 1px var(--tasselDarkGray); overflow: hidden; } @media (max-width: 64em) { .menu__user-avatar { grid-row: 1/3; } } .menu .menu__user-link { margin-top: 0.5rem; font-weight: 500; font-size: 0.8125rem; color: var(--tasselDarkGray); transition-property: color; transition-duration: 200ms; } .menu .menu__logout-link { grid-column-start: 1; } .menu .menu__help-link { grid-column-start: 1; } .menu-expanded .menu__logout-link { grid-column-start: 1; } .menu-expanded .menu__help-link { grid-column-start: 2; } @media (max-width: 64em) { .menu__logout-link { grid-column-start: 1; margin-top: 0; } .menu__help-link { grid-column-start: 2; margin-top: 0; } } .menu__user-name { align-self: center; font-weight: 700; font-size: 1.125rem; white-space: nowrap; color: var(--tasselDarkGray); visibility: hidden; position: absolute; opacity: 0; } .menu-expanded .menu__user-name { visibility: visible; position: static; opacity: 1; transition-property: opacity, visibility; transition-duration: 300ms; } @media (max-width: 64em) { .menu__user-name { visibility: visible; position: static; opacity: 1; } } .menu__nav { margin-top: 1rem; } .menu__toggle-btn { display: flex; justify-content: center; align-items: center; width: 100%; margin-top: 1rem; margin-right: auto; margin-left: auto; color: var(--tasselDarkGray); background: transparent; border: none; cursor: pointer; transform: rotateY(180deg); transition-property: color, transform; transition-duration: 300ms; } .menu__toggle-btn:hover { color: white; } .menu__toggle-btn .primary-nav__icon { margin: 0; color: var(--tasselDarkGray); } .menu-expanded .menu__toggle-btn { transform: rotateY(0); } @media (max-width: 64em) { .menu__toggle-btn { display: none; } } .menu__top-bar { display: none; align-items: center; height: 5rem; padding: 0 1.5rem; background-color: var(--tasselOffWhite); box-shadow: 0 2px 12px rgba(0, 0, 0, 0.5); } @media (max-width: 64em) { .menu__top-bar { display: flex; } } .menu__logo { display: flex; flex-direction: column; font-weight: 300; line-height: 1; } .menu__logo-top { font-size: 1rem; } .menu__logo-top-bold { font-weight: 700; } .menu__logo-bottom { font-weight: 100; font-size: 1.6875rem; } /* TODO: on refactor - nest or remove .menu in as needed*/ .menu .menu__hamburger { display: flex; align-items: center; height: 100%; margin-left: auto; padding: 0 1.5rem; margin-right: -1.5rem; border-radius: 5px; color: white; } .menu__hamburger-icon { display: block; width: 2rem; height: 2rem; fill: currentColor; } .primary-nav__item { width: 100%; list-style: none; padding: 1rem; } @media (max-width: 64em) { .primary-nav__item { padding: 0.5rem; } } .primary-nav__item--list.is-active { background-color: var(--tasselOffWhite); border: 2px solid var(--tasselDarkGray); border-radius: 16px; } .primary-nav__sublist { display: none; } .is-active .primary-nav__sublist { display: block; } .primary-nav__sublist-item { padding: 0; list-style: none; } .menu .primary-nav__link { display: flex; align-items: center; justify-content: center; width: 100%; padding: 0.75rem 1rem; font-size: 1.125rem; color: var(--tasselDarkGray); white-space: nowrap; transition-property: color; transition-duration: 200ms; border: solid 2px transparent; border-radius: 10px; overflow: hidden; } .menu-expanded .primary-nav__link { justify-content: flex-start; padding-right: 0.5rem; } @media (max-width: 64em) { .primary-nav__link { justify-content: flex-start; padding-right: 0.5rem; } } .is-active > .primary-nav__link { color: var(--tasselDarkGray); border-color: var(--tasselDarkGray); } .primary-nav__icon { width: 2em; height: 2em; flex-shrink: 0; } .lock-nav__icon { width: .75em; height: .75em; flex-shrink: 0; color: gray; } .primary-nav__link .primary-nav__icon--fa { height: 2em; width: 1.25em; } .menu-expanded .primary-nav__icon { margin-right: 1.125rem; color: var(--tasselDarkGray); } .menu-expanded .primary-nav__link .primary-nav__icon--fa { margin-right: 1.75rem; } @media (max-width: 64em) { .primary-nav__icon { margin-right: 1.125rem; } .primary-nav__link .primary-nav__icon--fa { height: 2em; margin-right: 1.8rem; } } .primary-nav__label { visibility: hidden; position: absolute; margin-right: auto; opacity: 0; } .menu-expanded .primary-nav__label { position: static; visibility: visible; opacity: 1; transition-property: opacity, visibility; transition-duration: 300ms; white-space: break-spaces; } @media (max-width: 64em) { .primary-nav__label { position: static; visibility: visible; opacity: 1; } } .primary-nav__arrow { flex-shrink: 0; display: none; width: 1.8em; height: 1.8em; margin-left: 0.625rem; transform: rotate(180deg); } .is-active .primary-nav__arrow { transform: rotate(0deg); } .menu-expanded .primary-nav__arrow { display: block; } @media (max-width: 64em) { .primary-nav__arrow { display: block; } } /* TODO: on refactor - these are duplicated in dashboard.css probably with the .dashboard ancestor selector - maybe some of these should become more global?*/ .menu button { background: transparent; padding: 0; border: 0; cursor: pointer; color: inherit; } /* Remove default margin */ .menu body, .menu h1, .menu h2, .menu h3, .menu h4, .menu p, .menu figure, .menu blockquote, .menu dl, .menu dd { margin: 0; } /* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */ .menu ul[role=list], .menu ol[role=list] { list-style: none; } .menu ul { margin: 0; padding: 0; } .menu li { list-style: none; } .menu a { text-decoration: none; color: inherit; } .menu a.icon_disabled.primary-nav__link { color: gray; } #collapse-icon { margin-top: 0; } /*END TODO*/ // copied from heroku app .cmn-toggle { position: absolute; margin-left: -9999px; visibility: hidden !important; display:none !important; } .cmn-toggle + label { display: block; position: relative; cursor: pointer; outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } input.cmn-toggle-round-flat + label { padding: 2px; width: 60px; height: 25px; background-color: var(--greyDarker); -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; border-radius: 60px; -webkit-transition: background 0.4s; -moz-transition: background 0.4s; -o-transition: background 0.4s; transition: background 0.4s; } input.cmn-toggle-round-flat + label:before, input.cmn-toggle-round-flat + label:after { display: block; position: absolute; content: ""; } input.cmn-toggle-round-flat + label:before { top: 2px; left: 2px; bottom: 2px; right: 2px; background-color: #fff; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; border-radius: 60px; -webkit-transition: background 0.4s; -moz-transition: background 0.4s; -o-transition: background 0.4s; transition: background 0.4s; } input.cmn-toggle-round-flat + label:after { top: 4px; left: 4px; bottom: 4px; width: 22px; background-color: #dddddd; -webkit-border-radius: 52px; -moz-border-radius: 52px; -ms-border-radius: 52px; -o-border-radius: 52px; border-radius: 52px; -webkit-transition: margin 0.4s, background 0.4s; -moz-transition: margin 0.4s, background 0.4s; -o-transition: margin 0.4s, background 0.4s; transition: margin 0.4s, background 0.4s; } input.cmn-toggle-round-flat:checked + label { background-color: var(--tasselDarkGray) } input.cmn-toggle-round-flat:checked + label:after { margin-left: 30px; background-color: var(--tasselOrange); } .cmn-label { margin-top: -1px; font-size: 18px; padding-left: 20px; } .switch label { margin-top: -3px; } .switch-edit-link { position: absolute; top: 0; margin-left: 10px; cursor: pointer; } .basic-ceremony-info .panel-body { /*height: 260px; overflow-y: scroll; */ } /*.ceremony-settings .panel-body { height: 260px; } */ .ceremony-preview-container .nav.nav-tabs { border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-top-right-radius: 4px; border-top-left-radius: 4px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .ceremony-preview-container .nav.nav-tabs li a { border: none; border-radius: 0; margin-right: 0; color: #555; min-height: 100%; } .ceremony-preview-container .nav.nav-tabs li { border: none; width: 100%; min-height: 100%; text-align: center; } .ceremony-preview-container .nav.nav-tabs li:first-child a { border-top-left-radius: 4px !important; } .ceremony-preview-container .nav.nav-tabs li:last-child a { border-top-right-radius: 4px !important; } .ceremony-preview-container .nav.nav-tabs li:not(:last-child) { border: none; border-right: 1px solid #ddd; } .ceremony-preview-container .nav.nav-tabs li.active { /*border: none ;*/ } .ceremony-preview-container .nav.nav-tabs li.active a { border: none; border-radius: 0; /*border: 1px solid transparent;*/ font-weight: 700; border-bottom: 2px solid #47AFD2; } .ceremony-preview-container .tab-content { /*height: 500px;*/ /*overflow-y: scroll;*/ border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; position: relative; } .tooltip > .tooltip-inner { background-color: white; color: black; border: 1px solid #47AFD2; font-weight: 400; } .stripped-tinymce-container .mce-tinymce.mce-container.mce-panel { border-radius: 4px; padding: 1px; border: 1px solid #ccc; background-color: transparent; } .stripped-tinymce-container .mce-edit-area.mce-container.mce-panel.mce-stack-layout-item.mce-first.mce-last { border-width: 0 !important; } .settings-dropdown-btn + .popover { z-index: 900; } .settings-dropdown-btn { padding: 0; } .settings-dropdown-btn i { padding: 5px 10px; } .ceremony-settings-popover { /*top: 100%;*/ top: 40px; right: -1px; z-index: 1000; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2); -webkit-background-clip: padding-box; background-clip: padding-box; background-color: white; width: 320px; cursor: default; } .ceremony-settings-popover label:not(.switch) { text-align: left; } .ceremony-settings-popover .form-group { margin-left: 0; } .ceremony-settings-popover:after, .ceremony-settings-popover:before { bottom: 100%; left: 95%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .ceremony-settings-popover:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 10px; margin-left: -10px; } .ceremony-settings-popover:before { border-color: rgba(204, 204, 204, 0); border-bottom-color: #ccc; border-width: 11px; margin-left: -11px; } /*#submenu .ceremony-preview-container .nav.nav-tabs li:not(:last-child), #submenu .ceremony-preview-container .nav.nav-tabs { border-color: #47afd2; }*/ #submenu { margin-bottom: 30px;} #submenu .ceremony-preview-container .nav.nav-tabs li a { } #submenu .ceremony-preview-container .nav.nav-tabs li.active a { border-bottom-color: black; color: black; } .croppie-container{padding:30px}.croppie-container .cr-image{z-index:-1;position:absolute;top:0;left:0;transform-origin:0 0}.croppie-container .cr-boundary{position:relative;overflow:hidden;margin:0 auto;z-index:1}.croppie-container .cr-viewport{position:absolute;border:2px solid #fff;margin:auto;top:0;bottom:0;right:0;left:0;box-shadow:0 0 0 899px rgba(0,0,0,.5);z-index:0}.croppie-container .cr-vp-circle{border-radius:50%}.croppie-container .cr-overlay{z-index:1;position:absolute;cursor:move}.croppie-container .cr-slider-wrap{width:75%;margin:25px auto 0;text-align:center}.croppie-result{position:relative;overflow:hidden}.croppie-result img{position:absolute}.cr-slider{-webkit-appearance:none;width:300px;max-width:100%}.cr-slider::-webkit-slider-runnable-track{width:100%;height:3px;background:rgba(0,0,0,.5);border:0;border-radius:3px}.cr-slider::-webkit-slider-thumb{-webkit-appearance:none;border:none;height:16px;width:16px;border-radius:50%;background:#ddd;margin-top:-6px}.cr-slider:focus{outline:0}.cr-slider::-moz-range-track{width:100%;height:3px;background:rgba(0,0,0,.5);border:0;border-radius:3px}.cr-slider::-moz-range-thumb{border:none;height:16px;width:16px;border-radius:50%;background:#ddd;margin-top:-6px}.cr-slider:-moz-focusring{outline:#fff solid 1px;outline-offset:-1px}.cr-slider::-ms-track{width:300px;height:5px;background:0 0;border-color:transparent;border-width:6px 0;color:transparent}.cr-slider::-ms-fill-lower{background:rgba(0,0,0,.5);border-radius:10px}.cr-slider::-ms-fill-upper{background:rgba(0,0,0,.5);border-radius:10px}.cr-slider::-ms-thumb{border:none;height:16px;width:16px;border-radius:50%;background:#ddd}.cr-slider:focus::-ms-fill-lower{background:rgba(0,0,0,.5)}.cr-slider:focus::-ms-fill-upper{background:rgba(0,0,0,.5)}.croppie-container .cr-viewport.debug:after,.croppie-container .cr-viewport.debug:before{background:#fff;width:1px;height:1px;content:'';position:absolute}.croppie-container .cr-viewport.debug:before{top:0;height:100%;left:50%}.croppie-container .cr-viewport.debug:after{top:50%;left:0;width:100%} tags-input{box-shadow:none;border:none;padding:0;min-height:34px}tags-input .host{margin:0}tags-input .tags{-moz-appearance:none;-webkit-appearance:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-moz-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}tags-input .tags .tag-item{color:#fff;background:#428bca;border:1px solid #357ebd;border-radius:4px}tags-input .tags .tag-item.selected{color:#fff;background:#d9534f;border:1px solid #d43f3a}tags-input .tags .tag-item .remove-button:hover{text-decoration:none}tags-input .tags.focused{border:1px solid #66afe9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}tags-input .autocomplete{border-radius:4px}tags-input .autocomplete .suggestion-item.selected,tags-input .autocomplete .suggestion-item.selected em{color:#262626;background-color:#f5f5f5}tags-input .autocomplete .suggestion-item em{color:#000;background-color:#fff}tags-input.ng-invalid .tags{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}tags-input[disabled] .tags{background-color:#eee}tags-input[disabled] .tags .tag-item{background:#337ab7;opacity:.65}tags-input[disabled] .tags .input{background-color:#eee}.input-group tags-input{padding:0;display:table-cell}.input-group tags-input:not(:first-child) .tags{border-top-left-radius:0;border-bottom-left-radius:0}.input-group tags-input:not(:last-child) .tags{border-top-right-radius:0;border-bottom-right-radius:0}.input-group-lg tags-input:first-child .tags{border-top-left-radius:6px;border-bottom-left-radius:6px}.input-group-lg tags-input:last-child .tags{border-top-right-radius:6px;border-bottom-right-radius:6px}.input-group-sm tags-input:first-child .tags{border-top-left-radius:3px;border-bottom-left-radius:3px}.input-group-sm tags-input:last-child .tags{border-top-right-radius:3px;border-bottom-right-radius:3px}.input-group-lg tags-input,tags-input.ti-input-lg{min-height:46px}.input-group-lg tags-input .tags,tags-input.ti-input-lg .tags{border-radius:6px}.input-group-lg tags-input .tags .tag-item,tags-input.ti-input-lg .tags .tag-item{height:38px;line-height:37px;font-size:18px;border-radius:6px}.input-group-lg tags-input .tags .tag-item .remove-button,tags-input.ti-input-lg .tags .tag-item .remove-button{font-size:20px}.input-group-lg tags-input .tags .input,tags-input.ti-input-lg .tags .input{height:38px;font-size:18px}.input-group-sm tags-input,tags-input.ti-input-sm{min-height:30px}.input-group-sm tags-input .tags,tags-input.ti-input-sm .tags{border-radius:3px}.input-group-sm tags-input .tags .tag-item,tags-input.ti-input-sm .tags .tag-item{height:22px;line-height:21px;font-size:12px;border-radius:3px}.input-group-sm tags-input .tags .tag-item .remove-button,tags-input.ti-input-sm .tags .tag-item .remove-button{font-size:16px}.input-group-sm tags-input .tags .input,tags-input.ti-input-sm .tags .input{height:22px;font-size:12px}.has-feedback tags-input .tags{padding-right:30px}.has-success tags-input .tags{border-color:#3c763d}.has-success tags-input .tags.focused{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-error tags-input .tags{border-color:#a94442}.has-error tags-input .tags.focused{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-warning tags-input .tags{border-color:#8a6d3b}.has-warning tags-input .tags.focused{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b} tags-input{display:block}tags-input *,tags-input :after,tags-input :before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}tags-input .host{position:relative;margin-top:5px;margin-bottom:5px;height:100%}tags-input .host:active{outline:0}tags-input .tags{-moz-appearance:textfield;-webkit-appearance:textfield;padding:1px;overflow:hidden;word-wrap:break-word;cursor:text;background-color:#fff;border:1px solid #a9a9a9;box-shadow:1px 1px 1px 0 #d3d3d3 inset;height:100%}tags-input .tags.focused{outline:0;-webkit-box-shadow:0 0 3px 1px rgba(5,139,242,.6);-moz-box-shadow:0 0 3px 1px rgba(5,139,242,.6);box-shadow:0 0 3px 1px rgba(5,139,242,.6)}tags-input .tags .tag-list{margin:0;padding:0;list-style-type:none}tags-input .tags .tag-item{margin:2px;padding:0 5px;display:inline-block;float:left;font:14px "Helvetica Neue",Helvetica,Arial,sans-serif;height:26px;line-height:25px;border:1px solid #acacac;border-radius:3px;}tags-input .tags .tag-item.selected{background:-webkit-linear-gradient(top,#febbbb 0,#fe9090 45%,#ff5c5c 100%);background:linear-gradient(to bottom,#febbbb 0,#fe9090 45%,#ff5c5c 100%)}tags-input .tags .tag-item .remove-button{margin:0 0 0 5px;padding:0;border:none;background:0 0;cursor:pointer;vertical-align:middle;font:700 16px Arial,sans-serif;color:#ffffff}tags-input .tags .input.invalid-tag,tags-input .tags .tag-item .remove-button:active{color:red}tags-input .tags .input{border:0;outline:0;margin:2px;padding:0 0 0 5px;float:left;height:26px;font:14px "Helvetica Neue",Helvetica,Arial,sans-serif}tags-input .tags .input::-ms-clear{display:none}tags-input.ng-invalid .tags{-webkit-box-shadow:0 0 3px 1px rgba(255,0,0,.6);-moz-box-shadow:0 0 3px 1px rgba(255,0,0,.6);box-shadow:0 0 3px 1px rgba(255,0,0,.6)}tags-input[disabled] .host:focus{outline:0}tags-input[disabled] .tags{background-color:#eee;cursor:default}tags-input[disabled] .tags .tag-item{opacity:.65;background:-webkit-linear-gradient(top,#f0f9ff 0,rgba(203,235,255,.75) 47%,rgba(161,219,255,.62) 100%);background:linear-gradient(to bottom,#f0f9ff 0,rgba(203,235,255,.75) 47%,rgba(161,219,255,.62) 100%)}tags-input[disabled] .tags .tag-item .remove-button{cursor:default}tags-input[disabled] .tags .tag-item .remove-button:active{color:#585858}tags-input[disabled] .tags .input{background-color:#eee;cursor:default}tags-input .autocomplete{margin-top:5px;position:absolute;padding:5px 0;z-index:999;width:100%;background-color:#fff;border:1px solid rgba(0,0,0,.2);-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)}tags-input .autocomplete .suggestion-list{margin:0;padding:0;list-style-type:none;max-height:280px;overflow-y:auto;position:relative}tags-input .autocomplete .suggestion-item{padding:5px 10px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:16px "Helvetica Neue",Helvetica,Arial,sans-serif;color:#000;background-color:#fff}tags-input .autocomplete .suggestion-item.selected,tags-input .autocomplete .suggestion-item.selected em{color:#fff;background-color:#0097cf}tags-input .autocomplete .suggestion-item em{font:normal 700 16px "Helvetica Neue",Helvetica,Arial,sans-serif;color:#000;background-color:#fff} /* Styling for the ngProgress itself */ #ngProgress { margin: 0; padding: 0; z-index: 99998; background-color: green; color: green; box-shadow: 0 0 10px 0; /* Inherits the font color */ height: 2px; opacity: 0; /* Add CSS3 styles for transition smoothing */ -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } /* Styling for the ngProgress-container */ #ngProgress-container { position: fixed; margin: 0; padding: 0; top: 0; left: 0; right: 0; z-index: 99999; } @page { size: auto; margin: 5mm; } /* Fixes mozilla minimum margins bug */ @-moz-document url-prefix() { @page { size: auto; margin: 20mm 20mm 20mm 20mm; } } img { max-width: 100%; height: auto !important } img:first-child, img.qrcode { max-height: 210px; max-width: 100%; } .qr-code-small { float: right; width: 50px; height: 50px; } .qr-code-small span { font-size: 7px; word-break: break-word; } .qr-code-small + img { height: auto; max-width: calc(100% - 100px) !important; margin-left: 50px !important; } _:-webkit-full-screen:not(:root:root), .qr-code { max-height: 75px } br { content: ''; display: block; } /* Safari 9.0+ (non-iOS) */ _:-webkit-full-screen:not(:root:root), br { margin-top: 7px; } .list-group-item { padding-bottom: 5px; } .page-break { margin: 0; padding: 0; position: relative; transform-origin: top center; } @media print { html, body { height: auto; width: auto; } _:-webkit-full-screen:not(:root:root), .qr-code { max-height: 75px } br { margin-top: 8px; content: ''; display: block; } /* Safari 9.0+ (non-iOS) */ _:-webkit-full-screen:not(:root:root), br { margin-top: 7px; } .qr-code-small { float: right !important; width: 50px; height: 50px; } .qr-code-small + img { position: relative; /*max-height: 50px !important;*/ height: auto !important; max-width: calc(100% - 100px) !important; height: auto; margin-left: 50px !important; } .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: none; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666666666666%; } .col-sm-10 { width: 83.33333333333334%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666666666666%; } .col-sm-7 { width: 58.333333333333336%; } .col-sm-6 { width: 50%; display: inline-block !important; width: 49%; float: none; } .col-sm-5 { width: 41.66666666666667%; } .col-sm-4 { width: 33.33333333333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.666666666666664%; } .col-sm-1 { width: 8.333333333333332%; } .page-break { page-break-after: avoid !important; page-break-inside: avoid !important; margin: 0; padding: 0; position: relative; } } .largeCK { padding: 1px 5px !important; font-size: 18px !important; line-height: 1.5 !important; border-radius: 3px !important; margin-right: 8px !important; display: inline-block !important; border: 1px solid #ccc !important; cursor: pointer; } .holder { display: flex; flex-direction: column; align-items: center; } .holder .get-it-on-github { margin-top: 24px; margin-bottom: 24px; font-family: "Roboto"; color: #55606E; } .audio.green-audio-player { width: 400px; min-width: 180px; height: 56px; box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.07); display: flex; justify-content: space-between; align-items: center; padding-left: 8px; padding-right: 0px; border-radius: 4px; user-select: none; -webkit-user-select: none; background-color: #fff; } .audio.green-audio-player .play-pause-btn { display: none; cursor: pointer; } .audio.green-audio-player .spinner { width: 18px; height: 18px; background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/355309/loading.png); background-size: cover; background-repeat: no-repeat; animation: spin 0.4s linear infinite; } .audio.green-audio-player .slider { flex-grow: 1; background-color: #D8D8D8; cursor: pointer; position: relative; } .audio.green-audio-player .slider .progress { background-color: #44BFA3; border-radius: inherit; position: absolute; pointer-events: none; } .audio.green-audio-player .slider .progress .pin { height: 16px; width: 16px; border-radius: 8px; background-color: #44BFA3; position: absolute; pointer-events: all; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.32); } .audio.green-audio-player .controls { font-family: "Roboto", sans-serif; font-size: 16px; line-height: 18px; color: #55606E; display: flex; flex-grow: 1; justify-content: space-between; align-items: center; margin-left: 8px; margin-right: 8px; } .audio.green-audio-player .controls .slider { margin-left: 8px; margin-right: 8px; border-radius: 2px; height: 4px; } .audio.green-audio-player .controls .slider .progress { width: 0; height: 100%; } .audio.green-audio-player .controls .slider .progress .pin { right: -8px; top: -6px; } .audio.green-audio-player .controls span { cursor: default; } .audio.green-audio-player .volume { position: relative; } .audio.green-audio-player .volume .volume-btn { cursor: pointer; } .audio.green-audio-player .volume .volume-btn.open path { fill: #44BFA3; } .audio.green-audio-player .volume .volume-controls { width: 30px; height: 135px; background-color: rgba(0, 0, 0, 0.62); border-radius: 7px; position: absolute; left: -3px; bottom: 52px; flex-direction: column; align-items: center; display: flex; } .audio.green-audio-player .volume .volume-controls.hidden { display: none; } .audio.green-audio-player .volume .volume-controls .slider { margin-top: 12px; margin-bottom: 12px; width: 6px; border-radius: 3px; } .audio.green-audio-player .volume .volume-controls .slider .progress { bottom: 0; height: 100%; width: 6px; } .audio.green-audio-player .volume .volume-controls .slider .progress .pin { left: -5px; top: -8px; } svg, img { display: block; } @keyframes spin { from { transform: rotateZ(0); } to { transform: rotateZ(1turn); } } .dark_mode { position: fixed !important; top: 0 !important; left: 0 !important; background: rgba(0,0,0,0.9) !important; z-index: 5000 !important; width: 100% !important; height: 100% !important; } .dark_mode .rm { z-index: 8000 !important; position: relative; } .dark_mode .main-panel { background-color: #2e2e2e; color: #ebebeb; border-color: #000; } .dark_mode .drk-icon { color: #ebebeb; } .dark_mode .top-margin { margin-top: 130px; } .dark_mode .no-top-border { border-top: 0px solid #ffffff !important; border: 0px solid #ffffff !important; } .dark_mode .gepointer .editVR { font-size: 1.8em; display: inline-block; float: left !important; font-weight: 500; line-height: 1; white-space: nowrap; vertical-align: baseline; border-radius: .25rem; color: #ccc; } .dark_mode .gepointer input[type=text] { background-color: #000; color: #fff; } .dark_mode .gepointer .faTarget { float: left !important; font-size: 2rem; color: #008ec4; cursor: pointer; } .dark_mode .gepointer .faTarget .red { color: crimson; } .dark_mode .mode-title { float: left !important; text-align: left !important; border-bottom: 1px solid #ccc; width: 100%; line-height: 1em; margin-top: -30px; margin-bottom: 15px; } .dark_mode .show-recorded { text-align: left; float: left; } .dark_mode .mark-recorded { float: right; z-index: 5300 !important; height: 36px; background: #005d82 !important; border: #ccc 1.5px solid; border-radius: 4px !important; font-size: 14px; font-size: 14px; height: 33px; width: 200px !important; cursor: pointer; } .dark_mode .audiobackground { background: #000 !important; border-radius: 8px !important; padding: 8px !important; padding-top: 13px !important; border: #ccc 1.5px solid; } .dark_mode .item { width: 220px; height: 33px !important; position: relative; margin-top: 4px; margin-left: 8px; } .dark_mode .markbutton { border: 1px solid white; background: white; width: 220px; height: 33px !important; padding: 15px; border-radius: 3px; color: blue; transition: background 0.5s ease; } .dark_mode .markbutton:hover { background: #0878a4 !important; color: white; font-weight: normal; } .dark_mode .markbuttonbutton:hover i { color: white; } .dark_mode .markbuttonbutton i { color: white; margin-left: 3px; font-size: 12px; } .dark_mode .arrow1 { animation: slide1 1s ease-in-out infinite; margin-left: 2px; } .key { border-left: 2px solid #fff; height: 30px !important; float: right; margin-left: 24px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; position: relative; top: -7px; padding-top: 7px; padding-left: 8px; width: 50px; font-weight: 500; font-size: 14px; } @keyframes slide1 { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(5px, 0); } } .dark_mode .mark { color: #fff; background-color: transparent; font-weight: 500; font-size: 14px; height: 33px !important; float: left; } .dark_mode .theme { background: none; font-size: 1.6em; border: none; margin-bottom: -20px; color: #000; } .dark_mode .themepopup { position: absolute !important; top: 60px !important; font-size: 14px; } .dark_mode .close { color: #ebebeb; text-shadow: none; } .dark_mode .close:hover { color: #c5c3c3; } .dark_mode .drk-btn { background-color: #2e2e2e; border: #ccc 1.5px solid; color: #fff; text-shadow: none; height: 36px; } .dark_mode .big { font-size: 26px !important; width: 30px !important; height: 30px !important; } .dark_mode .dark { width: 300px !important; height: 30px; box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.07); display: flex; justify-content: space-between; align-items: left; border-radius: 6px; user-select: none; -webkit-user-select: none; background-color: #ccc !important; border: 0px solid #fff; } .dark_mode .addfeild { color: #FFF; } .dark_mode textarea { background-color: #474747; color: #ffffff; } .light_mode { position: fixed !important; top: 0 !important; left: 0 !important; background: rgba(0,0,0,0.6) !important; z-index: 5000 !important; width: 100% !important; height: 100% !important; } .light_mode .top-margin { margin-top: 130px; } .light_mode .grad-name { color: #333; } .light_mode .no-top-border { border-top: 0px solid #ffffff !important; border: 0px solid #ffffff !important; } .light_mode .gepointer .editVR { font-size: 1.5em; display: inline-block; float: left !important; font-weight: 500; line-height: 1; white-space: nowrap; vertical-align: baseline; border-radius: .25rem; color: #000; } .light_mode .gepointer .faTarget { float: left !important; font-size: 2rem; color: #008ec4; cursor: pointer; } .light_mode .gepointer .faTarget .red { color: crimson; } .light_mode .mode-title { float: left !important; text-align: left !important; border-bottom: 1px solid #ccc; width: 100%; line-height: 1em; margin-top: -30px; margin-bottom: 15px; } .light_mode .show-recorded { text-align: left; float: left; } .light_mode .mark-recorded { float: right; z-index: 5300 !important; background: #008dc4; border-radius: 4px !important; font-size: 14px; height: 33px; width: 200px !important; cursor: pointer; } .light_mode .audiobackground { background: #008dc4 !important; border-radius: 8px !important; padding: 8px !important; padding-top: 13px !important; z-index: 5300 !important; } .light_mode .mark-recorded:hover { background: #0878a4 !important; } .light_mode .mark-recorded:active { background: #08a44a !important; } .light_mode .item { width: 220px; height: 33px !important; position: relative; margin-top: 4px; margin-left: 8px; } .light_mode .markbutton { border: 1px solid white; background: white; width: 220px; height: 33px !important; padding: 15px; border-radius: 3px; color: blue; transition: background 0.5s ease; } .light_mode .markbutton:hover { background: #0878a4 !important; color: white; font-weight: normal; } .light_mode .markbuttonbutton:hover i { color: white; } .light_mode .markbuttonbutton i { color: white; margin-left: 3px; font-size: 12px; } .light_mode .arrow1 { animation: slide1 1s ease-in-out infinite; margin-left: 2px; } .key { border-left: 2px solid #fff; height: 33px !important; float: right; margin-left: 24px; -webkit-box-shadow: inset -7px -7px 5px 0px rgba(50, 50, 50, 0.36); -moz-box-shadow: inset -7px -7px 5px 0px rgba(50, 50, 50, 0.36); box-shadow: inset -7px -7px 5px 0px rgba(50, 50, 50, 0.36); border-top-right-radius: 4px; border-bottom-right-radius: 4px; position: relative; top: -7px; padding-top: 7px; padding-left: 8px; width: 50px; font-weight: 500; font-size: 14px; } @keyframes slide1 { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(5px, 0); } } .light_mode .mark { color: #fff; background-color: transparent; font-weight: 500; font-size: 14px; height: 33px !important; float: left; } .light_mode .theme { background: none; font-size: 1.6em; border: none; margin-bottom: -20px; } .light_mode .themepopup { position: absolute !important; top: 60px !important; font-size: 14px; } .light_mode .dark { width: 300px !important; height: 30px; box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.07); display: flex; justify-content: space-between; align-items: left; border-radius: 6px; user-select: none; -webkit-user-select: none; background-color: #f0f1f1 !important; border: 0px solid #ccc; } .largeCK { padding: 1px 5px !important; font-size: 18px !important; line-height: 1.5 !important; border-radius: 3px !important; margin-right: 8px !important; display: inline-block !important; border: 1px solid #ccc !important; cursor: pointer; } .largeCK > input[type=radio]:checked + label { background-color: #ccc !important; } .pronounce-tooltip-container .tooltip .tooltip-inner { font-size: 14px; color: #000000; background-color: #FFFFFF; padding: 8px 16px 8px 16px; border: 1px solid #ccc; } .pronounce-tooltip-container .tooltip.top .tooltip-arrow { border-top-color: #ccc; } /*th:nth-child(5) { text-align: center !important; }*/ .grad-name { font-size: 2.25em; margin-left: -3px !important; } .phonetic { font-size: 1.3em; } .voice-align { text-align: center; } .holder { display: flex; flex-direction: column; } .audio.green-audio-player { width: 100%; min-width: 180px; height: 30px; display: flex; justify-content: space-between; align-items: center; padding-left: 8px; padding-right: 0px; border-radius: 6px; user-select: none; -webkit-user-select: none; background-color: rgba(0, 0, 0, 0.1) !important; border: 1px solid #fff; } .audio.green-audio-player .play-pause-btn { display: none; cursor: pointer; } .audio.green-audio-player .slider { flex-grow: 1; background-color: #303235; cursor: pointer; position: relative; } .audio.green-audio-player .slider .progress { background-color: #008ec5 !important; background: #303235; border-radius: inherit; position: absolute; pointer-events: none; } .audio.green-audio-player .slider .progress .pin { height: 16px; width: 16px; border-radius: 8px; background-color: #008ec5; position: absolute; pointer-events: all; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.32); } .audio.green-audio-player .controls { font-family: "Roboto", sans-serif; font-size: 15px; line-height: 18px; color: #000000; display: flex; flex-grow: 1; justify-content: space-between; align-items: center; margin-right: 8px; } .audio.green-audio-player .controls .slider { margin-left: 8px; margin-right: 8px; border-radius: 2px; height: 4px; } .audio.green-audio-player .controls .slider .progress { width: 0; height: 100%; } .audio.green-audio-player .controls .slider .progress .pin { right: -8px; top: -6px; } .audio.green-audio-player .controls span { cursor: default; } .audio.green-audio-player .volume { position: relative; } .audio.green-audio-player .volume .volume-btn { cursor: pointer; } .audio.green-audio-player .volume .volume-btn.open path { fill: #008ec5; } .audio.green-audio-player .volume .volume-controls { width: 30px; height: 135px; background-color: rgba(0, 0, 0, 0.62); border-radius: 7px; position: absolute; left: -3px; bottom: 52px; flex-direction: column; align-items: center; display: flex; z-index: 3000; } .audio.green-audio-player .volume .volume-controls.hidden { display: none; } .audio.green-audio-player .volume .volume-controls .slider { margin-top: 12px; margin-bottom: 12px; width: 6px; border-radius: 3px; } .audio.green-audio-player .volume .volume-controls .slider .progress { bottom: -20px; height: 100%; width: 6px; } .audio.green-audio-player .volume .volume-controls .slider .progress .pin { left: -5px; top: -8px; } svg, img { display: block; } .audioLevelMeter { width: 0%; } .wrapper { position: fixed !important; top: 0 !important; left: 0 !important; background: rgba(0,0,0,0.6) !important; z-index: 5000 !important; width: 100% !important; height: 100% !important; } .top-margin { margin-top: 130px; } .no-top-border { border-top: 0px solid #ffffff !important; border: 0px solid #ffffff !important; } .mtitle { vertical-align: middle !important; padding-left: 26px !important; width: 20%; text-align: right; } .gepointer .editVR { font-size: 1.5em; display: inline-block; float: left !important; font-weight: 500; line-height: 1; white-space: nowrap; vertical-align: baseline; border-radius: .25rem; color: #000; } .gepointer .faTarget { float: left !important; font-size: 2rem; color: #008ec4; cursor: pointer; } .gepointer .faTarget .red { color: crimson; } .mode-title { float: left !important; text-align: left !important; border-bottom: 1px solid #ccc; width: 100%; line-height: 1em; margin-top: -30px; margin-bottom: 15px; } .show-recorded { text-align: left; float: left; } .audiobackground { background: #008dc4 !important; border-radius: 8px !important; padding: 10px !important; padding-top: 15px !important; z-index: 5300 !important; } .slider { background-color: #015b82; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 30px; box-shadow: 0 0 0 2px #fff, 0 0 4px #fff; cursor: pointer; border: 4px solid transparent; overflow: hidden; transition: .4s; } .slider:before { position: absolute; content: ""; width: 100%; height: 100%; background: #fff; border-radius: 30px; transform: translateX(-20px); transition: .4s; } input:checked + .slider:before { transform: translateX(20px); background: #4cff00; } input:checked + .slider { box-shadow: 0 0 0 2px #8ef9bb,0 0 2px #8ef9bb; } .mark { color: #fff; background-color: transparent; font-weight: 500; font-size: 14px; position: relative; top: -3px !important; left: 4px; } #selectAllOptions { width: 20px; height: 20px; padding: 0; } .actions { padding: 0; } .OptionSelected { background-color: lightgray; } .popover { z-index: 10000; } .mark-recorded .mark { padding-left: 30px; padding-top: 8px; } .pronounceCheckBox { width: 20px; height: 20px; } .recordingfont { font-size: 1.50em; } .recordingfontTable { font-size: 1.75em; } .recordingfontnotes { font-size: 1.5em; font-style: italic; } .recordingfontnotesTable { font-size: 1.25em; font-style: italic; min-width: 150px; } .pronunciationColumnAsteriskStyle { background-color: #ddfbf5; } .recordingFieldTable { font-size: 1.5em; } .readernotes { min-width: 150px; } .table.pronouncerow > tbody > tr > td { vertical-align: middle; } .table.pronouncerow > tbody > tr > th { vertical-align: middle; } .big-img { max-height: none !important; } .big-img-modal .modal-lg { width: 80%; } .pronouncetextonly { border: 1px solid lightgray; border-radius: 5px; padding-right: 5px; padding-top: 2px; padding-left: 5px; padding-bottom: 2px; } .pronounce-prompt-text { font-size: 1.25em; } .highlightedRow { border: 3px solid var(--blueMid); } .viewChooser { margin-left: 6px; } .recording-btn { margin-right: 5px; } .dropdown-menu { cursor: pointer; } .dropdown-menu li a:hover { cursor: pointer; } .contWidth { width: 65%; } .highlightNamereader { background-color: #a8d6fd; } .clickedNamereader { background-color: #4eff4e9e; border: 2px solid var(--greyDarker); } .inactiveNamereader { background-color: #ff6e6e; } .highlightSchool { background-color: #a8d6fd; border: 1px dashed var(--greyDarker); font-weight: bold; } .clickedSchool { background-color: #4eff4e9e; } .inactiveSchool { background-color: #ff6e6e; font-style: italic; } .assignedSchool { background-color: #4cacff; border: 2px solid var(--greyDarker); font-weight: bold; } .legend-container { width: 15%; margin-left: 10px; } .color-container { margin-top: 10px; align-items: center; } .color { margin-left: auto; width: 10px; height: 10px; } .ceremony-assignment-info { display: flex; margin-left: 10px; margin: 2px; } .ceremony-assign-button-base { display: flex; height: 20px; width: 20px; background-color: #a8d6fd; margin-left: 10px; align-items: center; justify-content: center; border-radius: 5px; margin-left: 5px; } .ceremony-assign-button { background-color: #a8d6fd; } .ceremony-unassign-button { background-color: #ff6e6e; } .flaggedIssues { width: 100%; border-radius: 3px; } /******* Recording Setup & Options *******/ .audio-settings { float: right; width: 22em; } .audio-trim { float: right; width: 11em; } #trailing-trim { direction: rtl; } .modal-gain-slider { float: right; width: 22em; } .modal-header.recording-setup { position: relative; overflow: hidden; } .modal-title.recording-setup { float: left; } .modal-header.deletion-confirm { position: relative; overflow: hidden; } .modal-title.deletion-confirm { float: left; } .help-button { float: right; margin-inline: .2em; } .grid-wrapper { display: grid; grid-template-columns: 4fr 3fr 4fr; grid-gap: 2em; background-color: #FAFAFA; } .descriptive-text { padding: 0.2em; } .recorder-test { padding-top: 1em; } .modal-device-dropdown { float: left } .modal-download-button { float: left } .modal-date-dropdown { width: 50% } .modal-cancel-button { float: right; } .wide-input{ width: 400px; } .honors-info-box { background-color: #d6df416b; font-size: larger; width: fit-content; padding: 3px; margin: 5px; text-align: left; } /* same height as progress bar*/ .waiting-for-mic { height: 20px; margin-bottom: 20px; text-align: center; } .status-box { text-align: center; padding: 1em; margin: 1em; } .bar-container { display: grid; } .peak-bar { height: 100%; background-color: lightgreen; grid-column: 1; grid-row: 1; } .rms-bar { height: 100%; background-color: green; grid-column: 1; grid-row: 1; } .bar-clipping { height: 100%; background-color: orangered; grid-column: 1; grid-row: 1; } .status-box.status-waiting { background-color: #FFC107; } .status-box.status-problem { background-color: #DA3343; color: white; } .status-box.status-success { background-color: #28A745; color: white; } /****** End Recording Setup & Options ******/ /******* QA Mode *******/ .pm-qa-mode{ display: grid; grid-template-rows: 1fr 3fr 1fr; max-height: 85vh; } .pm-qa-graduate-info { background-color: var(--themeBlack); color: var(--greyMid); display: flex; flex-direction: column; font-size: 2.5rem; grid-column: 1 / span 3; grid-row: 1 / span 2; padding-top: 1rem; padding-left: 2rem; } .pm-qa-grad-info-block { margin: auto; margin-left: 0; } .pm-qa-dashboard { background-color: var(--themeBlue); color: var(--greyDarkest); display: grid; grid-template-columns: 3fr 4fr 1fr; grid-column: 1 / span 3; grid-row: 3 / span 1; padding: 1rem; } .pm-qa-buttons { align-items: center; display: flex; flex-direction: row; } .pm-qa-buttons button { background-color: var(--white); border: 2px solid var(--themeBlack); border-radius: 50%; font-size: 2rem; height: 4rem; width: 4rem; } .pm-qa-buttons button:hover:enabled { background-color: var(--greyLighter); } .pm-qa-buttons button:active:enabled { background-color: var(--greyMid); } button.pm-qa-button-active { background-color: var(--themeBlack); border: 2px solid var(--white); color: var(--greyLighter); } button.pm-qa-button-active:hover:enabled { background-color: var(--greyDarkest); } button.pm-qa-button-active:active { background-color: var(--greyMid); } .pm-qa-buttons button:disabled, .pm-qa-buttons button[disabled] { opacity: .5; } .pm-qa-button-section { align-self: start; margin-top: 1.5rem; text-align: center; width: 16%; } .pm-qa-time-spent { margin-right: 2.5rem; } .pm-qa-name-space-exit { align-items: center; display: flex; flex-direction: column; justify-content: center; margin-right: 1rem; text-align: center; } .pm-qa-name-space-exit select{ border: none; border-radius: 5px; margin: 3px; padding: 3px; width: 50%; } .pm-qa-name-space-exit button { background-color: var(--greyLighter); border: 1px solid var(--themeBlack); border-radius: 5px; color: var(--themeBlack); width: 80%; } .pm-qa-name-space-exit button:hover { background-color: var(--greyLight); } .pm-qa-name-space-exit button:active { background-color: var(--greyMid); } .pm-qa-gdf { color: var(--themeBlue); } .pm-qa-name{ color: var(--white); font-size: 4rem; } .pm-qa-stats{ font-size: 1.5rem; } .pm-qa-button-caption { margin-top: .5rem; } /*TODO: once css is scoped, delete this br margin top*/ .pm-qa-button-section br, .pm-qa-modal br { margin-top: 0; } .pm-qa-modal textarea { resize: none; } .pm-qa-modal { align-items: stretch; background-color: var(--greyLighter); border: 2px solid var(--themeBlue); display: flex; flex-wrap: nowrap; justify-content: space-evenly; } .pm-qa-mode-issue-detail { flex-grow: 1; margin-left: 3rem; } .pm-qa-mode-issue-label { font-size: 1.5rem; } .pm-qa-mode-issue-buttons { float: right; margin-top: 1rem; } .pm-qa-mode-issue-btn { border: 1px solid var(--greyMid); } .pm-qa-mode-issue-btn:hover{ filter: brightness(90%); } .pm-qa-mode-issue-btn:active{ filter: brightness(85%); } .pm-qa-mode-primary { background-color: var(--themeBlue); color: var(--white); } .pm-qa-mode-primary:hover { color: var(--white); filter: brightness(90%); } .pm-qa-mode-primary:active { color: var(--white); filter: brightness(85%); } /****** End QA Mode ******/ /******* QA Manager Review Issues *******/ .pm-qa-issues-group-info > div { margin-bottom: 1rem; } .pm-qa-issues-actions-row { display: flex; justify-content: space-between; margin-bottom: 2rem; } .pm-qa-issues-actions-row > input { width: 25%; } .pm-qa-issues-actions-row > div > button { margin-left: 1rem; } .pm-qa-manager-audio-btn { color: var(--green); } .pm-qa-manager-audio-btn:hover { color: var(--green); filter: brightness(85%); } .pm-qa-manager-audio-btn:active { color: var(--green); filter: brightness(75%); } button.reader-audio-play-btn { font-size: 3rem; } button.reader-audio-edit-btn { font-size: 2.5rem; } .pm-qa-manager-grad-entry > .pm-qa-issues-radio-cell { vertical-align: middle; } .pm-qa-issues-radio-cell > .pm-qa-manager-qa-radio-btn { display: block; height: 34px; margin: auto; width: 2rem; } .qa-select-heading { text-align: center; } .qa-select-heading > br { margin-top: 0; } .column-filter-btn { font-size: .8rem; margin-left: 3px; padding: 2px 3px; } .pm-qa-issues-name-cell { width: 10%; } .pm-qa-issues-pronunciation-cell { width: 20%; word-break: break-word; } .pm-qa-issues-issue-type-cell { width: 20%; } .pm-qa-issues-status-cell { width: 11%; } .pm-qa-issues-play-cell { width: 5%; } .pm-qa-issues-edit-cell { width: 5%; } .qa-manager-review-issues-audio { height: 20px; width: 100%; } .pm-qa-User-Select { display: inline-block; width: 80%; } .pm-qa-Reader-and-QaUser-Table { width: 80%; } .pm-qa-displayInline { display: inline-block; } .recording_setting_td { width: 230px; padding-right: 10px; } .recording_setting_label { font-weight: normal; display: inline-block; } .recording_setting_input { float: right; width: 50%; } .recording_setting_tableBorder { border-spacing: 9px; } .recording_settings_trim_and_Pass { width: 10%; } .recording_setting_selector { width: 35%; height: 90%; } .recording_setting_header_height { height: 34px; } .recording_setting_header_buttons_height { height: 90%; } .recordingsettingspadding { padding-bottom: 7px; } /******* End QA Manager Review Issues *******/ #queryManager select.primary { font-size: 24px; height: 2em; margin-top: 10px; } #queryManager .add-query-row { max-width: 300px; text-align: center; background-color: transparent; border: none; color: #2a6496; border: 1px dashed #ccc; padding-left: 50px; padding-right: 50px; padding-top: 5px; padding-bottom: 5px; opacity: 0.8; cursor: pointer; } #queryManager .add-query-row:hover { opacity: 1; border-color: #8e8e8e; } #queryManager .filter-row { padding-bottom: 10px; } #queryManager .filter-row button { white-space: normal; } #queryManager .filter-column { width: 100%; margin-right: 20px; } #queryManager .filter-comparison { width: 120px; margin-right: 20px; } #queryManager .filter-searchterm input { width: 220px; margin-right: 20px; } .query-remove-icon { position: relative; height: 12px; color: #333; cursor: pointer; } #recordingEditor { width: 100%; height: 400px; } .recording-edit-modal .modal-dialog { width: 1000px; height: 500px; } .popover{position:fixed;} .sectionmenu.nav.nav-tabs { border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-top-right-radius: 4px; border-top-left-radius: 4px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .sectionmenu.nav.nav-tabs li a { border: none; border-radius: 0; margin-right: 0; color: #555; min-height: 100%; } #main .nav-tabs li a { font-size: 1.25em; } sectionmenu#main { margin-bottom: 60px; display:block; } .sectionmenu.nav.nav-tabs li { border: none; width: 100%; min-height: 100%; text-align: center; font-size: 1.5em; padding: 1em; } .sectionmenu.nav.nav-tabs li:first-child a { border-top-left-radius: 4px !important; } .sectionmenu.nav.nav-tabs li:last-child a { border-top-right-radius: 4px !important; } .sectionmenu.nav.nav-tabs li:not(:last-child) { border: none; border-right: 1px solid #ddd; } .sectionmenu.nav.nav-tabs li.active { /*border: none ;*/ } .sectionmenu.nav.nav-tabs li.active a { border: none; border-radius: 0; /*border: 1px solid transparent;*/ font-weight: 700; border-bottom: 2px solid #47AFD2; } .sectionmenu.tab-content { /*height: 500px;*/ /*overflow-y: scroll;*/ border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; position: relative; } .tooltip > .tooltip-inner { background-color: white; color: black; border: 1px solid #47AFD2; font-weight: 400; } #ticketLayoutEditor p { line-height: 1em; } .save-properties-btn{ margin-bottom: 40px; } /* * Toastr * Copyright 2012-2014 John Papa and Hans Fjällemark. * All Rights Reserved. * Use, reproduction, distribution, and modification of this code is subject to the terms and * conditions of the MIT license, available at http://www.opensource.org/licenses/mit-license.php * * Author: John Papa and Hans Fjällemark * Project: https://github.com/CodeSeven/toastr */ .toast-title { font-weight: bold; } .toast-message { -ms-word-wrap: break-word; word-wrap: break-word; } .toast-message a, .toast-message label { color: #ffffff; } .toast-message a:hover { color: #cccccc; text-decoration: none; } .toast-close-button { position: relative; right: -0.3em; top: -0.3em; float: right; font-size: 20px; font-weight: bold; color: #ffffff; -webkit-text-shadow: 0 1px 0 #ffffff; text-shadow: 0 1px 0 #ffffff; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); } .toast-close-button:hover, .toast-close-button:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40); } /*Additional properties for button version iOS requires the button element instead of an anchor tag. If you want the anchor version, it requires `href="#"`.*/ button.toast-close-button { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .toast-top-full-width { top: 0; right: 0; width: 100%; } .toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } .toast-top-left { top: 12px; left: 12px; } .toast-top-right { top: 12px; right: 12px; } .toast-bottom-right { right: 12px; bottom: 12px; } .toast-bottom-left { bottom: 12px; left: 12px; } #toast-container { position: fixed; z-index: 999999; /*overrides*/ } #toast-container * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #toast-container > div { margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; background-position: 15px center; background-repeat: no-repeat; -moz-box-shadow: 0 0 12px #999999; -webkit-box-shadow: 0 0 12px #999999; box-shadow: 0 0 12px #999999; color: #ffffff; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); } #toast-container > :hover { -moz-box-shadow: 0 0 12px #000000; -webkit-box-shadow: 0 0 12px #000000; box-shadow: 0 0 12px #000000; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); cursor: pointer; } #toast-container > .toast-info { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; } #toast-container > .toast-error { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important; } #toast-container > .toast-success { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important; } #toast-container > .toast-warning { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important; } #toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div { width: 96%; margin: auto; } .toast { background-color: #030303; } .toast-success { background-color: #51a351; } .toast-error { background-color: #bd362f; } .toast-info { background-color: #2f96b4; } .toast-warning { background-color: #f89406; } /*Responsive Design*/ @media all and (max-width: 240px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 11em; } #toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 241px) and (max-width: 480px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 18em; } #toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 481px) and (max-width: 768px) { #toast-container > div { padding: 15px 15px 15px 50px; width: 25em; } } #UpdateFromFileOptionsTable th { padding-top: 15px; } /*.filter-row { margin-bottom: 5px; } .filter-row .fa-bars { display:inline-block; } .filter-row .filter-concatination { width: 50px; display:inline-block; } .filter-row .filter-column { width:420px; display:inline-block; } .filter-row .filter-operator { width:160px; display:inline-block; } .filter-operator .btn { width: 160px } .filter-row .filter-comparison { width:100px; display:inline-block; } .filter-row .filter-searchterm { width:160px; display:inline-block; display: inline-block; height: 30px; position: relative; top: 2px; } .filter-row btn-danger { display:inline; } .also-show { font-size: 1.3em; height: 30px; padding-left: 10px; padding-right: 20px; } .also-show hr { border-color: black; } .also-show span { margin-top: -9px; margin-left: 425px; position: absolute; background: black; }*/ /* The purpose of this style sheet is to keep the classes used by the business in any Zoho CRM HTML code confined to one style sheet and separated from the others as to avoid unintentional bugs as that HTML is not visible in our codebase. Don't use these classes within our HTML. */ /*TODO: see if this is from the zoho side and should be kept here? sounds similar to .zoho-panel__dialog which was removed to be just panel__dialog in dashboard.css*/ .zoho-panel-dialog { background-color:white; padding:5%; } .zoho-panel__content { padding: var(--content-px); } .zoho-panel__icon { width: 2.5rem; height: 2.5rem; margin-bottom: 3rem; } .zoho-panel__icon--warning { color: var(--paletteWarning); } .zoho-panel__time { padding: 0.375rem 1rem; font-size: 1rem; border-radius: 6px; background-color: var(--paletteSlateBlueDarker); white-space: nowrap; color: var(--white); vertical-align: middle; position: relative; top: -2px; margin-left: 0.75rem; } .zoho-panel__summary { margin-top: 0.75rem; } .zoho-panel__paragraph { font-weight: 400; font-size: 1.125rem; } .zoho-panel__hr { height: 1px; margin: 2.25rem 0; background-color: var(--paletteSlateBlueLightest); border: 0; } .zoho-panel__2-col { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1.5rem; } .zoho-panel-notes { margin: 2.25rem 0; padding: 1rem; padding-bottom: 1.5rem; background-color: var(--paletteWhite); border-bottom: solid 1px var(--paletteSlateBlueLightest); } .zoho-panel-notes p { margin-bottom: 1rem; } .zoho-panel__notes-label { margin-bottom: 0.375rem; } .zoho-panel__ol { margin: 0; padding: 0; font-size: 1.125rem; } .zoho-panel__ol li + li { margin-top: 1rem; } .zoho-type-label { font-weight: 300; font-size: 0.8125rem; } .zoho-type-body { font-weight: 500; font-size: 1.125rem; } .zoho-type-title { font-weight: 400; font-size: 1.75rem; } .zoho-type-smaller-title { font-weight: 400; font-size: 1.5rem; } .zoho-type-headline { font-weight: 300; font-size: 2.25rem; line-height: 1.1; } @media (max-width: 64em) { .zoho-type-label { font-weight: 300; font-size: 0.625rem; } .zoho-type-body { font-weight: 500; font-size: 1rem; } .zoho-type-title { font-weight: 400; font-size: 1.25rem; } .zoho-type-smaller-title { font-weight: 400; font-size: 1.25rem; } .zoho-type-headline { font-weight: 300; font-size: 1.75rem; line-height: 1.1; } } .zoho-type-title { font-weight: 400; font-size: 1.75rem; padding-right: 10%; } .zoho-panel-time { padding: 0.375rem 1rem; font-size: 1.75rem; border-radius: 6px; background-color: var(--paletteSlateBlueDarker); white-space: nowrap; color: white; vertical-align: middle; position: relative; top: -2px; margin-left: 0.75rem; float: right; } .zoho-dynamic-field { font-weight: 400; font-size: 1.5rem; } .zoho-panel-subtitle { font-weight: 300; font-size: 0.8125rem; } .zoho-panel-dialog a { text-decoration: underline; color: inherit; } .zoho-panel-dialog br.section-break { margin-top: 32px; }