/* Minification failed. Returning unminified contents. (12083,31): run-time error CSS1019: Unexpected token, found '}' (14779,21): run-time error CSS1038: Expected hex color, found '#ddddd' (16300,1): run-time error CSS1019: Unexpected token, found '@keyframes' (16301,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (16314,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (16315,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (16332,1): run-time error CSS1019: Unexpected token, found '@keyframes' (16333,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (16343,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (16344,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (16358,1): run-time error CSS1019: Unexpected token, found '@keyframes' (16359,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (16372,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (16373,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (16390,1): run-time error CSS1019: Unexpected token, found '@keyframes' (16391,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (16414,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (16415,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (16443,1): run-time error CSS1019: Unexpected token, found '@keyframes' (16444,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (16497,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (16498,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (16555,1): run-time error CSS1019: Unexpected token, found '@keyframes' (16556,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (16572,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (16573,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (16593,1): run-time error CSS1019: Unexpected token, found '@keyframes' (16594,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (16601,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (16602,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (16613,1): run-time error CSS1019: Unexpected token, found '@keyframes' (16614,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (16638,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (16639,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (16667,1): run-time error CSS1019: Unexpected token, found '@keyframes' (16668,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (16684,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (16685,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (16705,1): run-time error CSS1019: Unexpected token, found '@keyframes' (16706,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (16722,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (16723,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (16743,1): run-time error CSS1019: Unexpected token, found '@keyframes' (16744,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (16763,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (16764,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (16787,1): run-time error CSS1019: Unexpected token, found '@keyframes' (16788,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (16807,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (16808,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (16831,1): run-time error CSS1019: Unexpected token, found '@keyframes' (16832,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (16857,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (16858,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (16887,1): run-time error CSS1019: Unexpected token, found '@keyframes' (16888,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (16907,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (16908,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (16950,1): run-time error CSS1019: Unexpected token, found '@keyframes' (16951,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (16986,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (16987,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17026,1): run-time error CSS1019: Unexpected token, found '@keyframes' (17027,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17068,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (17069,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17114,1): run-time error CSS1019: Unexpected token, found '@keyframes' (17115,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17131,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (17132,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17153,1): run-time error CSS1019: Unexpected token, found '@keyframes' (17154,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17194,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (17195,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17241,1): run-time error CSS1019: Unexpected token, found '@keyframes' (17242,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17269,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (17270,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17301,1): run-time error CSS1019: Unexpected token, found '@keyframes' (17302,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17317,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (17318,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17337,1): run-time error CSS1019: Unexpected token, found '@keyframes' (17338,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17353,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (17354,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17373,1): run-time error CSS1019: Unexpected token, found '@keyframes' (17374,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17387,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (17388,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17405,1): run-time error CSS1019: Unexpected token, found '@keyframes' (17406,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17451,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (17452,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17501,1): run-time error CSS1019: Unexpected token, found '@keyframes' (17502,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17543,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (17544,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17589,1): run-time error CSS1019: Unexpected token, found '@keyframes' (17590,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17604,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (17605,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17624,1): run-time error CSS1019: Unexpected token, found '@keyframes' (17625,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17641,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (17642,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17663,1): run-time error CSS1019: Unexpected token, found '@keyframes' (17664,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (17673,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (17674,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (17687,1): run-time error CSS1019: Unexpected token, found '@keyframes' (17688,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17705,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (17706,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17727,1): run-time error CSS1019: Unexpected token, found '@keyframes' (17728,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17758,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (17759,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17793,1): run-time error CSS1019: Unexpected token, found '@keyframes' (17794,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17831,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (17832,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17873,1): run-time error CSS1019: Unexpected token, found '@keyframes' (17874,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17911,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (17912,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17953,1): run-time error CSS1019: Unexpected token, found '@keyframes' (17954,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (17997,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (17998,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18045,1): run-time error CSS1019: Unexpected token, found '@keyframes' (18046,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18073,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (18074,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18105,1): run-time error CSS1019: Unexpected token, found '@keyframes' (18106,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18125,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (18126,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18149,1): run-time error CSS1019: Unexpected token, found '@keyframes' (18150,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18182,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (18183,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18219,1): run-time error CSS1019: Unexpected token, found '@keyframes' (18220,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18287,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (18288,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18359,1): run-time error CSS1019: Unexpected token, found '@keyframes' (18360,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18397,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (18398,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18439,1): run-time error CSS1019: Unexpected token, found '@keyframes' (18440,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18466,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (18467,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18497,1): run-time error CSS1019: Unexpected token, found '@keyframes' (18498,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18524,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (18525,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18555,1): run-time error CSS1019: Unexpected token, found '@keyframes' (18556,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18588,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (18589,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18625,1): run-time error CSS1019: Unexpected token, found '@keyframes' (18626,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18649,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (18650,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18677,1): run-time error CSS1019: Unexpected token, found '@keyframes' (18678,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18701,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (18702,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18729,1): run-time error CSS1019: Unexpected token, found '@keyframes' (18730,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18753,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (18754,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18781,1): run-time error CSS1019: Unexpected token, found '@keyframes' (18782,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18805,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (18806,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18833,1): run-time error CSS1019: Unexpected token, found '@keyframes' (18834,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (18915,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (18916,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19001,1): run-time error CSS1019: Unexpected token, found '@keyframes' (19002,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19015,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (19016,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19033,1): run-time error CSS1019: Unexpected token, found '@keyframes' (19034,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19047,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (19048,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19065,1): run-time error CSS1019: Unexpected token, found '@keyframes' (19066,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19096,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (19097,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19131,1): run-time error CSS1019: Unexpected token, found '@keyframes' (19132,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19169,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (19170,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19211,1): run-time error CSS1019: Unexpected token, found '@keyframes' (19212,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19249,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (19250,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19291,1): run-time error CSS1019: Unexpected token, found '@keyframes' (19292,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19335,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (19336,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19383,1): run-time error CSS1019: Unexpected token, found '@keyframes' (19384,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19411,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (19412,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19443,1): run-time error CSS1019: Unexpected token, found '@keyframes' (19444,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19463,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (19464,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19487,1): run-time error CSS1019: Unexpected token, found '@keyframes' (19488,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19520,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (19521,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19557,1): run-time error CSS1019: Unexpected token, found '@keyframes' (19558,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19625,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (19626,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19697,1): run-time error CSS1019: Unexpected token, found '@keyframes' (19698,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19735,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (19736,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19777,1): run-time error CSS1019: Unexpected token, found '@keyframes' (19778,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19804,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (19805,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19835,1): run-time error CSS1019: Unexpected token, found '@keyframes' (19836,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19862,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (19863,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19893,1): run-time error CSS1019: Unexpected token, found '@keyframes' (19894,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19926,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (19927,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19963,1): run-time error CSS1019: Unexpected token, found '@keyframes' (19964,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (19987,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (19988,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20015,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20016,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20039,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20040,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20067,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20068,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20091,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20092,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20119,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20120,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20143,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20144,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20171,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20172,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20253,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20254,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20339,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20340,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20353,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20354,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20371,1): run-time error CSS1019: Unexpected token, found '@keyframes' (20372,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (20385,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (20386,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' */ /*! * jQuery UI CSS Framework 1.8.20 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Licensed under the MIT license. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,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; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { zoom: 1; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* 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: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*! * jQuery UI Resizable 1.8.20 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Licensed under the MIT license. * http://jquery.org/license * * http://docs.jquery.com/UI/Resizable#theming */ .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; } .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;} /*! * jQuery UI Selectable 1.8.20 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Licensed under the MIT license. * http://jquery.org/license * * http://docs.jquery.com/UI/Selectable#theming */ .ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; } /*! * jQuery UI Accordion 1.8.20 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Licensed under the MIT license. * http://jquery.org/license * * http://docs.jquery.com/UI/Accordion#theming */ /* IE/Win - Fix animation bug - #4615 */ .ui-accordion { width: 100%; } .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; } .ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; } .ui-accordion .ui-accordion-content-active { display: block; } /*! * jQuery UI Autocomplete 1.8.20 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Licensed under the MIT license. * http://jquery.org/license * * http://docs.jquery.com/UI/Autocomplete#theming */ .ui-autocomplete { position: absolute; cursor: default; } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ /* * jQuery UI Menu 1.8.20 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Licensed under the MIT license. * http://jquery.org/license * * http://docs.jquery.com/UI/Menu#theming */ .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; float: left; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; } .ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } /*! * jQuery UI Button 1.8.20 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Licensed under the MIT license. * http://jquery.org/license * * http://docs.jquery.com/UI/Button#theming */ .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ .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: 1.4; } .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; } .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 */ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ /*! * jQuery UI Dialog 1.8.20 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Licensed under the MIT license. * http://jquery.org/license * * http://docs.jquery.com/UI/Dialog#theming */ .ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; 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: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /*! * jQuery UI Slider 1.8.20 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Licensed under the MIT license. * http://jquery.org/license * * http://docs.jquery.com/UI/Slider#theming */ .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; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .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; } /*! * jQuery UI Tabs 1.8.20 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Licensed under the MIT license. * http://jquery.org/license * * http://docs.jquery.com/UI/Tabs#theming */ .ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .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: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /*! * jQuery UI Datepicker 1.8.20 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Licensed under the MIT license. * http://jquery.org/license * * http://docs.jquery.com/UI/Datepicker#theming */ .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-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .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 { border-left-width:0; } .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:0em; } /* 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 { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ } /*! * jQuery UI Progressbar 1.8.20 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Licensed under the MIT license. * http://jquery.org/license * * http://docs.jquery.com/UI/Progressbar#theming */ .ui-progressbar { height:2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; } /*! * jQuery UI CSS Framework 1.8.20 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Licensed under the MIT license. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API * * To view and modify this theme, visit http://jqueryui.com/themeroller/ */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; } .ui-widget-content a { color: #222222/*{fcContent}*/; } .ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; } .ui-widget-header a { color: #222222/*{fcHeader}*/; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; 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 #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; } .ui-state-hover a, .ui-state-hover a:hover { color: #212121/*{fcHover}*/; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; text-decoration: none; } .ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ url(images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636/*{fcHighlight}*/; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a/*{fcError}*/; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a/*{fcError}*/; } .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); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; } .ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; } .ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png)/*{iconsHeader}*/; } .ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png)/*{iconsDefault}*/; } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png)/*{iconsHover}*/; } .ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png)/*{iconsActive}*/; } .ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; } /* positioning */ .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-off { background-position: -96px -144px; } .ui-icon-radio-on { 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 { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -khtml-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -khtml-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; } .ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -khtml-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; border-radius: 8px/*{cornerRadiusShadow}*/; } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @-ms-viewport { width: device-width; } .hidden { display: none; visibility: hidden; } .visible-phone { display: none !important; } .visible-tablet { display: none !important; } .hidden-desktop { display: none !important; } .visible-desktop { display: inherit !important; } @media (min-width: 768px) and (max-width: 979px) { .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important ; } .visible-tablet { display: inherit !important; } .hidden-tablet { display: none !important; } } @media (max-width: 767px) { .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } .visible-phone { display: inherit !important; } .hidden-phone { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: inherit !important; } .hidden-print { display: none !important; } } @media (min-width: 1200px) { .row { margin-left: -30px; *zoom: 1; } .row:before, .row:after { display: table; line-height: 0; content: ""; } .row:after { clear: both; } [class*="span"] { float: left; min-height: 1px; margin-left: 30px; } .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 1170px; } .span12 { width: 1170px; } .span11 { width: 1070px; } .span10 { width: 970px; } .span9 { width: 870px; } .span8 { width: 770px; } .span7 { width: 670px; } .span6 { width: 570px; } .span5 { width: 470px; } .span4 { width: 370px; } .span3 { width: 270px; } .span2 { width: 170px; } .span1 { width: 70px; } .offset12 { margin-left: 1230px; } .offset11 { margin-left: 1130px; } .offset10 { margin-left: 1030px; } .offset9 { margin-left: 930px; } .offset8 { margin-left: 830px; } .offset7 { margin-left: 730px; } .offset6 { margin-left: 630px; } .offset5 { margin-left: 530px; } .offset4 { margin-left: 430px; } .offset3 { margin-left: 330px; } .offset2 { margin-left: 230px; } .offset1 { margin-left: 130px; } .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; line-height: 0; content: ""; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; float: left; width: 100%; min-height: 30px; margin-left: 2.564102564102564%; *margin-left: 2.5109110747408616%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.564102564102564%; } .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } .row-fluid .span11 { width: 91.45299145299145%; *width: 91.39979996362975%; } .row-fluid .span10 { width: 82.90598290598291%; *width: 82.8527914166212%; } .row-fluid .span9 { width: 74.35897435897436%; *width: 74.30578286961266%; } .row-fluid .span8 { width: 65.81196581196582%; *width: 65.75877432260411%; } .row-fluid .span7 { width: 57.26495726495726%; *width: 57.21176577559556%; } .row-fluid .span6 { width: 48.717948717948715%; *width: 48.664757228587014%; } .row-fluid .span5 { width: 40.17094017094017%; *width: 40.11774868157847%; } .row-fluid .span4 { width: 31.623931623931625%; *width: 31.570740134569924%; } .row-fluid .span3 { width: 23.076923076923077%; *width: 23.023731587561375%; } .row-fluid .span2 { width: 14.52991452991453%; *width: 14.476723040552828%; } .row-fluid .span1 { width: 5.982905982905983%; *width: 5.929714493544281%; } .row-fluid .offset12 { margin-left: 105.12820512820512%; *margin-left: 105.02182214948171%; } .row-fluid .offset12:first-child { margin-left: 102.56410256410257%; *margin-left: 102.45771958537915%; } .row-fluid .offset11 { margin-left: 96.58119658119658%; *margin-left: 96.47481360247316%; } .row-fluid .offset11:first-child { margin-left: 94.01709401709402%; *margin-left: 93.91071103837061%; } .row-fluid .offset10 { margin-left: 88.03418803418803%; *margin-left: 87.92780505546462%; } .row-fluid .offset10:first-child { margin-left: 85.47008547008548%; *margin-left: 85.36370249136206%; } .row-fluid .offset9 { margin-left: 79.48717948717949%; *margin-left: 79.38079650845607%; } .row-fluid .offset9:first-child { margin-left: 76.92307692307693%; *margin-left: 76.81669394435352%; } .row-fluid .offset8 { margin-left: 70.94017094017094%; *margin-left: 70.83378796144753%; } .row-fluid .offset8:first-child { margin-left: 68.37606837606839%; *margin-left: 68.26968539734497%; } .row-fluid .offset7 { margin-left: 62.393162393162385%; *margin-left: 62.28677941443899%; } .row-fluid .offset7:first-child { margin-left: 59.82905982905982%; *margin-left: 59.72267685033642%; } .row-fluid .offset6 { margin-left: 53.84615384615384%; *margin-left: 53.739770867430444%; } .row-fluid .offset6:first-child { margin-left: 51.28205128205128%; *margin-left: 51.175668303327875%; } .row-fluid .offset5 { margin-left: 45.299145299145295%; *margin-left: 45.1927623204219%; } .row-fluid .offset5:first-child { margin-left: 42.73504273504273%; *margin-left: 42.62865975631933%; } .row-fluid .offset4 { margin-left: 36.75213675213675%; *margin-left: 36.645753773413354%; } .row-fluid .offset4:first-child { margin-left: 34.18803418803419%; *margin-left: 34.081651209310785%; } .row-fluid .offset3 { margin-left: 28.205128205128204%; *margin-left: 28.0987452264048%; } .row-fluid .offset3:first-child { margin-left: 25.641025641025642%; *margin-left: 25.53464266230224%; } .row-fluid .offset2 { margin-left: 19.65811965811966%; *margin-left: 19.551736679396257%; } .row-fluid .offset2:first-child { margin-left: 17.094017094017094%; *margin-left: 16.98763411529369%; } .row-fluid .offset1 { margin-left: 11.11111111111111%; *margin-left: 11.004728132387708%; } .row-fluid .offset1:first-child { margin-left: 8.547008547008547%; *margin-left: 8.440625568285142%; } input, textarea, .uneditable-input { margin-left: 0; } .controls-row [class*="span"] + [class*="span"] { margin-left: 30px; } input.span12, textarea.span12, .uneditable-input.span12 { width: 1156px; } input.span11, textarea.span11, .uneditable-input.span11 { width: 1056px; } input.span10, textarea.span10, .uneditable-input.span10 { width: 956px; } input.span9, textarea.span9, .uneditable-input.span9 { width: 856px; } input.span8, textarea.span8, .uneditable-input.span8 { width: 756px; } input.span7, textarea.span7, .uneditable-input.span7 { width: 656px; } input.span6, textarea.span6, .uneditable-input.span6 { width: 556px; } input.span5, textarea.span5, .uneditable-input.span5 { width: 456px; } input.span4, textarea.span4, .uneditable-input.span4 { width: 356px; } input.span3, textarea.span3, .uneditable-input.span3 { width: 256px; } input.span2, textarea.span2, .uneditable-input.span2 { width: 156px; } input.span1, textarea.span1, .uneditable-input.span1 { width: 56px; } .thumbnails { margin-left: -30px; } .thumbnails > li { margin-left: 30px; } .row-fluid .thumbnails { margin-left: 0; } } @media (min-width: 768px) and (max-width: 979px) { .row { margin-left: -20px; *zoom: 1; } .row:before, .row:after { display: table; line-height: 0; content: ""; } .row:after { clear: both; } [class*="span"] { float: left; min-height: 1px; margin-left: 20px; } .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 724px; } .span12 { width: 724px; } .span11 { width: 662px; } .span10 { width: 600px; } .span9 { width: 538px; } .span8 { width: 476px; } .span7 { width: 414px; } .span6 { width: 352px; } .span5 { width: 290px; } .span4 { width: 228px; } .span3 { width: 166px; } .span2 { width: 104px; } .span1 { width: 42px; } .offset12 { margin-left: 764px; } .offset11 { margin-left: 702px; } .offset10 { margin-left: 640px; } .offset9 { margin-left: 578px; } .offset8 { margin-left: 516px; } .offset7 { margin-left: 454px; } .offset6 { margin-left: 392px; } .offset5 { margin-left: 330px; } .offset4 { margin-left: 268px; } .offset3 { margin-left: 206px; } .offset2 { margin-left: 144px; } .offset1 { margin-left: 82px; } .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; line-height: 0; content: ""; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; float: left; width: 100%; min-height: 30px; margin-left: 2.7624309392265194%; *margin-left: 2.709239449864817%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.7624309392265194%; } .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } .row-fluid .span11 { width: 91.43646408839778%; *width: 91.38327259903608%; } .row-fluid .span10 { width: 82.87292817679558%; *width: 82.81973668743387%; } .row-fluid .span9 { width: 74.30939226519337%; *width: 74.25620077583166%; } .row-fluid .span8 { width: 65.74585635359117%; *width: 65.69266486422946%; } .row-fluid .span7 { width: 57.18232044198895%; *width: 57.12912895262725%; } .row-fluid .span6 { width: 48.61878453038674%; *width: 48.56559304102504%; } .row-fluid .span5 { width: 40.05524861878453%; *width: 40.00205712942283%; } .row-fluid .span4 { width: 31.491712707182323%; *width: 31.43852121782062%; } .row-fluid .span3 { width: 22.92817679558011%; *width: 22.87498530621841%; } .row-fluid .span2 { width: 14.3646408839779%; *width: 14.311449394616199%; } .row-fluid .span1 { width: 5.801104972375691%; *width: 5.747913483013988%; } .row-fluid .offset12 { margin-left: 105.52486187845304%; *margin-left: 105.41847889972962%; } .row-fluid .offset12:first-child { margin-left: 102.76243093922652%; *margin-left: 102.6560479605031%; } .row-fluid .offset11 { margin-left: 96.96132596685082%; *margin-left: 96.8549429881274%; } .row-fluid .offset11:first-child { margin-left: 94.1988950276243%; *margin-left: 94.09251204890089%; } .row-fluid .offset10 { margin-left: 88.39779005524862%; *margin-left: 88.2914070765252%; } .row-fluid .offset10:first-child { margin-left: 85.6353591160221%; *margin-left: 85.52897613729868%; } .row-fluid .offset9 { margin-left: 79.8342541436464%; *margin-left: 79.72787116492299%; } .row-fluid .offset9:first-child { margin-left: 77.07182320441989%; *margin-left: 76.96544022569647%; } .row-fluid .offset8 { margin-left: 71.2707182320442%; *margin-left: 71.16433525332079%; } .row-fluid .offset8:first-child { margin-left: 68.50828729281768%; *margin-left: 68.40190431409427%; } .row-fluid .offset7 { margin-left: 62.70718232044199%; *margin-left: 62.600799341718584%; } .row-fluid .offset7:first-child { margin-left: 59.94475138121547%; *margin-left: 59.838368402492065%; } .row-fluid .offset6 { margin-left: 54.14364640883978%; *margin-left: 54.037263430116376%; } .row-fluid .offset6:first-child { margin-left: 51.38121546961326%; *margin-left: 51.27483249088986%; } .row-fluid .offset5 { margin-left: 45.58011049723757%; *margin-left: 45.47372751851417%; } .row-fluid .offset5:first-child { margin-left: 42.81767955801105%; *margin-left: 42.71129657928765%; } .row-fluid .offset4 { margin-left: 37.01657458563536%; *margin-left: 36.91019160691196%; } .row-fluid .offset4:first-child { margin-left: 34.25414364640884%; *margin-left: 34.14776066768544%; } .row-fluid .offset3 { margin-left: 28.45303867403315%; *margin-left: 28.346655695309746%; } .row-fluid .offset3:first-child { margin-left: 25.69060773480663%; *margin-left: 25.584224756083227%; } .row-fluid .offset2 { margin-left: 19.88950276243094%; *margin-left: 19.783119783707537%; } .row-fluid .offset2:first-child { margin-left: 17.12707182320442%; *margin-left: 17.02068884448102%; } .row-fluid .offset1 { margin-left: 11.32596685082873%; *margin-left: 11.219583872105325%; } .row-fluid .offset1:first-child { margin-left: 8.56353591160221%; *margin-left: 8.457152932878806%; } input, textarea, .uneditable-input { margin-left: 0; } .controls-row [class*="span"] + [class*="span"] { margin-left: 20px; } input.span12, textarea.span12, .uneditable-input.span12 { width: 710px; } input.span11, textarea.span11, .uneditable-input.span11 { width: 648px; } input.span10, textarea.span10, .uneditable-input.span10 { width: 586px; } input.span9, textarea.span9, .uneditable-input.span9 { width: 524px; } input.span8, textarea.span8, .uneditable-input.span8 { width: 462px; } input.span7, textarea.span7, .uneditable-input.span7 { width: 400px; } input.span6, textarea.span6, .uneditable-input.span6 { width: 338px; } input.span5, textarea.span5, .uneditable-input.span5 { width: 276px; } input.span4, textarea.span4, .uneditable-input.span4 { width: 214px; } input.span3, textarea.span3, .uneditable-input.span3 { width: 152px; } input.span2, textarea.span2, .uneditable-input.span2 { width: 90px; } input.span1, textarea.span1, .uneditable-input.span1 { width: 28px; } } @media (max-width: 767px) { body { padding-right: 20px; padding-left: 20px; } .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top { margin-right: -20px; margin-left: -20px; } .container-fluid { padding: 0; } .dl-horizontal dt { float: none; width: auto; clear: none; text-align: left; } .dl-horizontal dd { margin-left: 0; } .container { width: auto; } .row-fluid { width: 100%; } .row, .thumbnails { margin-left: 0; } .thumbnails > li { float: none; margin-left: 0; } [class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] { display: block; float: none; width: 100%; margin-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .span12, .row-fluid .span12 { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*="offset"]:first-child { margin-left: 0; } .input-large, .input-xlarge, .input-xxlarge, input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .input-prepend input, .input-append input, .input-prepend input[class*="span"], .input-append input[class*="span"] { display: inline-block; width: auto; } .controls-row [class*="span"] + [class*="span"] { margin-left: 0; } .modal { position: fixed; top: 20px; right: 20px; left: 20px; width: auto; margin: 0; } .modal.fade { top: -100px; } .modal.fade.in { top: 20px; } } @media (max-width: 480px) { .nav-collapse { -webkit-transform: translate3d(0, 0, 0); } .page-header h1 small { display: block; line-height: 20px; } input[type="checkbox"], input[type="radio"] { border: 1px solid #ccc; } .form-horizontal .control-label { float: none; width: auto; padding-top: 0; text-align: left; } .form-horizontal .controls { margin-left: 0; } .form-horizontal .control-list { padding-top: 0; } .form-horizontal .form-actions { padding-right: 10px; padding-left: 10px; } .media .pull-left, .media .pull-right { display: block; float: none; margin-bottom: 10px; } .media-object { margin-right: 0; margin-left: 0; } .modal { top: 10px; right: 10px; left: 10px; } .modal-header .close { padding: 10px; margin: -10px; } .carousel-caption { position: static; } } @media (max-width: 979px) { body { padding-top: 0; } .navbar-fixed-top, .navbar-fixed-bottom { position: static; } .navbar-fixed-top { margin-bottom: 20px; } .navbar-fixed-bottom { margin-top: 20px; } .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner { padding: 5px; } .navbar .container { width: auto; padding: 0; } .navbar .brand { padding-right: 10px; padding-left: 10px; margin: 0 0 0 -5px; } .nav-collapse { clear: both; } .nav-collapse .nav { float: none; margin: 0 0 10px; } .nav-collapse .nav > li { float: none; } .nav-collapse .nav > li > a { margin-bottom: 2px; } .nav-collapse .nav > .divider-vertical { display: none; } .nav-collapse .nav .nav-header { color: #777777; text-shadow: none; } .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a { padding: 9px 15px; font-weight: bold; color: #777777; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .nav-collapse .btn { padding: 4px 10px 4px; font-weight: normal; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .nav-collapse .dropdown-menu li + li a { margin-bottom: 2px; } .nav-collapse .nav > li > a:hover, .nav-collapse .nav > li > a:focus, .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus { background-color: #f2f2f2; } .navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a { color: #999999; } .navbar-inverse .nav-collapse .nav > li > a:hover, .navbar-inverse .nav-collapse .nav > li > a:focus, .navbar-inverse .nav-collapse .dropdown-menu a:hover, .navbar-inverse .nav-collapse .dropdown-menu a:focus { background-color: #111111; } .nav-collapse.in .btn-group { padding: 0; margin-top: 5px; } .nav-collapse .dropdown-menu { position: static; top: auto; left: auto; display: none; float: none; max-width: none; padding: 0; margin: 0 15px; background-color: transparent; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .nav-collapse .open > .dropdown-menu { display: block; } .nav-collapse .dropdown-menu:before, .nav-collapse .dropdown-menu:after { display: none; } .nav-collapse .dropdown-menu .divider { display: none; } .nav-collapse .nav > li > .dropdown-menu:before, .nav-collapse .nav > li > .dropdown-menu:after { display: none; } .nav-collapse .navbar-form, .nav-collapse .navbar-search { float: none; padding: 10px 15px; margin: 10px 0; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); } .navbar-inverse .nav-collapse .navbar-form, .navbar-inverse .nav-collapse .navbar-search { border-top-color: #111111; border-bottom-color: #111111; } .navbar .nav-collapse .nav.pull-right { float: none; margin-left: 0; } .nav-collapse, .nav-collapse.collapse { height: 0; overflow: hidden; } .navbar .btn-navbar { display: block; } .navbar-static .navbar-inner { padding-right: 10px; padding-left: 10px; } } @media (min-width: 980px) { .nav-collapse.collapse { height: auto !important; overflow: visible !important; } } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; padding-top: 16px; margin-top: 20px; top: 29px; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } h1 { margin: 0.67em 0; font-size: 2em; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } hr { height: 0; -moz-box-sizing: content-box; box-sizing: content-box; } mark { color: #000; background: #ff0; } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } pre { white-space: pre-wrap; } q { quotes: "\201C" "\201D" "\2018" "\2019"; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 70px; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } fieldset { padding: 0.35em 0.625em 0.75em; margin: 0 2px; border: 1px solid #c0c0c0; } legend { padding: 0; border: 0; } button, input, select, textarea { /* margin: 0;*/ font-family: inherit; font-size: 100%; } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } button[disabled], html input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { padding: 0; box-sizing: border-box; } 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; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; } @media print { * { color: #000 !important; text-shadow: none !important; background: transparent !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, 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; } @page { margin: 2cm .5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .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; } } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 62.5%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.4286px; color: #333333; background-color: #ffffff; } input, button, select, textarea { font-family: inherit; font-size: inherit; /*line-height: inherit;*/ } a { color: #46484B; text-decoration: none; } a:hover, a:focus { color: #2a6496; text-decoration: underline; } a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } img { vertical-align: middle; } .img-responsive { display: inline-block; height: auto; max-width: 100%; } .img-rounded { border-radius: 6px; } .img-circle { border-radius: 500px; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 16.099999999999998px; font-weight: 200; line-height: 1.4; } @media (min-width: 768px) { .lead { font-size: 21px; } } small { font-size: 85%; } cite { font-style: normal; } .text-muted { color: #999999; } .text-primary { color: #428bca; } .text-warning { color: #c09853; } .text-danger { color: #b94a48; } .text-success { color: #468847; } .text-info { color: #3a87ad; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500; line-height: 1.1; } 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: #999999; } h1, h2, h3 { margin-top: 20px; margin-bottom: 10px; } h4, h5, h6 { margin-top: 10px; margin-bottom: 10px; } h1, .h1 { font-size: 38px; } h2, .h2 { font-size: 32px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 12px; } h1 small, .h1 small { font-size: 24px; } h2 small, .h2 small { font-size: 18px; } h3 small, .h3 small, h4 small, .h4 small { font-size: 14px; } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eeeeee; } 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; list-style: none; } .list-inline > li { display: inline-block; padding-right: 5px; padding-left: 5px; } dl { margin-bottom: 20px; } dt, dd { line-height: 1.428571429; } dt { font-weight: bold; } dd { margin-left: 0; } .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; } .dl-horizontal dd:before, .dl-horizontal dd:after { display: table; content: " "; } .dl-horizontal dd:after { clear: both; } .dl-horizontal dd:before, .dl-horizontal dd:after { display: table; content: " "; } .dl-horizontal dd:after { clear: both; } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #999999; } abbr.initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 10px 20px; margin: 0 0 20px; border-left: 5px solid #eeeeee; } blockquote p { font-size: 17.5px; font-weight: 300; line-height: 1.25; } blockquote p:last-child { margin-bottom: 0; } blockquote small { display: block; line-height: 1.428571429; color: #999999; } blockquote small:before { content: '\2014 \00A0'; } blockquote.pull-right { float: right; padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; } blockquote.pull-right p, blockquote.pull-right small { text-align: right; } blockquote.pull-right small:before { content: ''; } blockquote.pull-right small:after { content: '\00A0 \2014'; } q:before, q:after, blockquote:before, blockquote:after { content: ""; } address { display: block; margin-bottom: 20px; font-style: normal; line-height: 1.428571429; } code, pre { font-family: Monaco, Menlo, Consolas, "Courier New", monospace; } code { padding: 2px 4px; font-size: 90%; color: #c7254e; white-space: nowrap; background-color: #f9f2f4; border-radius: 4px; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.428571429; color: #333333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #cccccc; border-radius: 4px; } pre.prettyprint { margin-bottom: 20px; } pre code { padding: 0; color: inherit; white-space: pre-wrap; background-color: transparent; border: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { margin-right: auto; margin-left: auto; } .container:before, .container:after { display: table; content: " "; } .container:after { clear: both; } .container:before, .container:after { display: table; content: " "; } .container:after { clear: both; } .row:before, .row:after { display: table; content: " "; } .row:after { clear: both; } .row:before, .row:after { display: table; content: " "; } .row:after { clear: both; } @media (min-width: 768px) { .row { margin-right: -15px; margin-left: -15px; } } .row .row { margin-right: -15px; margin-left: -15px; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .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, .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 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { float: left; } .col-1 { width: 8.333333333333332%; } .col-2 { width: 16.666666666666664%; } .col-3 { width: 25%; } .col-4 { width: 33.33333333333333%; } .col-5 { width: 41.66666666666667%; } .col-6 { width: 50%; } .col-7 { width: 58.333333333333336%; } .col-8 { width: 66.66666666666666%; } .col-9 { width: 75%; } .col-10 { width: 83.33333333333334%; } .col-11 { width: 91.66666666666666%; } .col-12 { width: 100%; } @media (min-width: 768px) { .container { max-width: 728px; } .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-1 { width: 8.333333333333332%; } .col-sm-2 { width: 16.666666666666664%; } .col-sm-3 { width: 25%; } .col-sm-4 { width: 33.33333333333333%; } .col-sm-5 { width: 41.66666666666667%; } .col-sm-6 { width: 50%; } .col-sm-7 { width: 58.333333333333336%; } .col-sm-8 { width: 66.66666666666666%; } .col-sm-9 { width: 75%; } .col-sm-10 { width: 83.33333333333334%; } .col-sm-11 { width: 91.66666666666666%; } .col-sm-12 { width: 100%; } .col-sm-push-1 { left: 8.333333333333332%; } .col-sm-push-2 { left: 16.666666666666664%; } .col-sm-push-3 { left: 25%; } .col-sm-push-4 { left: 33.33333333333333%; } .col-sm-push-5 { left: 41.66666666666667%; } .col-sm-push-6 { left: 50%; } .col-sm-push-7 { left: 58.333333333333336%; } .col-sm-push-8 { left: 66.66666666666666%; } .col-sm-push-9 { left: 75%; } .col-sm-push-10 { left: 83.33333333333334%; } .col-sm-push-11 { left: 91.66666666666666%; } .col-sm-pull-1 { right: 8.333333333333332%; } .col-sm-pull-2 { right: 16.666666666666664%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-4 { right: 33.33333333333333%; } .col-sm-pull-5 { right: 41.66666666666667%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-7 { right: 58.333333333333336%; } .col-sm-pull-8 { right: 66.66666666666666%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-10 { right: 83.33333333333334%; } .col-sm-pull-11 { right: 91.66666666666666%; } .col-sm-offset-1 { margin-left: 8.333333333333332%; } .col-sm-offset-2 { margin-left: 16.666666666666664%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.33333333333333%; } .col-sm-offset-5 { margin-left: 41.66666666666667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.333333333333336%; } .col-sm-offset-8 { margin-left: 66.66666666666666%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.33333333333334%; } .col-sm-offset-11 { margin-left: 91.66666666666666%; } } @media (min-width: 992px) { .container { max-width: 940px; } .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-1 { width: 8.333333333333332%; } .col-lg-2 { width: 16.666666666666664%; } .col-lg-3 { width: 25%; } .col-lg-4 { width: 33.33333333333333%; } .col-lg-5 { width: 41.66666666666667%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.333333333333336%; } .col-lg-8 { width: 66.66666666666666%; } .col-lg-9 { width: 75%; } .col-lg-10 { width: 83.33333333333334%; } .col-lg-11 { width: 91.66666666666666%; } .col-lg-12 { width: 100%; } .col-lg-push-1 { left: 8.333333333333332%; } .col-lg-push-2 { left: 16.666666666666664%; } .col-lg-push-3 { left: 25%; } .col-lg-push-4 { left: 33.33333333333333%; } .col-lg-push-5 { left: 41.66666666666667%; } .col-lg-push-6 { left: 50%; } .col-lg-push-7 { left: 58.333333333333336%; } .col-lg-push-8 { left: 66.66666666666666%; } .col-lg-push-9 { left: 75%; } .col-lg-push-10 { left: 83.33333333333334%; } .col-lg-push-11 { left: 91.66666666666666%; } .col-lg-pull-1 { right: 8.333333333333332%; } .col-lg-pull-2 { right: 16.666666666666664%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-4 { right: 33.33333333333333%; } .col-lg-pull-5 { right: 41.66666666666667%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-7 { right: 58.333333333333336%; } .col-lg-pull-8 { right: 66.66666666666666%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-10 { right: 83.33333333333334%; } .col-lg-pull-11 { right: 91.66666666666666%; } .col-lg-offset-1 { margin-left: 8.333333333333332%; } .col-lg-offset-2 { margin-left: 16.666666666666664%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.33333333333333%; } .col-lg-offset-5 { margin-left: 41.66666666666667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.333333333333336%; } .col-lg-offset-8 { margin-left: 66.66666666666666%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.33333333333334%; } .col-lg-offset-11 { margin-left: 91.66666666666666%; } } @media (min-width: 1200px) { .container { max-width: 1170px; } } table { max-width: 100%; background-color: transparent; } th { text-align: left; } .table { 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.428571429; vertical-align: top; border-top: 1px solid #dddddd; } .table thead > tr > th { vertical-align: bottom; } .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 #dddddd; } .table .table { background-color: #ffffff; } .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 #dddddd; } .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 #dddddd; } .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-"] { display: table-column; float: none; } table td[class^="col-"], table th[class^="col-"] { 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 > 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; border-color: #d6e9c6; } .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; border-color: #eed3d7; } .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; border-color: #fbeed5; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td { background-color: #d0e9c6; border-color: #c9e2b3; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td { background-color: #ebcccc; border-color: #e6c1c7; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td { background-color: #faf2cc; border-color: #f8e5be; } fieldset { padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; margin-bottom: 5px; font-weight: bold; } input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; /* IE8-9 */ line-height: normal; } input[type="file"] { display: block; } select[multiple], select[size] { height: auto; } select optgroup { font-family: inherit; font-size: inherit; font-style: inherit; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { height: auto; } .form-control:-moz-placeholder { color: #999999; } .form-control::-moz-placeholder { color: #999999; } .form-control:-ms-input-placeholder { color: #999999; } .form-control::-webkit-input-placeholder { color: #999999; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555555; vertical-align: middle; background-color: #ffffff; border: 1px solid #cccccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .form-control:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; background-color: #eeeeee; } textarea.form-control { height: auto; } .form-group { margin-bottom: 15px; } .radio, .checkbox { display: block; min-height: 20px; padding-left: 20px; margin-top: 10px; margin-bottom: 10px; vertical-align: middle; } .radio label, .checkbox label { display: inline; 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"] { /*float: left;*/ 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-large { height: 45px; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } .input-small { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-large { height: 45px; line-height: 45px; } select.input-small { height: 30px; line-height: 30px; } textarea.input-large, textarea.input-small { height: auto; } .has-warning .help-block, .has-warning .control-label { color: #c09853; } .has-warning .form-control { padding-right: 32px; border-color: #c09853; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-warning .form-control:focus { border-color: #a47e3c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; } .has-warning .input-group-addon { color: #c09853; background-color: #fcf8e3; border-color: #c09853; } .has-error .help-block, .has-error .control-label { color: #b94a48; } .has-error .form-control { padding-right: 32px; border-color: #b94a48; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-error .form-control:focus { border-color: #953b39; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; } .has-error .input-group-addon { color: #b94a48; background-color: #f2dede; border-color: #b94a48; } .has-success .help-block, .has-success .control-label { color: #468847; } .has-success .form-control { padding-right: 32px; border-color: #468847; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-success .form-control:focus { border-color: #356635; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; } .has-success .input-group-addon { color: #468847; background-color: #dff0d8; border-color: #468847; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } .form-inline .form-control, .form-inline .radio, .form-inline .checkbox { display: inline-block; } .form-inline .radio, .form-inline .checkbox { margin-top: 0; margin-bottom: 0; } .form-horizontal .control-label, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { padding-top: 9px; } .form-horizontal .form-group:before, .form-horizontal .form-group:after { display: table; content: " "; } .form-horizontal .form-group:after { clear: both; } .form-horizontal .form-group:before, .form-horizontal .form-group:after { display: table; content: " "; } .form-horizontal .form-group:after { clear: both; } @media (min-width: 768px) { .form-horizontal .form-group { margin-right: -15px; margin-left: -15px; } } .form-horizontal .form-group .row { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .form-horizontal .control-label { text-align: right; } } .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 500; line-height: 1.428571429; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; border: 1px solid transparent; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn:hover, .btn:focus { color: #ffffff; text-decoration: none; } .btn:active, .btn.active { outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { pointer-events: none; cursor: default; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .btn-default { color: #ffffff; background-color: #474949; border-color: #474949; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active { background-color: #3a3c3c; border-color: #2e2f2f; } .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: #474949; border-color: #474949; } .btn-primary { color: #ffffff; background-color: #999999; border-color: #CCCCCC; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active { background-color: #999999; border-color: #CCCCCC; } .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: #428bca; } .btn-warning { color: #ffffff; background-color: #f0ad4e; border-color: #f0ad4e; } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active { background-color: #eea236; border-color: #ec971f; } .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: #f0ad4e; } .btn-danger { color: #ffffff; background-color: #d9534f; border-color: #d9534f; } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active { background-color: #d43f3a; border-color: #c9302c; } .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: #d9534f; } .btn-success { color: #ffffff; background-color: #5cb85c; border-color: #5cb85c; } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active { background-color: #4cae4c; border-color: #449d44; } .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: #5cb85c; } .btn-info { color: #ffffff; background-color: #5bc0de; border-color: #5bc0de; } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active { background-color: #46b8da; border-color: #31b0d5; } .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: #5bc0de; } .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: #333333; text-decoration: none; } .btn-large { padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } .btn-small, .btn-mini { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-mini { padding: 3px 5px; } .btn-block { display: block; width: 100%; padding-right: 0; padding-left: 0; } .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 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; transition: height 0.35s ease; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group.col { float: none; padding-right: 0; padding-left: 0; } .input-group .form-control { width: 100%; margin-bottom: 0; } .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.428571429; text-align: center; background-color: #eeeeee; border: 1px solid #cccccc; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .input-group-addon.input-small { padding: 5px 10px; font-size: 12px; border-radius: 3px; } .input-group-addon.input-large { 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 > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) { 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 > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { position: relative; white-space: nowrap; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -4px; } .input-group-btn > .btn:hover, .input-group-btn > .btn:active { z-index: 2; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid #000000; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; } .dropdown { position: relative; } .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; list-style: none; background-color: #ffffff; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } .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.428571429; color: #333333; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #ffffff; text-decoration: none; background-color: #357ebd; background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#357ebd)); background-image: -webkit-linear-gradient(top, #428bca, 0%, #357ebd, 100%); background-image: -moz-linear-gradient(top, #428bca 0%, #357ebd 100%); background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0); } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #ffffff; text-decoration: none; background-color: #357ebd; background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#357ebd)); background-image: -webkit-linear-gradient(top, #428bca, 0%, #357ebd, 100%); background-image: -moz-linear-gradient(top, #428bca 0%, #357ebd 100%); background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%); background-repeat: repeat-x; outline: 0; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0); } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #999999; } .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-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.428571429; color: #999999; } .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 { border-top: 0; border-bottom: 4px solid #000000; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } .list-group { padding-left: 0; margin-bottom: 20px; } .list-group-item { position: relative; display: block; padding: 10px 30px 10px 15px; margin-bottom: -1px; background-color: #ffffff; border: 1px solid #dddddd; } .list-group-item:first-child { border-top-right-radius: 4px; border-top-left-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; margin-right: -15px; } .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0; line-height: 1.3; } a.list-group-item .list-group-item-heading { color: #333333; } a.list-group-item .list-group-item-text { color: #555555; } a.list-group-item:hover, a.list-group-item:focus { text-decoration: none; background-color: #f5f5f5; } a.list-group-item.active { z-index: 2; color: #ffffff; background-color: #3D3E3F; border-color: #000000; } a.list-group-item.active .list-group-item-heading { color: inherit; } a.list-group-item.active .list-group-item-text { color: #e1edf7; } .panel { padding: 15px; margin-bottom: 20px; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .panel .list-group { margin: 15px -15px -15px; } .panel .list-group .list-group-item { border-width: 1px 0; } .panel .list-group .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .panel .list-group .list-group-item:last-child { border-bottom: 0; } .panel-heading { padding: 10px 15px; margin: -15px -15px 15px; background-color: #f5f5f5; border-bottom: 1px solid #dddddd; border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 17.5px; font-weight: 500; } .panel-footer { padding: 10px 15px; margin: 15px -15px -15px; background-color: #999999; border-top: 1px solid #dddddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel-primary { border-color: #428bca; } .panel-primary .panel-heading { color: #ffffff; background-color: #428bca; border-color: #428bca; } .panel-success { border-color: #d6e9c6; } .panel-success .panel-heading { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; } .panel-warning { border-color: #fbeed5; } .panel-warning .panel-heading { color: #c09853; background-color: #fcf8e3; border-color: #fbeed5; } .panel-danger { border-color: #eed3d7; } .panel-danger .panel-heading { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; } .panel-info { border-color: #bce8f1; } .panel-info .panel-heading { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; } .well { min-height: 20px; padding: 19px; margin-top: 20px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .well-large { padding: 24px; border-radius: 6px; } .well-small { padding: 9px; border-radius: 3px; } .close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); } .close:hover, .close:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .nav { padding-left: 0; margin-bottom: 0; list-style: none; } .nav:before, .nav:after { display: table; content: " "; } .nav:after { clear: both; } .nav:before, .nav:after { display: table; content: " "; } .nav:after { clear: both; } .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: #eeeeee; } .nav > li.disabled > a { color: #999999; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #999999; text-decoration: none; cursor: not-allowed; background-color: transparent; } .nav.open > a, .nav.open > a:hover, .nav.open > a:focus { color: #ffffff; background-color: #428bca; border-color: #428bca; } .nav.open > a .caret, .nav.open > a:hover .caret, .nav.open > a:focus .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } .nav > .pull-right { float: right; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav-tabs { border-bottom: 1px solid #dddddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.428571429; border: 1px solid transparent; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover { border-color: #eeeeee; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555555; cursor: default; background-color: #ffffff; border: 1px solid #dddddd; border-bottom-color: transparent; } .nav-tabs.nav-justified { width: 100%; border-bottom: 0; } .nav-tabs.nav-justified > li { display: table-cell; float: none; width: 1%; } .nav-tabs.nav-justified > li > a { text-align: center; } .nav-tabs.nav-justified > li > a { margin-right: 0; border-bottom: 1px solid #dddddd; } .nav-tabs.nav-justified > .active > a { border-bottom-color: #ffffff; } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 5px; } .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: #ffffff; 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 { display: table-cell; float: none; width: 1%; } .nav-justified > li > a { text-align: center; } .nav-tabs-justified { border-bottom: 0; } .nav-tabs-justified > li > a { margin-right: 0; border-bottom: 1px solid #dddddd; } .nav-tabs-justified > .active > a { border-bottom-color: #ffffff; } .tabbable:before, .tabbable:after { display: table; content: " "; } .tabbable:after { clear: both; } .tabbable:before, .tabbable:after { display: table; content: " "; } .tabbable:after { clear: both; } .tab-content > .tab-pane, .pill-content > .pill-pane { display: none; } .tab-content > .active, .pill-content > .active { display: block; } .nav .caret { border-top-color: #428bca; border-bottom-color: #428bca; } .nav a:hover .caret { border-top-color: #2a6496; border-bottom-color: #2a6496; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar { position: relative; min-height: 50px; padding-right: 15px; padding-left: 15px; margin-bottom: 20px; background-color: #eeeeee; border-radius: 4px; } .navbar:before, .navbar:after { display: table; content: " "; } .navbar:after { clear: both; } .navbar:before, .navbar:after { display: table; content: " "; } .navbar:after { clear: both; } .navbar-nav { margin-top: 10px; margin-bottom: 15px; } .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; line-height: 20px; color: #777777; border-radius: 4px; } .navbar-nav > li > a:hover, .navbar-nav > li > a:focus { color: #333333; background-color: transparent; } .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus { color: #555555; background-color: #d5d5d5; } .navbar-nav > .disabled > a, .navbar-nav > .disabled > a:hover, .navbar-nav > .disabled > a:focus { color: #cccccc; background-color: transparent; } .navbar-nav.pull-right { width: 100%; } .navbar-static-top { border-radius: 0; } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; border-radius: 0; } .navbar-fixed-top { top: 0; } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; } .navbar-brand { display: block; max-width: 450px; padding: 15px 15px; margin-right: auto; margin-left: auto; font-size: 18px; font-weight: 500; line-height: 20px; color: #777777; text-align: center; } .navbar-brand:hover, .navbar-brand:focus { color: #5e5e5e; text-decoration: none; background-color: transparent; } .navbar-toggle { position: absolute; top: 9px; right: 10px; width: 48px; height: 32px; padding: 8px 12px; background-color: transparent; border: 1px solid #dddddd; border-radius: 4px; } .navbar-toggle:hover, .navbar-toggle:focus { background-color: #dddddd; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; background-color: #cccccc; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } .navbar-form { margin-top: 8px; margin-bottom: 8px; } .navbar-form .form-control, .navbar-form .radio, .navbar-form .checkbox { display: inline-block; } .navbar-form .radio, .navbar-form .checkbox { margin-top: 0; margin-bottom: 0; } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navbar-nav > .dropdown > a:hover .caret, .navbar-nav > .dropdown > a:focus .caret { border-top-color: #333333; border-bottom-color: #333333; } .navbar-nav > .open > a, .navbar-nav > .open > a:hover, .navbar-nav > .open > a:focus { color: #555555; background-color: #d5d5d5; } .navbar-nav > .open > a .caret, .navbar-nav > .open > a:hover .caret, .navbar-nav > .open > a:focus .caret { border-top-color: #555555; border-bottom-color: #555555; } .navbar-nav > .dropdown > a .caret { border-top-color: #777777; border-bottom-color: #777777; } .navbar-nav.pull-right > li > .dropdown-menu, .navbar-nav > li > .dropdown-menu.pull-right { right: 0; left: auto; } .navbar-inverse { background-color: #222222; } .navbar-inverse .navbar-brand { color: #999999; } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #ffffff; background-color: transparent; } .navbar-inverse .navbar-text { color: #999999; } .navbar-inverse .navbar-nav > li > a { color: #999999; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #ffffff; background-color: transparent; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #ffffff; background-color: #080808; } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: #444444; background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: #333333; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #333333; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #ffffff; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { color: #ffffff; background-color: #080808; } .navbar-inverse .navbar-nav > .dropdown > a:hover .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } .navbar-inverse .navbar-nav > .dropdown > a .caret { border-top-color: #999999; border-bottom-color: #999999; } .navbar-inverse .navbar-nav > .open > a .caret, .navbar-inverse .navbar-nav > .open > a:hover .caret, .navbar-inverse .navbar-nav > .open > a:focus .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } @media screen and (min-width: 768px) { .navbar-brand { float: left; margin-right: 5px; margin-left: -15px; } .navbar-nav { float: left; margin-top: 0; margin-bottom: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { border-radius: 0; } .navbar-nav.pull-right { float: right; width: auto; } .navbar-toggle { position: relative; top: auto; left: auto; display: none; } .nav-collapse.collapse { display: block !important; height: auto !important; overflow: visible !important; } } .navbar-btn { margin-top: 8px; } .navbar-text { float: left; padding: 0 15px; margin-top: 15px; margin-bottom: 15px; } .navbar-link { color: #777777; } .navbar-link:hover { color: #333333; } .navbar-inverse .navbar-link { color: #999999; } .navbar-inverse .navbar-link:hover { color: #ffffff; } .btn .caret { border-top-color: #ffffff; } .dropup .btn .caret { border-bottom-color: #ffffff; } .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 { z-index: 2; } .btn-group .btn + .btn { margin-left: -1px; } .btn-toolbar:before, .btn-toolbar:after { display: table; content: " "; } .btn-toolbar:after { clear: both; } .btn-toolbar:before, .btn-toolbar:after { display: table; content: " "; } .btn-toolbar:after { clear: both; } .btn-toolbar .btn-group { float: left; } .btn-toolbar > .btn + .btn, .btn-toolbar > .btn-group + .btn, .btn-toolbar > .btn + .btn-group, .btn-toolbar > .btn-group + .btn-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-bottom-left-radius: 0; border-top-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-bottom-left-radius: 0; border-top-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-large + .dropdown-toggle { padding-right: 12px; padding-left: 12px; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn .caret { margin-left: 0; } .btn-large .caret { border-width: 5px; } .dropup .btn-large .caret { border-bottom-width: 5px; } .btn-group-vertical > .btn { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn + .btn { margin-top: -1px; } .btn-group-vertical .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical .btn:first-child { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical .btn:last-child { border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-justified { display: table; width: 100%; } .btn-group-justified .btn { display: table-cell; float: none; width: 1%; } .btn-group[data-toggle="buttons"] > .btn > input[type="radio"], .btn-group[data-toggle="buttons"] > .btn > input[type="checkbox"] { display: none; } .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: #cccccc; content: "/\00a0"; } .breadcrumb > .active { color: #999999; } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { float: left; padding: 4px 12px; line-height: 1.428571429; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; border-left-width: 0; } .pagination > li:first-child > a, .pagination > li:first-child > span { border-left-width: 1px; border-bottom-left-radius: 4px; border-top-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 > a:focus, .pagination > .active > a, .pagination > .active > span { background-color: #f5f5f5; } .pagination > .active > a, .pagination > .active > span { color: #999999; cursor: default; } .pagination > .disabled > span, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #999999; cursor: not-allowed; background-color: #ffffff; } .pagination-large > li > a, .pagination-large > li > span { padding: 10px 16px; font-size: 18px; } .pagination-large > li:first-child > a, .pagination-large > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px; } .pagination-large > li:last-child > a, .pagination-large > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pagination-small > li > a, .pagination-small > li > span { padding: 5px 10px; font-size: 12px; } .pagination-small > li:first-child > a, .pagination-small > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .pagination-small > li:last-child > a, .pagination-small > 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:before, .pager:after { display: table; content: " "; } .pager:after { clear: both; } .pager:before, .pager:after { display: table; content: " "; } .pager:after { clear: both; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 15px; } .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #f5f5f5; } .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: #999999; cursor: not-allowed; background-color: #ffffff; } .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; display: none; overflow: auto; overflow-y: scroll; } .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal.fade.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .modal-dialog { z-index: 1050; width: auto; padding: 10px; margin-right: auto; margin-left: auto; } .modal-content { position: relative; background-color: #ffffff; border: 1px solid #999999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; outline: none; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1030; background-color: #000000; } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.fade.in { opacity: 0.5; filter: alpha(opacity=50); } .modal-header { min-height: 16.428571429px; padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.428571429; } .modal-body { position: relative; padding: 20px; } .modal-footer { padding: 19px 20px 20px; margin-top: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer:before, .modal-footer:after { display: table; content: " "; } .modal-footer:after { clear: both; } .modal-footer:before, .modal-footer:after { display: table; content: " "; } .modal-footer:after { clear: both; } .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; } @media screen and (min-width: 768px) { .modal-dialog { right: auto; left: 50%; width: 600px; padding-top: 30px; padding-bottom: 30px; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } } .tooltip { position: absolute; z-index: 1030; display: block; font-size: 12px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); visibility: visible; } .tooltip.in { opacity: 1; filter: alpha(opacity=100); } .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: #ffffff; text-align: center; text-decoration: none; background-color: rgba(0, 0, 0, 0.9); 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-top-color: rgba(0, 0, 0, 0.9); border-width: 5px 5px 0; } .tooltip.top-left .tooltip-arrow { bottom: 0; left: 5px; border-top-color: rgba(0, 0, 0, 0.9); border-width: 5px 5px 0; } .tooltip.top-right .tooltip-arrow { right: 5px; bottom: 0; border-top-color: rgba(0, 0, 0, 0.9); border-width: 5px 5px 0; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-right-color: rgba(0, 0, 0, 0.9); border-width: 5px 5px 5px 0; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-left-color: rgba(0, 0, 0, 0.9); border-width: 5px 0 5px 5px; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-bottom-color: rgba(0, 0, 0, 0.9); border-width: 0 5px 5px; } .tooltip.bottom-left .tooltip-arrow { top: 0; left: 5px; border-bottom-color: rgba(0, 0, 0, 0.9); border-width: 0 5px 5px; } .tooltip.bottom-right .tooltip-arrow { top: 0; right: 5px; border-bottom-color: rgba(0, 0, 0, 0.9); border-width: 0 5px 5px; } .popover { position: absolute; top: 0; left: 0; z-index: 1010; display: none; max-width: 276px; padding: 1px; text-align: left; white-space: normal; background-color: #ffffff; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); background-clip: padding-box; -webkit-bg-clip: padding-box; -moz-bg-clip: padding; } .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 { border-width: 10px; content: ""; } .popover.top .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999999; border-top-color: rgba(0, 0, 0, 0.25); border-bottom-width: 0; } .popover.top .arrow:after { bottom: 1px; margin-left: -10px; border-top-color: #ffffff; border-bottom-width: 0; content: " "; } .popover.right .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999999; border-right-color: rgba(0, 0, 0, 0.25); border-left-width: 0; } .popover.right .arrow:after { bottom: -10px; left: 1px; border-right-color: #ffffff; border-left-width: 0; content: " "; } .popover.bottom .arrow { top: -11px; left: 50%; margin-left: -11px; border-bottom-color: #999999; border-bottom-color: rgba(0, 0, 0, 0.25); border-top-width: 0; } .popover.bottom .arrow:after { top: 1px; margin-left: -10px; border-bottom-color: #ffffff; border-top-width: 0; content: " "; } .popover.left .arrow { top: 50%; right: -11px; margin-top: -11px; border-left-color: #999999; border-left-color: rgba(0, 0, 0, 0.25); border-right-width: 0; } .popover.left .arrow:after { right: 1px; bottom: -10px; border-left-color: #ffffff; border-right-width: 0; content: " "; } .alert { padding: 15px 35px 15px 15px; margin-bottom: 20px; color: #c09853; background-color: #fcf8e3; border: 1px solid #fbeed5; border-radius: 4px; } .alert h4 { margin-top: 0; color: inherit; } .alert hr { border-top-color: #f8e5be; } .alert .alert-link { font-weight: bold; color: #a47e3c; } .alert .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-success { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #356635; } .alert-danger { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; } .alert-danger hr { border-top-color: #e6c1c7; } .alert-danger .alert-link { color: #953b39; } .alert-info { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #2d6987; } .thumbnail, .img-thumbnail { padding: 4px; line-height: 1.428571429; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .thumbnail { display: block; } .thumbnail > img, .img-thumbnail { display: inline-block; height: auto; max-width: 100%; } a.thumbnail:hover, a.thumbnail:focus { border-color: #428bca; } .thumbnail > img { margin-right: auto; margin-left: auto; } .thumbnail .caption { padding: 9px; color: #333333; } .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; } .label { display: inline; padding: .25em .6em; font-size: 75%; font-weight: 500; line-height: 1; color: #ffffff; text-align: center; white-space: nowrap; vertical-align: baseline; background-color: #999999; border-radius: .25em; } .label[href]:hover, .label[href]:focus { color: #ffffff; text-decoration: none; cursor: pointer; background-color: #808080; } .label-danger { background-color: #d9534f; } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #c9302c; } .label-success { background-color: #5cb85c; } .label-success[href]:hover, .label-success[href]:focus { background-color: #449d44; } .label-warning { background-color: #f0ad4e; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #ec971f; } .label-info { background-color: #999999; } .label-info[href]:hover, .label-info[href]:focus { background-color: #31b0d5; } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; line-height: 1; color: #ffffff; text-align: center; white-space: nowrap; vertical-align: baseline; background-color: #999999; border-radius: 10px; } .badge:empty { display: none; } a.badge:hover, a.badge:focus { color: #ffffff; text-decoration: none; cursor: pointer; } .btn .badge { position: relative; top: -1px; } a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #428bca; background-color: #ffffff; } .nav-pills > li > a > .badge { margin-left: 3px; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-moz-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-ms-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 0 0; } to { background-position: 40px 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, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .progress-bar { float: left; width: 0; height: 100%; font-size: 12px; color: #ffffff; text-align: center; background-color: #428bca; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; transition: width 0.6s ease; } .progress-striped .progress-bar { background-color: #428bca; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 40px 40px; } .progress.active .progress-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite; -ms-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-bar-danger { background-color: #d9534f; } .progress-striped .progress-bar-danger { background-color: #d9534f; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-success { background-color: #5cb85c; } .progress-striped .progress-bar-success { background-color: #5cb85c; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-warning { background-color: #f0ad4e; } .progress-striped .progress-bar-warning { background-color: #f0ad4e; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-info { background-color: #5bc0de; } .progress-striped .progress-bar-info { background-color: #5bc0de; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .accordion { margin-bottom: 20px; } .accordion-group { margin-bottom: 2px; border: 1px solid #e5e5e5; border-radius: 4px; } .accordion-heading { border-bottom: 0; } .accordion-heading .accordion-toggle { display: block; padding: 8px 15px; cursor: pointer; } .accordion-inner { padding: 9px 15px; border-top: 1px solid #e5e5e5; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner > .item { position: relative; display: none; -webkit-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: inline-block; height: auto; max-width: 100%; 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: #ffffff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); opacity: 0.5; filter: alpha(opacity=50); } .carousel-control.left { background-color: rgba(0, 0, 0, 0.0001); background-color: transparent; background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001))); background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0), color-stop(rgba(0, 0, 0, 0.0001) 100%)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); } .carousel-control.right { right: 0; left: auto; background-color: rgba(0, 0, 0, 0.5); background-color: transparent; background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5))); background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0), color-stop(rgba(0, 0, 0, 0.5) 100%)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); } .carousel-control:hover, .carousel-control:focus { color: #ffffff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); } .carousel-control .glyphicon, .carousel-control .icon-prev, .carousel-control .icon-next { position: absolute; top: 50%; left: 50%; z-index: 5; display: inline-block; width: 20px; height: 20px; margin-top: -10px; margin-left: -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: 120px; padding-left: 0; margin-left: -60px; text-align: center; list-style: none; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; border: 1px solid #ffffff; border-radius: 10px; } .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #ffffff; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #ffffff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 768px) { .carousel-control .glyphicon, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -15px; margin-left: -15px; font-size: 30px; } .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } .jumbotron { padding: 30px; margin-bottom: 30px; /*font-size: 21px;*/ font-weight: 200; line-height: 2.1428571435; color: inherit; background-color: #eeeeee; } .jumbotron h1 { line-height: 1; color: inherit; } .jumbotron p { line-height: 1.4; } @media screen and (min-width: 768px) { .jumbotron { padding: 20px 20px; border-radius: 6px; } .jumbotron h1 { font-size: 63px; } } .clearfix:before, .clearfix:after { display: table; content: " "; } .clearfix:after { clear: both; } .pull-right { float: right; } .pull-left { float: left; } .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; } .affix { position: fixed; } @-ms-viewport { width: device-width; } @media screen and (max-width: 400px) { @-ms-viewport { width: 320px; } } .hidden { display: none !important; visibility: hidden !important; } .visible-sm { display: block !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } .visible-md { display: none !important; } tr.visible-md { display: none !important; } th.visible-md, td.visible-md { display: none !important; } .visible-lg { display: none !important; } tr.visible-lg { display: none !important; } th.visible-lg, td.visible-lg { display: none !important; } .hidden-sm { display: none !important; } tr.hidden-sm { display: none !important; } th.hidden-sm, td.hidden-sm { display: none !important; } .hidden-md { display: block !important; } tr.hidden-md { display: table-row !important; } th.hidden-md, td.hidden-md { display: table-cell !important; } .hidden-lg { display: block !important; } tr.hidden-lg { display: table-row !important; } th.hidden-lg, td.hidden-lg { display: table-cell !important; } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: none !important; } tr.visible-sm { display: none !important; } th.visible-sm, td.visible-sm { display: none !important; } .visible-md { display: block !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } .visible-lg { display: none !important; } tr.visible-lg { display: none !important; } th.visible-lg, td.visible-lg { display: none !important; } .hidden-sm { display: block !important; } tr.hidden-sm { display: table-row !important; } th.hidden-sm, td.hidden-sm { display: table-cell !important; } .hidden-md { display: none !important; } tr.hidden-md { display: none !important; } th.hidden-md, td.hidden-md { display: none !important; } .hidden-lg { display: block !important; } tr.hidden-lg { display: table-row !important; } th.hidden-lg, td.hidden-lg { display: table-cell !important; } } @media (min-width: 992px) { .visible-sm { display: none !important; } tr.visible-sm { display: none !important; } th.visible-sm, td.visible-sm { display: none !important; } .visible-md { display: none !important; } tr.visible-md { display: none !important; } th.visible-md, td.visible-md { display: none !important; } .visible-lg { display: block !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } .hidden-sm { display: block !important; } tr.hidden-sm { display: table-row !important; } th.hidden-sm, td.hidden-sm { display: table-cell !important; } .hidden-md { display: block !important; } tr.hidden-md { display: table-row !important; } th.hidden-md, td.hidden-md { display: table-cell !important; } .hidden-lg { display: none !important; } tr.hidden-lg { display: none !important; } th.hidden-lg, td.hidden-lg { display: none !important; } } .visible-print { display: none !important; } tr.visible-print { display: none !important; } th.visible-print, td.visible-print { display: none !important; } @media print { .visible-print { display: block !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } .hidden-print { display: none !important; } tr.hidden-print { display: none !important; } th.hidden-print, td.hidden-print { display: none !important; } } .twelve { background-color: #cccccc; } [class^="icon-"], [class*=" icon-"] { display: inline-block; width: 14px; height: 14px; margin-top: 1px; *margin-right: .3em; line-height: 14px; vertical-align: text-top; background-image: url("../../../Content/Imagenes/imgIcon/glyphicons-halflings.png"); background-position: 14px 14px; background-repeat: no-repeat; } /* White icons with optional class, or on hover/focus/active states of certain elements */ .icon-white, .nav-pills > .active > a > [class^="icon-"], .nav-pills > .active > a > [class*=" icon-"], .nav-list > .active > a > [class^="icon-"], .nav-list > .active > a > [class*=" icon-"], .navbar-inverse .nav > .active > a > [class^="icon-"], .navbar-inverse .nav > .active > a > [class*=" icon-"], .dropdown-menu > li > a:hover > [class^="icon-"], .dropdown-menu > li > a:focus > [class^="icon-"], .dropdown-menu > li > a:hover > [class*=" icon-"], .dropdown-menu > li > a:focus > [class*=" icon-"], .dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"], .dropdown-submenu:hover > a > [class^="icon-"], .dropdown-submenu:focus > a > [class^="icon-"], .dropdown-submenu:hover > a > [class*=" icon-"], .dropdown-submenu:focus > a > [class*=" icon-"] { background-image: url("../../../Content/Imagenes/imgIcon/glyphicons-halflings-white.png"); } .icon-glass { background-position: 0 0; } .icon-music { background-position: -24px 0; } .icon-search { background-position: -48px 0; } .icon-envelope { background-position: -72px 0; } .icon-heart { background-position: -96px 0; } .icon-star { background-position: -120px 0; } .icon-star-empty { background-position: -144px 0; } .icon-user { background-position: -168px 0; } .icon-film { background-position: -192px 0; } .icon-th-large { background-position: -216px 0; } .icon-th { background-position: -240px 0; } .icon-th-list { background-position: -264px 0; } .icon-ok { background-position: -288px 0; } .icon-remove { background-position: -312px 0; } .icon-zoom-in { background-position: -336px 0; } .icon-zoom-out { background-position: -360px 0; } .icon-off { background-position: -384px 0; } .icon-signal { background-position: -408px 0; } .icon-cog { background-position: -432px 0; } .icon-trash { background-position: -456px 0; } .icon-home { background-position: 0 -24px; } .icon-file { background-position: -24px -24px; } .icon-time { background-position: -48px -24px; } .icon-road { background-position: -72px -24px; } .icon-download-alt { background-position: -96px -24px; } .icon-download { background-position: -120px -24px; } .icon-upload { background-position: -144px -24px; } .icon-inbox { background-position: -168px -24px; } .icon-play-circle { background-position: -192px -24px; } .icon-repeat { background-position: -216px -24px; } .icon-refresh { background-position: -240px -24px; } .icon-list-alt { background-position: -264px -24px; } .icon-lock { background-position: -287px -24px; } .icon-flag { background-position: -312px -24px; } .icon-headphones { background-position: -336px -24px; } .icon-volume-off { background-position: -360px -24px; } .icon-volume-down { background-position: -384px -24px; } .icon-volume-up { background-position: -408px -24px; } .icon-qrcode { background-position: -432px -24px; } .icon-barcode { background-position: -456px -24px; } .icon-tag { background-position: 0 -48px; } .icon-tags { background-position: -25px -48px; } .icon-book { background-position: -48px -48px; } .icon-bookmark { background-position: -72px -48px; } .icon-print { background-position: -96px -48px; } .icon-camera { background-position: -120px -48px; } .icon-font { background-position: -144px -48px; } .icon-bold { background-position: -167px -48px; } .icon-italic { background-position: -192px -48px; } .icon-text-height { background-position: -216px -48px; } .icon-text-width { background-position: -240px -48px; } .icon-align-left { background-position: -264px -48px; } .icon-align-center { background-position: -288px -48px; } .icon-align-right { background-position: -312px -48px; } .icon-align-justify { background-position: -336px -48px; } .icon-list { background-position: -360px -48px; } .icon-indent-left { background-position: -384px -48px; } .icon-indent-right { background-position: -408px -48px; } .icon-facetime-video { background-position: -432px -48px; } .icon-picture { background-position: -456px -48px; } .icon-pencil { background-position: 0 -72px; } .icon-map-marker { background-position: -24px -72px; } .icon-adjust { background-position: -48px -72px; } .icon-tint { background-position: -72px -72px; } .icon-edit { background-position: -96px -72px; } .icon-share { background-position: -120px -72px; } .icon-check { background-position: -144px -72px; } .icon-move { background-position: -168px -72px; } .icon-step-backward { background-position: -192px -72px; } .icon-fast-backward { background-position: -216px -72px; } .icon-backward { background-position: -240px -72px; } .icon-play { background-position: -264px -72px; } .icon-pause { background-position: -288px -72px; } .icon-stop { background-position: -312px -72px; } .icon-forward { background-position: -336px -72px; } .icon-fast-forward { background-position: -360px -72px; } .icon-step-forward { background-position: -384px -72px; } .icon-eject { background-position: -408px -72px; } .icon-chevron-left { background-position: -432px -72px; } .icon-chevron-right { background-position: -456px -72px; } .icon-plus-sign { background-position: 0 -96px; } .icon-minus-sign { background-position: -24px -96px; } .icon-remove-sign { background-position: -48px -96px; } .icon-ok-sign { background-position: -72px -96px; } .icon-question-sign { background-position: -96px -96px; } .icon-info-sign { background-position: -120px -96px; } .icon-screenshot { background-position: -144px -96px; } .icon-remove-circle { background-position: -168px -96px; } .icon-ok-circle { background-position: -192px -96px; } .icon-ban-circle { background-position: -216px -96px; } .icon-arrow-left { background-position: -240px -96px; } .icon-arrow-right { background-position: -264px -96px; } .icon-arrow-up { background-position: -289px -96px; } .icon-arrow-down { background-position: -312px -96px; } .icon-share-alt { background-position: -336px -96px; } .icon-resize-full { background-position: -360px -96px; } .icon-resize-small { background-position: -384px -96px; } .icon-plus { background-position: -408px -96px; } .icon-minus { background-position: -433px -96px; } .icon-asterisk { background-position: -456px -96px; } .icon-exclamation-sign { background-position: 0 -120px; } .icon-gift { background-position: -24px -120px; } .icon-leaf { background-position: -48px -120px; } .icon-fire { background-position: -72px -120px; } .icon-eye-open { background-position: -96px -120px; } .icon-eye-close { background-position: -120px -120px; } .icon-warning-sign { background-position: -144px -120px; } .icon-plane { background-position: -168px -120px; } .icon-calendar { background-position: -192px -120px; } .icon-random { width: 16px; background-position: -216px -120px; } .icon-comment { background-position: -240px -120px; } .icon-magnet { background-position: -264px -120px; } .icon-chevron-up { background-position: -288px -120px; } .icon-chevron-down { background-position: -313px -119px; } .icon-retweet { background-position: -336px -120px; } .icon-shopping-cart { background-position: -360px -120px; } .icon-folder-close { width: 16px; background-position: -384px -120px; } .icon-folder-open { width: 16px; background-position: -408px -120px; } .icon-resize-vertical { background-position: -432px -119px; } .icon-resize-horizontal { background-position: -456px -118px; } .icon-hdd { background-position: 0 -144px; } .icon-bullhorn { background-position: -24px -144px; } .icon-bell { background-position: -48px -144px; } .icon-certificate { background-position: -72px -144px; } .icon-thumbs-up { background-position: -96px -144px; } .icon-thumbs-down { background-position: -120px -144px; } .icon-hand-right { background-position: -144px -144px; } .icon-hand-left { background-position: -168px -144px; } .icon-hand-up { background-position: -192px -144px; } .icon-hand-down { background-position: -216px -144px; } .icon-circle-arrow-right { background-position: -240px -144px; } .icon-circle-arrow-left { background-position: -264px -144px; } .icon-circle-arrow-up { background-position: -288px -144px; } .icon-circle-arrow-down { background-position: -312px -144px; } .icon-globe { background-position: -336px -144px; } .icon-wrench { background-position: -360px -144px; } .icon-tasks { background-position: -384px -144px; } .icon-filter { background-position: -408px -144px; } .icon-briefcase { background-position: -432px -144px; } .icon-fullscreen { background-position: -456px -144px; } /* * Bootstrap Documentation * Special styles for presenting Bootstrap's documentation and code examples. */ /* Key scaffolding -------------------------------------------------- */ body { position: relative; /* For scrollyspy */ padding-top: 50px; /* Account for fixed navbar */ } /* Custom docs button */ .btn-bs { color: #563d7c; background-color: #fff; border-color: #e5e5e5; } .btn-bs:hover, .btn-bs:focus, .btn-bs:active { color: #fff; background-color: #563d7c; border-color: #563d7c; } /* Homepage button */ .btn-outline { color: #fff; background-color: transparent; border-color: #cdbfe3; } .btn-outline:hover, .btn-outline:focus, .btn-outline:active { color: #563d7c; background-color: #fff; border-color: #fff; } /* Temp CSS until RC2 */ .bs-customize-placeholder { margin-bottom: -100px; padding: 80px 30px; text-align: center; background-color: #f5f5f5; } /* Top nav and header -------------------------------------------------- */ .bs-docs-nav { background-color: #563d7c; } .bs-docs-nav .navbar-brand { color: #fff; } .bs-docs-nav .navbar-nav > li > a { color: #cdbfe3; } .bs-docs-nav .navbar-nav > li > a:hover { color: #fff; } .bs-docs-nav .navbar-nav > .active > a, .bs-docs-nav .navbar-nav > .active > a:hover { color: #fff; background-color: #463265; } .bs-docs-nav .navbar-toggle { border-color: #563d7c; } .bs-docs-nav .navbar-toggle:hover { background-color: #463265; border-color: #463265; } /* Old docs callout */ .bs-old-docs { padding: 15px 20px; color: #777; background-color: #fafafa; border-bottom: 1px solid #e5e5e5; } .bs-old-docs strong { color: #555; } .bs-docs-home .bs-old-docs { padding-top: 0; padding-bottom: 0; text-align: center; color: inherit; background-color: transparent; border-color: transparent; } .bs-docs-home .bs-old-docs a { color: #fff; } /* Homepage */ .bs-docs-home { color: #cdbfe3; background-color: #563d7c; } /* Homepage masthead -------------------------------------------------- */ .bs-masthead { position: relative; padding: 30px 15px; text-align: center; } .bs-masthead h1 { font-size: 50px; line-height: 1; color: #fff; } /* Download button */ .bs-masthead .btn-outline { margin-top: 5px; margin-bottom: 5px; padding: 18px 24px; font-size: 21px; } /* Textual links */ .bs-social { margin-top: 30px; text-align: center; } .bs-masthead-links { margin-top: 20px; margin-bottom: 20px; padding-left: 0; list-style: none; text-align: center; } .bs-masthead-links li { display: inline; color: #999; } .bs-masthead-links li + li { margin-left: 20px; } .bs-masthead-links a { color: #fff; } /* Customize and Download button -------------------------------------------------- */ .bs-customizer .toggle { float: right; } .bs-customizer label { margin-top: 10px; font-weight: 500; color: #444; } .bs-customizer h2 { margin-top: 0; margin-bottom: 5px; padding-top: 30px; } .bs-customizer h4 { margin-top: 15px; } .bs-customizer input[type="text"] { background-color: #fafafa; } .bs-customizer .help-block { font-size: 12px; } .bs-customize-download { text-align: center; } /* Docs pages and sections -------------------------------------------------- */ /* Page headers */ .bs-header { padding: 30px 30px 40px; font-size: 16px; color: #5a5a5a; text-align: center; border-bottom: 1px solid #e5e5e5; } .bs-header h1 { color: #563d7c; } .bs-header p { font-weight: 300; line-height: 1.5; } .bs-header .container { position: relative; } .bs-docs-section + .bs-docs-section { margin-top: 80px; } /* Ads in page headers */ .carbonad { width: auto !important; margin: 50px -30px -40px !important; padding: 20px !important; overflow: hidden; /* clearfix */ height: auto !important; font-size: 13px !important; line-height: 16px !important; text-align: left; background: none !important; border: 0 !important; border-top: 1px solid #e5e5e5 !important; } .carbonad-img { margin: 0 !important; } .carbonad-text, .carbonad-tag { float: none !important; display: block !important; width: auto !important; height: auto !important; margin-left: 145px !important; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; } .carbonad-text { padding-top: 0 !important; } .carbonad-tag { text-align: left !important; } .carbonad #azcarbon > img { display: none; /* hide what I assume are tracking images */ } /* Docs sidebar -------------------------------------------------- */ /* By default it's not affixed in mobile views, so undo that */ .bs-sidebar.affix { position: static; } /* First level of nav */ .bs-sidenav { margin-top: 30px; margin-bottom: 30px; padding-top: 10px; padding-bottom: 10px; text-shadow: 0 1px 0 #fff; background-color: #f7f5fa; border-radius: 5px; } /* All levels of nav */ .bs-sidebar .nav > li > a { display: block; color: #716b7a; padding: 5px 20px; } .bs-sidebar .nav > li > a:hover, .bs-sidebar .nav > li > a:focus { text-decoration: none; background-color: #e5e3e9; border-right: 1px solid #dbd8e0; } .bs-sidebar .nav > .active > a, .bs-sidebar .nav > .active:hover > a, .bs-sidebar .nav > .active:focus > a { font-weight: bold; color: #563d7c; background-color: transparent; border-right: 1px solid #563d7c; } /* Nav: second level (shown on .active) */ .bs-sidebar .nav .nav { display: none; /* Hide by default, but at >768px, show it */ margin-bottom: 8px; } .bs-sidebar .nav .nav > li > a { padding-top: 3px; padding-bottom: 3px; padding-left: 30px; font-size: 90%; } /* Side notes for calling out things -------------------------------------------------- */ /* Base styles (regardless of theme) */ .bs-callout { margin: 20px 0; padding: 15px 30px 15px 15px; border-left: 5px solid #eee; } .bs-callout h4 { margin-top: 0; } .bs-callout p:last-child { margin-bottom: 0; } .bs-callout code, .bs-callout .highlight { background-color: #fff; } /* Themes for different contexts */ .bs-callout-danger { background-color: #fcf2f2; border-color: #dFb5b4; } .bs-callout-warning { background-color: #fefbed; border-color: #f1e7bc; } .bs-callout-info { background-color: #f0f7fd; border-color: #d0e3f0; } /* Special grid styles -------------------------------------------------- */ .show-grid { margin-bottom: 15px; } .show-grid [class^="col-"] { padding-top: 10px; padding-bottom: 10px; background-color: #eee; border: 1px solid #ddd; background-color: rgba(86,61,124,.15); border: 1px solid rgba(86,61,124,.2); } /* Bootstrap code examples -------------------------------------------------- */ /* Base class */ .bs-example { position: relative; padding: 45px 15px 15px; margin: 0 -15px -1px; background-color: #fafafa; box-shadow: inset 0 3px 6px rgba(0,0,0,.05); border-color: #e5e5e5 #eee #eee; border-style: solid; border-width: 1px 0; } /* Echo out a label for the example */ .bs-example:after { content: "Example"; position: absolute; top: 15px; left: 15px; font-size: 12px; font-weight: bold; color: #bbb; text-transform: uppercase; letter-spacing: 1px; } /* Tweak display of the examples */ .bs-example + .prettyprint, .bs-example + .highlight { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; } /* Tweak content of examples for optimum awesome */ .bs-example > p:last-child, .bs-example > ul:last-child, .bs-example > ol:last-child, .bs-example > blockquote:last-child, .bs-example > input:last-child, .bs-example > select:last-child, .bs-example > textarea:last-child, .bs-example > .table:last-child, .bs-example > .navbar:last-child .bs-example > .jumbotron:last-child, .bs-example > .alert:last-child, .bs-example > .panel:last-child, .bs-example > .list-group:last-child, .bs-example > .well:last-child { margin-bottom: 0; } .bs-example > p > .close { float: none; } /* Typography */ .bs-example-type .table td { color: #999; vertical-align: middle; } .bs-example-type .table td, .bs-example-type .table th { padding: 15px 0; border-color: #eee; } .bs-example-type .table tr:first-child td, .bs-example-type .table tr:first-child th { border-top: 0; } .bs-example-type h1, .bs-example-type h2, .bs-example-type h3, .bs-example-type h4, .bs-example-type h5, .bs-example-type h6 { margin: 0; } /* Forms */ .bs-example.form-inline select, .bs-example.form-inline input[type="text"], .bs-example.form-inline input[type="password"] { width: 180px; } .bs-example-control-sizing select, .bs-example-control-sizing input[type="text"] + input[type="text"] { margin-top: 10px; } .bs-example-form .input-group { margin-bottom: 10px; } /* List groups */ .bs-example > .list-group { max-width: 400px; } /* Navbar examples */ .bs-example .navbar:last-child { margin-bottom: 0; } .bs-navbar-top-example, .bs-navbar-bottom-example { z-index: 1; padding: 0; min-height: 110px; overflow: hidden; /* cut the drop shadows off */ } .bs-navbar-top-example .navbar-fixed-top, .bs-navbar-bottom-example .navbar-fixed-bottom { position: relative; margin-left: 0; margin-right: 0; } .bs-navbar-top-example .navbar-fixed-top { top: -1px; } .bs-navbar-bottom-example .navbar-fixed-bottom { bottom: -1px; } .bs-navbar-top-example { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .bs-navbar-top-example:after { top: auto; bottom: 15px; -webkit-border-radius: 0 4px 0 4px; -moz-border-radius: 0 4px 0 4px; border-radius: 0 4px 0 4px; } .bs-navbar-bottom-example { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .bs-navbar-bottom-example .navbar { margin-bottom: 0; } /* Example modals */ .bs-example-modal { background-color: #f5f5f5; } .bs-example-modal .modal { position: relative; top: auto; right: auto; left: auto; bottom: auto; z-index: 1; display: block; } .bs-example-modal .modal-dialog { left: auto; margin-left: auto; margin-right: auto; } /* Example dropdowns */ .bs-example > .dropdown > .dropdown-menu, .bs-example-submenu > .pull-left > .dropup > .dropdown-menu, .bs-example-submenu > .pull-left > .dropdown > .dropdown-menu { position: static; display: block; margin-bottom: 5px; } .bs-example-submenu { min-height: 230px; } .bs-example-submenu > .pull-left + .pull-left { margin-left: 20px; } /* Example tabbable tabs */ .bs-example-tabs .nav-tabs { margin-bottom: 15px; } /* Tooltips */ .bs-example-tooltips { text-align: center; } /* Popovers */ .bs-example-popover { padding-bottom: 24px; background-color: #f9f9f9; } .bs-example-popover .popover { position: relative; display: block; float: left; width: 260px; margin: 20px; } /* Example templates -------------------------------------------------- */ .bs-examples h4 { margin-bottom: 5px; } .bs-examples p { margin-bottom: 20px; } /* Responsive docs -------------------------------------------------- */ /* Responsive (scrollable) doc tables */ @media (max-width: 768px) { .bs-table-scrollable { width: 100%; margin-bottom: 15px; overflow-y: hidden; overflow-x: scroll; border: 1px solid #ddd; } .bs-table-scrollable .table { margin-bottom: 0; border: 0; } .bs-table-scrollable .table th, .bs-table-scrollable .table td { white-space: nowrap; } .bs-table-scrollable .table th:first-child, .bs-table-scrollable .table td:first-child { border-left: 0; } .bs-table-scrollable .table th:last-child, .bs-table-scrollable .table td:last-child { border-right: 0; } .bs-table-scrollable .table tr:last-child th, .bs-table-scrollable .table tr:last-child td { border-bottom: 0; } } /* Related: responsive utilities tables */ .table code { font-size: 13px; font-weight: normal; } /* Utility classes table ------------------------- */ .bs-table th small, .responsive-utilities th small { display: block; font-weight: normal; color: #999; } .responsive-utilities tbody th { font-weight: normal; } .responsive-utilities td { text-align: center; } .responsive-utilities td.is-visible { color: #468847; background-color: #dff0d8 !important; } .responsive-utilities td.is-hidden { color: #ccc; background-color: #f9f9f9 !important; } /* Responsive tests ------------------------- */ .responsive-utilities-test { margin-top: 5px; padding-left: 0; list-style: none; overflow: hidden; /* clear floats */ } .responsive-utilities-test li { position: relative; float: left; width: 25%; } .responsive-utilities-test li + li { margin-left: 10px; } .responsive-utilities-test span { padding: 15px 10px; font-size: 14px; font-weight: bold; line-height: 1.1; text-align: center; border-radius: 4px; } .responsive-utilities-test.visible-on [class*="hidden"], .responsive-utilities-test.hidden-on [class*="visible"] { color: #999; border: 1px solid #ddd; } .responsive-utilities-test.visible-on [class*="visible"], .responsive-utilities-test.hidden-on [class*="hidden"] { color: #468847; background-color: #dff0d8; border: 1px solid #d6e9c6; } /* Footer -------------------------------------------------- */ #footer{ background-color: #999999; height:200px; margin: 0; margin-bottom: 0; } .bs-footer { padding-top: 40px; padding-bottom: 30px; margin-top: 100px; text-align: center; border-top: 1px solid #e5e5e5; } .bs-footer p { margin-bottom: 0; color: #777; } .footer-links { margin: 10px 0; padding-left: 0; } .footer-links li { display: inline; padding: 0 2px; } .footer-links li:first-child { padding-left: 0; } /* Social proof buttons from GitHub & Twitter */ .bs-social { margin-bottom: 20px; } .bs-social-buttons { display: inline-block; margin-bottom: 0; padding-left: 0; list-style: none; } .bs-social-buttons li { display: inline-block; line-height: 1; } .bs-social-buttons li + li { margin-left: 15px; } .bs-social-buttons .twitter-follow-button { width: 225px !important; } .bs-social-buttons .twitter-share-button { width: 98px !important; } /* Misc docs stuff -------------------------------------------------- */ /* Pseudo :focus state for showing how it looks in the docs */ input.focused { border-color: rgba(82,168,236,.8); outline: 0; outline: thin dotted \9; /* IE6-9 */ -moz-box-shadow: 0 0 8px rgba(82,168,236,.6); box-shadow: 0 0 8px rgba(82,168,236,.6); } /* Scrollspy demo on fixed height div */ .scrollspy-example { position: relative; height: 200px; margin-top: 10px; overflow: auto; } .highlight { padding: 9px 14px; margin-bottom: 14px; background-color: #f7f7f9; border: 1px solid #e1e1e8; border-radius: 4px; } .highlight pre { padding: 0; margin-top: 0; margin-bottom: 0; background-color: transparent; border: 0; white-space: nowrap; } .highlight pre code { font-size: inherit; color: #333; /* Effectively the base text color */ } .highlight pre .lineno { display: inline-block; width: 22px; padding-right: 5px; margin-right: 10px; text-align: right; color: #bebec5; } /* Better spacing on download options in getting started */ .bs-docs-dl-options h4 { margin-top: 15px; margin-bottom: 5px; } /* Responsive variations -------------------------------------------------- */ /* Hide code snippets on mobile devices */ @media screen and (max-width: 480px) { .highlight { display: none; } } /* Tablets and up */ @media screen and (min-width: 768px) { .bs-header { font-size: 21px; text-align: left; } .bs-header h1 { font-size: 60px; line-height: 1; } .bs-example { margin-left: 0; margin-right: 0; background-color: #fff; border-width: 1px; border-color: #ddd; border-radius: 4px 4px 0 0; box-shadow: none; } .carbonad { margin: 0 !important; border: 1px solid #e5e5e5 !important; border-radius: 4px; } /* Show the docs nav */ .bs-sidebar { display: block; } /* Show the hidden subnavs when space allows it */ .bs-sidebar .nav > .active > ul { display: block; } /* Tweak display of docs jumbotrons */ .bs-masthead { padding-top: 140px; padding-bottom: 140px; } .bs-masthead h1 { font-size: 100px; } .bs-masthead p { margin-left: 15%; margin-right: 15%; font-size: 30px; } .bs-navbar-top-example .navbar-fixed-top, .bs-navbar-bottom-example .navbar-fixed-bottom { position: absolute; } } /* Tablets/desktops and up */ @media screen and (min-width: 992px) { /* Widen the fixed sidebar */ .bs-sidebar.affix, .bs-sidebar.affix-bottom { width: 213px; } .bs-sidebar.affix { position: fixed; /* Undo the static from mobile-first approach */ top: 80px; } .bs-sidebar.affix-bottom { position: absolute; /* Undo the static from mobile-first approach */ } .bs-sidebar.affix-bottom .bs-sidenav, .bs-sidebar.affix .bs-sidenav { margin-top: 0; margin-bottom: 0; } .bs-header h1, .bs-header p { margin-right: 380px; } .carbonad { position: absolute; top: 20px; right: 0; padding: 15px !important; width: 330px !important; min-height: 132px; } } /* Large desktops and up */ @media screen and (min-width: 1200px) { /* Widen the fixed sidebar again */ .bs-sidebar.affix-bottom, .bs-sidebar.affix { width: 270px; } } a:hover { cursor: pointer; } a:focus { outline: none; } img, object, embed { max-width: 100%; height: auto; } object, embed { height: 100%; } img { -ms-interpolation-mode: bicubic; } #map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object { max-width: none !important; } .left { float: left !important; } .right { float: right !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } .text-justify { text-align: justify !important; } .hide { display: none; } .antialiased { -webkit-font-smoothing: antialiased; } img { display: inline-block; vertical-align: middle; } textarea { height: auto; min-height: 50px; } /* Grid HTML Classes */ .row { width: 30%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 70em; *zoom: 1; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .row.collapse .column, .row.collapse .columns { position: relative; padding-left: 0; padding-right: 0; float: left; } .row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; *zoom: 1; } .row .row:before, .row .row:after { content: " "; display: table; } .row .row:after { clear: both; } .row .row.collapse { width: auto; margin: 0; max-width: none; *zoom: 1; } .row .row.collapse:before, .row .row.collapse:after { content: " "; display: table; } .row .row.collapse:after { clear: both; } .column, .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; width: 100%; float: left; } @media only screen { .column, .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } .small-1 { position: relative; width: 8.33333%; } .small-2 { position: relative; width: 16.66667%; } .small-3 { position: relative; width: 25%; } .small-4 { position: relative; width: 33.33333%; } .small-5 { position: relative; width: 41.66667%; } .small-6 { position: relative; width: 50%; } .small-7 { position: relative; width: 58.33333%; } .small-8 { position: relative; width: 66.66667%; } .small-9 { position: relative; width: 75%; } .small-10 { position: relative; width: 83.33333%; } .small-11 { position: relative; width: 91.66667%; } .small-12 { position: relative; width: 100%; } .small-offset-0 { position: relative; margin-left: 0%; } .small-offset-1 { position: relative; margin-left: 8.33333%; } .small-offset-2 { position: relative; margin-left: 16.66667%; } .small-offset-3 { position: relative; margin-left: 25%; } .small-offset-4 { position: relative; margin-left: 33.33333%; } .small-offset-5 { position: relative; margin-left: 41.66667%; } .small-offset-6 { position: relative; margin-left: 50%; } .small-offset-7 { position: relative; margin-left: 58.33333%; } .small-offset-8 { position: relative; margin-left: 66.66667%; } .small-offset-9 { position: relative; margin-left: 75%; } .small-offset-10 { position: relative; margin-left: 83.33333%; } [class*="column"] + [class*="column"]:last-child { float: right; } [class*="column"] + [class*="column"].end { float: left; } .column.small-centered, .columns.small-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; } } /* Styles for screens that are atleast 768px; */ @media only screen and (min-width: 768px) { .large-1 { position: relative; width: 8.33333%; } .large-2 { position: relative; width: 16.66667%; } .large-3 { position: relative; width: 25%; } .large-4 { position: relative; width: 33.33333%; } .large-5 { position: relative; width: 41.66667%; } .large-6 { position: relative; width: 50%; } .large-7 { position: relative; width: 58.33333%; } .large-8 { position: relative; width: 66.66667%; } .large-9 { position: relative; width: 75%; } .large-10 { position: relative; width: 83.33333%; } .large-11 { position: relative; width: 91.66667%; } .large-12 { position: relative; width: 100%; } .row .large-offset-0 { position: relative; margin-left: 0%; } .row .large-offset-1 { position: relative; margin-left: 8.33333%; } .row .large-offset-2 { position: relative; margin-left: 16.66667%; } .row .large-offset-3 { position: relative; margin-left: 25%; } .row .large-offset-4 { position: relative; margin-left: 33.33333%; } .row .large-offset-5 { position: relative; margin-left: 41.66667%; } .row .large-offset-6 { position: relative; margin-left: 50%; } .row .large-offset-7 { position: relative; margin-left: 58.33333%; } .row .large-offset-8 { position: relative; margin-left: 66.66667%; } .row .large-offset-9 { position: relative; margin-left: 75%; } .row .large-offset-10 { position: relative; margin-left: 83.33333%; } .row .large-offset-11 { position: relative; margin-left: 91.66667%; } .push-1 { position: relative; left: 8.33333%; right: auto; } .pull-1 { position: relative; right: 8.33333%; left: auto; } .push-2 { position: relative; left: 16.66667%; right: auto; } .pull-2 { position: relative; right: 16.66667%; left: auto; } .push-3 { position: relative; left: 25%; right: auto; } .pull-3 { position: relative; right: 25%; left: auto; } .push-4 { position: relative; left: 33.33333%; right: auto; } .pull-4 { position: relative; right: 33.33333%; left: auto; } .push-5 { position: relative; left: 41.66667%; right: auto; } .pull-5 { position: relative; right: 41.66667%; left: auto; } .push-6 { position: relative; left: 50%; right: auto; } .pull-6 { position: relative; right: 50%; left: auto; } .push-7 { position: relative; left: 58.33333%; right: auto; } .pull-7 { position: relative; right: 58.33333%; left: auto; } .push-8 { position: relative; left: 66.66667%; right: auto; } .pull-8 { position: relative; right: 66.66667%; left: auto; } .push-9 { position: relative; left: 75%; right: auto; } .pull-9 { position: relative; right: 75%; left: auto; } .push-10 { position: relative; left: 83.33333%; right: auto; } .pull-10 { position: relative; right: 83.33333%; left: auto; } .push-11 { position: relative; left: 91.66667%; right: auto; } .pull-11 { position: relative; right: 91.66667%; left: auto; } .column.large-centered, .columns.large-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; } .column.large-uncentered, .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left !important; } .column.large-uncentered.opposite, .columns.large-uncentered.opposite { float: right !important; } } /* Visibilidad Clases HTML */ .show-for-small, .show-for-medium-down, .show-for-large-down { display: inherit !important; } .show-for-medium, .show-for-medium-up, .show-for-large, .show-for-large-up, .show-for-xlarge { display: none !important; } .hide-for-medium, .hide-for-medium-up, .hide-for-large, .hide-for-large-up, .hide-for-xlarge { display: inherit !important; } .hide-for-small, .hide-for-medium-down, .hide-for-large-down { display: none !important; } /* Visibilidad de tables */ table.show-for-small, table.show-for-medium-down, table.show-for-large-down, table.hide-for-medium, table.hide-for-medium-up, table.hide-for-large, table.hide-for-large-up, table.hide-for-xlarge { display: table; } thead.show-for-small, thead.show-for-medium-down, thead.show-for-large-down, thead.hide-for-medium, thead.hide-for-medium-up, thead.hide-for-large, thead.hide-for-large-up, thead.hide-for-xlarge { display: table-header-group !important; } tbody.show-for-small, tbody.show-for-medium-down, tbody.show-for-large-down, tbody.hide-for-medium, tbody.hide-for-medium-up, tbody.hide-for-large, tbody.hide-for-large-up, tbody.hide-for-xlarge { display: table-row-group !important; } tr.show-for-small, tr.show-for-medium-down, tr.show-for-large-down, tr.hide-for-medium, tr.hide-for-medium-up, tr.hide-for-large, tr.hide-for-large-up, tr.hide-for-xlarge { display: table-row !important; } td.show-for-small, td.show-for-medium-down, td.show-for-large-down, td.hide-for-medium, td.hide-for-medium-up, td.hide-for-large, td.hide-for-large-up, td.hide-for-xlarge, th.show-for-small, th.show-for-medium-down, th.show-for-large-down, th.hide-for-medium, th.hide-for-medium-up, th.hide-for-large, th.hide-for-large-up, th.hide-for-xlarge { display: table-cell !important; } /* Medium Displays: 768px - 1279px */ @media only screen and (min-width: 768px) { .show-for-medium, .show-for-medium-up { display: inherit !important; } .show-for-small { display: none !important; } .hide-for-small { display: inherit !important; } .hide-for-medium, .hide-for-medium-up { display: none !important; } /* Specific visilbity for tables */ table.show-for-medium, table.show-for-medium-up, table.hide-for-small { display: table; } thead.show-for-medium, thead.show-for-medium-up, thead.hide-for-small { display: table-header-group !important; } tbody.show-for-medium, tbody.show-for-medium-up, tbody.hide-for-small { display: table-row-group !important; } tr.show-for-medium, tr.show-for-medium-up, tr.hide-for-small { display: table-row !important; } td.show-for-medium, td.show-for-medium-up, td.hide-for-small, th.show-for-medium, th.show-for-medium-up, th.hide-for-small { display: table-cell !important; } } /* Large Displays: 1280px - 1440px */ @media only screen and (min-width: 1280px) { .show-for-large, .show-for-large-up { display: inherit !important; } .show-for-medium, .show-for-medium-down { display: none !important; } .hide-for-medium, .hide-for-medium-down { display: inherit !important; } .hide-for-large, .hide-for-large-up { display: none !important; } /* Specific visilbity for tables */ table.show-for-large, table.show-for-large-up, table.hide-for-medium, table.hide-for-medium-down { display: table; } thead.show-for-large, thead.show-for-large-up, thead.hide-for-medium, thead.hide-for-medium-down { display: table-header-group !important; } tbody.show-for-large, tbody.show-for-large-up, tbody.hide-for-medium, tbody.hide-for-medium-down { display: table-row-group !important; } tr.show-for-large, tr.show-for-large-up, tr.hide-for-medium, tr.hide-for-medium-down { display: table-row !important; } td.show-for-large, td.show-for-large-up, td.hide-for-medium, td.hide-for-medium-down, th.show-for-large, th.show-for-large-up, th.hide-for-medium, th.hide-for-medium-down { display: table-cell !important; } } /* X-Large Displays: 1400px and up */ @media only screen and (min-width: 1440px) { .show-for-xlarge { display: inherit !important; } .show-for-large, .show-for-large-down { display: none !important; } .hide-for-large, .hide-for-large-down { display: inherit !important; } .hide-for-xlarge { display: none !important; } /* Specific visilbity for tables */ table.show-for-xlarge, table.hide-for-large, table.hide-for-large-down { display: table; } thead.show-for-xlarge, thead.hide-for-large, thead.hide-for-large-down { display: table-header-group !important; } tbody.show-for-xlarge, tbody.hide-for-large, tbody.hide-for-large-down { display: table-row-group !important; } tr.show-for-xlarge, tr.hide-for-large, tr.hide-for-large-down { display: table-row !important; } td.show-for-xlarge, td.hide-for-large, td.hide-for-large-down, th.show-for-xlarge, th.hide-for-large, th.hide-for-large-down { display: table-cell !important; } } /* Orientation targeting */ .show-for-landscape, .hide-for-portrait { display: inherit !important; } .hide-for-landscape, .show-for-portrait { display: none !important; } /* Specific visilbity for tables */ table.hide-for-landscape, table.show-for-portrait { display: table; } thead.hide-for-landscape, thead.show-for-portrait { display: table-header-group !important; } tbody.hide-for-landscape, tbody.show-for-portrait { display: table-row-group !important; } tr.hide-for-landscape, tr.show-for-portrait { display: table-row !important; } td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait { display: table-cell !important; } @media only screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: inherit !important; } .hide-for-landscape, .show-for-portrait { display: none !important; } /* Specific visilbity for tables */ table.show-for-landscape, table.hide-for-portrait { display: table; } thead.show-for-landscape, thead.hide-for-portrait { display: table-header-group !important; } tbody.show-for-landscape, tbody.hide-for-portrait { display: table-row-group !important; } tr.show-for-landscape, tr.hide-for-portrait { display: table-row !important; } td.show-for-landscape, td.hide-for-portrait, th.show-for-landscape, th.hide-for-portrait { display: table-cell !important; } } @media only screen and (orientation: portrait) { .show-for-portrait, .hide-for-landscape { display: inherit !important; } .hide-for-portrait, .show-for-landscape { display: none !important; } /* Specific visilbity for tables */ table.show-for-portrait, table.hide-for-landscape { display: table; } thead.show-for-portrait, thead.hide-for-landscape { display: table-header-group !important; } tbody.show-for-portrait, tbody.hide-for-landscape { display: table-row-group !important; } tr.show-for-portrait, tr.hide-for-landscape { display: table-row !important; } td.show-for-portrait, td.hide-for-landscape, th.show-for-portrait, th.hide-for-landscape { display: table-cell !important; } } /* Touch-enabled device targeting */ .show-for-touch { display: none !important; } .hide-for-touch { display: inherit !important; } .touch .show-for-touch { display: inherit !important; } .touch .hide-for-touch { display: none !important; } /* Specific visilbity for tables */ table.hide-for-touch { display: table; } .touch table.show-for-touch { display: table; } thead.hide-for-touch { display: table-header-group !important; } .touch thead.show-for-touch { display: table-header-group !important; } tbody.hide-for-touch { display: table-row-group !important; } .touch tbody.show-for-touch { display: table-row-group !important; } tr.hide-for-touch { display: table-row !important; } .touch tr.show-for-touch { display: table-row !important; } td.hide-for-touch { display: table-cell !important; } .touch td.show-for-touch { display: table-cell !important; } th.hide-for-touch { display: table-cell !important; } .touch th.show-for-touch { display: table-cell !important; } /* Foundation Block Grids for below small breakpoint */ @media only screen { [class*="block-grid-"] { display: block; padding: 0; margin: 0 -0.625em; *zoom: 1; } [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } [class*="block-grid-"]:after { clear: both; } [class*="block-grid-"] > li { display: inline; height: auto; float: left; padding: 0 0.625em 1.25em; } .small-block-grid-1 > li { width: 100%; padding: 0 0.625em 1.25em; } .small-block-grid-1 > li:nth-of-type(n) { clear: none; } .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } .small-block-grid-2 > li { width: 50%; padding: 0 0.625em 1.25em; } .small-block-grid-2 > li:nth-of-type(n) { clear: none; } .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } .small-block-grid-3 > li { width: 33.33333%; padding: 0 0.625em 1.25em; } .small-block-grid-3 > li:nth-of-type(n) { clear: none; } .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } .small-block-grid-4 > li { width: 25%; padding: 0 0.625em 1.25em; } .small-block-grid-4 > li:nth-of-type(n) { clear: none; } .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } .small-block-grid-5 > li { width: 20%; padding: 0 0.625em 1.25em; } .small-block-grid-5 > li:nth-of-type(n) { clear: none; } .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } .small-block-grid-6 > li { width: 16.66667%; padding: 0 0.625em 1.25em; } .small-block-grid-6 > li:nth-of-type(n) { clear: none; } .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } .small-block-grid-7 > li { width: 14.28571%; padding: 0 0.625em 1.25em; } .small-block-grid-7 > li:nth-of-type(n) { clear: none; } .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } .small-block-grid-8 > li { width: 12.5%; padding: 0 0.625em 1.25em; } .small-block-grid-8 > li:nth-of-type(n) { clear: none; } .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } .small-block-grid-9 > li { width: 11.11111%; padding: 0 0.625em 1.25em; } .small-block-grid-9 > li:nth-of-type(n) { clear: none; } .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } .small-block-grid-10 > li { width: 10%; padding: 0 0.625em 1.25em; } .small-block-grid-10 > li:nth-of-type(n) { clear: none; } .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } .small-block-grid-11 > li { width: 9.09091%; padding: 0 0.625em 1.25em; } .small-block-grid-11 > li:nth-of-type(n) { clear: none; } .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } .small-block-grid-12 > li { width: 8.33333%; padding: 0 0.625em 1.25em; } .small-block-grid-12 > li:nth-of-type(n) { clear: none; } .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } /* Foundation Block Grids for above small breakpoint */ @media only screen and (min-width: 768px) { /* Remove small grid clearing */ .small-block-grid-1 > li:nth-of-type(1n+1) { clear: none; } .small-block-grid-2 > li:nth-of-type(2n+1) { clear: none; } .small-block-grid-3 > li:nth-of-type(3n+1) { clear: none; } .small-block-grid-4 > li:nth-of-type(4n+1) { clear: none; } .small-block-grid-5 > li:nth-of-type(5n+1) { clear: none; } .small-block-grid-6 > li:nth-of-type(6n+1) { clear: none; } .small-block-grid-7 > li:nth-of-type(7n+1) { clear: none; } .small-block-grid-8 > li:nth-of-type(8n+1) { clear: none; } .small-block-grid-9 > li:nth-of-type(9n+1) { clear: none; } .small-block-grid-10 > li:nth-of-type(10n+1) { clear: none; } .small-block-grid-11 > li:nth-of-type(11n+1) { clear: none; } .small-block-grid-12 > li:nth-of-type(12n+1) { clear: none; } .large-block-grid-1 > li { width: 100%; padding: 0 0.625em 1.25em; } .large-block-grid-1 > li:nth-of-type(n) { clear: none; } .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } .large-block-grid-2 > li { width: 50%; padding: 0 0.625em 1.25em; } .large-block-grid-2 > li:nth-of-type(n) { clear: none; } .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } .large-block-grid-3 > li { width: 33.33333%; padding: 0 0.625em 1.25em; } .large-block-grid-3 > li:nth-of-type(n) { clear: none; } .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } .large-block-grid-4 > li { width: 25%; padding: 0 0.625em 1.25em; } .large-block-grid-4 > li:nth-of-type(n) { clear: none; } .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } .large-block-grid-5 > li { width: 20%; padding: 0 0.625em 1.25em; } .large-block-grid-5 > li:nth-of-type(n) { clear: none; } .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } .large-block-grid-6 > li { width: 16.66667%; padding: 0 0.625em 1.25em; } .large-block-grid-6 > li:nth-of-type(n) { clear: none; } .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } .large-block-grid-7 > li { width: 14.28571%; padding: 0 0.625em 1.25em; } .large-block-grid-7 > li:nth-of-type(n) { clear: none; } .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } .large-block-grid-8 > li { width: 12.5%; padding: 0 0.625em 1.25em; } .large-block-grid-8 > li:nth-of-type(n) { clear: none; } .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } .large-block-grid-9 > li { width: 11.11111%; padding: 0 0.625em 1.25em; } .large-block-grid-9 > li:nth-of-type(n) { clear: none; } .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } .large-block-grid-10 > li { width: 10%; padding: 0 0.625em 1.25em; } .large-block-grid-10 > li:nth-of-type(n) { clear: none; } .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } .large-block-grid-11 > li { width: 9.09091%; padding: 0 0.625em 1.25em; } .large-block-grid-11 > li:nth-of-type(n) { clear: none; } .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } .large-block-grid-12 > li { width: 8.33333%; padding: 0 0.625em 1.25em; } .large-block-grid-12 > li:nth-of-type(n) { clear: none; } .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } p.lead { font-size: 1.21875em; line-height: 1.6; } .subheader { line-height: 1.4; color: #6f6f6f; font-weight: 300; margin-top: 0.2em; margin-bottom: 0.5em; } /* Typography resets */ div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; direction: ltr; } /* Default paragraph styles */ p { font-family: inherit; font-weight: normal; font-size: 1em; line-height: 1.6; margin-bottom: 1.25em; text-rendering: optimizeLegibility; } p aside { font-size: 0.875em; line-height: 1.35; font-style: italic; } /* Default header styles */ h1, h2, h3, h4, h5, h6 { font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: bold; font-style: normal; color: #222222; text-rendering: optimizeLegibility; margin-top: 0.2em; margin-bottom: 0.5em; line-height: 1.2125em; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; } h1 { font-size: 2.125em; } h2 { font-size: 1.6875em; } h3 { font-size: 1.375em; } h4 { font-size: 1.125em; } h5 { font-size: 1.125em; } h6 { font-size: 1em; } hr { border: solid #dddddd; border-width: 1px 0 0; clear: both; margin: 1.25em 0 1.1875em; height: 0; } /* Helpful Typography Defaults */ em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: bold; line-height: inherit; } small { font-size: 60%; line-height: inherit; } code { font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: bold; color: #7f0a0c; } /* Lists */ ul, ol, dl { font-size: 1em; line-height: 1.6; margin-bottom: 1.25em; list-style-position: outside; font-family: inherit; } ul, ol { margin-left: 0; } /* Unordered Lists */ ul li ul, ul li ol { margin-left: 1.25em; margin-bottom: 0; font-size: 1em; /* Override nested font-size change */ } ul.square li ul, ul.circle li ul, ul.disc li ul { list-style: inherit; } ul.square { list-style-type: square; } ul.circle { list-style-type: circle; } ul.disc { list-style-type: disc; } ul.no-bullet { list-style: none; } /* Ordered Lists */ ol li ul, ol li ol { margin-left: 1.25em; margin-bottom: 0; } /* Definition Lists */ dl dt { margin-bottom: 0.3em; font-weight: bold; } dl dd { margin-bottom: 0.75em; } /* Abbreviations */ abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222222; border-bottom: 1px dotted #dddddd; cursor: help; } abbr { text-transform: none; } /* Blockquotes */ blockquote { margin: 0 0 1.25em; padding: 0.5625em 1.25em 0 1.1875em; border-left: 1px solid #dddddd; } blockquote cite { display: block; font-size: 0.8125em; color: #555555; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited { color: #555555; } blockquote, blockquote p { line-height: 1.6; color: #6f6f6f; } /* Microformats */ .vcard { display: inline-block; margin: 0 0 1.25em 0; border: 1px solid #dddddd; padding: 0.625em 0.75em; } .vcard li { margin: 0; display: block; } .vcard .fn { font-weight: bold; font-size: 0.9375em; } .vevent .summary { font-weight: bold; } .vevent abbr { cursor: default; text-decoration: none; font-weight: bold; border: none; padding: 0 0.0625em; } @media only screen and (min-width: 768px) { h1, h2, h3, h4, h5, h6 { line-height: 1.4; } h1 { font-size: 2.75em; } h2 { font-size: 2.3125em; } h3 { font-size: 1.6875em; } h4 { font-size: 1.4375em; } } /* * Print styles. * * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com) */ .print-only { display: none !important; } @media print { * { background: transparent !important; color: black !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999999; page-break-inside: avoid; } thead { display: table-header-group; /* h5bp.com/t */ } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .hide-on-print { display: none !important; } .print-only { display: block !important; } .hide-for-print { display: none !important; } .show-for-print { display: inherit !important; } } @media only screen { button, .button { -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -webkit-transition: background-color 300ms ease-out; -moz-transition: background-color 300ms ease-out; transition: background-color 300ms ease-out; } button:active, .button:active { -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; } button.radius, .button.radius { -webkit-border-radius: 3px; border-radius: 3px; } button.round, .button.round { -webkit-border-radius: 1000px; border-radius: 1000px; } } @media only screen and (min-width: 768px) { button, .button { display: inline-block; } } /* Standard Forms */ form { margin: 0 0 1em; } /* Using forms within rows, we need to set some defaults */ form .row .row { margin: 0 -0.5em; } form .row .row .column, form .row .row .columns { padding: 0 0.5em; } form .row .row.collapse { margin: 0; } form .row .row.collapse .column, form .row .row.collapse .columns { padding: 0; } form .row input.column, form .row input.columns, form .row textarea.column, form .row textarea.columns { padding-left: 0.5em; } /* Attach elements to the beginning or end of an input */ .prefix, .postfix { display: block; position: relative; z-index: 2; text-align: center; width: 100%; padding-top: 0; padding-bottom: 0; border-style: solid; border-width: 1px; overflow: hidden; font-size: 0.875em; height: 2.3125em; line-height: 2.3125em; } /* Adjust padding, alignment and radius if pre/post element is a button */ .postfix.button { padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; text-align: center; line-height: 2.125em; } .prefix.button { padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; text-align: center; line-height: 2.125em; } .prefix.button.radius { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .postfix.button.radius { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .prefix.button.round { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-bottomleft: 1000px; -moz-border-radius-topleft: 1000px; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; } .postfix.button.round { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-topright: 1000px; -moz-border-radius-bottomright: 1000px; -webkit-border-top-right-radius: 1000px; -webkit-border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; } /* Separate prefix and postfix styles when on span or label so buttons keep their own */ span.prefix, label.prefix { background: #f2f2f2; border-color: #d9d9d9; border-right: none; color: #333333; } span.prefix.radius, label.prefix.radius { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } span.postfix, label.postfix { background: #f2f2f2; border-color: #cccccc; border-left: none; color: #333333; } span.postfix.radius, label.postfix.radius { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } /* Input groups will automatically style first and last elements of the group */ .input-group.radius > *:first-child, .input-group.radius > *:first-child * { -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .input-group.radius > *:last-child, .input-group.radius > *:last-child * { -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .input-group.round > *:first-child, .input-group.round > *:first-child * { -moz-border-radius-bottomleft: 1000px; -moz-border-radius-topleft: 1000px; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; } .input-group.round > *:last-child, .input-group.round > *:last-child * { -moz-border-radius-topright: 1000px; -moz-border-radius-bottomright: 1000px; -webkit-border-top-right-radius: 1000px; -webkit-border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; } /* We use this to get basic styling on all basic form elements */ input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { } input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { -webkit-box-shadow: 0 0 5px #999999; -moz-box-shadow: 0 0 5px #999999; box-shadow: 0 0 5px #999999; border-color: #999999; } input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { background: #fafafa; border-color: #999999; outline: none; } input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="datetime-local"][disabled], input[type="month"][disabled], input[type="week"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] { background-color: #dddddd; } /* Normalize file input width */ input[type="file"] { width: 100%; } /* We add basic fieldset styling */ fieldset { border: solid 1px #dddddd; padding: 1.25em; margin: 1.125em 0; } fieldset legend { font-weight: bold; background: white; padding: 0 0.1875em; margin: 0; margin-left: -0.1875em; } /* Error Handling */ span.error, small.error { display: block; padding: 0.375em 0.25em; margin-top: 0; margin-bottom: 1em; font-size: 0.75em; font-weight: bold; background: #c60f13; color: white; display: none; } .error input, .error textarea, .error select { border-color: #c60f13; background-color: rgba(198, 15, 19, 0.1); margin-bottom: 0; } .error input:focus, .error textarea:focus, .error select:focus { background: #fafafa; border-color: #999999; } .error label, .error label.error { color: #c60f13; } .error small.error { display: block; padding: 0.375em 0.25em; margin-top: 0; margin-bottom: 1em; font-size: 0.75em; font-weight: bold; background: #c60f13; color: white; } .error span.error-message { display: block; } input.error, textarea.error { border-color: #c60f13; background-color: rgba(198, 15, 19, 0.1); } input.error:focus, textarea.error:focus { background: #fafafa; border-color: #999999; } .error select { border-color: #c60f13; background-color: rgba(198, 15, 19, 0.1); } .error select:focus { background: #fafafa; border-color: #999999; } label.error { color: #c60f13; } /* Dropdown Button */ .dropdown.button { position: relative; padding-right: 3.1875em; } .dropdown.button:before { position: absolute; content: ""; width: 0; height: 0; display: block; border-style: solid; border-color: white transparent transparent transparent; top: 50%; } .dropdown.button:before { border-width: 0.5625em; right: 1.5em; margin-top: -0.25em; } .dropdown.button:before { border-color: white transparent transparent transparent; } .dropdown.button.tiny { padding-right: 2.1875em; } .dropdown.button.tiny:before { border-width: 0.4375em; right: 0.875em; margin-top: -0.15625em; } .dropdown.button.tiny:before { border-color: white transparent transparent transparent; } .dropdown.button.small { padding-right: 2.8125em; } .dropdown.button.small:before { border-width: 0.5625em; right: 1.125em; margin-top: -0.21875em; } .dropdown.button.small:before { border-color: white transparent transparent transparent; } .dropdown.button.large { padding-right: 4em; } .dropdown.button.large:before { border-width: 0.625em; right: 1.75em; margin-top: -0.3125em; } .dropdown.button.large:before { border-color: white transparent transparent transparent; } .dropdown.button.secondary:before { border-color: #333333 transparent transparent transparent; } /* Split Buttons */ .split.button { position: relative; padding-right: 4.8em; } .split.button span { display: block; height: 100%; position: absolute; right: 0; top: 0; border-left: solid 1px; } .split.button span:before { position: absolute; content: ""; width: 0; height: 0; display: block; border-style: inset; left: 50%; } .split.button span:active { background-color: rgba(0, 0, 0, 0.1); } .split.button span { border-left-color: #1e728c; } .split.button span { width: 3em; } .split.button span:before { border-top-style: solid; border-width: 0.5625em; top: 1.125em; margin-left: -0.5625em; } .split.button span:before { border-color: white transparent transparent transparent; } .split.button.secondary span { border-left-color: #c3c3c3; } .split.button.secondary span:before { border-color: white transparent transparent transparent; } .split.button.alert span { border-left-color: #7f0a0c; } .split.button.success span { border-left-color: #396516; } .split.button.tiny { padding-right: 3.9375em; } .split.button.tiny span { width: 2.84375em; } .split.button.tiny span:before { border-top-style: solid; border-width: 0.4375em; top: 0.875em; margin-left: -0.3125em; } .split.button.small { padding-right: 3.9375em; } .split.button.small span { width: 2.8125em; } .split.button.small span:before { border-top-style: solid; border-width: 0.5625em; top: 0.84375em; margin-left: -0.5625em; } .split.button.large { padding-right: 6em; } .split.button.large span { width: 3.75em; } .split.button.large span:before { border-top-style: solid; border-width: 0.625em; top: 1.3125em; margin-left: -0.5625em; } .split.button.expand { padding-left: 2em; } .split.button.secondary span:before { border-color: #333333 transparent transparent transparent; } .split.button.radius span { -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .split.button.round span { -moz-border-radius-topright: 1000px; -moz-border-radius-bottomright: 1000px; -webkit-border-top-right-radius: 1000px; -webkit-border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; } /* Flex Video */ .flex-video { position: relative; padding-top: 1.5625em; padding-bottom: 67.5%; height: 0; margin-bottom: 1em; overflow: hidden; } .flex-video.widescreen { padding-bottom: 57.25%; } .flex-video.vimeo { padding-top: 0; } .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Sections */ [data-section=''], [data-section='auto'], .section-container.auto, [data-section='vertical-tabs'], .section-container.vertical-tabs, [data-section='vertical-nav'], .section-container.vertical-nav, [data-section='horizontal-nav'], .section-container.horizontal-nav, [data-section='accordion'], .section-container.accordion { width: 100%; position: relative; display: block; margin-bottom: 1.25em; } [data-section=''][data-section-small-style], [data-section='auto'][data-section-small-style], .section-container.auto[data-section-small-style], [data-section='vertical-tabs'][data-section-small-style], .section-container.vertical-tabs[data-section-small-style], [data-section='vertical-nav'][data-section-small-style], .section-container.vertical-nav[data-section-small-style], [data-section='horizontal-nav'][data-section-small-style], .section-container.horizontal-nav[data-section-small-style], [data-section='accordion'][data-section-small-style], .section-container.accordion[data-section-small-style] { width: 100% !important; } [data-section=''][data-section-small-style] > [data-section-region], [data-section=''][data-section-small-style] > section, [data-section=''][data-section-small-style] > .section, [data-section='auto'][data-section-small-style] > [data-section-region], [data-section='auto'][data-section-small-style] > section, [data-section='auto'][data-section-small-style] > .section, .section-container.auto[data-section-small-style] > [data-section-region], .section-container.auto[data-section-small-style] > section, .section-container.auto[data-section-small-style] > .section, [data-section='vertical-tabs'][data-section-small-style] > [data-section-region], [data-section='vertical-tabs'][data-section-small-style] > section, [data-section='vertical-tabs'][data-section-small-style] > .section, .section-container.vertical-tabs[data-section-small-style] > [data-section-region], .section-container.vertical-tabs[data-section-small-style] > section, .section-container.vertical-tabs[data-section-small-style] > .section, [data-section='vertical-nav'][data-section-small-style] > [data-section-region], [data-section='vertical-nav'][data-section-small-style] > section, [data-section='vertical-nav'][data-section-small-style] > .section, .section-container.vertical-nav[data-section-small-style] > [data-section-region], .section-container.vertical-nav[data-section-small-style] > section, .section-container.vertical-nav[data-section-small-style] > .section, [data-section='horizontal-nav'][data-section-small-style] > [data-section-region], [data-section='horizontal-nav'][data-section-small-style] > section, [data-section='horizontal-nav'][data-section-small-style] > .section, .section-container.horizontal-nav[data-section-small-style] > [data-section-region], .section-container.horizontal-nav[data-section-small-style] > section, .section-container.horizontal-nav[data-section-small-style] > .section, [data-section='accordion'][data-section-small-style] > [data-section-region], [data-section='accordion'][data-section-small-style] > section, [data-section='accordion'][data-section-small-style] > .section, .section-container.accordion[data-section-small-style] > [data-section-region], .section-container.accordion[data-section-small-style] > section, .section-container.accordion[data-section-small-style] > .section { padding: 0 !important; margin: 0 !important; } [data-section=''][data-section-small-style] > [data-section-region] > [data-section-title], [data-section=''][data-section-small-style] > [data-section-region] > .title, [data-section=''][data-section-small-style] > section > [data-section-title], [data-section=''][data-section-small-style] > section > .title, [data-section=''][data-section-small-style] > .section > [data-section-title], [data-section=''][data-section-small-style] > .section > .title, [data-section='auto'][data-section-small-style] > [data-section-region] > [data-section-title], [data-section='auto'][data-section-small-style] > [data-section-region] > .title, [data-section='auto'][data-section-small-style] > section > [data-section-title], [data-section='auto'][data-section-small-style] > section > .title, [data-section='auto'][data-section-small-style] > .section > [data-section-title], [data-section='auto'][data-section-small-style] > .section > .title, .section-container.auto[data-section-small-style] > [data-section-region] > [data-section-title], .section-container.auto[data-section-small-style] > [data-section-region] > .title, .section-container.auto[data-section-small-style] > section > [data-section-title], .section-container.auto[data-section-small-style] > section > .title, .section-container.auto[data-section-small-style] > .section > [data-section-title], .section-container.auto[data-section-small-style] > .section > .title, [data-section='vertical-tabs'][data-section-small-style] > [data-section-region] > [data-section-title], [data-section='vertical-tabs'][data-section-small-style] > [data-section-region] > .title, [data-section='vertical-tabs'][data-section-small-style] > section > [data-section-title], [data-section='vertical-tabs'][data-section-small-style] > section > .title, [data-section='vertical-tabs'][data-section-small-style] > .section > [data-section-title], [data-section='vertical-tabs'][data-section-small-style] > .section > .title, .section-container.vertical-tabs[data-section-small-style] > [data-section-region] > [data-section-title], .section-container.vertical-tabs[data-section-small-style] > [data-section-region] > .title, .section-container.vertical-tabs[data-section-small-style] > section > [data-section-title], .section-container.vertical-tabs[data-section-small-style] > section > .title, .section-container.vertical-tabs[data-section-small-style] > .section > [data-section-title], .section-container.vertical-tabs[data-section-small-style] > .section > .title, [data-section='vertical-nav'][data-section-small-style] > [data-section-region] > [data-section-title], [data-section='vertical-nav'][data-section-small-style] > [data-section-region] > .title, [data-section='vertical-nav'][data-section-small-style] > section > [data-section-title], [data-section='vertical-nav'][data-section-small-style] > section > .title, [data-section='vertical-nav'][data-section-small-style] > .section > [data-section-title], [data-section='vertical-nav'][data-section-small-style] > .section > .title, .section-container.vertical-nav[data-section-small-style] > [data-section-region] > [data-section-title], .section-container.vertical-nav[data-section-small-style] > [data-section-region] > .title, .section-container.vertical-nav[data-section-small-style] > section > [data-section-title], .section-container.vertical-nav[data-section-small-style] > section > .title, .section-container.vertical-nav[data-section-small-style] > .section > [data-section-title], .section-container.vertical-nav[data-section-small-style] > .section > .title, [data-section='horizontal-nav'][data-section-small-style] > [data-section-region] > [data-section-title], [data-section='horizontal-nav'][data-section-small-style] > [data-section-region] > .title, [data-section='horizontal-nav'][data-section-small-style] > section > [data-section-title], [data-section='horizontal-nav'][data-section-small-style] > section > .title, [data-section='horizontal-nav'][data-section-small-style] > .section > [data-section-title], [data-section='horizontal-nav'][data-section-small-style] > .section > .title, .section-container.horizontal-nav[data-section-small-style] > [data-section-region] > [data-section-title], .section-container.horizontal-nav[data-section-small-style] > [data-section-region] > .title, .section-container.horizontal-nav[data-section-small-style] > section > [data-section-title], .section-container.horizontal-nav[data-section-small-style] > section > .title, .section-container.horizontal-nav[data-section-small-style] > .section > [data-section-title], .section-container.horizontal-nav[data-section-small-style] > .section > .title, [data-section='accordion'][data-section-small-style] > [data-section-region] > [data-section-title], [data-section='accordion'][data-section-small-style] > [data-section-region] > .title, [data-section='accordion'][data-section-small-style] > section > [data-section-title], [data-section='accordion'][data-section-small-style] > section > .title, [data-section='accordion'][data-section-small-style] > .section > [data-section-title], [data-section='accordion'][data-section-small-style] > .section > .title, .section-container.accordion[data-section-small-style] > [data-section-region] > [data-section-title], .section-container.accordion[data-section-small-style] > [data-section-region] > .title, .section-container.accordion[data-section-small-style] > section > [data-section-title], .section-container.accordion[data-section-small-style] > section > .title, .section-container.accordion[data-section-small-style] > .section > [data-section-title], .section-container.accordion[data-section-small-style] > .section > .title { width: 100% !important; } [data-section=''] > section, [data-section=''] > .section, [data-section=''] > [data-section-region], [data-section='auto'] > section, [data-section='auto'] > .section, [data-section='auto'] > [data-section-region], .section-container.auto > section, .section-container.auto > .section, .section-container.auto > [data-section-region], [data-section='vertical-tabs'] > section, [data-section='vertical-tabs'] > .section, [data-section='vertical-tabs'] > [data-section-region], .section-container.vertical-tabs > section, .section-container.vertical-tabs > .section, .section-container.vertical-tabs > [data-section-region], [data-section='vertical-nav'] > section, [data-section='vertical-nav'] > .section, [data-section='vertical-nav'] > [data-section-region], .section-container.vertical-nav > section, .section-container.vertical-nav > .section, .section-container.vertical-nav > [data-section-region], [data-section='horizontal-nav'] > section, [data-section='horizontal-nav'] > .section, [data-section='horizontal-nav'] > [data-section-region], .section-container.horizontal-nav > section, .section-container.horizontal-nav > .section, .section-container.horizontal-nav > [data-section-region], [data-section='accordion'] > section, [data-section='accordion'] > .section, [data-section='accordion'] > [data-section-region], .section-container.accordion > section, .section-container.accordion > .section, .section-container.accordion > [data-section-region] { margin: 0; } [data-section=''] > section > [data-section-title], [data-section=''] > section > .title, [data-section=''] > .section > [data-section-title], [data-section=''] > .section > .title, [data-section=''] > [data-section-region] > [data-section-title], [data-section=''] > [data-section-region] > .title, [data-section='auto'] > section > [data-section-title], [data-section='auto'] > section > .title, [data-section='auto'] > .section > [data-section-title], [data-section='auto'] > .section > .title, [data-section='auto'] > [data-section-region] > [data-section-title], [data-section='auto'] > [data-section-region] > .title, .section-container.auto > section > [data-section-title], .section-container.auto > section > .title, .section-container.auto > .section > [data-section-title], .section-container.auto > .section > .title, .section-container.auto > [data-section-region] > [data-section-title], .section-container.auto > [data-section-region] > .title, [data-section='vertical-tabs'] > section > [data-section-title], [data-section='vertical-tabs'] > section > .title, [data-section='vertical-tabs'] > .section > [data-section-title], [data-section='vertical-tabs'] > .section > .title, [data-section='vertical-tabs'] > [data-section-region] > [data-section-title], [data-section='vertical-tabs'] > [data-section-region] > .title, .section-container.vertical-tabs > section > [data-section-title], .section-container.vertical-tabs > section > .title, .section-container.vertical-tabs > .section > [data-section-title], .section-container.vertical-tabs > .section > .title, .section-container.vertical-tabs > [data-section-region] > [data-section-title], .section-container.vertical-tabs > [data-section-region] > .title, [data-section='vertical-nav'] > section > [data-section-title], [data-section='vertical-nav'] > section > .title, [data-section='vertical-nav'] > .section > [data-section-title], [data-section='vertical-nav'] > .section > .title, [data-section='vertical-nav'] > [data-section-region] > [data-section-title], [data-section='vertical-nav'] > [data-section-region] > .title, .section-container.vertical-nav > section > [data-section-title], .section-container.vertical-nav > section > .title, .section-container.vertical-nav > .section > [data-section-title], .section-container.vertical-nav > .section > .title, .section-container.vertical-nav > [data-section-region] > [data-section-title], .section-container.vertical-nav > [data-section-region] > .title, [data-section='horizontal-nav'] > section > [data-section-title], [data-section='horizontal-nav'] > section > .title, [data-section='horizontal-nav'] > .section > [data-section-title], [data-section='horizontal-nav'] > .section > .title, [data-section='horizontal-nav'] > [data-section-region] > [data-section-title], [data-section='horizontal-nav'] > [data-section-region] > .title, .section-container.horizontal-nav > section > [data-section-title], .section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > [data-section-title], .section-container.horizontal-nav > .section > .title, .section-container.horizontal-nav > [data-section-region] > [data-section-title], .section-container.horizontal-nav > [data-section-region] > .title, [data-section='accordion'] > section > [data-section-title], [data-section='accordion'] > section > .title, [data-section='accordion'] > .section > [data-section-title], [data-section='accordion'] > .section > .title, [data-section='accordion'] > [data-section-region] > [data-section-title], [data-section='accordion'] > [data-section-region] > .title, .section-container.accordion > section > [data-section-title], .section-container.accordion > section > .title, .section-container.accordion > .section > [data-section-title], .section-container.accordion > .section > .title, .section-container.accordion > [data-section-region] > [data-section-title], .section-container.accordion > [data-section-region] > .title { margin-bottom: 0; } [data-section=''] > section > [data-section-title] a, [data-section=''] > section > .title a, [data-section=''] > .section > [data-section-title] a, [data-section=''] > .section > .title a, [data-section=''] > [data-section-region] > [data-section-title] a, [data-section=''] > [data-section-region] > .title a, [data-section='auto'] > section > [data-section-title] a, [data-section='auto'] > section > .title a, [data-section='auto'] > .section > [data-section-title] a, [data-section='auto'] > .section > .title a, [data-section='auto'] > [data-section-region] > [data-section-title] a, [data-section='auto'] > [data-section-region] > .title a, .section-container.auto > section > [data-section-title] a, .section-container.auto > section > .title a, .section-container.auto > .section > [data-section-title] a, .section-container.auto > .section > .title a, .section-container.auto > [data-section-region] > [data-section-title] a, .section-container.auto > [data-section-region] > .title a, [data-section='vertical-tabs'] > section > [data-section-title] a, [data-section='vertical-tabs'] > section > .title a, [data-section='vertical-tabs'] > .section > [data-section-title] a, [data-section='vertical-tabs'] > .section > .title a, [data-section='vertical-tabs'] > [data-section-region] > [data-section-title] a, [data-section='vertical-tabs'] > [data-section-region] > .title a, .section-container.vertical-tabs > section > [data-section-title] a, .section-container.vertical-tabs > section > .title a, .section-container.vertical-tabs > .section > [data-section-title] a, .section-container.vertical-tabs > .section > .title a, .section-container.vertical-tabs > [data-section-region] > [data-section-title] a, .section-container.vertical-tabs > [data-section-region] > .title a, [data-section='vertical-nav'] > section > [data-section-title] a, [data-section='vertical-nav'] > section > .title a, [data-section='vertical-nav'] > .section > [data-section-title] a, [data-section='vertical-nav'] > .section > .title a, [data-section='vertical-nav'] > [data-section-region] > [data-section-title] a, [data-section='vertical-nav'] > [data-section-region] > .title a, .section-container.vertical-nav > section > [data-section-title] a, .section-container.vertical-nav > section > .title a, .section-container.vertical-nav > .section > [data-section-title] a, .section-container.vertical-nav > .section > .title a, .section-container.vertical-nav > [data-section-region] > [data-section-title] a, .section-container.vertical-nav > [data-section-region] > .title a, [data-section='horizontal-nav'] > section > [data-section-title] a, [data-section='horizontal-nav'] > section > .title a, [data-section='horizontal-nav'] > .section > [data-section-title] a, [data-section='horizontal-nav'] > .section > .title a, [data-section='horizontal-nav'] > [data-section-region] > [data-section-title] a, [data-section='horizontal-nav'] > [data-section-region] > .title a, .section-container.horizontal-nav > section > [data-section-title] a, .section-container.horizontal-nav > section > .title a, .section-container.horizontal-nav > .section > [data-section-title] a, .section-container.horizontal-nav > .section > .title a, .section-container.horizontal-nav > [data-section-region] > [data-section-title] a, .section-container.horizontal-nav > [data-section-region] > .title a, [data-section='accordion'] > section > [data-section-title] a, [data-section='accordion'] > section > .title a, [data-section='accordion'] > .section > [data-section-title] a, [data-section='accordion'] > .section > .title a, [data-section='accordion'] > [data-section-region] > [data-section-title] a, [data-section='accordion'] > [data-section-region] > .title a, .section-container.accordion > section > [data-section-title] a, .section-container.accordion > section > .title a, .section-container.accordion > .section > [data-section-title] a, .section-container.accordion > .section > .title a, .section-container.accordion > [data-section-region] > [data-section-title] a, .section-container.accordion > [data-section-region] > .title a { width: 100%; display: inline-block; white-space: nowrap; } [data-section=''] > section > [data-section-content], [data-section=''] > section > .content, [data-section=''] > .section > [data-section-content], [data-section=''] > .section > .content, [data-section=''] > [data-section-region] > [data-section-content], [data-section=''] > [data-section-region] > .content, [data-section='auto'] > section > [data-section-content], [data-section='auto'] > section > .content, [data-section='auto'] > .section > [data-section-content], [data-section='auto'] > .section > .content, [data-section='auto'] > [data-section-region] > [data-section-content], [data-section='auto'] > [data-section-region] > .content, .section-container.auto > section > [data-section-content], .section-container.auto > section > .content, .section-container.auto > .section > [data-section-content], .section-container.auto > .section > .content, .section-container.auto > [data-section-region] > [data-section-content], .section-container.auto > [data-section-region] > .content, [data-section='vertical-tabs'] > section > [data-section-content], [data-section='vertical-tabs'] > section > .content, [data-section='vertical-tabs'] > .section > [data-section-content], [data-section='vertical-tabs'] > .section > .content, [data-section='vertical-tabs'] > [data-section-region] > [data-section-content], [data-section='vertical-tabs'] > [data-section-region] > .content, .section-container.vertical-tabs > section > [data-section-content], .section-container.vertical-tabs > section > .content, .section-container.vertical-tabs > .section > [data-section-content], .section-container.vertical-tabs > .section > .content, .section-container.vertical-tabs > [data-section-region] > [data-section-content], .section-container.vertical-tabs > [data-section-region] > .content, [data-section='vertical-nav'] > section > [data-section-content], [data-section='vertical-nav'] > section > .content, [data-section='vertical-nav'] > .section > [data-section-content], [data-section='vertical-nav'] > .section > .content, [data-section='vertical-nav'] > [data-section-region] > [data-section-content], [data-section='vertical-nav'] > [data-section-region] > .content, .section-container.vertical-nav > section > [data-section-content], .section-container.vertical-nav > section > .content, .section-container.vertical-nav > .section > [data-section-content], .section-container.vertical-nav > .section > .content, .section-container.vertical-nav > [data-section-region] > [data-section-content], .section-container.vertical-nav > [data-section-region] > .content, [data-section='horizontal-nav'] > section > [data-section-content], [data-section='horizontal-nav'] > section > .content, [data-section='horizontal-nav'] > .section > [data-section-content], [data-section='horizontal-nav'] > .section > .content, [data-section='horizontal-nav'] > [data-section-region] > [data-section-content], [data-section='horizontal-nav'] > [data-section-region] > .content, .section-container.horizontal-nav > section > [data-section-content], .section-container.horizontal-nav > section > .content, .section-container.horizontal-nav > .section > [data-section-content], .section-container.horizontal-nav > .section > .content, .section-container.horizontal-nav > [data-section-region] > [data-section-content], .section-container.horizontal-nav > [data-section-region] > .content, [data-section='accordion'] > section > [data-section-content], [data-section='accordion'] > section > .content, [data-section='accordion'] > .section > [data-section-content], [data-section='accordion'] > .section > .content, [data-section='accordion'] > [data-section-region] > [data-section-content], [data-section='accordion'] > [data-section-region] > .content, .section-container.accordion > section > [data-section-content], .section-container.accordion > section > .content, .section-container.accordion > .section > [data-section-content], .section-container.accordion > .section > .content, .section-container.accordion > [data-section-region] > [data-section-content], .section-container.accordion > [data-section-region] > .content { display: none; } [data-section=''] > section.active > [data-section-content], [data-section=''] > section.active > .content, [data-section=''] > .section.active > [data-section-content], [data-section=''] > .section.active > .content, [data-section=''] > [data-section-region].active > [data-section-content], [data-section=''] > [data-section-region].active > .content, [data-section='auto'] > section.active > [data-section-content], [data-section='auto'] > section.active > .content, [data-section='auto'] > .section.active > [data-section-content], [data-section='auto'] > .section.active > .content, [data-section='auto'] > [data-section-region].active > [data-section-content], [data-section='auto'] > [data-section-region].active > .content, .section-container.auto > section.active > [data-section-content], .section-container.auto > section.active > .content, .section-container.auto > .section.active > [data-section-content], .section-container.auto > .section.active > .content, .section-container.auto > [data-section-region].active > [data-section-content], .section-container.auto > [data-section-region].active > .content, [data-section='vertical-tabs'] > section.active > [data-section-content], [data-section='vertical-tabs'] > section.active > .content, [data-section='vertical-tabs'] > .section.active > [data-section-content], [data-section='vertical-tabs'] > .section.active > .content, [data-section='vertical-tabs'] > [data-section-region].active > [data-section-content], [data-section='vertical-tabs'] > [data-section-region].active > .content, .section-container.vertical-tabs > section.active > [data-section-content], .section-container.vertical-tabs > section.active > .content, .section-container.vertical-tabs > .section.active > [data-section-content], .section-container.vertical-tabs > .section.active > .content, .section-container.vertical-tabs > [data-section-region].active > [data-section-content], .section-container.vertical-tabs > [data-section-region].active > .content, [data-section='vertical-nav'] > section.active > [data-section-content], [data-section='vertical-nav'] > section.active > .content, [data-section='vertical-nav'] > .section.active > [data-section-content], [data-section='vertical-nav'] > .section.active > .content, [data-section='vertical-nav'] > [data-section-region].active > [data-section-content], [data-section='vertical-nav'] > [data-section-region].active > .content, .section-container.vertical-nav > section.active > [data-section-content], .section-container.vertical-nav > section.active > .content, .section-container.vertical-nav > .section.active > [data-section-content], .section-container.vertical-nav > .section.active > .content, .section-container.vertical-nav > [data-section-region].active > [data-section-content], .section-container.vertical-nav > [data-section-region].active > .content, [data-section='horizontal-nav'] > section.active > [data-section-content], [data-section='horizontal-nav'] > section.active > .content, [data-section='horizontal-nav'] > .section.active > [data-section-content], [data-section='horizontal-nav'] > .section.active > .content, [data-section='horizontal-nav'] > [data-section-region].active > [data-section-content], [data-section='horizontal-nav'] > [data-section-region].active > .content, .section-container.horizontal-nav > section.active > [data-section-content], .section-container.horizontal-nav > section.active > .content, .section-container.horizontal-nav > .section.active > [data-section-content], .section-container.horizontal-nav > .section.active > .content, .section-container.horizontal-nav > [data-section-region].active > [data-section-content], .section-container.horizontal-nav > [data-section-region].active > .content, [data-section='accordion'] > section.active > [data-section-content], [data-section='accordion'] > section.active > .content, [data-section='accordion'] > .section.active > [data-section-content], [data-section='accordion'] > .section.active > .content, [data-section='accordion'] > [data-section-region].active > [data-section-content], [data-section='accordion'] > [data-section-region].active > .content, .section-container.accordion > section.active > [data-section-content], .section-container.accordion > section.active > .content, .section-container.accordion > .section.active > [data-section-content], .section-container.accordion > .section.active > .content, .section-container.accordion > [data-section-region].active > [data-section-content], .section-container.accordion > [data-section-region].active > .content { display: block; } [data-section=''] > section:not(.active), [data-section=''] > .section:not(.active), [data-section=''] > [data-section-region]:not(.active), [data-section='auto'] > section:not(.active), [data-section='auto'] > .section:not(.active), [data-section='auto'] > [data-section-region]:not(.active), .section-container.auto > section:not(.active), .section-container.auto > .section:not(.active), .section-container.auto > [data-section-region]:not(.active), [data-section='vertical-tabs'] > section:not(.active), [data-section='vertical-tabs'] > .section:not(.active), [data-section='vertical-tabs'] > [data-section-region]:not(.active), .section-container.vertical-tabs > section:not(.active), .section-container.vertical-tabs > .section:not(.active), .section-container.vertical-tabs > [data-section-region]:not(.active), [data-section='vertical-nav'] > section:not(.active), [data-section='vertical-nav'] > .section:not(.active), [data-section='vertical-nav'] > [data-section-region]:not(.active), .section-container.vertical-nav > section:not(.active), .section-container.vertical-nav > .section:not(.active), .section-container.vertical-nav > [data-section-region]:not(.active), [data-section='horizontal-nav'] > section:not(.active), [data-section='horizontal-nav'] > .section:not(.active), [data-section='horizontal-nav'] > [data-section-region]:not(.active), .section-container.horizontal-nav > section:not(.active), .section-container.horizontal-nav > .section:not(.active), .section-container.horizontal-nav > [data-section-region]:not(.active), [data-section='accordion'] > section:not(.active), [data-section='accordion'] > .section:not(.active), [data-section='accordion'] > [data-section-region]:not(.active), .section-container.accordion > section:not(.active), .section-container.accordion > .section:not(.active), .section-container.accordion > [data-section-region]:not(.active) { padding: 0 !important; } [data-section=''] > section > [data-section-title], [data-section=''] > section > .title, [data-section=''] > .section > [data-section-title], [data-section=''] > .section > .title, [data-section=''] > [data-section-region] > [data-section-title], [data-section=''] > [data-section-region] > .title, [data-section='auto'] > section > [data-section-title], [data-section='auto'] > section > .title, [data-section='auto'] > .section > [data-section-title], [data-section='auto'] > .section > .title, [data-section='auto'] > [data-section-region] > [data-section-title], [data-section='auto'] > [data-section-region] > .title, .section-container.auto > section > [data-section-title], .section-container.auto > section > .title, .section-container.auto > .section > [data-section-title], .section-container.auto > .section > .title, .section-container.auto > [data-section-region] > [data-section-title], .section-container.auto > [data-section-region] > .title, [data-section='vertical-tabs'] > section > [data-section-title], [data-section='vertical-tabs'] > section > .title, [data-section='vertical-tabs'] > .section > [data-section-title], [data-section='vertical-tabs'] > .section > .title, [data-section='vertical-tabs'] > [data-section-region] > [data-section-title], [data-section='vertical-tabs'] > [data-section-region] > .title, .section-container.vertical-tabs > section > [data-section-title], .section-container.vertical-tabs > section > .title, .section-container.vertical-tabs > .section > [data-section-title], .section-container.vertical-tabs > .section > .title, .section-container.vertical-tabs > [data-section-region] > [data-section-title], .section-container.vertical-tabs > [data-section-region] > .title, [data-section='vertical-nav'] > section > [data-section-title], [data-section='vertical-nav'] > section > .title, [data-section='vertical-nav'] > .section > [data-section-title], [data-section='vertical-nav'] > .section > .title, [data-section='vertical-nav'] > [data-section-region] > [data-section-title], [data-section='vertical-nav'] > [data-section-region] > .title, .section-container.vertical-nav > section > [data-section-title], .section-container.vertical-nav > section > .title, .section-container.vertical-nav > .section > [data-section-title], .section-container.vertical-nav > .section > .title, .section-container.vertical-nav > [data-section-region] > [data-section-title], .section-container.vertical-nav > [data-section-region] > .title, [data-section='horizontal-nav'] > section > [data-section-title], [data-section='horizontal-nav'] > section > .title, [data-section='horizontal-nav'] > .section > [data-section-title], [data-section='horizontal-nav'] > .section > .title, [data-section='horizontal-nav'] > [data-section-region] > [data-section-title], [data-section='horizontal-nav'] > [data-section-region] > .title, .section-container.horizontal-nav > section > [data-section-title], .section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > [data-section-title], .section-container.horizontal-nav > .section > .title, .section-container.horizontal-nav > [data-section-region] > [data-section-title], .section-container.horizontal-nav > [data-section-region] > .title, [data-section='accordion'] > section > [data-section-title], [data-section='accordion'] > section > .title, [data-section='accordion'] > .section > [data-section-title], [data-section='accordion'] > .section > .title, [data-section='accordion'] > [data-section-region] > [data-section-title], [data-section='accordion'] > [data-section-region] > .title, .section-container.accordion > section > [data-section-title], .section-container.accordion > section > .title, .section-container.accordion > .section > [data-section-title], .section-container.accordion > .section > .title, .section-container.accordion > [data-section-region] > [data-section-title], .section-container.accordion > [data-section-region] > .title { width: 100%; } .section-container.auto, .section-container.vertical-tabs, .section-container.vertical-nav, .section-container.horizontal-nav, .section-container.accordion { border-top: 1px solid #cccccc; } .section-container.auto > section > .title, .section-container.auto > .section > .title, .section-container.vertical-tabs > section > .title, .section-container.vertical-tabs > .section > .title, .section-container.vertical-nav > section > .title, .section-container.vertical-nav > .section > .title, .section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > .title, .section-container.accordion > section > .title, .section-container.accordion > .section > .title { background-color: #efefef; cursor: pointer; border: solid 1px #cccccc; } .section-container.auto > section > .title a, .section-container.auto > .section > .title a, .section-container.vertical-tabs > section > .title a, .section-container.vertical-tabs > .section > .title a, .section-container.vertical-nav > section > .title a, .section-container.vertical-nav > .section > .title a, .section-container.horizontal-nav > section > .title a, .section-container.horizontal-nav > .section > .title a, .section-container.accordion > section > .title a, .section-container.accordion > .section > .title a { padding: 0.9375em; color: #333333; font-size: 0.875em; background: none; } .section-container.auto > section > .title:hover, .section-container.auto > .section > .title:hover, .section-container.vertical-tabs > section > .title:hover, .section-container.vertical-tabs > .section > .title:hover, .section-container.vertical-nav > section > .title:hover, .section-container.vertical-nav > .section > .title:hover, .section-container.horizontal-nav > section > .title:hover, .section-container.horizontal-nav > .section > .title:hover, .section-container.accordion > section > .title:hover, .section-container.accordion > .section > .title:hover { background-color: #e2e2e2; } .section-container.auto > section > .content, .section-container.auto > .section > .content, .section-container.vertical-tabs > section > .content, .section-container.vertical-tabs > .section > .content, .section-container.vertical-nav > section > .content, .section-container.vertical-nav > .section > .content, .section-container.horizontal-nav > section > .content, .section-container.horizontal-nav > .section > .content, .section-container.accordion > section > .content, .section-container.accordion > .section > .content { padding: 0.9375em; background-color: white; border: solid 1px #cccccc; } .section-container.auto > section > .content > *:last-child, .section-container.auto > .section > .content > *:last-child, .section-container.vertical-tabs > section > .content > *:last-child, .section-container.vertical-tabs > .section > .content > *:last-child, .section-container.vertical-nav > section > .content > *:last-child, .section-container.vertical-nav > .section > .content > *:last-child, .section-container.horizontal-nav > section > .content > *:last-child, .section-container.horizontal-nav > .section > .content > *:last-child, .section-container.accordion > section > .content > *:last-child, .section-container.accordion > .section > .content > *:last-child { margin-bottom: 0; } .section-container.auto > section > .content > *:first-child, .section-container.auto > .section > .content > *:first-child, .section-container.vertical-tabs > section > .content > *:first-child, .section-container.vertical-tabs > .section > .content > *:first-child, .section-container.vertical-nav > section > .content > *:first-child, .section-container.vertical-nav > .section > .content > *:first-child, .section-container.horizontal-nav > section > .content > *:first-child, .section-container.horizontal-nav > .section > .content > *:first-child, .section-container.accordion > section > .content > *:first-child, .section-container.accordion > .section > .content > *:first-child { padding-top: 0; } .section-container.auto > section > .content > *:last-child:not(.flex-video), .section-container.auto > .section > .content > *:last-child:not(.flex-video), .section-container.vertical-tabs > section > .content > *:last-child:not(.flex-video), .section-container.vertical-tabs > .section > .content > *:last-child:not(.flex-video), .section-container.vertical-nav > section > .content > *:last-child:not(.flex-video), .section-container.vertical-nav > .section > .content > *:last-child:not(.flex-video), .section-container.horizontal-nav > section > .content > *:last-child:not(.flex-video), .section-container.horizontal-nav > .section > .content > *:last-child:not(.flex-video), .section-container.accordion > section > .content > *:last-child:not(.flex-video), .section-container.accordion > .section > .content > *:last-child:not(.flex-video) { padding-bottom: 0; } .section-container.auto > section.active > .title, .section-container.auto > .section.active > .title, .section-container.vertical-tabs > section.active > .title, .section-container.vertical-tabs > .section.active > .title, .section-container.vertical-nav > section.active > .title, .section-container.vertical-nav > .section.active > .title, .section-container.horizontal-nav > section.active > .title, .section-container.horizontal-nav > .section.active > .title, .section-container.accordion > section.active > .title, .section-container.accordion > .section.active > .title { background: #d5d5d5; } .section-container.auto > section.active > .title a, .section-container.auto > .section.active > .title a, .section-container.vertical-tabs > section.active > .title a, .section-container.vertical-tabs > .section.active > .title a, .section-container.vertical-nav > section.active > .title a, .section-container.vertical-nav > .section.active > .title a, .section-container.horizontal-nav > section.active > .title a, .section-container.horizontal-nav > .section.active > .title a, .section-container.accordion > section.active > .title a, .section-container.accordion > .section.active > .title a { color: #333333; } .section-container.auto > section:not(.active), .section-container.auto > .section:not(.active), .section-container.vertical-tabs > section:not(.active), .section-container.vertical-tabs > .section:not(.active), .section-container.vertical-nav > section:not(.active), .section-container.vertical-nav > .section:not(.active), .section-container.horizontal-nav > section:not(.active), .section-container.horizontal-nav > .section:not(.active), .section-container.accordion > section:not(.active), .section-container.accordion > .section:not(.active) { padding: 0 !important; } .section-container.auto > section > .title, .section-container.auto > .section > .title, .section-container.vertical-tabs > section > .title, .section-container.vertical-tabs > .section > .title, .section-container.vertical-nav > section > .title, .section-container.vertical-nav > .section > .title, .section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > .title, .section-container.accordion > section > .title, .section-container.accordion > .section > .title { border-top: none; } [data-section='tabs'], .section-container.tabs { width: 100%; position: relative; display: block; margin-bottom: 1.25em; } [data-section='tabs']:not([data-section-resized]):not([data-section-small-style]), .section-container.tabs:not([data-section-resized]):not([data-section-small-style]) { visibility: hidden; } [data-section='tabs'] > section > [data-section-title], [data-section='tabs'] > section > .title, [data-section='tabs'] > .section > [data-section-title], [data-section='tabs'] > .section > .title, [data-section='tabs'] > [data-section-region] > [data-section-title], [data-section='tabs'] > [data-section-region] > .title, .section-container.tabs > section > [data-section-title], .section-container.tabs > section > .title, .section-container.tabs > .section > [data-section-title], .section-container.tabs > .section > .title, .section-container.tabs > [data-section-region] > [data-section-title], .section-container.tabs > [data-section-region] > .title { margin-bottom: 0; } [data-section='tabs'] > section > [data-section-title] a, [data-section='tabs'] > section > .title a, [data-section='tabs'] > .section > [data-section-title] a, [data-section='tabs'] > .section > .title a, [data-section='tabs'] > [data-section-region] > [data-section-title] a, [data-section='tabs'] > [data-section-region] > .title a, .section-container.tabs > section > [data-section-title] a, .section-container.tabs > section > .title a, .section-container.tabs > .section > [data-section-title] a, .section-container.tabs > .section > .title a, .section-container.tabs > [data-section-region] > [data-section-title] a, .section-container.tabs > [data-section-region] > .title a { width: 100%; display: inline-block; white-space: nowrap; } [data-section='tabs'] > section > [data-section-content], [data-section='tabs'] > section > .content, [data-section='tabs'] > .section > [data-section-content], [data-section='tabs'] > .section > .content, [data-section='tabs'] > [data-section-region] > [data-section-content], [data-section='tabs'] > [data-section-region] > .content, .section-container.tabs > section > [data-section-content], .section-container.tabs > section > .content, .section-container.tabs > .section > [data-section-content], .section-container.tabs > .section > .content, .section-container.tabs > [data-section-region] > [data-section-content], .section-container.tabs > [data-section-region] > .content { display: none; } [data-section='tabs'] > section.active > [data-section-content], [data-section='tabs'] > section.active > .content, [data-section='tabs'] > .section.active > [data-section-content], [data-section='tabs'] > .section.active > .content, [data-section='tabs'] > [data-section-region].active > [data-section-content], [data-section='tabs'] > [data-section-region].active > .content, .section-container.tabs > section.active > [data-section-content], .section-container.tabs > section.active > .content, .section-container.tabs > .section.active > [data-section-content], .section-container.tabs > .section.active > .content, .section-container.tabs > [data-section-region].active > [data-section-content], .section-container.tabs > [data-section-region].active > .content { display: block; } [data-section='tabs'] > section:not(.active), [data-section='tabs'] > .section:not(.active), [data-section='tabs'] > [data-section-region]:not(.active), .section-container.tabs > section:not(.active), .section-container.tabs > .section:not(.active), .section-container.tabs > [data-section-region]:not(.active) { padding: 0 !important; } [data-section='tabs'] > section > [data-section-title], [data-section='tabs'] > section > .title, [data-section='tabs'] > .section > [data-section-title], [data-section='tabs'] > .section > .title, [data-section='tabs'] > [data-section-region] > [data-section-title], [data-section='tabs'] > [data-section-region] > .title, .section-container.tabs > section > [data-section-title], .section-container.tabs > section > .title, .section-container.tabs > .section > [data-section-title], .section-container.tabs > .section > .title, .section-container.tabs > [data-section-region] > [data-section-title], .section-container.tabs > [data-section-region] > .title { width: auto; position: absolute; top: 0; left: 0; } .section-container.tabs { border: none; } .section-container.tabs > section > .title, .section-container.tabs > .section > .title { background-color: #efefef; cursor: pointer; border: solid 1px #cccccc; } .section-container.tabs > section > .title a, .section-container.tabs > .section > .title a { padding: 0.9375em; color: #333333; font-size: 0.875em; background: none; } .section-container.tabs > section > .title:hover, .section-container.tabs > .section > .title:hover { background-color: #e2e2e2; } .section-container.tabs > section > .content, .section-container.tabs > .section > .content { padding: 0.9375em; background-color: white; border: solid 1px #cccccc; } .section-container.tabs > section > .content > *:last-child, .section-container.tabs > .section > .content > *:last-child { margin-bottom: 0; } .section-container.tabs > section > .content > *:first-child, .section-container.tabs > .section > .content > *:first-child { padding-top: 0; } .section-container.tabs > section > .content > *:last-child:not(.flex-video), .section-container.tabs > .section > .content > *:last-child:not(.flex-video) { padding-bottom: 0; } .section-container.tabs > section.active > .title, .section-container.tabs > .section.active > .title { background: white; } .section-container.tabs > section.active > .title a, .section-container.tabs > .section.active > .title a { color: #333333; } .section-container.tabs > section:not(.active), .section-container.tabs > .section:not(.active) { padding: 0 !important; } .section-container.tabs > section.active > .title, .section-container.tabs > .section.active > .title { border-bottom: 0; } @media only screen and (min-width: 768px) { [data-section=''], [data-section='auto'], .section-container.auto { width: 100%; position: relative; display: block; margin-bottom: 1.25em; } [data-section='']:not([data-section-resized]):not([data-section-small-style]), [data-section='auto']:not([data-section-resized]):not([data-section-small-style]), .section-container.auto:not([data-section-resized]):not([data-section-small-style]) { visibility: hidden; } [data-section=''] > section > [data-section-title], [data-section=''] > section > .title, [data-section=''] > .section > [data-section-title], [data-section=''] > .section > .title, [data-section=''] > [data-section-region] > [data-section-title], [data-section=''] > [data-section-region] > .title, [data-section='auto'] > section > [data-section-title], [data-section='auto'] > section > .title, [data-section='auto'] > .section > [data-section-title], [data-section='auto'] > .section > .title, [data-section='auto'] > [data-section-region] > [data-section-title], [data-section='auto'] > [data-section-region] > .title, .section-container.auto > section > [data-section-title], .section-container.auto > section > .title, .section-container.auto > .section > [data-section-title], .section-container.auto > .section > .title, .section-container.auto > [data-section-region] > [data-section-title], .section-container.auto > [data-section-region] > .title { margin-bottom: 0; } [data-section=''] > section > [data-section-title] a, [data-section=''] > section > .title a, [data-section=''] > .section > [data-section-title] a, [data-section=''] > .section > .title a, [data-section=''] > [data-section-region] > [data-section-title] a, [data-section=''] > [data-section-region] > .title a, [data-section='auto'] > section > [data-section-title] a, [data-section='auto'] > section > .title a, [data-section='auto'] > .section > [data-section-title] a, [data-section='auto'] > .section > .title a, [data-section='auto'] > [data-section-region] > [data-section-title] a, [data-section='auto'] > [data-section-region] > .title a, .section-container.auto > section > [data-section-title] a, .section-container.auto > section > .title a, .section-container.auto > .section > [data-section-title] a, .section-container.auto > .section > .title a, .section-container.auto > [data-section-region] > [data-section-title] a, .section-container.auto > [data-section-region] > .title a { width: 100%; display: inline-block; white-space: nowrap; } [data-section=''] > section > [data-section-content], [data-section=''] > section > .content, [data-section=''] > .section > [data-section-content], [data-section=''] > .section > .content, [data-section=''] > [data-section-region] > [data-section-content], [data-section=''] > [data-section-region] > .content, [data-section='auto'] > section > [data-section-content], [data-section='auto'] > section > .content, [data-section='auto'] > .section > [data-section-content], [data-section='auto'] > .section > .content, [data-section='auto'] > [data-section-region] > [data-section-content], [data-section='auto'] > [data-section-region] > .content, .section-container.auto > section > [data-section-content], .section-container.auto > section > .content, .section-container.auto > .section > [data-section-content], .section-container.auto > .section > .content, .section-container.auto > [data-section-region] > [data-section-content], .section-container.auto > [data-section-region] > .content { display: none; } [data-section=''] > section.active > [data-section-content], [data-section=''] > section.active > .content, [data-section=''] > .section.active > [data-section-content], [data-section=''] > .section.active > .content, [data-section=''] > [data-section-region].active > [data-section-content], [data-section=''] > [data-section-region].active > .content, [data-section='auto'] > section.active > [data-section-content], [data-section='auto'] > section.active > .content, [data-section='auto'] > .section.active > [data-section-content], [data-section='auto'] > .section.active > .content, [data-section='auto'] > [data-section-region].active > [data-section-content], [data-section='auto'] > [data-section-region].active > .content, .section-container.auto > section.active > [data-section-content], .section-container.auto > section.active > .content, .section-container.auto > .section.active > [data-section-content], .section-container.auto > .section.active > .content, .section-container.auto > [data-section-region].active > [data-section-content], .section-container.auto > [data-section-region].active > .content { display: block; } [data-section=''] > section:not(.active), [data-section=''] > .section:not(.active), [data-section=''] > [data-section-region]:not(.active), [data-section='auto'] > section:not(.active), [data-section='auto'] > .section:not(.active), [data-section='auto'] > [data-section-region]:not(.active), .section-container.auto > section:not(.active), .section-container.auto > .section:not(.active), .section-container.auto > [data-section-region]:not(.active) { padding: 0 !important; } [data-section=''] > section > [data-section-title], [data-section=''] > section > .title, [data-section=''] > .section > [data-section-title], [data-section=''] > .section > .title, [data-section=''] > [data-section-region] > [data-section-title], [data-section=''] > [data-section-region] > .title, [data-section='auto'] > section > [data-section-title], [data-section='auto'] > section > .title, [data-section='auto'] > .section > [data-section-title], [data-section='auto'] > .section > .title, [data-section='auto'] > [data-section-region] > [data-section-title], [data-section='auto'] > [data-section-region] > .title, .section-container.auto > section > [data-section-title], .section-container.auto > section > .title, .section-container.auto > .section > [data-section-title], .section-container.auto > .section > .title, .section-container.auto > [data-section-region] > [data-section-title], .section-container.auto > [data-section-region] > .title { width: auto; position: absolute; top: 0; left: 0; } .section-container.auto { border: none; } .section-container.auto > section > .title, .section-container.auto > .section > .title { background-color: #efefef; cursor: pointer; border: solid 1px #cccccc; } .section-container.auto > section > .title a, .section-container.auto > .section > .title a { padding: 0.9375em; color: #333333; font-size: 0.875em; background: none; } .section-container.auto > section > .title:hover, .section-container.auto > .section > .title:hover { background-color: #e2e2e2; } .section-container.auto > section > .content, .section-container.auto > .section > .content { padding: 0.9375em; background-color: white; border: solid 1px #cccccc; } .section-container.auto > section > .content > *:last-child, .section-container.auto > .section > .content > *:last-child { margin-bottom: 0; } .section-container.auto > section > .content > *:first-child, .section-container.auto > .section > .content > *:first-child { padding-top: 0; } .section-container.auto > section > .content > *:last-child:not(.flex-video), .section-container.auto > .section > .content > *:last-child:not(.flex-video) { padding-bottom: 0; } .section-container.auto > section.active > .title, .section-container.auto > .section.active > .title { background: white; } .section-container.auto > section.active > .title a, .section-container.auto > .section.active > .title a { color: #333333; } .section-container.auto > section:not(.active), .section-container.auto > .section:not(.active) { padding: 0 !important; } .section-container.auto > section.active > .title, .section-container.auto > .section.active > .title { border-bottom: 0; } [data-section='vertical-tabs'], .section-container.vertical-tabs { width: 100%; position: relative; display: block; margin-bottom: 1.25em; } [data-section='vertical-tabs']:not([data-section-resized]):not([data-section-small-style]), .section-container.vertical-tabs:not([data-section-resized]):not([data-section-small-style]) { visibility: hidden; } [data-section='vertical-tabs'][data-section-small-style], .section-container.vertical-tabs[data-section-small-style] { width: 100% !important; } [data-section='vertical-tabs'][data-section-small-style] > [data-section-region], [data-section='vertical-tabs'][data-section-small-style] > section, [data-section='vertical-tabs'][data-section-small-style] > .section, .section-container.vertical-tabs[data-section-small-style] > [data-section-region], .section-container.vertical-tabs[data-section-small-style] > section, .section-container.vertical-tabs[data-section-small-style] > .section { padding: 0 !important; margin: 0 !important; } [data-section='vertical-tabs'][data-section-small-style] > [data-section-region] > [data-section-title], [data-section='vertical-tabs'][data-section-small-style] > [data-section-region] > .title, [data-section='vertical-tabs'][data-section-small-style] > section > [data-section-title], [data-section='vertical-tabs'][data-section-small-style] > section > .title, [data-section='vertical-tabs'][data-section-small-style] > .section > [data-section-title], [data-section='vertical-tabs'][data-section-small-style] > .section > .title, .section-container.vertical-tabs[data-section-small-style] > [data-section-region] > [data-section-title], .section-container.vertical-tabs[data-section-small-style] > [data-section-region] > .title, .section-container.vertical-tabs[data-section-small-style] > section > [data-section-title], .section-container.vertical-tabs[data-section-small-style] > section > .title, .section-container.vertical-tabs[data-section-small-style] > .section > [data-section-title], .section-container.vertical-tabs[data-section-small-style] > .section > .title { width: 100% !important; } [data-section='vertical-tabs'] > section > [data-section-title], [data-section='vertical-tabs'] > section > .title, [data-section='vertical-tabs'] > .section > [data-section-title], [data-section='vertical-tabs'] > .section > .title, [data-section='vertical-tabs'] > [data-section-region] > [data-section-title], [data-section='vertical-tabs'] > [data-section-region] > .title, .section-container.vertical-tabs > section > [data-section-title], .section-container.vertical-tabs > section > .title, .section-container.vertical-tabs > .section > [data-section-title], .section-container.vertical-tabs > .section > .title, .section-container.vertical-tabs > [data-section-region] > [data-section-title], .section-container.vertical-tabs > [data-section-region] > .title { margin-bottom: 0; } [data-section='vertical-tabs'] > section > [data-section-title] a, [data-section='vertical-tabs'] > section > .title a, [data-section='vertical-tabs'] > .section > [data-section-title] a, [data-section='vertical-tabs'] > .section > .title a, [data-section='vertical-tabs'] > [data-section-region] > [data-section-title] a, [data-section='vertical-tabs'] > [data-section-region] > .title a, .section-container.vertical-tabs > section > [data-section-title] a, .section-container.vertical-tabs > section > .title a, .section-container.vertical-tabs > .section > [data-section-title] a, .section-container.vertical-tabs > .section > .title a, .section-container.vertical-tabs > [data-section-region] > [data-section-title] a, .section-container.vertical-tabs > [data-section-region] > .title a { width: 100%; display: inline-block; white-space: nowrap; } [data-section='vertical-tabs'] > section > [data-section-content], [data-section='vertical-tabs'] > section > .content, [data-section='vertical-tabs'] > .section > [data-section-content], [data-section='vertical-tabs'] > .section > .content, [data-section='vertical-tabs'] > [data-section-region] > [data-section-content], [data-section='vertical-tabs'] > [data-section-region] > .content, .section-container.vertical-tabs > section > [data-section-content], .section-container.vertical-tabs > section > .content, .section-container.vertical-tabs > .section > [data-section-content], .section-container.vertical-tabs > .section > .content, .section-container.vertical-tabs > [data-section-region] > [data-section-content], .section-container.vertical-tabs > [data-section-region] > .content { display: none; } [data-section='vertical-tabs'] > section.active > [data-section-content], [data-section='vertical-tabs'] > section.active > .content, [data-section='vertical-tabs'] > .section.active > [data-section-content], [data-section='vertical-tabs'] > .section.active > .content, [data-section='vertical-tabs'] > [data-section-region].active > [data-section-content], [data-section='vertical-tabs'] > [data-section-region].active > .content, .section-container.vertical-tabs > section.active > [data-section-content], .section-container.vertical-tabs > section.active > .content, .section-container.vertical-tabs > .section.active > [data-section-content], .section-container.vertical-tabs > .section.active > .content, .section-container.vertical-tabs > [data-section-region].active > [data-section-content], .section-container.vertical-tabs > [data-section-region].active > .content { display: block; } [data-section='vertical-tabs'] > section:not(.active), [data-section='vertical-tabs'] > .section:not(.active), [data-section='vertical-tabs'] > [data-section-region]:not(.active), .section-container.vertical-tabs > section:not(.active), .section-container.vertical-tabs > .section:not(.active), .section-container.vertical-tabs > [data-section-region]:not(.active) { padding: 0 !important; } [data-section='vertical-tabs'] > section > [data-section-title], [data-section='vertical-tabs'] > section > .title, [data-section='vertical-tabs'] > .section > [data-section-title], [data-section='vertical-tabs'] > .section > .title, [data-section='vertical-tabs'] > [data-section-region] > [data-section-title], [data-section='vertical-tabs'] > [data-section-region] > .title, .section-container.vertical-tabs > section > [data-section-title], .section-container.vertical-tabs > section > .title, .section-container.vertical-tabs > .section > [data-section-title], .section-container.vertical-tabs > .section > .title, .section-container.vertical-tabs > [data-section-region] > [data-section-title], .section-container.vertical-tabs > [data-section-region] > .title { position: absolute; top: 0; left: 0; width: 12.5em; } [data-section='vertical-tabs'] > section.active, [data-section='vertical-tabs'] > .section.active, [data-section='vertical-tabs'] > [data-section-region].active, .section-container.vertical-tabs > section.active, .section-container.vertical-tabs > .section.active, .section-container.vertical-tabs > [data-section-region].active { padding-left: 12.5em; } [data-section='vertical-tabs'] > section.active > [data-section-title], [data-section='vertical-tabs'] > section.active > .title, [data-section='vertical-tabs'] > .section.active > [data-section-title], [data-section='vertical-tabs'] > .section.active > .title, [data-section='vertical-tabs'] > [data-section-region].active > [data-section-title], [data-section='vertical-tabs'] > [data-section-region].active > .title, .section-container.vertical-tabs > section.active > [data-section-title], .section-container.vertical-tabs > section.active > .title, .section-container.vertical-tabs > .section.active > [data-section-title], .section-container.vertical-tabs > .section.active > .title, .section-container.vertical-tabs > [data-section-region].active > [data-section-title], .section-container.vertical-tabs > [data-section-region].active > .title { width: 12.5em; } .section-container.vertical-tabs { border: none; } .section-container.vertical-tabs > section > .title, .section-container.vertical-tabs > .section > .title { background-color: #efefef; cursor: pointer; border: solid 1px #cccccc; } .section-container.vertical-tabs > section > .title a, .section-container.vertical-tabs > .section > .title a { padding: 0.9375em; color: #333333; font-size: 0.875em; background: none; } .section-container.vertical-tabs > section > .title:hover, .section-container.vertical-tabs > .section > .title:hover { background-color: #e2e2e2; } .section-container.vertical-tabs > section > .content, .section-container.vertical-tabs > .section > .content { padding: 0.9375em; background-color: white; border: solid 1px #cccccc; } .section-container.vertical-tabs > section > .content > *:last-child, .section-container.vertical-tabs > .section > .content > *:last-child { margin-bottom: 0; } .section-container.vertical-tabs > section > .content > *:first-child, .section-container.vertical-tabs > .section > .content > *:first-child { padding-top: 0; } .section-container.vertical-tabs > section > .content > *:last-child:not(.flex-video), .section-container.vertical-tabs > .section > .content > *:last-child:not(.flex-video) { padding-bottom: 0; } .section-container.vertical-tabs > section.active > .title, .section-container.vertical-tabs > .section.active > .title { background: #d5d5d5; } .section-container.vertical-tabs > section.active > .title a, .section-container.vertical-tabs > .section.active > .title a { color: #333333; } .section-container.vertical-tabs > section:not(.active), .section-container.vertical-tabs > .section:not(.active) { padding: 0 !important; } .section-container.vertical-tabs > section.active, .section-container.vertical-tabs > .section.active { padding-left: 12.4375em; } .section-container.vertical-tabs > section.active > .title, .section-container.vertical-tabs > .section.active > .title { background-color: #d5d5d5; } [data-section='vertical-nav'], .section-container.vertical-nav { width: 100%; position: relative; display: block; margin-bottom: 1.25em; } [data-section='vertical-nav']:not([data-section-resized]):not([data-section-small-style]), .section-container.vertical-nav:not([data-section-resized]):not([data-section-small-style]) { visibility: hidden; } [data-section='vertical-nav'][data-section-small-style], .section-container.vertical-nav[data-section-small-style] { width: 100% !important; } [data-section='vertical-nav'][data-section-small-style] > [data-section-region], [data-section='vertical-nav'][data-section-small-style] > section, [data-section='vertical-nav'][data-section-small-style] > .section, .section-container.vertical-nav[data-section-small-style] > [data-section-region], .section-container.vertical-nav[data-section-small-style] > section, .section-container.vertical-nav[data-section-small-style] > .section { padding: 0 !important; margin: 0 !important; } [data-section='vertical-nav'][data-section-small-style] > [data-section-region] > [data-section-title], [data-section='vertical-nav'][data-section-small-style] > [data-section-region] > .title, [data-section='vertical-nav'][data-section-small-style] > section > [data-section-title], [data-section='vertical-nav'][data-section-small-style] > section > .title, [data-section='vertical-nav'][data-section-small-style] > .section > [data-section-title], [data-section='vertical-nav'][data-section-small-style] > .section > .title, .section-container.vertical-nav[data-section-small-style] > [data-section-region] > [data-section-title], .section-container.vertical-nav[data-section-small-style] > [data-section-region] > .title, .section-container.vertical-nav[data-section-small-style] > section > [data-section-title], .section-container.vertical-nav[data-section-small-style] > section > .title, .section-container.vertical-nav[data-section-small-style] > .section > [data-section-title], .section-container.vertical-nav[data-section-small-style] > .section > .title { width: 100% !important; } [data-section='vertical-nav'] > section, [data-section='vertical-nav'] > .section, [data-section='vertical-nav'] > [data-section-region], .section-container.vertical-nav > section, .section-container.vertical-nav > .section, .section-container.vertical-nav > [data-section-region] { position: relative; display: inline-block; } [data-section='vertical-nav'] > section > [data-section-title], [data-section='vertical-nav'] > section > .title, [data-section='vertical-nav'] > .section > [data-section-title], [data-section='vertical-nav'] > .section > .title, [data-section='vertical-nav'] > [data-section-region] > [data-section-title], [data-section='vertical-nav'] > [data-section-region] > .title, .section-container.vertical-nav > section > [data-section-title], .section-container.vertical-nav > section > .title, .section-container.vertical-nav > .section > [data-section-title], .section-container.vertical-nav > .section > .title, .section-container.vertical-nav > [data-section-region] > [data-section-title], .section-container.vertical-nav > [data-section-region] > .title { margin-bottom: 0; } [data-section='vertical-nav'] > section > [data-section-title] a, [data-section='vertical-nav'] > section > .title a, [data-section='vertical-nav'] > .section > [data-section-title] a, [data-section='vertical-nav'] > .section > .title a, [data-section='vertical-nav'] > [data-section-region] > [data-section-title] a, [data-section='vertical-nav'] > [data-section-region] > .title a, .section-container.vertical-nav > section > [data-section-title] a, .section-container.vertical-nav > section > .title a, .section-container.vertical-nav > .section > [data-section-title] a, .section-container.vertical-nav > .section > .title a, .section-container.vertical-nav > [data-section-region] > [data-section-title] a, .section-container.vertical-nav > [data-section-region] > .title a { width: 100%; display: inline-block; white-space: nowrap; } [data-section='vertical-nav'] > section > [data-section-content], [data-section='vertical-nav'] > section > .content, [data-section='vertical-nav'] > .section > [data-section-content], [data-section='vertical-nav'] > .section > .content, [data-section='vertical-nav'] > [data-section-region] > [data-section-content], [data-section='vertical-nav'] > [data-section-region] > .content, .section-container.vertical-nav > section > [data-section-content], .section-container.vertical-nav > section > .content, .section-container.vertical-nav > .section > [data-section-content], .section-container.vertical-nav > .section > .content, .section-container.vertical-nav > [data-section-region] > [data-section-content], .section-container.vertical-nav > [data-section-region] > .content { display: none; } [data-section='vertical-nav'] > section.active > [data-section-content], [data-section='vertical-nav'] > section.active > .content, [data-section='vertical-nav'] > .section.active > [data-section-content], [data-section='vertical-nav'] > .section.active > .content, [data-section='vertical-nav'] > [data-section-region].active > [data-section-content], [data-section='vertical-nav'] > [data-section-region].active > .content, .section-container.vertical-nav > section.active > [data-section-content], .section-container.vertical-nav > section.active > .content, .section-container.vertical-nav > .section.active > [data-section-content], .section-container.vertical-nav > .section.active > .content, .section-container.vertical-nav > [data-section-region].active > [data-section-content], .section-container.vertical-nav > [data-section-region].active > .content { display: block; } [data-section='vertical-nav'] > section:not(.active), [data-section='vertical-nav'] > .section:not(.active), [data-section='vertical-nav'] > [data-section-region]:not(.active), .section-container.vertical-nav > section:not(.active), .section-container.vertical-nav > .section:not(.active), .section-container.vertical-nav > [data-section-region]:not(.active) { padding: 0 !important; } [data-section='vertical-nav'] > section > [data-section-title], [data-section='vertical-nav'] > section > .title, [data-section='vertical-nav'] > .section > [data-section-title], [data-section='vertical-nav'] > .section > .title, [data-section='vertical-nav'] > [data-section-region] > [data-section-title], [data-section='vertical-nav'] > [data-section-region] > .title, .section-container.vertical-nav > section > [data-section-title], .section-container.vertical-nav > section > .title, .section-container.vertical-nav > .section > [data-section-title], .section-container.vertical-nav > .section > .title, .section-container.vertical-nav > [data-section-region] > [data-section-title], .section-container.vertical-nav > [data-section-region] > .title { position: static; width: auto; } [data-section='vertical-nav'] > section > [data-section-title] a, [data-section='vertical-nav'] > section > .title a, [data-section='vertical-nav'] > .section > [data-section-title] a, [data-section='vertical-nav'] > .section > .title a, [data-section='vertical-nav'] > [data-section-region] > [data-section-title] a, [data-section='vertical-nav'] > [data-section-region] > .title a, .section-container.vertical-nav > section > [data-section-title] a, .section-container.vertical-nav > section > .title a, .section-container.vertical-nav > .section > [data-section-title] a, .section-container.vertical-nav > .section > .title a, .section-container.vertical-nav > [data-section-region] > [data-section-title] a, .section-container.vertical-nav > [data-section-region] > .title a { display: block; } [data-section='vertical-nav'] > section > [data-section-content], [data-section='vertical-nav'] > section > .content, [data-section='vertical-nav'] > .section > [data-section-content], [data-section='vertical-nav'] > .section > .content, [data-section='vertical-nav'] > [data-section-region] > [data-section-content], [data-section='vertical-nav'] > [data-section-region] > .content, .section-container.vertical-nav > section > [data-section-content], .section-container.vertical-nav > section > .content, .section-container.vertical-nav > .section > [data-section-content], .section-container.vertical-nav > .section > .content, .section-container.vertical-nav > [data-section-region] > [data-section-content], .section-container.vertical-nav > [data-section-region] > .content { position: absolute; top: 0; left: 0; z-index: 999; min-width: 12.5em; } .section-container.vertical-nav { border: none; } .section-container.vertical-nav > section > .title, .section-container.vertical-nav > .section > .title { background-color: #efefef; cursor: pointer; border: solid 1px #cccccc; } .section-container.vertical-nav > section > .title a, .section-container.vertical-nav > .section > .title a { padding: 0.9375em; color: #333333; font-size: 0.875em; background: none; } .section-container.vertical-nav > section > .title:hover, .section-container.vertical-nav > .section > .title:hover { background-color: #e2e2e2; } .section-container.vertical-nav > section > .content, .section-container.vertical-nav > .section > .content { padding: 0.9375em; background-color: white; border: solid 1px #cccccc; } .section-container.vertical-nav > section > .content > *:last-child, .section-container.vertical-nav > .section > .content > *:last-child { margin-bottom: 0; } .section-container.vertical-nav > section > .content > *:first-child, .section-container.vertical-nav > .section > .content > *:first-child { padding-top: 0; } .section-container.vertical-nav > section > .content > *:last-child:not(.flex-video), .section-container.vertical-nav > .section > .content > *:last-child:not(.flex-video) { padding-bottom: 0; } .section-container.vertical-nav > section.active > .title, .section-container.vertical-nav > .section.active > .title { background: #d5d5d5; } .section-container.vertical-nav > section.active > .title a, .section-container.vertical-nav > .section.active > .title a { color: #333333; } .section-container.vertical-nav > section:not(.active), .section-container.vertical-nav > .section:not(.active) { padding: 0 !important; } [data-section='horizontal-nav'], .section-container.horizontal-nav { width: 100%; position: relative; display: block; margin-bottom: 1.25em; } [data-section='horizontal-nav']:not([data-section-resized]):not([data-section-small-style]), .section-container.horizontal-nav:not([data-section-resized]):not([data-section-small-style]) { visibility: hidden; } [data-section='horizontal-nav'][data-section-small-style], .section-container.horizontal-nav[data-section-small-style] { width: 100% !important; } [data-section='horizontal-nav'][data-section-small-style] > [data-section-region], [data-section='horizontal-nav'][data-section-small-style] > section, [data-section='horizontal-nav'][data-section-small-style] > .section, .section-container.horizontal-nav[data-section-small-style] > [data-section-region], .section-container.horizontal-nav[data-section-small-style] > section, .section-container.horizontal-nav[data-section-small-style] > .section { padding: 0 !important; margin: 0 !important; } [data-section='horizontal-nav'][data-section-small-style] > [data-section-region] > [data-section-title], [data-section='horizontal-nav'][data-section-small-style] > [data-section-region] > .title, [data-section='horizontal-nav'][data-section-small-style] > section > [data-section-title], [data-section='horizontal-nav'][data-section-small-style] > section > .title, [data-section='horizontal-nav'][data-section-small-style] > .section > [data-section-title], [data-section='horizontal-nav'][data-section-small-style] > .section > .title, .section-container.horizontal-nav[data-section-small-style] > [data-section-region] > [data-section-title], .section-container.horizontal-nav[data-section-small-style] > [data-section-region] > .title, .section-container.horizontal-nav[data-section-small-style] > section > [data-section-title], .section-container.horizontal-nav[data-section-small-style] > section > .title, .section-container.horizontal-nav[data-section-small-style] > .section > [data-section-title], .section-container.horizontal-nav[data-section-small-style] > .section > .title { width: 100% !important; } [data-section='horizontal-nav'] > section, [data-section='horizontal-nav'] > .section, [data-section='horizontal-nav'] > [data-section-region], .section-container.horizontal-nav > section, .section-container.horizontal-nav > .section, .section-container.horizontal-nav > [data-section-region] { position: relative; float: left; } [data-section='horizontal-nav'] > section > [data-section-title], [data-section='horizontal-nav'] > section > .title, [data-section='horizontal-nav'] > .section > [data-section-title], [data-section='horizontal-nav'] > .section > .title, [data-section='horizontal-nav'] > [data-section-region] > [data-section-title], [data-section='horizontal-nav'] > [data-section-region] > .title, .section-container.horizontal-nav > section > [data-section-title], .section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > [data-section-title], .section-container.horizontal-nav > .section > .title, .section-container.horizontal-nav > [data-section-region] > [data-section-title], .section-container.horizontal-nav > [data-section-region] > .title { margin-bottom: 0; } [data-section='horizontal-nav'] > section > [data-section-title] a, [data-section='horizontal-nav'] > section > .title a, [data-section='horizontal-nav'] > .section > [data-section-title] a, [data-section='horizontal-nav'] > .section > .title a, [data-section='horizontal-nav'] > [data-section-region] > [data-section-title] a, [data-section='horizontal-nav'] > [data-section-region] > .title a, .section-container.horizontal-nav > section > [data-section-title] a, .section-container.horizontal-nav > section > .title a, .section-container.horizontal-nav > .section > [data-section-title] a, .section-container.horizontal-nav > .section > .title a, .section-container.horizontal-nav > [data-section-region] > [data-section-title] a, .section-container.horizontal-nav > [data-section-region] > .title a { width: 100%; display: inline-block; white-space: nowrap; } [data-section='horizontal-nav'] > section > [data-section-content], [data-section='horizontal-nav'] > section > .content, [data-section='horizontal-nav'] > .section > [data-section-content], [data-section='horizontal-nav'] > .section > .content, [data-section='horizontal-nav'] > [data-section-region] > [data-section-content], [data-section='horizontal-nav'] > [data-section-region] > .content, .section-container.horizontal-nav > section > [data-section-content], .section-container.horizontal-nav > section > .content, .section-container.horizontal-nav > .section > [data-section-content], .section-container.horizontal-nav > .section > .content, .section-container.horizontal-nav > [data-section-region] > [data-section-content], .section-container.horizontal-nav > [data-section-region] > .content { display: none; } [data-section='horizontal-nav'] > section.active > [data-section-content], [data-section='horizontal-nav'] > section.active > .content, [data-section='horizontal-nav'] > .section.active > [data-section-content], [data-section='horizontal-nav'] > .section.active > .content, [data-section='horizontal-nav'] > [data-section-region].active > [data-section-content], [data-section='horizontal-nav'] > [data-section-region].active > .content, .section-container.horizontal-nav > section.active > [data-section-content], .section-container.horizontal-nav > section.active > .content, .section-container.horizontal-nav > .section.active > [data-section-content], .section-container.horizontal-nav > .section.active > .content, .section-container.horizontal-nav > [data-section-region].active > [data-section-content], .section-container.horizontal-nav > [data-section-region].active > .content { display: block; } [data-section='horizontal-nav'] > section:not(.active), [data-section='horizontal-nav'] > .section:not(.active), [data-section='horizontal-nav'] > [data-section-region]:not(.active), .section-container.horizontal-nav > section:not(.active), .section-container.horizontal-nav > .section:not(.active), .section-container.horizontal-nav > [data-section-region]:not(.active) { padding: 0 !important; } [data-section='horizontal-nav'] > section > [data-section-title], [data-section='horizontal-nav'] > section > .title, [data-section='horizontal-nav'] > .section > [data-section-title], [data-section='horizontal-nav'] > .section > .title, [data-section='horizontal-nav'] > [data-section-region] > [data-section-title], [data-section='horizontal-nav'] > [data-section-region] > .title, .section-container.horizontal-nav > section > [data-section-title], .section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > [data-section-title], .section-container.horizontal-nav > .section > .title, .section-container.horizontal-nav > [data-section-region] > [data-section-title], .section-container.horizontal-nav > [data-section-region] > .title { position: static; width: auto; } [data-section='horizontal-nav'] > section > [data-section-title] a, [data-section='horizontal-nav'] > section > .title a, [data-section='horizontal-nav'] > .section > [data-section-title] a, [data-section='horizontal-nav'] > .section > .title a, [data-section='horizontal-nav'] > [data-section-region] > [data-section-title] a, [data-section='horizontal-nav'] > [data-section-region] > .title a, .section-container.horizontal-nav > section > [data-section-title] a, .section-container.horizontal-nav > section > .title a, .section-container.horizontal-nav > .section > [data-section-title] a, .section-container.horizontal-nav > .section > .title a, .section-container.horizontal-nav > [data-section-region] > [data-section-title] a, .section-container.horizontal-nav > [data-section-region] > .title a { display: block; } [data-section='horizontal-nav'] > section > [data-section-content], [data-section='horizontal-nav'] > section > .content, [data-section='horizontal-nav'] > .section > [data-section-content], [data-section='horizontal-nav'] > .section > .content, [data-section='horizontal-nav'] > [data-section-region] > [data-section-content], [data-section='horizontal-nav'] > [data-section-region] > .content, .section-container.horizontal-nav > section > [data-section-content], .section-container.horizontal-nav > section > .content, .section-container.horizontal-nav > .section > [data-section-content], .section-container.horizontal-nav > .section > .content, .section-container.horizontal-nav > [data-section-region] > [data-section-content], .section-container.horizontal-nav > [data-section-region] > .content { width: auto; position: absolute; top: 0; left: 0; z-index: 999; min-width: 12.5em; } .section-container.horizontal-nav { background: #efefef; border: 1px solid #cccccc; } .section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > .title { background-color: #efefef; cursor: pointer; border: solid 1px #cccccc; } .section-container.horizontal-nav > section > .title a, .section-container.horizontal-nav > .section > .title a { padding: 0.9375em; color: #333333; font-size: 0.875em; background: none; } .section-container.horizontal-nav > section > .title:hover, .section-container.horizontal-nav > .section > .title:hover { background-color: #e2e2e2; } .section-container.horizontal-nav > section > .content, .section-container.horizontal-nav > .section > .content { padding: 0.9375em; background-color: white; border: solid 1px #cccccc; } .section-container.horizontal-nav > section > .content > *:last-child, .section-container.horizontal-nav > .section > .content > *:last-child { margin-bottom: 0; } .section-container.horizontal-nav > section > .content > *:first-child, .section-container.horizontal-nav > .section > .content > *:first-child { padding-top: 0; } .section-container.horizontal-nav > section > .content > *:last-child:not(.flex-video), .section-container.horizontal-nav > .section > .content > *:last-child:not(.flex-video) { padding-bottom: 0; } .section-container.horizontal-nav > section.active > .title, .section-container.horizontal-nav > .section.active > .title { background: #d5d5d5; } .section-container.horizontal-nav > section.active > .title a, .section-container.horizontal-nav > .section.active > .title a { color: #333333; } .section-container.horizontal-nav > section:not(.active), .section-container.horizontal-nav > .section:not(.active) { padding: 0 !important; } } .no-js [data-section], .no-js .section-container { width: 100%; position: relative; display: block; margin-bottom: 1.25em; } .no-js [data-section][data-section-small-style], .no-js .section-container[data-section-small-style] { width: 100% !important; } .no-js [data-section][data-section-small-style] > [data-section-region], .no-js [data-section][data-section-small-style] > section, .no-js [data-section][data-section-small-style] > .section, .no-js .section-container[data-section-small-style] > [data-section-region], .no-js .section-container[data-section-small-style] > section, .no-js .section-container[data-section-small-style] > .section { padding: 0 !important; margin: 0 !important; } .no-js [data-section][data-section-small-style] > [data-section-region] > [data-section-title], .no-js [data-section][data-section-small-style] > [data-section-region] > .title, .no-js [data-section][data-section-small-style] > section > [data-section-title], .no-js [data-section][data-section-small-style] > section > .title, .no-js [data-section][data-section-small-style] > .section > [data-section-title], .no-js [data-section][data-section-small-style] > .section > .title, .no-js .section-container[data-section-small-style] > [data-section-region] > [data-section-title], .no-js .section-container[data-section-small-style] > [data-section-region] > .title, .no-js .section-container[data-section-small-style] > section > [data-section-title], .no-js .section-container[data-section-small-style] > section > .title, .no-js .section-container[data-section-small-style] > .section > [data-section-title], .no-js .section-container[data-section-small-style] > .section > .title { width: 100% !important; } .no-js [data-section] > section, .no-js [data-section] > .section, .no-js [data-section] > [data-section-region], .no-js .section-container > section, .no-js .section-container > .section, .no-js .section-container > [data-section-region] { margin: 0; } .no-js [data-section] > section > [data-section-title], .no-js [data-section] > section > .title, .no-js [data-section] > .section > [data-section-title], .no-js [data-section] > .section > .title, .no-js [data-section] > [data-section-region] > [data-section-title], .no-js [data-section] > [data-section-region] > .title, .no-js .section-container > section > [data-section-title], .no-js .section-container > section > .title, .no-js .section-container > .section > [data-section-title], .no-js .section-container > .section > .title, .no-js .section-container > [data-section-region] > [data-section-title], .no-js .section-container > [data-section-region] > .title { margin-bottom: 0; } .no-js [data-section] > section > [data-section-title] a, .no-js [data-section] > section > .title a, .no-js [data-section] > .section > [data-section-title] a, .no-js [data-section] > .section > .title a, .no-js [data-section] > [data-section-region] > [data-section-title] a, .no-js [data-section] > [data-section-region] > .title a, .no-js .section-container > section > [data-section-title] a, .no-js .section-container > section > .title a, .no-js .section-container > .section > [data-section-title] a, .no-js .section-container > .section > .title a, .no-js .section-container > [data-section-region] > [data-section-title] a, .no-js .section-container > [data-section-region] > .title a { width: 100%; display: inline-block; white-space: nowrap; } .no-js [data-section] > section > [data-section-content], .no-js [data-section] > section > .content, .no-js [data-section] > .section > [data-section-content], .no-js [data-section] > .section > .content, .no-js [data-section] > [data-section-region] > [data-section-content], .no-js [data-section] > [data-section-region] > .content, .no-js .section-container > section > [data-section-content], .no-js .section-container > section > .content, .no-js .section-container > .section > [data-section-content], .no-js .section-container > .section > .content, .no-js .section-container > [data-section-region] > [data-section-content], .no-js .section-container > [data-section-region] > .content { display: none; } .no-js [data-section] > section.active > [data-section-content], .no-js [data-section] > section.active > .content, .no-js [data-section] > .section.active > [data-section-content], .no-js [data-section] > .section.active > .content, .no-js [data-section] > [data-section-region].active > [data-section-content], .no-js [data-section] > [data-section-region].active > .content, .no-js .section-container > section.active > [data-section-content], .no-js .section-container > section.active > .content, .no-js .section-container > .section.active > [data-section-content], .no-js .section-container > .section.active > .content, .no-js .section-container > [data-section-region].active > [data-section-content], .no-js .section-container > [data-section-region].active > .content { display: block; } .no-js [data-section] > section:not(.active), .no-js [data-section] > .section:not(.active), .no-js [data-section] > [data-section-region]:not(.active), .no-js .section-container > section:not(.active), .no-js .section-container > .section:not(.active), .no-js .section-container > [data-section-region]:not(.active) { padding: 0 !important; } .no-js [data-section] > section > [data-section-title], .no-js [data-section] > section > .title, .no-js [data-section] > .section > [data-section-title], .no-js [data-section] > .section > .title, .no-js [data-section] > [data-section-region] > [data-section-title], .no-js [data-section] > [data-section-region] > .title, .no-js .section-container > section > [data-section-title], .no-js .section-container > section > .title, .no-js .section-container > .section > [data-section-title], .no-js .section-container > .section > .title, .no-js .section-container > [data-section-region] > [data-section-title], .no-js .section-container > [data-section-region] > .title { width: 100%; } .no-js .section-container { border-top: 1px solid #cccccc; } .no-js .section-container > section > .title, .no-js .section-container > .section > .title { background-color: #efefef; cursor: pointer; border: solid 1px #cccccc; } .no-js .section-container > section > .title a, .no-js .section-container > .section > .title a { padding: 0.9375em; color: #333333; font-size: 0.875em; background: none; } .no-js .section-container > section > .title:hover, .no-js .section-container > .section > .title:hover { background-color: #e2e2e2; } .no-js .section-container > section > .content, .no-js .section-container > .section > .content { padding: 0.9375em; background-color: white; border: solid 1px #cccccc; } .no-js .section-container > section > .content > *:last-child, .no-js .section-container > .section > .content > *:last-child { margin-bottom: 0; } .no-js .section-container > section > .content > *:first-child, .no-js .section-container > .section > .content > *:first-child { padding-top: 0; } .no-js .section-container > section > .content > *:last-child:not(.flex-video), .no-js .section-container > .section > .content > *:last-child:not(.flex-video) { padding-bottom: 0; } .no-js .section-container > section.active > .title, .no-js .section-container > .section.active > .title { background: #d5d5d5; } .no-js .section-container > section.active > .title a, .no-js .section-container > .section.active > .title a { color: #333333; } .no-js .section-container > section:not(.active), .no-js .section-container > .section:not(.active) { padding: 0 !important; } .no-js .section-container > section > .title, .no-js .section-container > .section > .title { border-top: none; } /* Wrapped around .top-bar to contain to grid width */ .contain-to-grid { width: 100%; background: #111111; } .contain-to-grid .top-bar { margin-bottom: 1.875em; } .fixed { width: 100%; left: 0; position: fixed; top: 0; z-index: 99; } .top-bar { overflow: hidden; height: 45px; line-height: 45px; position: relative; background: #111111; /*margin-bottom: 1.875em;*/ } .top-bar ul { margin-bottom: 0; list-style: none; } .top-bar .row { max-width: none; } .top-bar form, .top-bar input { margin-bottom: 0; } .top-bar input { height: 2.45em; } .top-bar .button { padding-top: .5em; padding-bottom: .5em; margin-bottom: 0; } .top-bar .title-area { position: relative; margin: 0; } .top-bar .name { height: 45px; margin: 0; font-size: 16; } .top-bar .name h1 { line-height: 45px; font-size: 1.0625em; margin: 0; } .top-bar .name h1 a { font-weight: bold; color: white; width: 50%; display: block; padding: 0 15px; } .top-bar .toggle-topbar { position: absolute; right: 0; top: 0; } .top-bar .toggle-topbar a { color: white; text-transform: uppercase; font-size: 0.8125em; font-weight: bold; position: relative; display: block; padding: 0 15px; height: 45px; line-height: 45px; } .top-bar .toggle-topbar.menu-icon { right: 15px; top: 50%; margin-top: -16px; padding-left: 40px; } .top-bar .toggle-topbar.menu-icon a { text-indent: -48px; width: 34px; height: 34px; line-height: 33px; padding: 0; color: white; } .top-bar .toggle-topbar.menu-icon a span { position: absolute; right: 0; display: block; width: 16px; height: 0; -webkit-box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white; box-shadow: 0 10px 0 1px white, 0 16px 0 1px white, 0 22px 0 1px white; } .top-bar.expanded { height: auto; background: transparent; } .top-bar.expanded .title-area { background: #111111; } .top-bar.expanded .toggle-topbar a { color: #888888; } .top-bar.expanded .toggle-topbar a span { -webkit-box-shadow: 0 10px 0 1px #888888, 0 16px 0 1px #888888, 0 22px 0 1px #888888; box-shadow: 0 10px 0 1px #888888, 0 16px 0 1px #888888, 0 22px 0 1px #888888; } .top-bar-section { left: 0; position: relative; width: auto; -webkit-transition: left 300ms ease-out; -moz-transition: left 300ms ease-out; transition: left 300ms ease-out; } .top-bar-section ul { width: 100%; height: auto; display: block; background: #222222; font-size: 16; margin: 0; } .top-bar-section .divider, .top-bar-section [role="separator"] { border-bottom: solid 1px #2b2b2b; border-top: solid 1px black; clear: both; height: 1px; width: 100%; } .top-bar-section ul li > a { display: block; width: 100%; color: white; padding: 12px 0 12px 0; padding-left: 15px; font-size: 0.8125em; font-weight: bold; background: #222222; } .top-bar-section ul li > a.button { background: #2ba6cb; font-size: 0.8125em; } .top-bar-section ul li > a.button.hover { background: #2284a1; } .top-bar-section ul li > a.button.secondary { background: #e9e9e9; } .top-bar-section ul li > a.button.secondary.hover { background: #d0d0d0; } .top-bar-section ul li > a.button.success { background: #5da423; } .top-bar-section ul li > a.button.success.hover { background: #457a1a; } .top-bar-section ul li > a.button.alert { background: #c60f13; } .top-bar-section ul li > a.button.alert.hover { background: #970b0e; } .top-bar-section ul li.hover > a { background: #090909; color: white; } .top-bar-section ul li.active > a { background: #090909; color: white; } .top-bar-section .has-form { padding: 15px; } .top-bar-section .has-dropdown { position: relative; } .top-bar-section .has-dropdown > a:after { content: ""; display: block; width: 0; height: 0; border: inset 5px; border-color: transparent transparent transparent rgba(255, 255, 255, 0.5); border-left-style: solid; margin-right: 15px; margin-top: -4.5px; position: absolute; top: 50%; right: 0; } .top-bar-section .has-dropdown.moved { position: static; } .top-bar-section .has-dropdown.moved > .dropdown { visibility: visible; } .top-bar-section .dropdown { position: absolute; left: 100%; top: 0; visibility: hidden; z-index: 99; } .top-bar-section .dropdown li { width: 100%; height: auto; } .top-bar-section .dropdown li a { font-weight: normal; padding: 8px 15px; } .top-bar-section .dropdown li a.parent-link { font-weight: bold; } .top-bar-section .dropdown li.title h5 { margin-bottom: 0; } .top-bar-section .dropdown li.title h5 a { color: white; line-height: 22.5px; display: block; } .top-bar-section .dropdown label { padding: 8px 15px 2px; margin-bottom: 0; text-transform: uppercase; color: #555555; font-weight: bold; font-size: 0.625em; } .top-bar-js-breakpoint { width: 58.75em !important; visibility: hidden; } .js-generated { display: block; } @media only screen and (min-width: 58.75em) { .top-bar { background: #111111; *zoom: 1; overflow: visible; } .top-bar:before, .top-bar:after { content: " "; display: table; } .top-bar:after { clear: both; } .top-bar .toggle-topbar { display: none; } .top-bar .title-area { float: left; } .top-bar .name h1 a { width: auto; } .top-bar input, .top-bar .button { line-height: 2em; font-size: 0.875em; height: 2em; padding: 0 10px; position: relative; top: 8px; } .top-bar.expanded { background: #111111; } .contain-to-grid .top-bar { max-width: 70em; margin: 0 auto; margin-bottom: 1.875em; } .top-bar-section { -webkit-transition: none 0 0; -moz-transition: none 0 0; transition: none 0 0; left: 0 !important; } .top-bar-section ul { width: auto; height: auto !important; display: inline; } .top-bar-section ul li { float: left; } .top-bar-section ul li .js-generated { display: none; } .top-bar-section li a:not(.button) { padding: 0 15px; line-height: 45px; background: #111111; } .top-bar-section li a:not(.button).hover { background: black; } .top-bar-section .has-dropdown > a { padding-right: 35px !important; } .top-bar-section .has-dropdown > a:after { content: ""; display: block; width: 0; height: 0; border: inset 5px; border-color: rgba(255, 255, 255, 0.5) transparent transparent transparent; border-top-style: solid; margin-top: -2.5px; top: 22.5px; } .top-bar-section .has-dropdown.moved { position: relative; } .top-bar-section .has-dropdown.moved > .dropdown { visibility: hidden; } .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown { visibility: visible; } .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after { border: none; content: "\00bb"; margin-top: -16px; right: 5px; } .top-bar-section .dropdown { left: 0; top: auto; background: transparent; min-width: 100%; } .top-bar-section .dropdown li a { color: white; line-height: 1; white-space: nowrap; padding: 7px 15px; background: #1e1e1e; } .top-bar-section .dropdown li label { white-space: nowrap; background: #1e1e1e; } .top-bar-section .dropdown li .dropdown { left: 100%; top: 0; } .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] { border-bottom: none; border-top: none; border-right: solid 1px #2b2b2b; border-left: solid 1px black; clear: none; height: 45px; width: 0px; } .top-bar-section .has-form { background: #111111; padding: 0 15px; height: 45px; } .top-bar-section ul.right li .dropdown { left: auto; right: 0; } .top-bar-section ul.right li .dropdown li .dropdown { right: 100%; } .no-js .top-bar-section ul li:hover > a { background: #090909; color: white; } .no-js .top-bar-section ul li:active > a { background: #090909; color: white; } .no-js .top-bar-section .has-dropdown:hover > .dropdown { visibility: visible; } } @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes rotate { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @-o-keyframes rotate { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes rotate { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } /* Orbit Graceful Loading */ .slideshow-wrapper { position: relative; } .slideshow-wrapper ul { list-style-type: none; margin: 0; } .slideshow-wrapper ul li, .slideshow-wrapper ul li .orbit-caption { display: none; } .slideshow-wrapper ul li:first-child { display: block; } .slideshow-wrapper .orbit-container { background-color: transparent; } .slideshow-wrapper .orbit-container li { display: block; } .slideshow-wrapper .orbit-container li .orbit-caption { display: block; } .preloader { display: block; width: 40px; height: 40px; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; border: solid 3px; border-color: #555555 white; -webkit-border-radius: 1000px; border-radius: 1000px; -webkit-animation-name: rotate; -webkit-animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: rotate; -moz-animation-duration: 1.5s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -o-animation-name: rotate; -o-animation-duration: 1.5s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; animation-name: rotate; animation-duration: 1.5s; animation-iteration-count: infinite; animation-timing-function: linear; } .orbit-container { overflow: hidden; width: 100%; position: relative; background: whitesmoke; } .orbit-container .orbit-slides-container { list-style: none; margin: 0; padding: 0; position: relative; } .orbit-container .orbit-slides-container img { display: block; max-width: 100%; } .orbit-container .orbit-slides-container > * { position: absolute; top: 0; width: 100%; margin-left: 100%; } .orbit-container .orbit-slides-container > *:first-child { margin-left: 0%; } .orbit-container .orbit-slides-container > * .orbit-caption { position: absolute; bottom: 0; background-color: black; background-color: rgba(0, 0, 0, 0.6); color: white; width: 100%; padding: 10px 14px; font-size: 0.875em; } .orbit-container .orbit-slide-number { position: absolute; top: 10px; left: 10px; font-size: 12px; color: white; background: rgba(0, 0, 0, 0); z-index: 10; } .orbit-container .orbit-slide-number span { font-weight: 700; padding: 0.3125em; } .orbit-container .orbit-timer { position: absolute; top: 10px; right: 10px; height: 6px; width: 100px; z-index: 10; } .orbit-container .orbit-timer .orbit-progress { height: 100%; background-color: black; background-color: rgba(0, 0, 0, 0.6); display: block; width: 0%; } .orbit-container .orbit-timer > span { display: none; position: absolute; top: 10px; right: 0px; width: 11px; height: 14px; border: solid 4px black; border-top: none; border-bottom: none; } .orbit-container .orbit-timer.paused > span { right: -6px; top: 9px; width: 11px; height: 14px; border: inset 8px; border-right-style: solid; border-color: transparent transparent transparent black; } .orbit-container:hover .orbit-timer > span { display: block; } .orbit-container .orbit-prev, .orbit-container .orbit-next { position: absolute; top: 50%; margin-top: -25px; background-color: black; background-color: rgba(0, 0, 0, 0.6); width: 50px; height: 60px; line-height: 50px; color: white; text-indent: -9999px !important; z-index: 10; } .orbit-container .orbit-prev > span, .orbit-container .orbit-next > span { position: absolute; top: 50%; margin-top: -16px; display: block; width: 0; height: 0; border: inset 16px; } .orbit-container .orbit-prev { left: 0; } .orbit-container .orbit-prev > span { border-right-style: solid; border-color: transparent; border-right-color: #fff; } .orbit-container .orbit-prev:hover > span { border-right-color: #ccc; } .orbit-container .orbit-next { right: 0; } .orbit-container .orbit-next > span { border-color: transparent; border-left-style: solid; border-left-color: #fff; left: 50%; margin-left: -8px; } .orbit-container .orbit-next:hover > span { border-left-color: #ccc; } .orbit-bullets { margin: 0 auto 30px auto; overflow: hidden; position: relative; top: 10px; } .orbit-bullets li { display: block; width: 10px; height: 10px; background: #999999; float: left; margin-right: 6px; border: solid 1px #555555; -webkit-border-radius: 1000px; border-radius: 1000px; } .orbit-bullets li.active { background: #555555; } .orbit-bullets li:last-child { margin-right: 0; } .touch .orbit-container .orbit-prev, .touch .orbit-container .orbit-next { display: none; } .touch .orbit-bullets { display: none; } @media only screen and (min-width: 768px) { .touch .orbit-container .orbit-prev, .touch .orbit-container .orbit-next { display: inherit; } .touch .orbit-bullets { display: block; } } @media only screen and (max-width: 768px) { .orbit-stack-on-small .orbit-slides-container { height: auto !important; } .orbit-stack-on-small .orbit-slides-container > * { position: relative; margin-left: 0% !important; } .orbit-stack-on-small .orbit-timer, .orbit-stack-on-small .orbit-next, .orbit-stack-on-small .orbit-prev, .orbit-stack-on-small .orbit-bullets { display: none; } } .reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: black; background: rgba(0, 0, 0, 0.45); z-index: 98; display: none; top: 0; left: 0; } .reveal-modal { visibility: hidden; display: none; position: absolute; left: 50%; z-index: 99; height: auto; margin-left: -40%; width: 80%; background-color: white; padding: 1.25em; border: solid 1px #666666; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); top: 50px; } .reveal-modal .column, .reveal-modal .columns { min-width: 0; } .reveal-modal > :first-child { margin-top: 0; } .reveal-modal > :last-child { margin-bottom: 0; } .reveal-modal .close-reveal-modal { font-size: 1.375em; line-height: 1; position: absolute; top: 0.5em; right: 0.6875em; color: #aaaaaa; font-weight: bold; cursor: pointer; } @media only screen and (min-width: 768px) { .reveal-modal { padding: 1.875em; top: 6.25em; } .reveal-modal.tiny { margin-left: -15%; width: 30%; } .reveal-modal.small { margin-left: -20%; width: 40%; } .reveal-modal.medium { margin-left: -30%; width: 60%; } .reveal-modal.large { margin-left: -35%; width: 70%; } .reveal-modal.xlarge { margin-left: -47.5%; width: 95%; } } @media print { .reveal-modal { background: white !important; } } /* Foundation Joyride */ .joyride-list { display: none; } /* Default styles for the container */ .joyride-tip-guide { display: none; position: absolute; background: black; color: white; z-index: 101; top: 0; left: 2.5%; font-family: inherit; font-weight: normal; width: 95%; } .lt-ie9 .joyride-tip-guide { max-width: 800px; left: 50%; margin-left: -400px; } .joyride-content-wrapper { width: 100%; padding: 1.125em 1.25em 1.5em; } .joyride-content-wrapper .button { margin-bottom: 0 !important; } /* Add a little css triangle pip, older browser just miss out on the fanciness of it */ .joyride-tip-guide .joyride-nub { display: block; position: absolute; left: 22px; width: 0; height: 0; border: inset 14px; } .joyride-tip-guide .joyride-nub.top { border-top-style: solid; border-color: black; border-top-color: transparent !important; border-left-color: transparent !important; border-right-color: transparent !important; top: -28px; } .joyride-tip-guide .joyride-nub.bottom { border-bottom-style: solid; border-color: black !important; border-bottom-color: transparent !important; border-left-color: transparent !important; border-right-color: transparent !important; bottom: -28px; } .joyride-tip-guide .joyride-nub.right { right: -28px; } .joyride-tip-guide .joyride-nub.left { left: -28px; } /* Typography */ .joyride-tip-guide h1, .joyride-tip-guide h2, .joyride-tip-guide h3, .joyride-tip-guide h4, .joyride-tip-guide h5, .joyride-tip-guide h6 { line-height: 1.25; margin: 0; font-weight: bold; color: white; } .joyride-tip-guide p { margin: 0 0 1.125em 0; font-size: 0.875em; line-height: 1.3; } .joyride-timer-indicator-wrap { width: 50px; height: 3px; border: solid 1px #555555; position: absolute; right: 1.0625em; bottom: 1em; } .joyride-timer-indicator { display: block; width: 0; height: inherit; background: #666666; } .joyride-close-tip { position: absolute; right: 12px; top: 10px; color: #777777 !important; text-decoration: none; font-size: 30px; font-weight: normal; line-height: 0.5 !important; } .joyride-close-tip:hover, .joyride-close-tip:focus { color: #eeeeee !important; } .joyride-modal-bg { position: fixed; height: 100%; width: 100%; background: transparent; background: rgba(0, 0, 0, 0.5); z-index: 100; display: none; top: 0; left: 0; cursor: pointer; } .joyride-expose-wrapper { background-color: #ffffff; position: absolute; border-radius: 3px; z-index: 102; -moz-box-shadow: 0px 0px 30px white; -webkit-box-shadow: 0px 0px 15px white; box-shadow: 0px 0px 15px white; } .joyride-expose-cover { background: transparent; border-radius: 3px; position: absolute; z-index: 9999; top: 0px; left: 0px; } /* Styles for screens that are atleast 768px; */ @media only screen and (min-width: 768px) { .joyride-tip-guide { width: 300px; left: inherit; } .joyride-tip-guide .joyride-nub.bottom { border-color: black !important; border-bottom-color: transparent !important; border-left-color: transparent !important; border-right-color: transparent !important; bottom: -28px; } .joyride-tip-guide .joyride-nub.right { border-color: black !important; border-top-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; top: 22px; left: auto; right: -28px; } .joyride-tip-guide .joyride-nub.left { border-color: black !important; border-top-color: transparent !important; border-left-color: transparent !important; border-bottom-color: transparent !important; top: 22px; left: -28px; right: auto; } } /* Clearing Styles */ [data-clearing] { *zoom: 1; margin-bottom: 0; margin-left: 0; list-style: none; } [data-clearing]:before, [data-clearing]:after { content: " "; display: table; } [data-clearing]:after { clear: both; } [data-clearing] li { float: left; margin-right: 10px; } .clearing-blackout { background: #111111; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 998; } .clearing-blackout .clearing-close { display: block; } .clearing-container { position: relative; z-index: 998; height: 100%; overflow: hidden; margin: 0; } .visible-img { height: 95%; position: relative; } .visible-img img { position: absolute; left: 50%; top: 50%; margin-left: -50%; max-height: 100%; max-width: 100%; } .clearing-caption { color: white; line-height: 1.3; margin-bottom: 0; text-align: center; bottom: 0; background: #111111; width: 100%; padding: 10px 30px; position: absolute; left: 0; } .clearing-close { z-index: 999; padding-left: 20px; padding-top: 10px; font-size: 40px; line-height: 1; color: white; display: none; } .clearing-close:hover, .clearing-close:focus { color: #ccc; } .clearing-assembled .clearing-container { height: 100%; } .clearing-assembled .clearing-container .carousel > ul { display: none; } .clearing-feature li { display: none; } .clearing-feature li.clearing-featured-img { display: block; } @media only screen and (min-width: 768px) { .clearing-main-prev, .clearing-main-next { position: absolute; height: 100%; width: 40px; top: 0; } .clearing-main-prev > span, .clearing-main-next > span { position: absolute; top: 50%; display: block; width: 0; height: 0; border: solid 16px; } .clearing-main-prev { left: 0; } .clearing-main-prev > span { left: 5px; border-color: transparent; border-right-color: white; } .clearing-main-next { right: 0; } .clearing-main-next > span { border-color: transparent; border-left-color: white; } .clearing-main-prev.disabled, .clearing-main-next.disabled { opacity: 0.5; } .clearing-assembled .clearing-container .carousel { background: #111111; height: 150px; margin-top: 5px; } .clearing-assembled .clearing-container .carousel > ul { display: block; z-index: 999; width: 200%; height: 100%; margin-left: 0; position: relative; left: 0; } .clearing-assembled .clearing-container .carousel > ul li { display: block; width: 175px; height: inherit; padding: 0; float: left; overflow: hidden; margin-right: 1px; position: relative; cursor: pointer; opacity: 0.4; } .clearing-assembled .clearing-container .carousel > ul li.fix-height img { min-height: 100%; height: 100%; max-width: none; } .clearing-assembled .clearing-container .carousel > ul li a.th { border: none; -webkit-box-shadow: none; box-shadow: none; display: block; } .clearing-assembled .clearing-container .carousel > ul li img { cursor: pointer !important; min-width: 100% !important; } .clearing-assembled .clearing-container .carousel > ul li.visible { opacity: 1; } .clearing-assembled .clearing-container .visible-img { background: #111111; overflow: hidden; height: 75%; } .clearing-close { position: absolute; top: 10px; right: 20px; padding-left: 0; padding-top: 0; } } /* Foundation Alerts */ .alert-box { border-style: solid; border-width: 1px; display: block; font-weight: bold; margin-bottom: 1.25em; position: relative; padding: 0.6875em 1.3125em 0.75em 0.6875em; font-size: 0.875em; background-color: #2ba6cb; border-color: #2284a1; color: white; } .alert-box .close { font-size: 1.375em; padding: 5px 4px 4px; line-height: 0; position: absolute; top: 0.4375em; right: 0.3125em; color: #333333; opacity: 0.3; } .alert-box .close:hover, .alert-box .close:focus { opacity: 0.5; } .alert-box.radius { -webkit-border-radius: 3px; border-radius: 3px; } .alert-box.round { -webkit-border-radius: 1000px; border-radius: 1000px; } .alert-box.success { background-color: #5da423; border-color: #457a1a; color: white; } .alert-box.alert { background-color: #c60f13; border-color: #970b0e; color: white; } .alert-box.secondary { background-color: #e9e9e9; border-color: #d0d0d0; color: #505050; } /* Breadcrumbs */ .breadcrumbs { display: block; padding: 0.5625em 0.875em 0.5625em; overflow: hidden; margin-left: 0; list-style: none; border-style: solid; border-width: 1px; background-color: #f6f6f6; border-color: gainsboro; -webkit-border-radius: 3px; border-radius: 3px; } .breadcrumbs > * { margin: 0; float: left; font-size: 0.6875em; text-transform: uppercase; } .breadcrumbs > *:hover a, .breadcrumbs > *:focus a { text-decoration: underline; } .breadcrumbs > * a, .breadcrumbs > * span { text-transform: uppercase; color: #2ba6cb; } .breadcrumbs > *.current { cursor: default; color: #333333; } .breadcrumbs > *.current a { cursor: default; color: #333333; } .breadcrumbs > *.current:hover, .breadcrumbs > *.current:hover a, .breadcrumbs > *.current:focus, .breadcrumbs > *.current:focus a { text-decoration: none; } .breadcrumbs > *.unavailable { color: #999999; } .breadcrumbs > *.unavailable a { color: #999999; } .breadcrumbs > *.unavailable:hover, .breadcrumbs > *.unavailable:hover a, .breadcrumbs > *.unavailable:focus, .breadcrumbs > *.unavailable a:focus { text-decoration: none; color: #999999; cursor: default; } .breadcrumbs > *:before { content: "/"; color: #aaaaaa; margin: 0 0.75em; position: relative; top: 1px; } .breadcrumbs > *:first-child:before { content: " "; margin: 0; } /* Custom Checkbox and Radio Inputs */ form.custom .hidden-field { margin-left: -99999px; position: absolute; visibility: hidden; } form.custom .custom { display: inline-block; width: 16px; height: 16px; position: relative; top: -1px; /* fix centering issue */ vertical-align: middle; border: solid 1px #cccccc; background: white; } form.custom .custom.checkbox { -webkit-border-radius: 0px; border-radius: 0px; padding: -1px; } form.custom .custom.radio { -webkit-border-radius: 1000px; border-radius: 1000px; padding: 3px; } form.custom .custom.checkbox:before { content: ""; display: block; font-size: 16px; color: white; } form.custom .custom.radio.checked:before { content: ""; display: block; width: 8px; height: 8px; -webkit-border-radius: 1000px; border-radius: 1000px; background: #222222; position: relative; } form.custom .custom.checkbox.checked:before { content: "\00d7"; color: #222222; position: absolute; top: -50%; left: 50%; margin-top: 4px; margin-left: -5px; } /* Custom Select Options and Dropdowns */ form.custom { /* Custom input, disabled */ } form.custom .custom.dropdown { display: block; position: relative; top: 0; height: 2.3125em; margin-bottom: 1.25em; margin-top: 0px; padding: 0px; width: 100%; background: white; background: -moz-linear-gradient(top, white 0%, #f3f3f3 100%); background: -webkit-linear-gradient(top, white 0%, #f3f3f3 100%); -webkit-box-shadow: none; background: linear-gradient(to bottom, white 0%, #f3f3f3 100%); box-shadow: none; font-size: 0.875em; vertical-align: top; } form.custom .custom.dropdown ul { overflow-y: auto; max-height: 200px; } form.custom .custom.dropdown .current { cursor: default; white-space: nowrap; line-height: 2.25em; color: rgba(0, 0, 0, 0.75); text-decoration: none; overflow: hidden; display: block; margin-left: 0.5em; margin-right: 2.3125em; } form.custom .custom.dropdown .selector { cursor: default; position: absolute; width: 2.5em; height: 2.3125em; display: block; right: 0; top: 0; } form.custom .custom.dropdown .selector:after { content: ""; display: block; content: ""; display: block; width: 0; height: 0; border: inset 5px; border-color: #aaaaaa transparent transparent transparent; border-top-style: solid; position: absolute; left: 0.9375em; top: 50%; margin-top: -3px; } form.custom .custom.dropdown:hover a.selector:after, form.custom .custom.dropdown.open a.selector:after { content: ""; display: block; width: 0; height: 0; border: inset 5px; border-color: #222222 transparent transparent transparent; border-top-style: solid; } form.custom .custom.dropdown .disabled { color: #888888; } form.custom .custom.dropdown .disabled:hover { background: transparent; color: #888888; } form.custom .custom.dropdown .disabled:hover:after { display: none; } form.custom .custom.dropdown.open ul { display: block; z-index: 10; min-width: 100%; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } form.custom .custom.dropdown.small { max-width: 134px; } form.custom .custom.dropdown.medium { max-width: 254px; } form.custom .custom.dropdown.large { max-width: 434px; } form.custom .custom.dropdown.expand { width: 100% !important; } form.custom .custom.dropdown.open.small ul { min-width: 134px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } form.custom .custom.dropdown.open.medium ul { min-width: 254px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } form.custom .custom.dropdown.open.large ul { min-width: 434px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } form.custom .error .custom.dropdown { border-color: #c60f13; background-color: rgba(198, 15, 19, 0.1); background: rgba(198, 15, 19, 0.1); margin-bottom: 0; } form.custom .error .custom.dropdown:focus { background: #fafafa; border-color: #999999; } form.custom .error .custom.dropdown + small.error { margin-top: 0; } form.custom .custom.dropdown ul { position: absolute; width: auto; display: none; margin: 0; left: -1px; top: auto; -webkit-box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.1); margin: 0; padding: 0; background: white; border: solid 1px #cccccc; font-size: 16; } form.custom .custom.dropdown ul li { color: #555555; font-size: 0.875em; cursor: default; padding-top: 0.25em; padding-bottom: 0.25em; padding-left: 0.375em; padding-right: 2.375em; min-height: 1.5em; line-height: 1.5em; margin: 0; white-space: nowrap; list-style: none; } form.custom .custom.dropdown ul li.selected { background: #eeeeee; color: black; } form.custom .custom.dropdown ul li:hover { background-color: #e4e4e4; color: black; } form.custom .custom.dropdown ul li.selected:hover { background: #eeeeee; cursor: default; color: black; } form.custom .custom.dropdown ul.show { display: block; } form.custom .custom.disabled { background: #dddddd; } /* Keystroke Characters */ .keystroke, kbd { background-color: #ededed; border-color: #dbdbdb; color: #222222; border-style: solid; border-width: 1px; margin: 0; font-family: "Consolas", "Menlo", "Courier", monospace; font-size: 0.875em; padding: 0.125em 0.25em 0; -webkit-border-radius: 3px; border-radius: 3px; } /* Inline Lists */ .inline-list { margin: 0 auto 1.0625em auto; margin-left: -1.375em; margin-right: 0; padding: 0; list-style: none; overflow: hidden; } .inline-list > li { list-style: none; float: left; margin-left: 1.375em; display: block; } .inline-list > li > * { display: block; } /* Default Pagination */ ul.pagination { display: block; height: 1.5em; margin-left: -0.3125em; } ul.pagination li { height: 1.5em; color: #222222; font-size: 0.875em; margin-left: 0.3125em; } ul.pagination li a { display: block; padding: 0.0625em 0.4375em 0.0625em; color: #999999; } ul.pagination li:hover a, ul.pagination li a:focus { background: #e6e6e6; } ul.pagination li.unavailable a { cursor: default; color: #999999; } ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus { background: transparent; } ul.pagination li.current a { background: #2ba6cb; color: white; font-weight: bold; cursor: default; } ul.pagination li.current a:hover, ul.pagination li.current a:focus { background: #2ba6cb; } ul.pagination li { float: left; display: block; } /* Pagination centred wrapper */ .pagination-centered { text-align: center; } .pagination-centered ul.pagination li { float: none; display: inline-block; } /* Panels */ .panel { border-style: solid; border-width: 1px; border-color: #d9d9d9; margin-bottom: 1.25em; padding: 1.25em; background: #f2f2f2; } .panel > :first-child { margin-top: 0; } .panel > :last-child { margin-bottom: 0; } .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p { color: #333333; } .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 { line-height: 1; margin-bottom: 0.625em; } .panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader { line-height: 1.4; } .panel.callout { border-style: solid; border-width: 1px; border-color: #2284a1; margin-bottom: 1.25em; padding: 1.25em; background: #2ba6cb; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; } .panel.callout > :first-child { margin-top: 0; } .panel.callout > :last-child { margin-bottom: 0; } .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p { color: white; } .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 { line-height: 1; margin-bottom: 0.625em; } .panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader { line-height: 1.4; } .panel.radius { -webkit-border-radius: 3px; border-radius: 3px; } /* Pricing Tables */ .pricing-table { border: solid 1px #dddddd; margin-left: 0; margin-bottom: 1.25em; } .pricing-table * { list-style: none; line-height: 1; } .pricing-table .title { background-color: #dddddd; padding: 0.9375em 1.25em; text-align: center; color: #333333; font-weight: bold; font-size: 1em; } .pricing-table .price { background-color: #eeeeee; padding: 0.9375em 1.25em; text-align: center; color: #333333; font-weight: normal; font-size: 1.25em; } .pricing-table .description { background-color: white; padding: 0.9375em; text-align: center; color: #777777; font-size: 0.75em; font-weight: normal; line-height: 1.4; border-bottom: dotted 1px #dddddd; } .pricing-table .bullet-item { background-color: white; padding: 0.9375em; text-align: center; color: #333333; font-size: 0.875em; font-weight: normal; border-bottom: dotted 1px #dddddd; } .pricing-table .cta-button { background-color: whitesmoke; text-align: center; padding: 1.25em 1.25em 0; } /* Progress Bar */ .progress { background-color: transparent; height: 1.5625em; border: 1px solid #cccccc; padding: 0.125em; margin-bottom: 0.625em; } .progress .meter { background: #2ba6cb; height: 100%; display: block; } .progress.secondary .meter { background: #e9e9e9; height: 100%; display: block; } .progress.success .meter { background: #5da423; height: 100%; display: block; } .progress.alert .meter { background: #c60f13; height: 100%; display: block; } .progress.radius { -webkit-border-radius: 3px; border-radius: 3px; } .progress.radius .meter { -webkit-border-radius: 2px; border-radius: 2px; } .progress.round { -webkit-border-radius: 1000px; border-radius: 1000px; } .progress.round .meter { -webkit-border-radius: 999px; border-radius: 999px; } /* Side Nav */ .side-nav { display: block; margin: 0; padding: 0.875em 0; list-style-type: none; list-style-position: inside; } .side-nav li { margin: 0 0 0.4375em 0; font-size: 0.875em; } .side-nav li a { display: block; color: #2ba6cb; } .side-nav li.active > a:first-child { color: #4d4d4d; font-weight: bold; } .side-nav li.divider { border-top: 1px solid; height: 0; padding: 0; list-style: none; border-top-color: #e6e6e6; } /* Side Nav */ .sub-nav { display: block; width: auto; overflow: hidden; margin: -0.25em 0 1.125em; padding-top: 0.25em; margin-right: 0; margin-left: -0.5625em; } .sub-nav dt, .sub-nav dd { float: left; display: inline; margin-left: 0.5625em; margin-bottom: 0.625em; font-weight: normal; font-size: 0.875em; } .sub-nav dt a, .sub-nav dd a { color: #999999; text-decoration: none; } .sub-nav dt.active a, .sub-nav dd.active a { -webkit-border-radius: 1000px; border-radius: 1000px; font-weight: bold; background: #2ba6cb; padding: 0.1875em 0.5625em; cursor: default; color: white; } /* Foundation Switches */ @media only screen { div.switch { position: relative; width: 100%; padding: 0; display: block; overflow: hidden; border-style: solid; border-width: 1px; margin-bottom: 1.25em; -webkit-animation: webkitSiblingBugfix infinite 1s; height: 36px; background: white; border-color: #cccccc; } div.switch label { position: relative; left: 0; z-index: 2; float: left; width: 50%; height: 100%; margin: 0; font-weight: bold; text-align: left; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } div.switch input { position: absolute; z-index: 3; opacity: 0; width: 100%; height: 100%; -moz-appearance: none; } div.switch input:hover, div.switch input:focus { cursor: pointer; } div.switch span:last-child { position: absolute; top: -1px; left: -1px; z-index: 1; display: block; padding: 0; border-width: 1px; border-style: solid; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } div.switch input:not(:checked) + label { opacity: 0; } div.switch input:checked { display: none !important; } div.switch input { left: 0; display: block !important; } div.switch input:first-of-type + label, div.switch input:first-of-type + span + label { left: -50%; } div.switch input:first-of-type:checked + label, div.switch input:first-of-type:checked + span + label { left: 0%; } div.switch input:last-of-type + label, div.switch input:last-of-type + span + label { right: -50%; left: auto; text-align: right; } div.switch input:last-of-type:checked + label, div.switch input:last-of-type:checked + span + label { right: 0%; left: auto; } div.switch span.custom { display: none !important; } form.custom div.switch .hidden-field { margin-left: auto; position: absolute; visibility: visible; } div.switch label { padding: 0 0.375em; line-height: 2.3em; font-size: 0.875em; } div.switch input:first-of-type:checked ~ span:last-child { left: 100%; margin-left: -2.1875em; } div.switch span:last-child { width: 2.25em; height: 2.25em; } div.switch span:last-child { border-color: #b3b3b3; background: white; background: -moz-linear-gradient(top, white 0%, #f2f2f2 100%); background: -webkit-linear-gradient(top, white 0%, #f2f2f2 100%); background: linear-gradient(to bottom, white 0%, #f2f2f2 100%); -webkit-box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.07), 1000px 0 0 1000px #e1f5d1, -2px 0 10px 0 rgba(0, 0, 0, 0.07), -1000px 0 0 1000px whitesmoke; box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.07), 1000px 0 0 980px #e1f5d1, -2px 0 10px 0 rgba(0, 0, 0, 0.07), -1000px 0 0 1000px whitesmoke; } div.switch:hover span:last-child, div.switch:focus span:last-child { background: white; background: -moz-linear-gradient(top, white 0%, #e6e6e6 100%); background: -webkit-linear-gradient(top, white 0%, #e6e6e6 100%); background: linear-gradient(to bottom, white 0%, #e6e6e6 100%); } div.switch:active { background: transparent; } div.switch.large { height: 44px; } div.switch.large label { padding: 0 0.375em; line-height: 2.3em; font-size: 1.0625em; } div.switch.large input:first-of-type:checked ~ span:last-child { left: 100%; margin-left: -2.6875em; } div.switch.large span:last-child { width: 2.75em; height: 2.75em; } div.switch.small { height: 28px; } div.switch.small label { padding: 0 0.375em; line-height: 2.1em; font-size: 0.75em; } div.switch.small input:first-of-type:checked ~ span:last-child { left: 100%; margin-left: -1.6875em; } div.switch.small span:last-child { width: 1.75em; height: 1.75em; } div.switch.tiny { height: 22px; } div.switch.tiny label { padding: 0 0.375em; line-height: 1.9em; font-size: 0.6875em; } div.switch.tiny input:first-of-type:checked ~ span:last-child { left: 100%; margin-left: -1.3125em; } div.switch.tiny span:last-child { width: 1.375em; height: 1.375em; } div.switch.radius { -webkit-border-radius: 4px; border-radius: 4px; } div.switch.radius span:last-child { -webkit-border-radius: 3px; border-radius: 3px; } div.switch.round { -webkit-border-radius: 1000px; border-radius: 1000px; } div.switch.round span:last-child { -webkit-border-radius: 999px; border-radius: 999px; } div.switch.round label { padding: 0 0.5625em; } @-webkit-keyframes webkitSiblingBugfix { from { position: relative; } to { position: relative; } } } [data-magellan-expedition] { background: white; z-index: 50; min-width: 100%; padding: 10px; } [data-magellan-expedition] .sub-nav { margin-bottom: 0; } [data-magellan-expedition] .sub-nav dd { margin-bottom: 0; } /* Tables */ table { background: white; margin-bottom: 1.25em; border: solid 1px #dddddd; } table thead, table tfoot { background: whitesmoke; font-weight: bold; } table thead tr th, table thead tr td, table tfoot tr th, table tfoot tr td { padding: 0.5em 0.625em 0.625em; font-size: 0.875em; color: #222222; text-align: left; } table tr th, table tr td { padding: 0.5625em 0.625em; font-size: 0.875em; color: #222222; } table tr.even, table tr.alt, table tr:nth-of-type(even) { background: #f9f9f9; } table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td { display: table-cell; line-height: 1.125em; } /* Image Thumbnails */ .th { line-height: 0; display: inline-block; border: solid 4px white; -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; transition: all 200ms ease-out; } .th:hover, .th:focus { -webkit-box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5); box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5); } .th.radius { -webkit-border-radius: 3px; border-radius: 3px; } a.th { display: inline-block; } /* Tooltips */ .has-tip { border-bottom: dotted 1px #cccccc; cursor: help; font-weight: bold; color: #333333; } .has-tip:hover, .has-tip:focus { border-bottom: dotted 1px #196177; color: #2ba6cb; } .has-tip.tip-left, .has-tip.tip-right { float: none !important; } .tooltip { display: none; position: absolute; z-index: 999; font-weight: bold; font-size: 0.9375em; line-height: 1.3; padding: 0.5em; max-width: 85%; left: 50%; width: 100%; color: white; background: black; -webkit-border-radius: 3px; border-radius: 3px; } .tooltip > .nub { display: block; left: 5px; position: absolute; width: 0; height: 0; border: solid 5px; border-color: transparent transparent black transparent; top: -10px; } .tooltip.opened { color: #2ba6cb !important; border-bottom: dotted 1px #196177 !important; } .tap-to-close { display: block; font-size: 0.625em; color: #888888; font-weight: normal; } @media only screen and (min-width: 768px) { .tooltip > .nub { border-color: transparent transparent black transparent; top: -10px; } .tooltip.tip-top > .nub { border-color: black transparent transparent transparent; top: auto; bottom: -10px; } .tooltip.tip-left, .tooltip.tip-right { float: none !important; } .tooltip.tip-left > .nub { border-color: transparent transparent transparent black; right: -10px; left: auto; top: 50%; margin-top: -5px; } .tooltip.tip-right > .nub { border-color: transparent black transparent transparent; right: auto; left: -10px; top: 50%; margin-top: -5px; } } @media only screen and (max-width: 767px) { .f-dropdown { max-width: 100%; left: 0; } } /* Foundation Dropdowns */ .f-dropdown { position: absolute; top: -9999px; list-style: none; margin-left: 0; width: 100%; max-height: none; height: auto; background: white; border: solid 1px #cccccc; font-size: 16; z-index: 99; margin-top: 2px; max-width: 200px; } .f-dropdown > *:first-child { margin-top: 0; } .f-dropdown > *:last-child { margin-bottom: 0; } .f-dropdown:before { content: ""; display: block; width: 0; height: 0; border: inset 6px; border-color: transparent transparent white transparent; border-bottom-style: solid; position: absolute; top: -12px; left: 10px; z-index: 99; } .f-dropdown:after { content: ""; display: block; width: 0; height: 0; border: inset 7px; border-color: transparent transparent #cccccc transparent; border-bottom-style: solid; position: absolute; top: -14px; left: 9px; z-index: 98; } .f-dropdown.right:before { left: auto; right: 10px; } .f-dropdown.right:after { left: auto; right: 9px; } .f-dropdown li { font-size: 0.875em; cursor: pointer; line-height: 1.125em; margin: 0; } .f-dropdown li:hover, .f-dropdown li:focus { background: #eeeeee; } .f-dropdown li a { display: block; padding: 0.3125em 0.625em; color: #555555; } .f-dropdown.content { position: absolute; top: -9999px; list-style: none; margin-left: 0; padding: 1.25em; width: 100%; height: auto; max-height: none; background: white; border: solid 1px #cccccc; font-size: 16; z-index: 99; max-width: 200px; } .f-dropdown.content > *:first-child { margin-top: 0; } .f-dropdown.content > *:last-child { margin-bottom: 0; } .f-dropdown.tiny { max-width: 200px; } .f-dropdown.small { max-width: 300px; } .f-dropdown.medium { max-width: 500px; } .f-dropdown.large { max-width: 800px; } /* CodeRay Syntax Highlighting Styles to match Github */ .CodeRay { background-color: #eee; border: 1px solid #cccccc; font-family: "Consolas", "Liberation Mono", Courier, monospace; color: #000; padding: 0.8em 0 0.8em 0.8em; margin-bottom: 1.3em; overflow: auto; } .CodeRay pre { margin: 0px; font-size: .7em; line-height: 1.4em; white-space: pre-wrap; } @media only screen and (min-width: 768px) { .CodeRay pre { font-size: .9em; white-space: pre; } } table.CodeRay { border-collapse: collapse; width: 100%; padding: 2px; } table.CodeRay td { padding: 1em 0.5em; vertical-align: top; } .CodeRay .code { width: 100%; } .CodeRay .debug { color: white !important; background: blue !important; } .CodeRay .annotation { color: #000077; } .CodeRay .attribute-name { color: #ff0088; } .CodeRay .attribute-value { color: #770000; } .CodeRay .binary { color: #509; } .CodeRay .comment { color: #998; font-style: italic; } .CodeRay .char { color: #0044dd; } .CodeRay .char .content { color: #0044dd; } .CodeRay .char .delimiter { color: #003399; } .CodeRay .class { color: #458; } .CodeRay .complex { color: #A08; } .CodeRay .constant { color: teal; } .CodeRay .color { color: #00aa00; } .CodeRay .class-variable { color: #336699; } .CodeRay .decorator { color: #B0B; } .CodeRay .definition { color: #099; } .CodeRay .directive { color: #088; } .CodeRay .delimiter { color: black; } .CodeRay .doc { color: #997700; } .CodeRay .doctype { color: #3344bb; } .CodeRay .doc-string { color: #D42; } .CodeRay .escape { color: #666; } .CodeRay .entity { color: #800; } .CodeRay .error { color: #808; } .CodeRay .exception { color: #C00; } .CodeRay .filename { color: #099; } .CodeRay .function { color: #900; } .CodeRay .global-variable { color: teal; } .CodeRay .hex { color: #058; } .CodeRay .integer { color: #099; } .CodeRay .include { color: #B44; } .CodeRay .inline { color: black; } .CodeRay .inline .inline { background: #cccccc; } .CodeRay .inline .inline .inline { background: #bbbbbb; } .CodeRay .inline .inline-delimiter { color: #D14; } .CodeRay .inline-delimiter { color: #D14; } .CodeRay .important { color: #f00; } .CodeRay .interpreted { color: #B2B; } .CodeRay .instance-variable { color: teal; } .CodeRay .label { color: #970; } .CodeRay .local-variable { color: #996633; } .CodeRay .octal { color: #40E; } .CodeRay .predefined { color: #369; } .CodeRay .preprocessor { color: #579; } .CodeRay .pseudo-class { color: #00C; } .CodeRay .predefined-type { color: #074; } .CodeRay .reserved, .keyword { color: #000; } .CodeRay .key { color: #808; } .CodeRay .key .delimiter { color: #606; } .CodeRay .key .char { color: #80f; } .CodeRay .value { color: #088; } .CodeRay .regexp { background-color: #fff0ff; } .CodeRay .regexp .content { color: #880088; } .CodeRay .regexp .delimiter { color: #440044; } .CodeRay .regexp .modifier { color: #cc22cc; } .CodeRay .regexp .function { color: #404; font-weight: bold; } .CodeRay .string { color: #D20; } .CodeRay .string .string .string { background-color: #ffd0d0; } .CodeRay .string .content { color: #D14; } .CodeRay .string .char { color: #D14; } .CodeRay .string .delimiter { color: #D14; } .CodeRay .shell { color: #dd1144; } .CodeRay .shell .delimiter { color: #dd1144; } .CodeRay .symbol { color: #990073; } .CodeRay .symbol .content { color: #aa6600; } .CodeRay .symbol .delimiter { color: #663300; } .CodeRay .tag, .CodeRay .attribute-name { color: #007700; } .CodeRay .tag-special { color: #D70; } .CodeRay .type { color: #339; } .CodeRay .variable { color: #003366; } .CodeRay .insert { background: #afa; } .CodeRay .delete { background: #faa; } .CodeRay .change { color: #aaf; background: #007; } .CodeRay .head { color: #f8f; background: #550055; } .CodeRay .insert .insert { color: #080; } .CodeRay .delete .delete { color: #800; } .CodeRay .change .change { color: #66f; } .CodeRay .head .head { color: #f4f; } /* ----------------------------------------- Footer ----------------------------------------- */ .zurb-footer-top { padding: 40px 0; color: white; font-family: "Proxima Nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; } .zurb-footer-top .row .columns { overflow: hidden; *zoom: 1; } .zurb-footer-top.zurb { background-position: 10px 7px; } .zurb-footer-top .property { text-align: center; } .zurb-footer-top .property .property-info { padding-top: 35px; } .zurb-footer-top .property h2 { margin: 0; padding: 0 !important; } .zurb-footer-top .property h2 a { opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; font-family: "zurb-logo"; font-weight: normal; font-size: 1.125em; padding: 0; } .zurb-footer-top .property h2 a:hover { opacity: 0.8; filter: alpha(opacity=80); } .zurb-footer-top .property h2 a.services { width: 190px; } .zurb-footer-top .property h2 a span { display: none; } .zurb-footer-top .property h2 a strong { font-family: "Proxima Nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 17px; margin-left: -7px; } .zurb-footer-top .property h3 a { font-size: 23px; font-weight: bold; color: white; margin-bottom: 10px; } .zurb-footer-top .property h4 { font-size: 18px; font-weight: 200; color: white; margin-bottom: 10px; } .zurb-footer-top .property p, .zurb-footer-top .property li, .zurb-footer-top .property a { font-size: 13px; line-height: 21px; color: white; } .zurb-footer-top .property a { font-family: "Proxima Nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; color: white; } .zurb-footer-top .property a:hover { opacity: 0.8; } .zurb-footer-top .property .learn-links, .zurb-footer-top .property .support-links, .zurb-footer-top .property .connect-links { padding: 50px 0 0 0; border-left: 1px solid rgba(255, 255, 255, 0.2); background: url("icons/footer-top-icons.png") no-repeat center 0; height: 200px; margin-bottom: 30px; } .zurb-footer-top .property .learn-links ul, .zurb-footer-top .property .support-links ul, .zurb-footer-top .property .connect-links ul { list-style: none; } .zurb-footer-top .property .learn-links ul li, .zurb-footer-top .property .support-links ul li, .zurb-footer-top .property .connect-links ul li { line-height: 20px; } .zurb-footer-top .property .learn-links { background-position: center -325px; } .zurb-footer-top .property .support-links { background-position: center -635px; } .zurb-footer-top .property .connect-links { padding: 50px 20px 0; background-position: center -9px; } .zurb-footer-top .property .connect-links .button { font-size: 12px; font-weight: normal; background: rgba(0, 0, 0, 0.1); color: white !important; font-weight: bold; text-shadow: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; border: none; padding: 6px 16px; } .zurb-footer-top .global { border-top: 1px solid rgba(255, 255, 255, 0.2); } .zurb-footer-top .global .footer-link-block { font-weight: normal; background: url("icons/footer-icons.png") no-repeat 0 0; display: block; margin: 30px 0 0 0; } .zurb-footer-top .global .footer-link-block.services { background-position: 0 -198px; } .zurb-footer-top .global .footer-link-block.foundation { background-position: 0 -398px; } .zurb-footer-top .global .footer-link-block.apps { background-position: 0 -598px; } .zurb-footer-top .global .footer-link-block.expo { background-position: 0 -798px; } .zurb-footer-top .global .footer-link-block span { display: block; color: white; font-size: 12px; padding-left: 40px; line-height: 18px; } .zurb-footer-top .global .footer-link-block span.title { font-family: "Proxima Nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; margin-bottom: 5px; } .zurb-footer-bottom { background: #333; padding: 24px 0 10px; } .zurb-footer-bottom .design-border { border-bottom: 1px solid #484848; padding-bottom: 5px; margin-bottom: 25px; } .zurb-footer-bottom a.zurb-logo { color: #858585; font-weight: normal; background: url("icons/footer-icons.png") no-repeat 0 3px; padding: 25px 0 0 0; font-size: 1em; display: inline-block; font-family: "Proxima Nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; width: 90px; } .zurb-footer-bottom a.zurb-logo:hover { opacity: 0.8; } .zurb-footer-bottom ul.zurb-links { margin: 0; display: inline-block; } .zurb-footer-bottom ul.zurb-links li { display: block; float: left; margin-left: 6px; font-family: "Proxima Nova Condensed", "proxima-nova-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: 700; font-size: 13px; } .zurb-footer-bottom ul.zurb-links li a { color: #666; padding: 3px 6px; } .zurb-footer-bottom ul.zurb-links li a:hover { color: #777; } .zurb-footer-bottom p.copyright { margin: 6px 0 0; font-size: 12px; color: #666; } .zurb-footer-bottom ul.home-social { display: block; float: right; margin-bottom: 8px; } .zurb-footer-bottom ul.home-social li { list-style: none; display: block; float: left; margin-left: 10px; } .zurb-footer-bottom ul.home-social li:first-child { margin-left: 0; } .zurb-footer-bottom ul.home-social li a { display: block; height: 50px; width: 50px; background: url("icons/social.png") no-repeat center 0; } .zurb-footer-bottom ul.home-social li a:hover { opacity: 0.8; } .zurb-footer-bottom ul.home-social li a.twitter { background-position: center 0; } .zurb-footer-bottom ul.home-social li a.facebook { background-position: center -200px; } .zurb-footer-bottom ul.home-social li a.mail { background-position: center -400px; } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { .zurb-footer-top .property { padding-top: 0px; } .zurb-footer-top .property .learn-links, .zurb-footer-top .property .support-links, .zurb-footer-top .property .connect-links { height: 240px; padding: 50px 10px 0; } } @media only screen and (max-width: 767px) { .zurb-footer-top .property .property-info { padding-top: 0px; } .zurb-footer-top .property .learn-links, .zurb-footer-top .property .support-links, .zurb-footer-top .property .connect-links { border: none; height: auto; padding: 80px 20px 0; margin: 4px 0 0 0; border-top: 1px dotted rgba(255, 255, 255, 0.2); } .zurb-footer-top .property .learn-links li a, .zurb-footer-top .property .support-links li a, .zurb-footer-top .property .connect-links li a { font-size: 15px; line-height: 2; } .zurb-footer-top .property .learn-links p, .zurb-footer-top .property .learn-links a, .zurb-footer-top .property .support-links p, .zurb-footer-top .property .support-links a, .zurb-footer-top .property .connect-links p, .zurb-footer-top .property .connect-links a { font-size: 16px; } .zurb-footer-top .property .learn-links { background: none; border: none; padding-top: 0; margin: 0; } .zurb-footer-top .property .support-links { padding: 76px 20px 0; background-position: center -618px; } .zurb-footer-top .property .connect-links { padding: 76px 20px 14px; background-position: center 10px; } .zurb-footer-top .global { border: none; } .zurb-footer-top .footer-link-block span { font-size: 0.6875em; line-height: 16px; } .zurb-footer-top .footer-link-block.services { border-top: 1px dotted rgba(255, 255, 255, 0.2); padding-top: 40px; margin-top: 0; background-position: 0 -158px !important; } .zurb-footer-bottom { text-align: center; } .zurb-footer-bottom .columns { padding: 0; } .zurb-footer-bottom a.zurb-logo { display: block; margin: 0 auto; } .zurb-footer-bottom ul.zurb-links { margin: 16px 0 10px; } .zurb-footer-bottom ul.home-social { float: none; margin: 0 0 20px 0; text-align: center; height: 44px; display: inline-block; } } /* Reformating pillars */ @media only screen and (max-width: 767px) { .zurb-footer-bottom p.copyright { margin-bottom: 20px !important; } .zurb-footer-top .property h3 a { font-size: 23px !important; } .zurb-footer-top .property .connect-links { border-bottom: 1px dotted rgba(255, 255, 255, 0.2); margin-bottom: 20px; } .zurb-footer-top .global .footer-link-block { padding-top: 50px; text-align: center; margin: 0 !important; clear: both; } .zurb-footer-top .global .footer-link-block span { padding-left: 0px; } .zurb-footer-top .global .footer-link-block.services { border-top: 0; background-position: 73px -190px !important; } .zurb-footer-top .global .footer-link-block.foundation { background-position: 73px -390px !important; } .zurb-footer-top .global .footer-link-block.apps { padding-top: 80px; background-position: 73px -558px !important; } .zurb-footer-top .global .footer-link-block.expo { padding-top: 80px; background-position: 73px -758px !important; } } @media only screen and (max-width: 320px) { .zurb-footer-top .property h3 a { font-size: 23px !important; } .zurb-footer-bottom ul.zurb-links li a { font-size: 12px; } .zurb-footer-top .property .connect-links { border-bottom: 1px dotted rgba(255, 255, 255, 0.2); margin-bottom: 20px; } .zurb-footer-top .global .footer-link-block { padding-top: 50px; text-align: center; margin: 0 !important; clear: both; } .zurb-footer-top .global .footer-link-block span { padding-left: 0px; } .zurb-footer-top .global .footer-link-block.services { border-top: 0; background-position: 55px -190px !important; } .zurb-footer-top .global .footer-link-block.foundation { background-position: 55px -390px !important; } .zurb-footer-top .global .footer-link-block.apps { padding-top: 80px; background-position: 55px -558px !important; } .zurb-footer-top .global .footer-link-block.expo { padding-top: 80px; background-position: 55px -758px !important; } } .zurb-footer-top.bg-blue { background: #1399bd; } .zurb-footer-top.bg-red { background: #e13626; } .zurb-footer-top.bg-fblue { background: #13A7C7; } .zurb-footer-top.bg-green { background: #B8D30B; } .zurb-footer-top.bg-dgreen { background: #afc908; } .zurb-footer-top.bg-magenta { background: #A9014B; } .zurb-footer-top.bg-orange { background: #FF5C00; } .zurb-footer-top.bg-lorange { background: #FF6908; } .zurb-footer-top.bg-oyellow { background: #FC9200; } .zurb-footer-top.bg-loyellow { background: #FFB515; } /* Off canvas layout CSS/JS provided by or adapted from work by Jason Weaver and Luke Wroblewski Requires globals.css grid.css */ body.off-canvas { padding: 0; margin: 0; } #sidebar .container { width: 100%; } #sidebar .row { overflow: hidden; } #sidebar .row .row { overflow: visible; } #sidebar .paneled .container { overflow: hidden; } /* ============================== ---- Main Nav Styles ---- =================================*/ a.sidebar-button { margin-left: 15px; display: inline-block; } a.sidebar-button img { margin-top: -6px; width: 23px; } a.sidebar-button h4 { font-size: 22px !important; display: inline !important; margin-left: 10px; line-height: 1; color: #fff; font-weight: bold !important; } #sidebar { position: absolute; background: #333; height: 100%; padding: 0px; -webkit-box-shadow: inset -2px 0px 8px -1px #111111; box-shadow: inset -2px 0px 8px -1px #111111; padding-top: 10px; } #sidebar h5 a { font-size: 20px !important; } #sidebar hr { margin: 8px 0 20px 0; border-color: #444444 !important; } #sidebar h6, #sidebar h5 { color: #727272; text-transform: uppercase; margin-bottom: 0px; font-family: "Proxima Nova Condensed", "proxima-nova-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; } #sidebar h6 { font-size: 14px; font-weight: bold; } #sidebar .nav-bar { background: none; margin-bottom: 0px; } #sidebar .nav-bar li { width: 100%; box-shadow: none !important; } #sidebar .nav-bar li a { font-size: 20px !important; font-weight: 500; color: #ccc; font-family: "Proxima Nova", "ProximaNova", "proxima-nova"; font-weight: 600; padding: 0px !important; } .nav-bar { height: 110px; background: #4d4d4d; margin-left: 0; margin-top: 8px !important; } .nav-bar.goodness { height: 120px; background: #4d4d4d; margin-left: 0; margin-top: 20px; padding: 0; } .nav-bar > li { float: left; display: block; position: relative; padding: 0; margin: 0; border: 1px solid #333333; border-right: none; line-height: 38px; } .nav-bar > li a.current { color: white !important; font-weight: 700; } .nav-bar > li > a { color: #bbbbbb; display: block; } .nav-bar > li ul { margin-bottom: 0; } .nav-bar > li .flyout { display: none; } #sidebar .main-menu { overflow-x: hidden; } #sidebar .main-menu, #sidebar .more-goodness, #sidebar .zurb-links { padding: 0px 15px; } /* ============================== ZURB Passport Section ============================== */ #sidebar #passport { display: inline-block; width: 100%; border-bottom: #444444 1px solid; margin-bottom: 10px; } #sidebar #passport a#user { float: left; display: inline-block; max-width: 260px; } #sidebar #passport a#ava { float: right; display: inline-block; max-width: 70px; } #sidebar #passport p { margin-bottom: 10px; color: #ccc; margin-left: 15px; display: inline-block; } #sidebar #passport h5 { padding-left: 15px; margin-top: 15px; display: inline-block; color: #ffffff; text-transform: none; } #sidebar #passport .avatar { height: 70px; float: right; width: 70px; } /* ============================== ---- ZURB Pillars ---- =================================*/ #sidebar .zurb-links { padding-bottom: 25px; margin-top: -5px; } #sidebar .zurb-links ul.top li { display: inline-block; margin-left: 0px; line-height: 1; font-family: "Proxima Nova Condensed", "proxima-nova-condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; } #sidebar .zurb-links ul.top li.logo { margin-left: 0px; } #sidebar .zurb-links ul.top li.logo a { padding: 3px 8px 3px 0px; font-size: 0.9em; } #sidebar .zurb-links ul.top li.logo img { width: 60px; margin-top: -4px; } #sidebar .zurb-links ul.top li a { color: #727272; text-transform: uppercase; font-size: 13px; padding: 5px; font-weight: 600; } #sidebar .zurb-links ul.pillars { list-style: none; } #sidebar .zurb-links .footer-link-block span.title { padding-bottom: 0px; padding-left: 40px; font-family: "ProximaNova", "Proxima Nova", "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.3em; margin-bottom: 8px; color: #cccccc; } #sidebar .zurb-links .footer-link-block span { display: block; color: #ccc; font-size: 1.0em; line-height: 18px; margin-bottom: 18px; line-height: 20px; margin-bottom: 24px; color: #727272; padding-left: 0; font-size: 0.9em; } #sidebar .zurb-links .footer-link-block { font-weight: normal; background: url("offcanvas/footer-icons.png") no-repeat 0 0; display: block; margin-bottom: 14px; padding-top: 6px; } #sidebar .zurb-links .footer-link-block.expo { background-position: 0 -798px; } #sidebar .zurb-links .footer-link-block.services { background-position: 0 -198px; } #sidebar .zurb-links .footer-link-block.apps { background-position: 0 -598px; } #sidebar .zurb-links .footer-link-block.foundation { background-position: 0 -398px; } .main:before { content: " "; position: absolute; z-index: -1; top: 0; left: -100%; width: 100%; background: #fff; } .main { width: 100%; } .complementary, .main { display: block; position: relative; z-index: 1; -webkit-transition: 0.08s all; -moz-transition: 0.08s all; -o-transition: 0.8s all; transition: 0.08s all; } .paneled .main { padding: 0; } .page-panel { width: 100%; padding: 0 15px; -webkit-transition: 0.05s margin linear-out; -moz-transition: 0.05s margin linear-out; -o-transition: 0.05s margin linear-out; transition: 0.05s margin linear-out; background: #fff; } #switchPanels { margin: 0 -15px; } .hide-extras .complementary { display: block; } .navigation#topMenu { -webkit-transition: 0.05s all linear; -moz-transition: 0.05s all linear; -o-transition: 0.05s all linear; transition: 0.05s all linear; } .navigation#topMenu ul { margin-top: 0; } .complementary { margin-left: -85%; width: 85%; float: left; z-index: 2; } .main { margin-left: 0; float: right; z-index: 1; position: relative; background: #fff; } .paneled .main { background: #fff; width: 500%; overflow: hidden; float: none; position: relative; left: 0; -webkit-transition: 0s all linear; -moz-transition: 0s all linear; -o-transition: 0s all linear; transition: 0s all linear; } .page-panel { min-height: 400px; float: left; margin: 0; width: 20%; } .active .complementary { margin-left: 0; } .active .main { margin-right: -85%; } .active-menu .navigation#topMenu { margin-top: 0 !important; } @media all and (min-width: 768px) { menu-button, .sidebar-button { display: none; } .complementary { width: 20%; margin-left: 0; float: left; } .main { width: 80%; } .paneled .main { width: 100%; padding: 0; background: #f4f4f4; left: 0 !important; } .page-panel { display: block; min-height: 800px; float: none; margin: 0; width: 100%; background: #f4f4f4; } .hide-extras .main { width: 100%; } .hide-extras .complementary { display: none; } .navigation#topMenu { display: none; } .active .main { margin-right: 0%; } } /* ------------------------------------------------------------ Disables Overflow on mobile - Had issues with Foundation 4 ------------------------------------------------------------ */ @media all and (max-width: 767px) { html { overflow-x: hidden; } body.off-canvas { padding: 0; margin: 0; overflow-x: hidden; } } @font-face { font-family: 'proxima-nova-condensed'; src: url("fonts/proximanovacond-bold-webfont.eot"); src: url("fonts/proximanovacond-bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/proximanovacond-bold-webfont.woff") format("woff"), url("fonts/proximanovacond-bold-webfont.ttf") format("truetype"), url("fonts/proximanovacond-bold-webfont.svg#ProximaNovaCondensedBold") format("svg"); font-weight: bold; font-style: normal; } @font-face { font-family: 'proxima-nova'; src: url("fonts/ProximaNova-Reg-webfont.eot"); src: url("fonts/ProximaNova-Reg-webfont.eot?iefix") format("eot"), url("fonts/ProximaNova-Reg-webfont.woff") format("woff"), url("fonts/ProximaNova-Reg-webfont.ttf") format("truetype"), url("fonts/ProximaNova-Reg-webfont.svg#webfontZam02nTh") format("svg"); font-weight: normal; font-style: normal; } /* Documentation Overrides */ /* Coderay styles */ .html, .css, .scss, .js { position: relative; } .CodeRay ul, .CodeRay ol, .CodeRay dl { list-style-position: inside; } .CodeRay:before { position: absolute; top: 6px; right: 6px; display: block; color: #ccc; font-size: .75em; } .html > .CodeRay:before { content: "HTML"; } .css > .CodeRay:before { content: "SCSS"; } .js > .CodeRay:before { content: "JS"; } /* Docs Footer Styles */ .row.full-width { max-width: 100%; } footer.row.full-width { padding-top: 30px; border-top: solid 1px #dddddd; font-size: 14px; } #kitchen-sink .f-dropdown.content { padding: 0 !important; } #copyright { background: #3f3f3f; color: #fff; padding: 11px 0; margin-top: 30px; } #copyright a { color: #fff; font-size: 14px; } #copyright p, #copyright ul { margin-bottom: 0; } .docs.header { margin-bottom: 10px; } .docs.subheader { float: left; } .docs.section-container a.active { font-weight: bold; } /* Alert Docs */ .alert-base { border-style: solid; border-width: 1px; display: block; font-weight: bold; margin-bottom: 1.25em; position: relative; padding: 0.6875em 1.3125em 0.75em 0.6875em; font-size: 0.875em; } .alert-base.bg { background-color: #2ba6cb; border-color: #2284a1; color: white; } .alert-base.custom-bg { background-color: #ff6c3c; border-color: #ff4609; color: white; } .alert-base.radius { -webkit-border-radius: 3px; border-radius: 3px; } .alert-base .close { font-size: 1.375em; padding: 5px 4px 4px; line-height: 0; position: absolute; top: 0.4375em; right: 0.3125em; color: #333333; opacity: 0.3; } .alert-base .close:hover, .alert-base .close:focus { opacity: 0.5; } /* Breadcrumb Docs */ .crumb-container { display: block; padding: 0.5625em 0.875em 0.5625em; overflow: hidden; margin-left: 0; list-style: none; border-style: solid; border-width: 1px; background-color: #f6f6f6; border-color: gainsboro; } .crumb-container.radius { -webkit-border-radius: 3px; border-radius: 3px; } .crumb-container.crumbs li { margin: 0; float: left; font-size: 0.6875em; text-transform: uppercase; } .crumb-container.crumbs li:hover a, .crumb-container.crumbs li:focus a { text-decoration: underline; } .crumb-container.crumbs li a, .crumb-container.crumbs li span { text-transform: uppercase; color: #2ba6cb; } .crumb-container.crumbs li.current { cursor: default; color: #333333; } .crumb-container.crumbs li.current a { cursor: default; color: #333333; } .crumb-container.crumbs li.current:hover, .crumb-container.crumbs li.current:hover a, .crumb-container.crumbs li.current:focus, .crumb-container.crumbs li.current:focus a { text-decoration: none; } .crumb-container.crumbs li.unavailable { color: #999999; } .crumb-container.crumbs li.unavailable a { color: #999999; } .crumb-container.crumbs li.unavailable:hover, .crumb-container.crumbs li.unavailable:hover a, .crumb-container.crumbs li.unavailable:focus, .crumb-container.crumbs li.unavailable a:focus { text-decoration: none; color: #999999; cursor: default; } .crumb-container.crumbs li:before { content: "/"; color: #aaaaaa; margin: 0 0.75em; position: relative; top: 1px; } .crumb-container.crumbs li:first-child:before { content: " "; margin: 0; } /* Button Docs */ .buttony.custom { border-style: solid; border-width: 1px; cursor: pointer; font-family: inherit; font-weight: bold; line-height: 1; margin: 0 0 1.25em; position: relative; text-decoration: none; text-align: center; display: inline-block; padding-top: 1.1em; padding-right: 2.2em; padding-bottom: 1.1625em; padding-left: 2.2em; font-size: 0.975em; background-color: #ff94cb; border-color: #ff61b2; color: #333333; -webkit-border-radius: 20px; border-radius: 20px; } .buttony.custom:hover, .buttony.custom:focus { background-color: #ff61b2; } .buttony.custom:hover, .buttony.custom:focus { color: #333333; } .button-base { border-style: solid; border-width: 1px; cursor: pointer; font-family: inherit; font-weight: bold; line-height: 1; margin: 0 0 1.25em; position: relative; text-decoration: none; text-align: center; display: inline-block; } .button-base.size { padding-top: 0.75em; padding-right: 1.5em; padding-bottom: 0.8125em; padding-left: 1.5em; font-size: 1em; } .button-base.style { background-color: #2ba6cb; border-color: #2284a1; color: white; } .button-base.style:hover, .button-base.style:focus { background-color: #2284a1; } .button-base.style:hover, .button-base.style:focus { color: white; } .button-base.shine { -webkit-transition: background-color 300ms ease-out; -moz-transition: background-color 300ms ease-out; transition: background-color 300ms ease-out; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; } .button-base.shine:active { -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; } /* Button Group Docs */ .button-group-docs { list-style: none; margin: 0; *zoom: 1; } .button-group-docs:before, .button-group-docs:after { content: " "; display: table; } .button-group-docs:after { clear: both; } .button-group-docs .button-class { border-style: solid; border-width: 1px; cursor: pointer; font-family: inherit; font-weight: bold; line-height: 1; margin: 0 0 1.25em; position: relative; text-decoration: none; text-align: center; display: inline-block; padding-top: 0.75em; padding-right: 1.5em; padding-bottom: 0.8125em; padding-left: 1.5em; font-size: 1em; background-color: #2ba6cb; border-color: #2284a1; color: white; } .button-group-docs .button-class:hover, .button-group-docs .button-class:focus { background-color: #2284a1; } .button-group-docs .button-class:hover, .button-group-docs .button-class:focus { color: white; } .button-group-docs.list li { margin: 0 0 0 -1px; float: left; } .button-group-docs.list li:first-child { margin-left: 0; } .button-group-docs.extras li { margin: 0 0 0 -1px; float: left; } .button-group-docs.extras li:first-child { margin-left: 0; } .button-group-docs.extras li:first-child, .button-group-docs.extras li:first-child > a, .button-group-docs.extras li:first-child > button, .button-group-docs.extras li:first-child > .button { -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .button-group-docs.extras li:last-child, .button-group-docs.extras li:last-child > a, .button-group-docs.extras li:last-child > button, .button-group-docs.extras li:last-child > .button { -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .button-group-docs.extras .button-class { -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -webkit-transition: background-color 300ms ease-out; -moz-transition: background-color 300ms ease-out; transition: background-color 300ms ease-out; } .button-group-docs.extras .button-class:active { -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; } /* Forms Docs */ .attached-label { display: block; position: relative; z-index: 2; text-align: center; width: 100%; padding-top: 0; padding-bottom: 0; border-style: solid; border-width: 1px; overflow: hidden; font-size: 0.875em; height: 2.3125em; line-height: 2.3125em; position: relative; padding-left: 0.9375em; padding-right: 0.9375em; width: 25%; float: left; } .attached-label.style { background: #f2f2f2; border-color: #d9d9d9; border-right: none; color: #333333; } .attached-label.custom { background: orange; border-color: #cc8400; border-right: none; color: white; } input[type="text"].attached-input { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; width: 75%; float: left; } /* Dropdown Buttons Docs */ .customized-dropdown-docs { border-style: solid; border-width: 1px; cursor: pointer; font-family: inherit; font-weight: bold; line-height: 1; margin: 0 0 1.25em; position: relative; text-decoration: none; text-align: center; display: inline-block; padding-top: 0.75em; padding-right: 1.5em; padding-bottom: 0.8125em; padding-left: 1.5em; font-size: 1em; background-color: #2ba6cb; border-color: #2284a1; color: white; position: relative; padding-right: 3.1875em; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; transition: all 300ms ease-out; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; } .customized-dropdown-docs:hover, .customized-dropdown-docs:focus { background-color: #2284a1; } .customized-dropdown-docs:hover, .customized-dropdown-docs:focus { color: white; } .customized-dropdown-docs:before { position: absolute; content: ""; width: 0; height: 0; display: block; border-style: solid; border-color: white transparent transparent transparent; top: 50%; } .customized-dropdown-docs:before { border-width: 0.5625em; right: 1.5em; margin-top: -0.25em; } .customized-dropdown-docs:before { border-color: white transparent transparent transparent; } .customized-dropdown-docs:active { -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; } /* Keystroke Docs */ .custom-keystroke kbd { background-color: orange; border-color: #db8e00; color: white; border-style: solid; border-width: 1px; margin: 0; font-family: "Consolas", "Menlo", "Courier", monospace; font-size: 0.875em; padding: 0.125em 0.25em 0; } /* Label Docs */ .label-custom { font-weight: bold; text-align: center; text-decoration: none; line-height: 1; white-space: nowrap; display: inline-block; position: relative; padding: 0 10px; font-size: 11px; background-color: pink; color: #333333; -webkit-border-radius: 6px; border-radius: 6px; } /* Panels Docs */ .panel-custom { border-style: solid; border-width: 1px; border-color: #ff8da1; margin-bottom: 1.25em; padding: 40px; background: pink; } .panel-custom > :first-child { margin-top: 0; } .panel-custom > :last-child { margin-bottom: 0; } .panel-custom h1, .panel-custom h2, .panel-custom h3, .panel-custom h4, .panel-custom h5, .panel-custom h6, .panel-custom p { color: #333333; } .panel-custom h1, .panel-custom h2, .panel-custom h3, .panel-custom h4, .panel-custom h5, .panel-custom h6 { line-height: 1; margin-bottom: 0.625em; } .panel-custom h1.subheader, .panel-custom h2.subheader, .panel-custom h3.subheader, .panel-custom h4.subheader, .panel-custom h5.subheader, .panel-custom h6.subheader { line-height: 1.4; } /* Progress Bar Docs */ .progress-custom { background-color: transparent; height: 1.5625em; border: 1px solid #cccccc; padding: 0.125em; margin-bottom: 0.625em; -webkit-border-radius: 6px; border-radius: 6px; } .progress-custom > span { background: pink; height: 100%; display: block; -webkit-border-radius: 5px; border-radius: 5px; } /* Side Nav Docs */ .side-nav-custom { display: block; margin: 0; padding: 0.875em 0; list-style-type: none; list-style-position: inside; } .side-nav-custom li { margin: 0 0 0.4375em 0; font-size: 16px; } .side-nav-custom li a { display: block; color: orange; } .side-nav-custom li.active > a:first-child { color: #4d4d4d; font-weight: bold; } .side-nav-custom li.divider { border-top: 1px solid; height: 0; padding: 0; list-style: none; border-top-color: #996300; } /* Sub Nav Docs */ .sub-nav-custom { display: block; width: auto; overflow: hidden; margin: -0.25em 0 1.125em; padding-top: 0.25em; margin-right: 0; margin-left: -0.5625em; } .sub-nav-custom dt, .sub-nav-custom dd { float: left; display: inline; margin-left: 0.5625em; margin-bottom: 0.625em; font-weight: normal; font-size: 11px; } .sub-nav-custom dt a, .sub-nav-custom dd a { color: orange; text-decoration: none; } .sub-nav-custom dt.active a, .sub-nav-custom dd.active a { -webkit-border-radius: 1000px; border-radius: 1000px; font-weight: bold; background: orange; padding: 0.1875em 0.5625em; cursor: default; color: white; } /* Thumbs Docs */ .th-custom { line-height: 0; display: inline-block; border: solid 10px white; -webkit-box-shadow: 0 0 0 2px black; box-shadow: 0 0 0 2px black; -webkit-border-radius: 6; border-radius: 6; -webkit-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in; transition: all 400ms ease-in; } .th-custom:hover, .th-custom:focus { -webkit-box-shadow: 0 0 10px 2px rgba(255, 165, 0, 0.5); box-shadow: 0 0 10px 2px rgba(255, 165, 0, 0.5); } /* Grid Docs */ #masthead { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 70em; *zoom: 1; border-style: solid; border-width: 1px; border-color: #d9d9d9; margin-bottom: 1.25em; padding: 1.25em; background: #f2f2f2; } #masthead:before, #masthead:after { content: " "; display: table; } #masthead:after { clear: both; } #masthead > :first-child { margin-top: 0; } #masthead > :last-child { margin-bottom: 0; } #masthead h1, #masthead h2, #masthead h3, #masthead h4, #masthead h5, #masthead h6, #masthead p { color: #333333; } #masthead h1, #masthead h2, #masthead h3, #masthead h4, #masthead h5, #masthead h6 { line-height: 1; margin-bottom: 0.625em; } #masthead h1.subheader, #masthead h2.subheader, #masthead h3.subheader, #masthead h4.subheader, #masthead h5.subheader, #masthead h6.subheader { line-height: 1.4; } #masthead > hgroup { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; width: 33.33333%; float: left; } #masthead > section { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; width: 66.66667%; float: left; } /* Switch Docs */ .switch-custom { position: relative; width: 100%; padding: 0; display: block; overflow: hidden; border-style: solid; border-width: 1px; margin-bottom: 1.25em; -webkit-animation: webkitSiblingBugfix infinite 1s; height: 50px; background: white; border-color: #cccccc; } .switch-custom label { position: relative; left: 0; z-index: 2; float: left; width: 50%; height: 100%; margin: 0; font-weight: bold; text-align: left; -webkit-transition: all 700ms ease-in-out; -moz-transition: all 700ms ease-in-out; transition: all 700ms ease-in-out; } .switch-custom input { position: absolute; z-index: 3; opacity: 0; width: 100%; height: 100%; -moz-appearance: none; } .switch-custom input:hover, .switch-custom input:focus { cursor: pointer; } .switch-custom span:last-child { position: absolute; top: -1px; left: -1px; z-index: 1; display: block; padding: 0; border-width: 1px; border-style: solid; -webkit-transition: all 700ms ease-in-out; -moz-transition: all 700ms ease-in-out; transition: all 700ms ease-in-out; } .switch-custom input:not(:checked) + label { opacity: 0; } .switch-custom input:checked { display: none !important; } .switch-custom input { left: 0; display: block !important; } .switch-custom input:first-of-type + label, .switch-custom input:first-of-type + span + label { left: -50%; } .switch-custom input:first-of-type:checked + label, .switch-custom input:first-of-type:checked + span + label { left: 0%; } .switch-custom input:last-of-type + label, .switch-custom input:last-of-type + span + label { right: -50%; left: auto; text-align: right; } .switch-custom input:last-of-type:checked + label, .switch-custom input:last-of-type:checked + span + label { right: 0%; left: auto; } .switch-custom span.custom { display: none !important; } form.custom .switch-custom .hidden-field { margin-left: auto; position: absolute; visibility: visible; } .switch-custom label { padding: 0 0.375em; line-height: 2.6em; font-size: 1.125em; } .switch-custom input:first-of-type:checked ~ span:last-child { left: 100%; margin-left: -3.0625em; } .switch-custom span:last-child { width: 3.125em; height: 3.125em; } .switch-custom span:last-child { border-color: #3c3c3c; background: #888888; background: -moz-linear-gradient(top, #888888 0%, #7b7b7b 100%); background: -webkit-linear-gradient(top, #888888 0%, #7b7b7b 100%); background: linear-gradient(to bottom, #888888 0%, #7b7b7b 100%); -webkit-box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.07), 1000px 0 0 1000px #ffff99, -2px 0 10px 0 rgba(0, 0, 0, 0.07), -1000px 0 0 1000px #ffcccc; box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.07), 1000px 0 0 980px #ffff99, -2px 0 10px 0 rgba(0, 0, 0, 0.07), -1000px 0 0 1000px #ffcccc; } .switch-custom:hover span:last-child, .switch-custom:focus span:last-child { background: #888888; background: -moz-linear-gradient(top, #888888 0%, #6f6f6f 100%); background: -webkit-linear-gradient(top, #888888 0%, #6f6f6f 100%); background: linear-gradient(to bottom, #888888 0%, #6f6f6f 100%); } .switch-custom:active { background: transparent; } .switch-custom-base { position: relative; width: 100%; padding: 0; display: block; overflow: hidden; border-style: solid; border-width: 1px; margin-bottom: 1.25em; -webkit-animation: webkitSiblingBugfix infinite 1s; } .switch-custom-base label { position: relative; left: 0; z-index: 2; float: left; width: 50%; height: 100%; margin: 0; font-weight: bold; text-align: left; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } .switch-custom-base input { position: absolute; z-index: 3; opacity: 0; width: 100%; height: 100%; -moz-appearance: none; } .switch-custom-base input:hover, .switch-custom-base input:focus { cursor: pointer; } .switch-custom-base span:last-child { position: absolute; top: -1px; left: -1px; z-index: 1; display: block; padding: 0; border-width: 1px; border-style: solid; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } .switch-custom-base input:not(:checked) + label { opacity: 0; } .switch-custom-base input:checked { display: none !important; } .switch-custom-base input { left: 0; display: block !important; } .switch-custom-base input:first-of-type + label, .switch-custom-base input:first-of-type + span + label { left: -50%; } .switch-custom-base input:first-of-type:checked + label, .switch-custom-base input:first-of-type:checked + span + label { left: 0%; } .switch-custom-base input:last-of-type + label, .switch-custom-base input:last-of-type + span + label { right: -50%; left: auto; text-align: right; } .switch-custom-base input:last-of-type:checked + label, .switch-custom-base input:last-of-type:checked + span + label { right: 0%; left: auto; } .switch-custom-base span.custom { display: none !important; } form.custom .switch-custom-base .hidden-field { margin-left: auto; position: absolute; visibility: visible; } .switch-custom-base.size { height: 36px; } .switch-custom-base.size label { padding: 0 0.375em; line-height: 2.3em; font-size: 0.875em; } .switch-custom-base.size input:first-of-type:checked ~ span:last-child { left: 100%; margin-left: -2.1875em; } .switch-custom-base.size span:last-child { width: 2.25em; height: 2.25em; } .switch-custom-base.style { background: white; border-color: #cccccc; } .switch-custom-base.style span:last-child { border-color: #b3b3b3; background: white; background: -moz-linear-gradient(top, white 0%, #f2f2f2 100%); background: -webkit-linear-gradient(top, white 0%, #f2f2f2 100%); background: linear-gradient(to bottom, white 0%, #f2f2f2 100%); -webkit-box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.07), 1000px 0 0 1000px #e1f5d1, -2px 0 10px 0 rgba(0, 0, 0, 0.07), -1000px 0 0 1000px whitesmoke; box-shadow: 2px 0 10px 0 rgba(0, 0, 0, 0.07), 1000px 0 0 980px #e1f5d1, -2px 0 10px 0 rgba(0, 0, 0, 0.07), -1000px 0 0 1000px whitesmoke; } .switch-custom-base.style:hover span:last-child, .switch-custom-base.style:focus span:last-child { background: white; background: -moz-linear-gradient(top, white 0%, #e6e6e6 100%); background: -webkit-linear-gradient(top, white 0%, #e6e6e6 100%); background: linear-gradient(to bottom, white 0%, #e6e6e6 100%); } .switch-custom-base.style:active { background: transparent; } /* ZURBjobs */ .jobs { border: 1px solid #eeeeee; padding: 10px 20px 20px; font-size: 14px; line-height: 1.1; } .jobs ul { list-style: none; } .jobs ul li { margin-bottom: 10px; } .jobs .location { display: block; color: #555; } header { background-color: #2ba6cb; padding: 15px 0; margin-bottom: 25px; } /* Section Docs */ .section-auto-sample { width: 100%; position: relative; display: block; margin-bottom: 1.25em; border-top: 1px solid #cccccc; } .section-auto-sample[data-section-small-style] { width: 100% !important; } .section-auto-sample[data-section-small-style] > [data-section-region], .section-auto-sample[data-section-small-style] > section, .section-auto-sample[data-section-small-style] > .section { padding: 0 !important; margin: 0 !important; } .section-auto-sample[data-section-small-style] > [data-section-region] > [data-section-title], .section-auto-sample[data-section-small-style] > [data-section-region] > .title, .section-auto-sample[data-section-small-style] > section > [data-section-title], .section-auto-sample[data-section-small-style] > section > .title, .section-auto-sample[data-section-small-style] > .section > [data-section-title], .section-auto-sample[data-section-small-style] > .section > .title { width: 100% !important; } .section-auto-sample > section { margin: 0; } .section-auto-sample > section > [data-section-title], .section-auto-sample > section > .title { margin-bottom: 0; } .section-auto-sample > section > [data-section-title] a, .section-auto-sample > section > .title a { width: 100%; display: inline-block; white-space: nowrap; } .section-auto-sample > section > [data-section-content], .section-auto-sample > section > .content { display: none; } .section-auto-sample > section.active > [data-section-content], .section-auto-sample > section.active > .content { display: block; } .section-auto-sample > section:not(.active) { padding: 0 !important; } .section-auto-sample > section > [data-section-title], .section-auto-sample > section > .title { width: 100%; } .section-auto-sample > section > .title-sample { background-color: #efefef; cursor: pointer; border: solid 1px #cccccc; } .section-auto-sample > section > .title-sample a { padding: 0.9375em; color: #333333; font-size: 0.875em; background: none; } .section-auto-sample > section > .title-sample:hover { background-color: #e2e2e2; } .section-auto-sample > section > .content-sample { padding: 0.9375em; background-color: white; border: solid 1px #cccccc; } .section-auto-sample > section > .content-sample > *:last-child { margin-bottom: 0; } .section-auto-sample > section > .content-sample > *:first-child { padding-top: 0; } .section-auto-sample > section > .content-sample > *:last-child:not(.flex-video) { padding-bottom: 0; } .section-auto-sample > section.active > .title-sample { background: #d5d5d5; } .section-auto-sample > section.active > .title-sample a { color: #333333; } .section-auto-sample > section:not(.active) { padding: 0 !important; } .section-auto-sample > section > .title-sample { border-top: none; } @media only screen and (min-width: 768px) { .section-auto-sample { width: 100%; position: relative; display: block; margin-bottom: 1.25em; border: none; } .section-auto-sample:not([data-section-resized]):not([data-section-small-style]) { visibility: hidden; } .section-auto-sample > section > [data-section-title], .section-auto-sample > section > .title { margin-bottom: 0; } .section-auto-sample > section > [data-section-title] a, .section-auto-sample > section > .title a { width: 100%; display: inline-block; white-space: nowrap; } .section-auto-sample > section > [data-section-content], .section-auto-sample > section > .content { display: none; } .section-auto-sample > section.active > [data-section-content], .section-auto-sample > section.active > .content { display: block; } .section-auto-sample > section:not(.active) { padding: 0 !important; } .section-auto-sample > section > [data-section-title], .section-auto-sample > section > .title { width: auto; position: absolute; top: 0; left: 0; } .section-auto-sample > section > .title-sample { background-color: #efefef; cursor: pointer; border: solid 1px #cccccc; } .section-auto-sample > section > .title-sample a { padding: 0.9375em; color: #333333; font-size: 0.875em; background: none; } .section-auto-sample > section > .title-sample:hover { background-color: #e2e2e2; } .section-auto-sample > section > .content-sample { padding: 0.9375em; background-color: white; border: solid 1px #cccccc; } .section-auto-sample > section > .content-sample > *:last-child { margin-bottom: 0; } .section-auto-sample > section > .content-sample > *:first-child { padding-top: 0; } .section-auto-sample > section > .content-sample > *:last-child:not(.flex-video) { padding-bottom: 0; } .section-auto-sample > section.active > .title-sample { background: #d5d5d5; } .section-auto-sample > section.active > .title-sample a { color: #333333; } .section-auto-sample > section:not(.active) { padding: 0 !important; } .section-auto-sample > section.active > .title-sample { border-bottom: 0; } } .section-auto-sample-accordion { width: 100%; position: relative; display: block; margin-bottom: 1.25em; border-top: 1px solid #cccccc; } .section-auto-sample-accordion[data-section-small-style] { width: 100% !important; } .section-auto-sample-accordion[data-section-small-style] > [data-section-region], .section-auto-sample-accordion[data-section-small-style] > section, .section-auto-sample-accordion[data-section-small-style] > .section { padding: 0 !important; margin: 0 !important; } .section-auto-sample-accordion[data-section-small-style] > [data-section-region] > [data-section-title], .section-auto-sample-accordion[data-section-small-style] > [data-section-region] > .title, .section-auto-sample-accordion[data-section-small-style] > section > [data-section-title], .section-auto-sample-accordion[data-section-small-style] > section > .title, .section-auto-sample-accordion[data-section-small-style] > .section > [data-section-title], .section-auto-sample-accordion[data-section-small-style] > .section > .title { width: 100% !important; } .section-auto-sample-accordion > section { margin: 0; } .section-auto-sample-accordion > section > [data-section-title], .section-auto-sample-accordion > section > .title { margin-bottom: 0; } .section-auto-sample-accordion > section > [data-section-title] a, .section-auto-sample-accordion > section > .title a { width: 100%; display: inline-block; white-space: nowrap; } .section-auto-sample-accordion > section > [data-section-content], .section-auto-sample-accordion > section > .content { display: none; } .section-auto-sample-accordion > section.active > [data-section-content], .section-auto-sample-accordion > section.active > .content { display: block; } .section-auto-sample-accordion > section:not(.active) { padding: 0 !important; } .section-auto-sample-accordion > section > [data-section-title], .section-auto-sample-accordion > section > .title { width: 100%; } .section-auto-sample-accordion > section > .title-sample { background-color: #efefef; cursor: pointer; border: solid 1px #cccccc; } .section-auto-sample-accordion > section > .title-sample a { padding: 0.9375em; color: #333333; font-size: 0.875em; background: none; } .section-auto-sample-accordion > section > .title-sample:hover { background-color: #e2e2e2; } .section-auto-sample-accordion > section > .content-sample { padding: 0.9375em; background-color: white; border: solid 1px #cccccc; } .section-auto-sample-accordion > section > .content-sample > *:last-child { margin-bottom: 0; } .section-auto-sample-accordion > section > .content-sample > *:first-child { padding-top: 0; } .section-auto-sample-accordion > section > .content-sample > *:last-child:not(.flex-video) { padding-bottom: 0; } .section-auto-sample-accordion > section.active > .title-sample { background: #d5d5d5; } .section-auto-sample-accordion > section.active > .title-sample a { color: #333333; } .section-auto-sample-accordion > section:not(.active) { padding: 0 !important; } .section-auto-sample-accordion > section > .title-sample { border-top: none; } .section-auto-sample-tabs { width: 100%; position: relative; display: block; margin-bottom: 1.25em; border: none; } .section-auto-sample-tabs:not([data-section-resized]):not([data-section-small-style]) { visibility: hidden; } .section-auto-sample-tabs > section > [data-section-title], .section-auto-sample-tabs > section > .title { margin-bottom: 0; } .section-auto-sample-tabs > section > [data-section-title] a, .section-auto-sample-tabs > section > .title a { width: 100%; display: inline-block; white-space: nowrap; } .section-auto-sample-tabs > section > [data-section-content], .section-auto-sample-tabs > section > .content { display: none; } .section-auto-sample-tabs > section.active > [data-section-content], .section-auto-sample-tabs > section.active > .content { display: block; } .section-auto-sample-tabs > section:not(.active) { padding: 0 !important; } .section-auto-sample-tabs > section > [data-section-title], .section-auto-sample-tabs > section > .title { width: auto; position: absolute; top: 0; left: 0; } .section-auto-sample-tabs > section > .title-sample { background-color: #efefef; cursor: pointer; border: solid 1px #cccccc; } .section-auto-sample-tabs > section > .title-sample a { padding: 0.9375em; color: #333333; font-size: 0.875em; background: none; } .section-auto-sample-tabs > section > .title-sample:hover { background-color: #e2e2e2; } .section-auto-sample-tabs > section > .content-sample { padding: 0.9375em; background-color: white; border: solid 1px #cccccc; } .section-auto-sample-tabs > section > .content-sample > *:last-child { margin-bottom: 0; } .section-auto-sample-tabs > section > .content-sample > *:first-child { padding-top: 0; } .section-auto-sample-tabs > section > .content-sample > *:last-child:not(.flex-video) { padding-bottom: 0; } .section-auto-sample-tabs > section.active > .title-sample { background: #d5d5d5; } .section-auto-sample-tabs > section.active > .title-sample a { color: #333333; } .section-auto-sample-tabs > section:not(.active) { padding: 0 !important; } .section-auto-sample-tabs > section.active > .title-sample { border-bottom: 0; } .section-auto-sample-vtabs, .section-auto-sample-vnav, .section-auto-sample-hnav { width: 100%; position: relative; display: block; margin-bottom: 1.25em; border-top: 1px solid #cccccc; } .section-auto-sample-vtabs[data-section-small-style], .section-auto-sample-vnav[data-section-small-style], .section-auto-sample-hnav[data-section-small-style] { width: 100% !important; } .section-auto-sample-vtabs[data-section-small-style] > [data-section-region], .section-auto-sample-vtabs[data-section-small-style] > section, .section-auto-sample-vtabs[data-section-small-style] > .section, .section-auto-sample-vnav[data-section-small-style] > [data-section-region], .section-auto-sample-vnav[data-section-small-style] > section, .section-auto-sample-vnav[data-section-small-style] > .section, .section-auto-sample-hnav[data-section-small-style] > [data-section-region], .section-auto-sample-hnav[data-section-small-style] > section, .section-auto-sample-hnav[data-section-small-style] > .section { padding: 0 !important; margin: 0 !important; } .section-auto-sample-vtabs[data-section-small-style] > [data-section-region] > [data-section-title], .section-auto-sample-vtabs[data-section-small-style] > [data-section-region] > .title, .section-auto-sample-vtabs[data-section-small-style] > section > [data-section-title], .section-auto-sample-vtabs[data-section-small-style] > section > .title, .section-auto-sample-vtabs[data-section-small-style] > .section > [data-section-title], .section-auto-sample-vtabs[data-section-small-style] > .section > .title, .section-auto-sample-vnav[data-section-small-style] > [data-section-region] > [data-section-title], .section-auto-sample-vnav[data-section-small-style] > [data-section-region] > .title, .section-auto-sample-vnav[data-section-small-style] > section > [data-section-title], .section-auto-sample-vnav[data-section-small-style] > section > .title, .section-auto-sample-vnav[data-section-small-style] > .section > [data-section-title], .section-auto-sample-vnav[data-section-small-style] > .section > .title, .section-auto-sample-hnav[data-section-small-style] > [data-section-region] > [data-section-title], .section-auto-sample-hnav[data-section-small-style] > [data-section-region] > .title, .section-auto-sample-hnav[data-section-small-style] > section > [data-section-title], .section-auto-sample-hnav[data-section-small-style] > section > .title, .section-auto-sample-hnav[data-section-small-style] > .section > [data-section-title], .section-auto-sample-hnav[data-section-small-style] > .section > .title { width: 100% !important; } .section-auto-sample-vtabs > section, .section-auto-sample-vnav > section, .section-auto-sample-hnav > section { margin: 0; } .section-auto-sample-vtabs > section > [data-section-title], .section-auto-sample-vtabs > section > .title, .section-auto-sample-vnav > section > [data-section-title], .section-auto-sample-vnav > section > .title, .section-auto-sample-hnav > section > [data-section-title], .section-auto-sample-hnav > section > .title { margin-bottom: 0; } .section-auto-sample-vtabs > section > [data-section-title] a, .section-auto-sample-vtabs > section > .title a, .section-auto-sample-vnav > section > [data-section-title] a, .section-auto-sample-vnav > section > .title a, .section-auto-sample-hnav > section > [data-section-title] a, .section-auto-sample-hnav > section > .title a { width: 100%; display: inline-block; white-space: nowrap; } .section-auto-sample-vtabs > section > [data-section-content], .section-auto-sample-vtabs > section > .content, .section-auto-sample-vnav > section > [data-section-content], .section-auto-sample-vnav > section > .content, .section-auto-sample-hnav > section > [data-section-content], .section-auto-sample-hnav > section > .content { display: none; } .section-auto-sample-vtabs > section.active > [data-section-content], .section-auto-sample-vtabs > section.active > .content, .section-auto-sample-vnav > section.active > [data-section-content], .section-auto-sample-vnav > section.active > .content, .section-auto-sample-hnav > section.active > [data-section-content], .section-auto-sample-hnav > section.active > .content { display: block; } .section-auto-sample-vtabs > section:not(.active), .section-auto-sample-vnav > section:not(.active), .section-auto-sample-hnav > section:not(.active) { padding: 0 !important; } .section-auto-sample-vtabs > section > [data-section-title], .section-auto-sample-vtabs > section > .title, .section-auto-sample-vnav > section > [data-section-title], .section-auto-sample-vnav > section > .title, .section-auto-sample-hnav > section > [data-section-title], .section-auto-sample-hnav > section > .title { width: 100%; } .section-auto-sample-vtabs > section > .title-sample, .section-auto-sample-vnav > section > .title-sample, .section-auto-sample-hnav > section > .title-sample { background-color: #efefef; cursor: pointer; border: solid 1px #cccccc; } .section-auto-sample-vtabs > section > .title-sample a, .section-auto-sample-vnav > section > .title-sample a, .section-auto-sample-hnav > section > .title-sample a { padding: 0.9375em; color: #333333; font-size: 0.875em; background: none; } .section-auto-sample-vtabs > section > .title-sample:hover, .section-auto-sample-vnav > section > .title-sample:hover, .section-auto-sample-hnav > section > .title-sample:hover { background-color: #e2e2e2; } .section-auto-sample-vtabs > section > .content-sample, .section-auto-sample-vnav > section > .content-sample, .section-auto-sample-hnav > section > .content-sample { padding: 0.9375em; background-color: white; border: solid 1px #cccccc; } .section-auto-sample-vtabs > section > .content-sample > *:last-child, .section-auto-sample-vnav > section > .content-sample > *:last-child, .section-auto-sample-hnav > section > .content-sample > *:last-child { margin-bottom: 0; } .section-auto-sample-vtabs > section > .content-sample > *:first-child, .section-auto-sample-vnav > section > .content-sample > *:first-child, .section-auto-sample-hnav > section > .content-sample > *:first-child { padding-top: 0; } .section-auto-sample-vtabs > section > .content-sample > *:last-child:not(.flex-video), .section-auto-sample-vnav > section > .content-sample > *:last-child:not(.flex-video), .section-auto-sample-hnav > section > .content-sample > *:last-child:not(.flex-video) { padding-bottom: 0; } .section-auto-sample-vtabs > section.active > .title-sample, .section-auto-sample-vnav > section.active > .title-sample, .section-auto-sample-hnav > section.active > .title-sample { background: #d5d5d5; } .section-auto-sample-vtabs > section.active > .title-sample a, .section-auto-sample-vnav > section.active > .title-sample a, .section-auto-sample-hnav > section.active > .title-sample a { color: #333333; } .section-auto-sample-vtabs > section:not(.active), .section-auto-sample-vnav > section:not(.active), .section-auto-sample-hnav > section:not(.active) { padding: 0 !important; } .section-auto-sample-vtabs > section > .title-sample, .section-auto-sample-vnav > section > .title-sample, .section-auto-sample-hnav > section > .title-sample { border-top: none; } @media only screen and (min-width: 768px) { .section-auto-sample-vtabs { width: 100%; position: relative; display: block; margin-bottom: 1.25em; border: none; } .section-auto-sample-vtabs:not([data-section-resized]):not([data-section-small-style]) { visibility: hidden; } .section-auto-sample-vtabs[data-section-small-style] { width: 100% !important; } .section-auto-sample-vtabs[data-section-small-style] > [data-section-region], .section-auto-sample-vtabs[data-section-small-style] > section, .section-auto-sample-vtabs[data-section-small-style] > .section { padding: 0 !important; margin: 0 !important; } .section-auto-sample-vtabs[data-section-small-style] > [data-section-region] > [data-section-title], .section-auto-sample-vtabs[data-section-small-style] > [data-section-region] > .title, .section-auto-sample-vtabs[data-section-small-style] > section > [data-section-title], .section-auto-sample-vtabs[data-section-small-style] > section > .title, .section-auto-sample-vtabs[data-section-small-style] > .section > [data-section-title], .section-auto-sample-vtabs[data-section-small-style] > .section > .title { width: 100% !important; } .section-auto-sample-vtabs > section > [data-section-title], .section-auto-sample-vtabs > section > .title { margin-bottom: 0; } .section-auto-sample-vtabs > section > [data-section-title] a, .section-auto-sample-vtabs > section > .title a { width: 100%; display: inline-block; white-space: nowrap; } .section-auto-sample-vtabs > section > [data-section-content], .section-auto-sample-vtabs > section > .content { display: none; } .section-auto-sample-vtabs > section.active > [data-section-content], .section-auto-sample-vtabs > section.active > .content { display: block; } .section-auto-sample-vtabs > section:not(.active) { padding: 0 !important; } .section-auto-sample-vtabs > section > [data-section-title], .section-auto-sample-vtabs > section > .title { position: absolute; top: 0; left: 0; width: 12.5em; } .section-auto-sample-vtabs > section.active { padding-left: 12.5em; } .section-auto-sample-vtabs > section.active > [data-section-title], .section-auto-sample-vtabs > section.active > .title { width: 12.5em; } .section-auto-sample-vtabs > section > .title-sample { background-color: #efefef; cursor: pointer; border: solid 1px #cccccc; } .section-auto-sample-vtabs > section > .title-sample a { padding: 0.9375em; color: #333333; font-size: 0.875em; background: none; } .section-auto-sample-vtabs > section > .title-sample:hover { background-color: #e2e2e2; } .section-auto-sample-vtabs > section > .content-sample { padding: 0.9375em; background-color: white; border: solid 1px #cccccc; } .section-auto-sample-vtabs > section > .content-sample > *:last-child { margin-bottom: 0; } .section-auto-sample-vtabs > section > .content-sample > *:first-child { padding-top: 0; } .section-auto-sample-vtabs > section > .content-sample > *:last-child:not(.flex-video) { padding-bottom: 0; } .section-auto-sample-vtabs > section.active > .title-sample { background: #d5d5d5; } .section-auto-sample-vtabs > section.active > .title-sample a { color: #333333; } .section-auto-sample-vtabs > section:not(.active) { padding: 0 !important; } .section-auto-sample-vtabs > section.active { padding-left: 12.4375em; } .section-auto-sample-vtabs > section.active > .title-sample { background-color: #d5d5d5; } .nav-container { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; *zoom: 1; } .nav-container:before, .nav-container:after { content: " "; display: table; } .nav-container:after { clear: both; } .nav-container > nav { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; width: 33.33333%; float: left; } .section-auto-sample-vnav { width: 100%; position: relative; display: block; margin-bottom: 1.25em; border: none; } .section-auto-sample-vnav:not([data-section-resized]):not([data-section-small-style]) { visibility: hidden; } .section-auto-sample-vnav[data-section-small-style] { width: 100% !important; } .section-auto-sample-vnav[data-section-small-style] > [data-section-region], .section-auto-sample-vnav[data-section-small-style] > section, .section-auto-sample-vnav[data-section-small-style] > .section { padding: 0 !important; margin: 0 !important; } .section-auto-sample-vnav[data-section-small-style] > [data-section-region] > [data-section-title], .section-auto-sample-vnav[data-section-small-style] > [data-section-region] > .title, .section-auto-sample-vnav[data-section-small-style] > section > [data-section-title], .section-auto-sample-vnav[data-section-small-style] > section > .title, .section-auto-sample-vnav[data-section-small-style] > .section > [data-section-title], .section-auto-sample-vnav[data-section-small-style] > .section > .title { width: 100% !important; } .section-auto-sample-vnav > section { position: relative; display: inline-block; } .section-auto-sample-vnav > section > [data-section-title], .section-auto-sample-vnav > section > .title { margin-bottom: 0; } .section-auto-sample-vnav > section > [data-section-title] a, .section-auto-sample-vnav > section > .title a { width: 100%; display: inline-block; white-space: nowrap; } .section-auto-sample-vnav > section > [data-section-content], .section-auto-sample-vnav > section > .content { display: none; } .section-auto-sample-vnav > section.active > [data-section-content], .section-auto-sample-vnav > section.active > .content { display: block; } .section-auto-sample-vnav > section:not(.active) { padding: 0 !important; } .section-auto-sample-vnav > section > [data-section-title], .section-auto-sample-vnav > section > .title { position: static; width: auto; } .section-auto-sample-vnav > section > [data-section-title] a, .section-auto-sample-vnav > section > .title a { display: block; } .section-auto-sample-vnav > section > [data-section-content], .section-auto-sample-vnav > section > .content { position: absolute; top: 0; left: 0; z-index: 999; min-width: 12.5em; } .section-auto-sample-vnav > section > .title-sample { background-color: #efefef; cursor: pointer; border: solid 1px #cccccc; } .section-auto-sample-vnav > section > .title-sample a { padding: 0.9375em; color: #333333; font-size: 0.875em; background: none; } .section-auto-sample-vnav > section > .title-sample:hover { background-color: #e2e2e2; } .section-auto-sample-vnav > section > .content-sample { padding: 0.9375em; background-color: white; border: solid 1px #cccccc; } .section-auto-sample-vnav > section > .content-sample > *:last-child { margin-bottom: 0; } .section-auto-sample-vnav > section > .content-sample > *:first-child { padding-top: 0; } .section-auto-sample-vnav > section > .content-sample > *:last-child:not(.flex-video) { padding-bottom: 0; } .section-auto-sample-vnav > section.active > .title-sample { background: #d5d5d5; } .section-auto-sample-vnav > section.active > .title-sample a { color: #333333; } .section-auto-sample-vnav > section:not(.active) { padding: 0 !important; } .section-auto-sample-hnav { width: 100%; position: relative; display: block; margin-bottom: 1.25em; background: #efefef; border: 1px solid #cccccc; } .section-auto-sample-hnav:not([data-section-resized]):not([data-section-small-style]) { visibility: hidden; } .section-auto-sample-hnav[data-section-small-style] { width: 100% !important; } .section-auto-sample-hnav[data-section-small-style] > [data-section-region], .section-auto-sample-hnav[data-section-small-style] > section, .section-auto-sample-hnav[data-section-small-style] > .section { padding: 0 !important; margin: 0 !important; } .section-auto-sample-hnav[data-section-small-style] > [data-section-region] > [data-section-title], .section-auto-sample-hnav[data-section-small-style] > [data-section-region] > .title, .section-auto-sample-hnav[data-section-small-style] > section > [data-section-title], .section-auto-sample-hnav[data-section-small-style] > section > .title, .section-auto-sample-hnav[data-section-small-style] > .section > [data-section-title], .section-auto-sample-hnav[data-section-small-style] > .section > .title { width: 100% !important; } .section-auto-sample-hnav > section { position: relative; float: left; } .section-auto-sample-hnav > section > [data-section-title], .section-auto-sample-hnav > section > .title { margin-bottom: 0; } .section-auto-sample-hnav > section > [data-section-title] a, .section-auto-sample-hnav > section > .title a { width: 100%; display: inline-block; white-space: nowrap; } .section-auto-sample-hnav > section > [data-section-content], .section-auto-sample-hnav > section > .content { display: none; } .section-auto-sample-hnav > section.active > [data-section-content], .section-auto-sample-hnav > section.active > .content { display: block; } .section-auto-sample-hnav > section:not(.active) { padding: 0 !important; } .section-auto-sample-hnav > section > [data-section-title], .section-auto-sample-hnav > section > .title { position: static; width: auto; } .section-auto-sample-hnav > section > [data-section-title] a, .section-auto-sample-hnav > section > .title a { display: block; } .section-auto-sample-hnav > section > [data-section-content], .section-auto-sample-hnav > section > .content { width: auto; position: absolute; top: 0; left: 0; z-index: 999; min-width: 12.5em; } .section-auto-sample-hnav > section > .title-sample { background-color: #efefef; cursor: pointer; border: solid 1px #cccccc; } .section-auto-sample-hnav > section > .title-sample a { padding: 0.9375em; color: #333333; font-size: 0.875em; background: none; } .section-auto-sample-hnav > section > .title-sample:hover { background-color: #e2e2e2; } .section-auto-sample-hnav > section > .content-sample { padding: 0.9375em; background-color: white; border: solid 1px #cccccc; } .section-auto-sample-hnav > section > .content-sample > *:last-child { margin-bottom: 0; } .section-auto-sample-hnav > section > .content-sample > *:first-child { padding-top: 0; } .section-auto-sample-hnav > section > .content-sample > *:last-child:not(.flex-video) { padding-bottom: 0; } .section-auto-sample-hnav > section.active > .title-sample { background: #d5d5d5; } .section-auto-sample-hnav > section.active > .title-sample a { color: #333333; } .section-auto-sample-hnav > section:not(.active) { padding: 0 !important; } } .section-auto-sample-custom { width: 100%; position: relative; display: block; margin-bottom: 1.25em; border: none; } .section-auto-sample-custom:not([data-section-resized]):not([data-section-small-style]) { visibility: hidden; } .section-auto-sample-custom > section > [data-section-title], .section-auto-sample-custom > section > .title { margin-bottom: 0; } .section-auto-sample-custom > section > [data-section-title] a, .section-auto-sample-custom > section > .title a { width: 100%; display: inline-block; white-space: nowrap; } .section-auto-sample-custom > section > [data-section-content], .section-auto-sample-custom > section > .content { display: none; } .section-auto-sample-custom > section.active > [data-section-content], .section-auto-sample-custom > section.active > .content { display: block; } .section-auto-sample-custom > section:not(.active) { padding: 0 !important; } .section-auto-sample-custom > section > [data-section-title], .section-auto-sample-custom > section > .title { width: auto; position: absolute; top: 0; left: 0; } .section-auto-sample-custom > section > .title-sample { background-color: pink; cursor: pointer; border: solid 1px #cccccc; } .section-auto-sample-custom > section > .title-sample a { padding: 10px 50px; color: black; font-size: 0.875em; background: none; } .section-auto-sample-custom > section > .title-sample:hover { background-color: #ffa6b6; } .section-auto-sample-custom > section > .content-sample { padding: 0.9375em; background-color: white; border: solid 1px #cccccc; } .section-auto-sample-custom > section > .content-sample > *:last-child { margin-bottom: 0; } .section-auto-sample-custom > section > .content-sample > *:first-child { padding-top: 0; } .section-auto-sample-custom > section > .content-sample > *:last-child:not(.flex-video) { padding-bottom: 0; } .section-auto-sample-custom > section.active > .title-sample { background: white; } .section-auto-sample-custom > section.active > .title-sample a { color: #ff8da1; } .section-auto-sample-custom > section:not(.active) { padding: 0 !important; } .section-auto-sample-custom > section.active > .title-sample { border-bottom: 0; } .drop-wrapper { position: relative; display: inline; } @media only screen and (min-width: 800px) { .docs.header { float: left; } .docs.subheader { margin-top: 38px; float: right; } } /* Tables */ table { background: white; margin-bottom: 1.25em; border: solid 1px #ddddd; } table thead, table tfoot { background: whitesmoke; font-weight: bold; } table thead tr th, table thead tr td, table tfoot tr th, table tfoot tr td { padding: 0.5em 0.625em 0.625em; font-size: 0.875em; color: #222222; text-align: left; } table tr th, table tr td { font-size: 0.875em; color: #222222; padding-bottom: 0.5625em; padding-left: 0.625em; padding-right: 1.9em; padding-top: 0.5625em; text-align:right; } table tr.even, table tr.alt, table tr:nth-of-type(even) { background: #CCC; } table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td { display: table-cell; line-height: 1.125em; } .titulo-tablar { padding: 0.5em 0.625em 0.625em; font-size: 0.875em; text-align: left; font-weight: bold; background: #eeeeee; } /* --------------- Estilos para una pagina normal --------------- */ .container { display:block; /* height:500px; */ } .subcontainer { display:block; height:100%; } .contenido{ display:block; height:100%; } .panel { display:block; height:100%; } /* -------------------------------------------------------------- */ /* Agregar un nuevo elemento */ .div-agregar { display:inline-block; text-align:right; width:100%; } .div-agregar > a{ display:inline-block; } .div-agregar > button{ display:inline-block; } /* Volver a la pagina anterior */ .volver { text-align:right; } /* Move down content because we have a fixed navbar that is 50px tall */ body { padding-top: 50px; padding-bottom: 20px; } /* Set widths on the navbar form inputs since otherwise they're 100% wide */ .navbar-form input[type="text"], .navbar-form input[type="password"] { width: 180px; } /* Wrapping element */ /* Set some basic padding to keep content from hitting the edges */ .body-content { padding-left: 15px; padding-right: 15px; } .row-offcanvas { position: relative; overflow: hidden; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } .row-offcanvas.active { overflow: visible; } .row-offcanvas-right .sidebar-offcanvas { right: -210px; /* 60px * 3.5 = very small phones like 240x320 HTC Wildfire */ } .row-offcanvas-left .sidebar-offcanvas { left: -210px; /* 60px * 3.5 = very small phones like 240x320 HTC Wildfire */ } .row-offcanvas-right.active { right: 110px; /* 60px * 3.5 = very small phones like 240x320 HTC Wildfire */ } .row-offcanvas-left.active { left: 110px; /* 60px * 3.5 = very small phones like 240x320 HTC Wildfire */ } .sidebar-offcanvas { position: absolute; top: 0; } body { /*padding-top: 80px;*/ } footer { padding-left: 15px; padding-right: 15px; } /* * Off canvas * -------------------------------------------------- */ .row-offcanvas { position: relative; overflow: hidden; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } .row-offcanvas.active { overflow: visible; } .row-offcanvas-right .sidebar-offcanvas { right: -210px; /* 60px * 3.5 = very small phones like 240x320 HTC Wildfire */ } .row-offcanvas-left .sidebar-offcanvas { left: -210px; /* 60px * 3.5 = very small phones like 240x320 HTC Wildfire */ } .row-offcanvas-right.active { right: 210px; /* 60px * 3.5 = very small phones like 240x320 HTC Wildfire */ } .row-offcanvas-left.active { left: 210px; /* 60px * 3.5 = very small phones like 240x320 HTC Wildfire */ } .sidebar-offcanvas { position: absolute; top: 0; } @media screen and (max-width: 319px) { /* This is here instead of being outside the media queries because when * we exit "mobile land", the sidebar needs to be able to restore its * originally authored ".col-lg-X" width. */ .sidebar-offcanvas { width: 210px; /* 60px * 3.5 = very small phones like 240x320 HTC Wildfire */ } } @media screen and (min-width: 320px) and (max-width: 480px) { .row-offcanvas-right .sidebar-offcanvas { right: -270px; /* 60px * 4.5 = average iPhones and Android phones */ } .row-offcanvas-left .sidebar-offcanvas { left: -270px; /* 60px * 4.5 = average iPhones and Android phones */ } .row-offcanvas-right.active { right: 270px; /* 60px * 4.5 = average iPhones and Android phones */ } .row-offcanvas-left.active { left: 270px; /* 60px * 4.5 = average iPhones and Android phones */ } .sidebar-offcanvas { width: 270px; /* 60px * 4.5 = average iPhones and Android phones */ } } /* Landscape phone to tablets * -------------------------- */ @media screen and (min-width: 481px) and (max-width: 767px) { .row-offcanvas-right .sidebar-offcanvas { right: -480px; /* 60px * 8 = Tablets and wider */ } .row-offcanvas-left .sidebar-offcanvas { left: -480px; /* 60px * 8 = Tablets and wider */ } .row-offcanvas-right.active { right: 480px; /* 60px * 8 = Tablets and wider */ } .row-offcanvas-left.active { left: 480px; /* 60px * 8 = Tablets and wider */ } .sidebar-offcanvas { width: 480px; /* 60px * 8 = Tablets and wider */ } } /* Tablets & above * ---------------- */ @media screen and (min-width: 768px) { .row-offcanvas { position: static; overflow: visible; } .sidebar-offcanvas { position: static; } .btn-offcanvas { display: none; } } .form-signin { max-width: 330px; padding: 15px; margin: 0 auto; } .form-signin .form-signin-heading, .form-signin .checkbox { margin-bottom: 10px; } .form-signin .checkbox { font-weight: normal; } .form-signin input[type="text"], .form-signin input[type="password"] { position: relative; font-size: 16px; height: auto; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .form-signin input[type="text"]:focus, .form-signin input[type="password"]:focus { z-index: 2; } .form-signin input[type="text"] { margin-bottom: -1px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .form-signin input[type="password"] { margin-bottom: 10px; border-top-left-radius: 0; border-top-right-radius: 0; } .contentFormularioTitular-popup { margin: 0 auto; padding: 15px; border-radius:4px; width: 700px; } #popupTitular { /*position: absolute;*/ margin-top: 20px; /*margin-left: -300px;*/ width: 100%; /*z-index:1051; display:none;*/ } #FormularioTitular { margin-top: 20px; float: left; width: 450px; } #FormularioDomicilioTitular { float: right; width: 400px; margin-top: 20px; } #closeTitular { text-align: right; } #closeTitular a { text-decoration:none; } .edicionDatosTitular { float:right; } #listadoMantenedorTitulares { padding: 15px; height: 600px; width: 900px; overflow: auto; border-radius:4px; border: 1px solid grey; } .centrarContrenido { padding: 15px; width: 900px; overflow: auto; border-radius:4px; border: 1px solid grey; } #mask { background-color:darkgray; opacity:0.8; position:absolute; left:0; top:0; width:100%; z-index:1040; } .content-popupLoader { margin: 0 auto; margin-top: 30%; padding: 15px; min-height: 30px; width: 330px; border-radius:4px; background-color:whitesmoke; box-shadow: 0 2px 5px #666666; } #popupLoader { left: 0; position: absolute; top: 0; width: 100%; z-index:1070; display:none; } /*Posicionar imagen calendario en textbox*/ .picker { background: url('../Content/Imagenes/x_office_calendar.png') no-repeat; background-size:20px; background-position: center right; background-color: White; font: normal 12px "Small Fonts", VT100, Arial, Helvetica; /*color: #505050;*/ border: 1px solid #ccc; /*width: 100px; height: 17.5px;*/ /*outline: 0;*/ padding: 2px; } /* Para el div de aviso, usado en la funcion enviarAviso */ #DivAviso ul, #DivAviso ol { padding-left: 20px; text-align:justify; } /* Estilos para el pi de pagina*/ html { min-height: 100%; position: relative; } body { margin: 0; margin-bottom: 0px; position:initial; padding-bottom:0px; } .container { min-height:700px } .footer { position: relative; bottom: 0; width: 100%; background-color:#00477e; color:#FFFFFF; padding-left: 0.9375em; padding-right: 0.9375em; } .footer a { color:#FFFFFF; } .footer p { margin-bottom:20px; } .footer p:last-child { margin-bottom:0px; } /* Otros Alerts */ .alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; } /* Correcciones a los dialog en JQuery UI */ .ui-dialog { z-index: 1000 !important; } .contentFormularioRepresentante-popup { margin: 0 auto; padding: 15px; border-radius:4px; width: 700px; /*background-color:whitesmoke; box-shadow: 0px 2px 5px #666666;*/ } #popupRepresentante { left: 0; /*position: absolute;*/ top: 0; width: 100%; /*z-index:1051; display:none;*/ /*margin-left: -300px;*/ } #closeRepresentante { text-align: right; } #closeRepresentante a { text-decoration:none; } #FormularioRepresentante { float: left; padding: 5px; /*border: 1px solid grey; border-radius:4px;*/ width: 470px; } #FormularioDomicilioRepresentante { float: right; padding: 5px; width: 425px; margin-left: 20px; } .edicionDatosRepresentante { float:right; } #RegistroPertincencia { margin:0px; padding-top:10px; display:none; } .itemsPertinencia { text-align:left; background-color:#dee4fa; } #ingresoPertinencia { border: 1px solid grey; border-radius:4px; padding:5px; width:580px; margin-left:5px; } /*Formulario de Pertinencia*/ .content-popupPertinencia { margin: 0 auto; margin-top: 50px; padding: 15px; height: 500px; width: 610px; border-radius:4px; /*background-color:whitesmoke; box-shadow: 0px 2px 5px #666666;*/ } #listadoPertinencias { margin: 0 auto; margin-top: 50px; padding: 15px; width: 700px; border-radius:4px; /*background-color:whitesmoke; box-shadow: 0px 2px 5px #666666;*/ } #popupPertinencia { left: 0; /*position: absolute;*/ top: 0; width: 100%; /*z-index:1054;*/ /*display:none;*/ } #tablaPertinencias { border: 1px solid grey; border-radius:4px; padding:5px; } #closePertinencia { text-align: right; } #closePertinencia a { text-decoration:none; } #AddPertinencia { text-align: left; width: 300px; } #AddPertinencia a { text-decoration:none; } .edicionDatosPertinencia { text-align: right; } /*Formulario de Rca*/ .content-popupRca { margin: 0 auto; margin-top: 25px; padding: 15px; /*height: 55em;*/ width: 1000px; border-radius: 4px; /*background-color: whitesmoke;*/ /*box-shadow: 0px 2px 5px #666666;*/ } #faenaMinima { /*float: left;*/ /*border: 1px solid grey; border-radius: 4px;*/ width: 100%; /*height: 115px;*/ padding: 5px; } #popupRca { left: 0; /*position: absolute;*/ top: 0; width: 100%; /*margin-left: -500px;*/ /*height: 100%;*/ /*z-index: 1055; display: none;*/ } #infoRca { /*float: left;*/ /*border: 1px solid grey;*/ border-radius: 4px; /*padding: 25px;*/ width: 970px; /*height: 200px;*/ } #localizacioGeografica { float: right; width: 305px; height: 453px; /*border: 1px solid grey;*/ border-radius: 4px; padding: 5px; margin-right: 8px; /*margin-top: 2px;*/ } #contenedorGeografico { width: 970px; /*height: 530px;*/ /*border: 1px solid grey;*/ border-radius: 4px; margin-top: 5px; padding: 5px; } #infoPertinencias { /*float: left;*/ width: 970px; /*height: 750px;*/ /*border: 1px solid grey;*/ border-radius: 4px; padding: 5px; margin-top: 5px; margin-bottom: 50px; /*margin-left: -350px;*/ } #mensajefaena { /*float: right;*/ /*border: 1px solid grey; border-radius: 4px;*/ padding: 5px; /*width: 610px;*/ /*height: 115px;*/ text-align: left; } #editarRca { margin-top: 10px; margin-left: 560px; } #closeRca { text-align: right; } #closeRca a { text-decoration: none; } /*Seccion Administracion de la Rca*/ #panelIngresoRca { /*display: none;*/ } #findTitular { border: 1px solid grey; border-radius: 4px; padding: 5px; background-color: whitesmoke; width: 350px; margin-left: 280px; } #formularioIngresoRca { border: 1px solid grey; border-radius: 4px; background-color: whitesmoke; /*height: 310px;*/ width: 680px; padding: 5px; margin-left: 110px; margin-bottom: 19px; display: none; overflow-y: auto; } /*listado de las rca asociadas al usuario en sesion*/ #listadoRcaAsociadas { border: 1px solid grey; border-radius: 4px; padding: 5px; /*width: 1015px;*/ /*height: 225px;*/ overflow-y: auto; } #listadoRcaAsociadasLectura { border: 1px solid grey; border-radius: 4px; padding: 5px; /*width: 1015px;*/ /*height: 225px;*/ overflow-y: auto; } #rcaTitular { border: 1px solid grey; border-radius: 4px; padding: 5px; width: 700px; height: 200px; overflow-y: auto; margin-left: 100px; display: none; } /* Edicion RCA */ #finalizarEdicion { padding: 5px; } #mensajeTitulares { margin-top: 10px; padding: 10px; border: 1px solid grey; border-radius: 4px; background-color: whitesmoke; /*width: 1000px;*/ } .ClaseFechaPiker { /*display: block;*/ width: 250px; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555555; vertical-align: middle; background-color: #ffffff; border: 1px solid #cccccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } #DataTipologia { display: none; margin: 0 auto; margin-top: 30%; padding: 15px; min-height: 30px; width: 150px; border-radius:4px; background-color:whitesmoke; box-shadow: 0 2px 5px #666666; z-index: 1090; } #DataComuna { display: none; margin: 0 auto; margin-top: 30%; padding: 15px; min-height: 30px; width: 150px; border-radius:4px; background-color:whitesmoke; box-shadow: 0 2px 5px #666666; z-index: 1090; } #DivCambioFase .modal-dialog { width: 800px; } #contenedorMapa { float: right; border-radius: 4px; height: 455px; width: 640px; border: 1px solid grey; } #mapa { /*margin-top: -444px;*/ width: 100%; height: 100%; } #listadoResoluciones { margin: 0 auto; margin-top: 50px; padding: 15px; width: 500px; border-radius:4px; /*background-color:whitesmoke; box-shadow: 0px 2px 5px #666666;*/ } #popupResolucion { left: 0; top: 0; width: 100%; } .content-popupResolucion { margin: 0 auto; margin-top: 50px; padding: 15px; height: 370px; width: 610px; border-radius:4px; /*background-color:whitesmoke; box-shadow: 0px 2px 5px #666666;*/ } #traspasoRca { /*display: none;*/ width: 100%; text-align: center; } .centrarTexto { text-align: center; } #buscarTitular { border: 1px solid grey; border-radius: 4px; padding: 5px; width: 680px; height: 150px; background-color: whitesmoke; margin-left: 120px; } #filtroMantenedorRca { padding: 15px; /*height: 600px;*/ width: 900px; overflow: auto; border-radius:4px; border: 1px solid grey; } #listadoMantenedorRCa { padding: 15px; height: 600px; width: 900px; overflow: auto; border-radius:4px; border: 1px solid grey; margin-top: 5px; } .boton_a_Derecha { float: right; } #msjInicial { width: 100%; } #contenedorRca { border: 1px solid grey; border-radius: 4px; background-color: whitesmoke; height: 200px; width: 680px; padding: 5px; margin-left: 120px; margin-bottom: 19px; display: none; overflow-y: auto; } #traspasar { margin-left: 500px; padding: 5px; display: none; } #datosTitularPropietario { margin-left: 100px; background-color: whitesmoke; display: none; font-size: small; } #datosTitularReceptor { margin-left: 100px; background-color: whitesmoke; display: none; font-size: small; } .email { font-size:small; } .tablasTraspaso { width: 100%; padding: 1px; } /*Bloqueo Titular*/ #panelBloqueo { /*display: none;*/ } #encontrarTitular { border: 1px solid grey; border-radius: 4px; padding: 5px; background-color: whitesmoke; width: 340px; margin-left: 270px; } #infoFormularioTitularBloq { border: 1px solid grey; border-radius: 4px; background-color: whitesmoke; height: 360px; width: 450px; padding: 5px; margin-left: 215px; margin-bottom: 19px; display: none; } #registrarTitularBloq { width: 440px; } #panelRepresentante { /*display: none;*/ padding: 10px; } #infoRepresentanteEnTramite { display: none; width: 310px; margin-left: 205px; padding: 10px; } #buscarRepresentantePorTitular { border: 1px solid grey; border-radius: 4px; padding: 5px; background-color: whitesmoke; width: 405px; margin-left: 245px; } #okRepresentante { margin-left: 85px; } /*Mensaje mail*/ /*Formulario de Pertinencia*/ .content-popupMail { margin: 0 auto; margin-top: 250px; padding: 15px; min-height: 30px; width: 520px; border-radius:4px; background-color:whitesmoke; box-shadow: 0px 2px 5px #666666; } #popupMail { left: 0; position: absolute; top: 0; width: 100%; z-index:1055; display:none; } #textoMAil { border: 1px solid grey; border-radius: 4px; padding:5px; } #mensajeRechazo { border: 1px solid grey; border-radius: 4px; width: 480px; height: 200px; } #btnMail { text-align: right } #closeMail { text-align: right; } #closeMail a { text-decoration:none; } #HabilitarRcaEdicion { /*display:none;*/ /*border: 1px solid grey; border-radius: 4px; width: 1000px;*/ padding: 5px; } #buscarRcaEdicionPorTitular { border: 1px solid grey; border-radius: 4px; padding: 5px; background-color: whitesmoke; width: 500px; margin-left: 200px; } #rcaParaEdicion { border: 1px solid grey; border-radius: 4px; background-color: whitesmoke; /*height: 200px;*/ width: 880px; padding: 5px; margin-left: 15px; margin-bottom: 19px; display: none; overflow-y: auto; } #rcaEnEdicion { border: 1px solid grey; border-radius: 4px; background-color: whitesmoke; /*height: 200px;*/ width: 800px; padding: 5px; margin-left: 50px; margin-bottom: 19px; display: none; overflow-y: auto; } #btnEdicion { margin-left: 500px; display: none; } #detTraspaso { border: 1px solid grey; border-radius: 4px; background-color: whitesmoke; width: 460px; height: 155px; margin-left: 230px; padding: 5px; display: none; } #motivoTraspaso { border: 1px solid grey; border-radius: 4px; width: 448px; height: 95px; } #RegularizacionCuenta { display: none; } .content-RegularizacionCuenta { } #buscarRegularizado { padding: 5px; margin-left: 130px; } #infoTitularRegularizado { display: none; } /* Seccion ingreso de Nuevos Titulares */ .contentFormularioTitularNew-popup { margin-top: 10px; margin-bottom: 10px; padding: 5px; height: 720px; width: 900px; } #popupTitularNew { left: 0; /*margin-top: 0;*/ width: 100%; /*display:none;*/ } #FormularioTitularNew { float: left; width: 450px; } #FormularioDomicilioTitularNew { float: right; width: 400px; } /* Styles for basic forms -----------------------------------------------------------*/ fieldset { border: 1px solid #A6C8E6; padding: 0 1.4em 1.4em 1.4em; margin: 0 0 1.5em 0; } legend { font-size: 1.2em; font-weight: bold; } textarea { min-height: 75px; } .editor-label { margin: 1em 0 0 0; } .editor-field { margin: 0.5em 0 0 0; } .display-label { margin: 1em 0 0 0; } .display-field { margin: 0.5em 0 0 0; } /* Styles for validation helpers -----------------------------------------------------------*/ .field-validation-error { color: #f00; } .field-validation-valid { display: none; } .input-validation-error { border: 1px solid #f00; background-color: #fee; } .validation-summary-errors { font-weight: bold; color: #f00; } .validation-summary-valid { display: none; } table.tabla-inicial-admin { border-width: 00px 00px 00px 00px; margin-left: auto; margin-right: auto; margin-bottom: auto; margin-top: auto; font-size: 20px; } .tabla-inicial-admin tr th{ background-color:gray; text-align: center; } .tabla-inicial-admin tr td{ background-color:white; cursor: auto; text-align:left; } /*Formulario de Comprobante*/ .content-popupComprobante { margin: 0 auto; margin-top: 50px; padding: 15px; min-height: 30px; width: 600px; border-radius:4px; background-color:whitesmoke; box-shadow: 0px 2px 5px #666666; } #popupComprobante { left: 0; position: absolute; top: 0; width: 100%; z-index:1052; display:none; } #closeComprobante { text-align: right; } #closeComprobante a { text-decoration:none; } /* Listado de Comrobante */ .content-popupListadoComprobante { margin: 0 auto; margin-top: 50px; padding: 15px; min-height: 30px; width: 600px; border-radius:4px; background-color:whitesmoke; box-shadow: 0px 2px 5px #666666; } #popupListadoComprobante { left: 0; position: absolute; top: 0; width: 100%; z-index:1053; display:none; } #closeListadoComprobante { text-align: right; } #closeListadoComprobante a { text-decoration:none; } #listadoComprobantes { margin: 0 auto; margin-top: 30px; padding: 15px; width: 470px; height: 600px; border-radius:4px; background-color:whitesmoke; box-shadow: 0px 2px 5px #666666; overflow-x: auto; } #listadoComprobantes table tr > * { text-align:center; } #listadoComprobantes table tr > th { font-weight:bold; } #iframeComprobante { margin: 0 auto; padding: 1px; display: none; } #ifraComp { margin: 0 auto; padding: 15px; height: 300px; width: 560px; border-radius:4px; background-color:whitesmoke; box-shadow: 0px 2px 5px #666666; overflow-y: auto; } #ifraUnicoComp{ margin: 0 auto; padding: 15px; width: 560px; border-radius:4px; background-color:whitesmoke; box-shadow: 0px 2px 5px #666666; overflow-y: auto; } /* ____________ Comprobantes de los planes _________________ */ #listadoComprobantesPlanes { margin: 0 auto; margin-top: 30px; margin-bottom: 20px; padding: 15px; width: 470px; height: 600px; border-radius:4px; background-color:whitesmoke; box-shadow: 0px 2px 5px #666666; overflow-x: auto; } #listadoComprobantesPlanes table tr > * { text-align:center; } #listadoComprobantesPlanes table tr > th { font-weight:bold; } /* _________________________________________________________ */ /* Otros Alerts */ .alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; } .ld.reverse { -webkit-animation-direction: reverse; animation-direction: reverse; } .ld.xhalf { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; } .ld.x1 { -webkit-animation-duration: 1s; animation-duration: 1s; } .ld.x2 { -webkit-animation-duration: 2s; animation-duration: 2s; } .ld.x4 { -webkit-animation-duration: 4s; animation-duration: 4s; } .ld.running { -webkit-animation-play-state: running; animation-play-state: running; } .ld.paused { -webkit-animation-play-state: paused; animation-play-state: paused; } .ld.f00 { -webkit-animation-delay: 0s; animation-delay: 0s; } .ld.f01 { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } .ld.f02 { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .ld.f03 { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .ld.f04 { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .ld.f05 { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .ld.f06 { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .ld.f07 { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .ld.f08 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .ld.f09 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .ld.f10 { -webkit-animation-delay: -1s; animation-delay: -1s; } .ld-ball, .ld-ring, .ld-hourglass, .ld-loader, .ld-cross, .ld-square, .ld-pie, .ld-spinner { width: 1em; height: 1em; position: relative; color: inherit; display: inline-block; /* &:before content: "â—Ž" display: block visibility: hidden */ } .ld-ball:after, .ld-ring:after, .ld-hourglass:after, .ld-loader:after, .ld-cross:after, .ld-square:after, .ld-pie:after, .ld-spinner:after { position: absolute; margin: auto; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; content: " "; display: inline-block; background: center center no-repeat; background-size: cover; } .ld-ball:after { border-radius: 50%; background: currentColor; } .ld-pie:after { width: 0; height: 0; border-radius: 50%; border-style: solid; border-width: 0.5em; -webkit-background-clip: padding-box; border-color: currentColor currentColor currentColor transparent; } .ld-ring:after { border-radius: 50%; border-style: solid; border-width: 0.15em; -webkit-background-clip: padding-box; border-color: currentColor currentColor currentColor transparent; box-sizing: border-box; } .ld-hourglass:after { width: 0; height: 0; background: none; border-radius: 50%; border-style: solid; border-width: 0.5em; border-color: currentColor transparent currentColor transparent; } .ld-cross:after { width: 18%; height: 18%; background: currentColor; box-shadow: 0 0.18em 0 1px currentColor, 0 -0.18em 0 1px currentColor, 0.18em 0 0 1px currentColor, -0.18em 0 0 1px currentColor, 0 0.36em 0 1px currentColor, 0 -0.36em 0 1px currentColor, 0.36em 0 0 1px currentColor, -0.36em 0 0 1px currentColor; } .ld-square:after { width: 90%; height: 90%; background: currentColor; } .ld-spinner:after { width: 20%; height: 20%; border-radius: 50%; background: none; box-shadow: 0 0.5em 0 0 currentColor,0 -.5em 0 0 currentColor,.5em 0 0 0 currentColor,-.5em 0 0 0 currentColor,.35355339059327373em .35355339059327373em 0 0 currentColor,-.35355339059327373em .35355339059327373em 0 0 currentColor,.35355339059327373em -.35355339059327373em 0 0 currentColor,-.35355339059327373em -.35355339059327373em 0 0 currentColor; } .ld-loader { background-size: cover; } @keyframes ld-blink { 0% { opacity: 1; } 49% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 0; } } @-webkit-keyframes ld-blink { 0% { opacity: 1; } 49% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 0; } } .ld.ld-blink { -webkit-animation: ld-blink 1s infinite linear; animation: ld-blink 1s infinite linear; } @keyframes ld-blur { 0% { filter: blur(0); } 50% { filter: blur(5px); } 100% { filter: blur(0); } } @-webkit-keyframes ld-blur { 0% { filter: blur(0); } 50% { filter: blur(5px); } 100% { filter: blur(0); } } .ld.ld-blur { -webkit-animation: ld-blur 1s infinite; animation: ld-blur 1s infinite; } @keyframes ld-breath { 0% { -webkit-transform: scale(0.86); transform: scale(0.86); } 50% { -webkit-transform: scale(1.06); transform: scale(1.06); } 100% { -webkit-transform: scale(0.86); transform: scale(0.86); } } @-webkit-keyframes ld-breath { 0% { -webkit-transform: scale(0.86); transform: scale(0.86); } 50% { -webkit-transform: scale(1.06); transform: scale(1.06); } 100% { -webkit-transform: scale(0.86); transform: scale(0.86); } } .ld.ld-breath { -webkit-animation: ld-breath 1s infinite; animation: ld-breath 1s infinite; } @keyframes ld-broadcast { 0% { box-shadow: 0 0 0 3px rgba(0,0,0,0.9); } 19% { box-shadow: 0 0 0 2px rgba(0,0,0,0.7); } 20% { box-shadow: 0 0 0 6px rgba(0,0,0,0.8); } 39% { box-shadow: 0 0 0 5px rgba(0,0,0,0.6); } 40% { box-shadow: 0 0 0 9px rgba(0,0,0,0.7); } 60% { box-shadow: 0 0 0 8px rgba(0,0,0,0.6); animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); } 100% { box-shadow: 0 0 0 0px rgba(0,0,0,0.2); } } @-webkit-keyframes ld-broadcast { 0% { box-shadow: 0 0 0 3px rgba(0,0,0,0.9); } 19% { box-shadow: 0 0 0 2px rgba(0,0,0,0.7); } 20% { box-shadow: 0 0 0 6px rgba(0,0,0,0.8); } 39% { box-shadow: 0 0 0 5px rgba(0,0,0,0.6); } 40% { box-shadow: 0 0 0 9px rgba(0,0,0,0.7); } 60% { box-shadow: 0 0 0 8px rgba(0,0,0,0.6); animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); } 100% { box-shadow: 0 0 0 0px rgba(0,0,0,0.2); } } .ld.ld-broadcast { -webkit-animation: ld-broadcast 1s infinite ease-out; animation: ld-broadcast 1s infinite ease-out; border-radius: 50%; } @keyframes ld-clock { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 8.333% { -webkit-transform: rotate(30deg); transform: rotate(30deg); } 16.667% { -webkit-transform: rotate(60deg); transform: rotate(60deg); } 25% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } 33.333% { -webkit-transform: rotate(120deg); transform: rotate(120deg); } 41.667% { -webkit-transform: rotate(150deg); transform: rotate(150deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 58.333% { -webkit-transform: rotate(210deg); transform: rotate(210deg); } 66.667% { -webkit-transform: rotate(240deg); transform: rotate(240deg); } 75% { -webkit-transform: rotate(270deg); transform: rotate(270deg); } 83.333% { -webkit-transform: rotate(300deg); transform: rotate(300deg); } 91.667% { -webkit-transform: rotate(330deg); transform: rotate(330deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes ld-clock { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 8.333% { -webkit-transform: rotate(30deg); transform: rotate(30deg); } 16.667% { -webkit-transform: rotate(60deg); transform: rotate(60deg); } 25% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } 33.333% { -webkit-transform: rotate(120deg); transform: rotate(120deg); } 41.667% { -webkit-transform: rotate(150deg); transform: rotate(150deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 58.333% { -webkit-transform: rotate(210deg); transform: rotate(210deg); } 66.667% { -webkit-transform: rotate(240deg); transform: rotate(240deg); } 75% { -webkit-transform: rotate(270deg); transform: rotate(270deg); } 83.333% { -webkit-transform: rotate(300deg); transform: rotate(300deg); } 91.667% { -webkit-transform: rotate(330deg); transform: rotate(330deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .ld.ld-clock { -webkit-animation: ld-clock 9s infinite cubic-bezier(0, 0.7, 0.3, 1); animation: ld-clock 9s infinite cubic-bezier(0, 0.7, 0.3, 1); } @keyframes ld-cycle { 0%, 50%, 100% { animation-timing-function: cubic-bezier(0.5, 0.5, 0.5, 0.5); } 0% { -webkit-transform: rotate(0); transform: rotate(0); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes ld-cycle { 0%, 50%, 100% { animation-timing-function: cubic-bezier(0.5, 0.5, 0.5, 0.5); } 0% { -webkit-transform: rotate(0); transform: rotate(0); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .ld.ld-cycle { -webkit-animation: ld-cycle 1s infinite linear; animation: ld-cycle 1s infinite linear; } @keyframes ld-fade { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes ld-fade { 0% { opacity: 1; } 100% { opacity: 0; } } .ld.ld-fade { -webkit-animation: ld-fade 1s infinite linear; animation: ld-fade 1s infinite linear; } @keyframes ld-flip { 0%, 25%, 50%, 75%, 100% { animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); } 0% { -webkit-transform: rotateY(0deg) rotateX(0deg); transform: rotateY(0deg) rotateX(0deg); } 25% { -webkit-transform: rotateY(180deg) rotateX(0deg); transform: rotateY(180deg) rotateX(0deg); } 50% { -webkit-transform: rotateY(180deg) rotateX(180deg); transform: rotateY(180deg) rotateX(180deg); } 75% { -webkit-transform: rotateY(0deg) rotateX(180deg); transform: rotateY(0deg) rotateX(180deg); } 100% { -webkit-transform: rotateY(0deg) rotateX(0deg); transform: rotateY(0deg) rotateX(0deg); } } @-webkit-keyframes ld-flip { 0%, 25%, 50%, 75%, 100% { animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); } 0% { -webkit-transform: rotateY(0deg) rotateX(0deg); transform: rotateY(0deg) rotateX(0deg); } 25% { -webkit-transform: rotateY(180deg) rotateX(0deg); transform: rotateY(180deg) rotateX(0deg); } 50% { -webkit-transform: rotateY(180deg) rotateX(180deg); transform: rotateY(180deg) rotateX(180deg); } 75% { -webkit-transform: rotateY(0deg) rotateX(180deg); transform: rotateY(0deg) rotateX(180deg); } 100% { -webkit-transform: rotateY(0deg) rotateX(0deg); transform: rotateY(0deg) rotateX(0deg); } } .ld.ld-flip { -webkit-animation: ld-flip 2s infinite; animation: ld-flip 2s infinite; } @keyframes ld-flip-v { 0%, 25%, 50%, 75%, 100% { animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); } 0% { -webkit-transform: rotateX(0deg) rotateY(0deg); transform: rotateX(0deg) rotateY(0deg); } 50% { -webkit-transform: rotateX(180deg) rotateY(0deg); transform: rotateX(180deg) rotateY(0deg); } 100% { -webkit-transform: rotateX(0deg) rotateY(0deg); transform: rotateX(0deg) rotateY(0deg); } } @-webkit-keyframes ld-flip-v { 0%, 25%, 50%, 75%, 100% { animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); } 0% { -webkit-transform: rotateX(0deg) rotateY(0deg); transform: rotateX(0deg) rotateY(0deg); } 50% { -webkit-transform: rotateX(180deg) rotateY(0deg); transform: rotateX(180deg) rotateY(0deg); } 100% { -webkit-transform: rotateX(0deg) rotateY(0deg); transform: rotateX(0deg) rotateY(0deg); } } .ld.ld-flip-v { -webkit-animation: ld-flip-v 1s infinite; animation: ld-flip-v 1s infinite; } @keyframes ld-flip-h { 0%, 25%, 50%, 75%, 100% { animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); } 0% { -webkit-transform: rotateY(0deg) rotateX(0deg); transform: rotateY(0deg) rotateX(0deg); } 50% { -webkit-transform: rotateY(180deg) rotateX(0deg); transform: rotateY(180deg) rotateX(0deg); } 100% { -webkit-transform: rotateY(0deg) rotateX(0deg); transform: rotateY(0deg) rotateX(0deg); } } @-webkit-keyframes ld-flip-h { 0%, 25%, 50%, 75%, 100% { animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); } 0% { -webkit-transform: rotateY(0deg) rotateX(0deg); transform: rotateY(0deg) rotateX(0deg); } 50% { -webkit-transform: rotateY(180deg) rotateX(0deg); transform: rotateY(180deg) rotateX(0deg); } 100% { -webkit-transform: rotateY(0deg) rotateX(0deg); transform: rotateY(0deg) rotateX(0deg); } } .ld.ld-flip-h { -webkit-animation: ld-flip-h 1s infinite; animation: ld-flip-h 1s infinite; } @keyframes ld-coin-v { 0%, 100% { animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); } 50% { animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); } 0% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } 50% { -webkit-transform: rotateX(1800deg); transform: rotateX(1800deg); } 100% { -webkit-transform: rotateX(3600deg); transform: rotateX(3600deg); } } @-webkit-keyframes ld-coin-v { 0%, 100% { animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); } 50% { animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); } 0% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } 50% { -webkit-transform: rotateX(1800deg); transform: rotateX(1800deg); } 100% { -webkit-transform: rotateX(3600deg); transform: rotateX(3600deg); } } .ld.ld-coin-v { -webkit-animation: ld-coin-v 2s infinite; animation: ld-coin-v 2s infinite; } @keyframes ld-coin-h { 0%, 100% { animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); } 50% { animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); } 0% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } 50% { -webkit-transform: rotateY(1800deg); transform: rotateY(1800deg); } 100% { -webkit-transform: rotateY(3600deg); transform: rotateY(3600deg); } } @-webkit-keyframes ld-coin-h { 0%, 100% { animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); } 50% { animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); } 0% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } 50% { -webkit-transform: rotateY(1800deg); transform: rotateY(1800deg); } 100% { -webkit-transform: rotateY(3600deg); transform: rotateY(3600deg); } } .ld.ld-coin-h { -webkit-animation: ld-coin-h 2s infinite; animation: ld-coin-h 2s infinite; } @keyframes ld-heartbeat { 0% { -webkit-transform: scale(1.05); transform: scale(1.05); } 5% { -webkit-transform: scale(1.25); transform: scale(1.25); } 39% { -webkit-transform: scale(0.9); transform: scale(0.9); } 45% { -webkit-transform: scale(1.15); transform: scale(1.15); } 60% { -webkit-transform: scale(1.05); transform: scale(1.05); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes ld-heartbeat { 0% { -webkit-transform: scale(1.05); transform: scale(1.05); } 5% { -webkit-transform: scale(1.25); transform: scale(1.25); } 39% { -webkit-transform: scale(0.9); transform: scale(0.9); } 45% { -webkit-transform: scale(1.15); transform: scale(1.15); } 60% { -webkit-transform: scale(1.05); transform: scale(1.05); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .ld.ld-heartbeat { -webkit-animation: ld-heartbeat 0.8s infinite cubic-bezier(0.215, 0.61, 0.355, 1); animation: ld-heartbeat 0.8s infinite cubic-bezier(0.215, 0.61, 0.355, 1); } @keyframes ld-radio { 0% { animation-timing-function: cubic-bezier(0.3, 0.27, 0.13, 1); } 0% { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0; } 5% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0; } } @-webkit-keyframes ld-radio { 0% { animation-timing-function: cubic-bezier(0.3, 0.27, 0.13, 1); } 0% { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0; } 5% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0; } } .ld.ld-radio { position: relative; display: inline-block; margin: 0; padding: 0; } .ld.ld-radio:after { -webkit-animation: ld-radio 1s infinite; animation: ld-radio 1s infinite; content: " "; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 6px solid #000; border-radius: 50%; background: none; } .ld.ld-radio.square:after { border-radius: 0; } @keyframes ld-rotate { 0%, 33%, 66%, 100% { animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); } 16%, 50%, 83% { animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); } 0% { -webkit-transform: skewX(0deg) skewY(0deg) scaleX(2) scaleY(0.5); transform: skewX(0deg) skewY(0deg) scaleX(2) scaleY(0.5); } 16% { -webkit-transform: skewX(45deg) skewY(0deg) scaleX(1) scaleY(1); transform: skewX(45deg) skewY(0deg) scaleX(1) scaleY(1); } 33% { -webkit-transform: skewX(0deg) skewY(45deg) scaleX(1) scaleY(1); transform: skewX(0deg) skewY(45deg) scaleX(1) scaleY(1); } 50% { -webkit-transform: skewX(0deg) skewY(0deg) scaleX(0.5) scaleY(2); transform: skewX(0deg) skewY(0deg) scaleX(0.5) scaleY(2); } 66% { -webkit-transform: skewX(0deg) skewY(-45deg) scaleX(1) scaleY(1); transform: skewX(0deg) skewY(-45deg) scaleX(1) scaleY(1); } 83% { -webkit-transform: skewX(-45deg) skewY(0deg) scaleX(1) scaleY(1); transform: skewX(-45deg) skewY(0deg) scaleX(1) scaleY(1); } 100% { -webkit-transform: skewX(0deg) skewY(0deg) scaleX(2) scaleY(0.5); transform: skewX(0deg) skewY(0deg) scaleX(2) scaleY(0.5); } } @-webkit-keyframes ld-rotate { 0%, 33%, 66%, 100% { animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); } 16%, 50%, 83% { animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); } 0% { -webkit-transform: skewX(0deg) skewY(0deg) scaleX(2) scaleY(0.5); transform: skewX(0deg) skewY(0deg) scaleX(2) scaleY(0.5); } 16% { -webkit-transform: skewX(45deg) skewY(0deg) scaleX(1) scaleY(1); transform: skewX(45deg) skewY(0deg) scaleX(1) scaleY(1); } 33% { -webkit-transform: skewX(0deg) skewY(45deg) scaleX(1) scaleY(1); transform: skewX(0deg) skewY(45deg) scaleX(1) scaleY(1); } 50% { -webkit-transform: skewX(0deg) skewY(0deg) scaleX(0.5) scaleY(2); transform: skewX(0deg) skewY(0deg) scaleX(0.5) scaleY(2); } 66% { -webkit-transform: skewX(0deg) skewY(-45deg) scaleX(1) scaleY(1); transform: skewX(0deg) skewY(-45deg) scaleX(1) scaleY(1); } 83% { -webkit-transform: skewX(-45deg) skewY(0deg) scaleX(1) scaleY(1); transform: skewX(-45deg) skewY(0deg) scaleX(1) scaleY(1); } 100% { -webkit-transform: skewX(0deg) skewY(0deg) scaleX(2) scaleY(0.5); transform: skewX(0deg) skewY(0deg) scaleX(2) scaleY(0.5); } } .ld.ld-rotate { -webkit-animation: ld-rotate 1s infinite; animation: ld-rotate 1s infinite; } @keyframes ld-rubber { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 20% { -webkit-transform: scale(1.5, 1); transform: scale(1.5, 1); } 30% { -webkit-transform: scale(0.8, 1); transform: scale(0.8, 1); } 40% { -webkit-transform: scale(1.3, 1); transform: scale(1.3, 1); } 50% { -webkit-transform: scale(0.85, 1); transform: scale(0.85, 1); } 60% { -webkit-transform: scale(1.2, 1); transform: scale(1.2, 1); } 70% { -webkit-transform: scale(0.9, 1); transform: scale(0.9, 1); } 80% { -webkit-transform: scale(1.1, 1); transform: scale(1.1, 1); } 90% { -webkit-transform: scale(0.95, 1); transform: scale(0.95, 1); } 100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } } @-webkit-keyframes ld-rubber { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 20% { -webkit-transform: scale(1.5, 1); transform: scale(1.5, 1); } 30% { -webkit-transform: scale(0.8, 1); transform: scale(0.8, 1); } 40% { -webkit-transform: scale(1.3, 1); transform: scale(1.3, 1); } 50% { -webkit-transform: scale(0.85, 1); transform: scale(0.85, 1); } 60% { -webkit-transform: scale(1.2, 1); transform: scale(1.2, 1); } 70% { -webkit-transform: scale(0.9, 1); transform: scale(0.9, 1); } 80% { -webkit-transform: scale(1.1, 1); transform: scale(1.1, 1); } 90% { -webkit-transform: scale(0.95, 1); transform: scale(0.95, 1); } 100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } } .ld.ld-rubber { -webkit-animation: ld-rubber 1s ease-out infinite; animation: ld-rubber 1s ease-out infinite; } @keyframes ld-shadow { 0%, 100% { animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1); } 50% { animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1); } 0% { box-shadow: 0 0 0 0 rgba(0,0,0,0.2); } 50% { box-shadow: 0 0 0 10px rgba(0,0,0,0.9); } 100% { box-shadow: 0 0 0 0 rgba(0,0,0,0.2); } } @-webkit-keyframes ld-shadow { 0%, 100% { animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1); } 50% { animation-timing-function: cubic-bezier(0.5, 0, 0.5, 1); } 0% { box-shadow: 0 0 0 0 rgba(0,0,0,0.2); } 50% { box-shadow: 0 0 0 10px rgba(0,0,0,0.9); } 100% { box-shadow: 0 0 0 0 rgba(0,0,0,0.2); } } .ld.ld-shadow { -webkit-animation: ld-shadow 1s infinite; animation: ld-shadow 1s infinite; border-radius: 50%; } @keyframes ld-shadow-a { 0% { box-shadow: 3px 0px 0 6px rgba(0,0,0,0.5); } 8.33% { box-shadow: 3px 1px 0 6px rgba(0,0,0,0.5); } 16.67% { box-shadow: 2px 3px 0 6px rgba(0,0,0,0.5); } 25% { box-shadow: 0px 3px 0 6px rgba(0,0,0,0.5); } 33.33% { box-shadow: -1px 3px 0 6px rgba(0,0,0,0.5); } 41.67% { box-shadow: -3px 1px 0 6px rgba(0,0,0,0.5); } 50% { box-shadow: -3px 0px 0 6px rgba(0,0,0,0.5); } 58.33% { box-shadow: -3px -1px 0 6px rgba(0,0,0,0.5); } 66.67% { box-shadow: -2px -3px 0 6px rgba(0,0,0,0.5); } 75% { box-shadow: 0px -3px 0 6px rgba(0,0,0,0.5); } 83.33% { box-shadow: 2px -3px 0 6px rgba(0,0,0,0.5); } 91.67% { box-shadow: 3px -2px 0 6px rgba(0,0,0,0.5); } 100% { box-shadow: 3px 0px 0 6px rgba(0,0,0,0.5); } } @-webkit-keyframes ld-shadow-a { 0% { box-shadow: 3px 0px 0 6px rgba(0,0,0,0.5); } 8.33% { box-shadow: 3px 1px 0 6px rgba(0,0,0,0.5); } 16.67% { box-shadow: 2px 3px 0 6px rgba(0,0,0,0.5); } 25% { box-shadow: 0px 3px 0 6px rgba(0,0,0,0.5); } 33.33% { box-shadow: -1px 3px 0 6px rgba(0,0,0,0.5); } 41.67% { box-shadow: -3px 1px 0 6px rgba(0,0,0,0.5); } 50% { box-shadow: -3px 0px 0 6px rgba(0,0,0,0.5); } 58.33% { box-shadow: -3px -1px 0 6px rgba(0,0,0,0.5); } 66.67% { box-shadow: -2px -3px 0 6px rgba(0,0,0,0.5); } 75% { box-shadow: 0px -3px 0 6px rgba(0,0,0,0.5); } 83.33% { box-shadow: 2px -3px 0 6px rgba(0,0,0,0.5); } 91.67% { box-shadow: 3px -2px 0 6px rgba(0,0,0,0.5); } 100% { box-shadow: 3px 0px 0 6px rgba(0,0,0,0.5); } } .ld.ld-shadow-a { -webkit-animation: ld-shadow-a 0.5s infinite; animation: ld-shadow-a 0.5s infinite; box-shadow: 3px 0px 0 6px rgba(0,0,0,0.5); border-radius: 50%; } @keyframes ld-skew { 0%, 50%, 100% { animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); } 25%, 75% { animation-timing-function: cubic-bezier(0, 0.4, 0.6, 1); } 0% { -webkit-transform: skewX(20deg) scale(1); transform: skewX(20deg) scale(1); } 25% { -webkit-transform: skewX(0deg) scale(0.9); transform: skewX(0deg) scale(0.9); } 50% { -webkit-transform: skewX(-20deg) scale(1); transform: skewX(-20deg) scale(1); } 75% { -webkit-transform: skewX(0deg) scale(0.9); transform: skewX(0deg) scale(0.9); } 100% { -webkit-transform: skewX(20deg) scale(1); transform: skewX(20deg) scale(1); } } @-webkit-keyframes ld-skew { 0%, 50%, 100% { animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); } 25%, 75% { animation-timing-function: cubic-bezier(0, 0.4, 0.6, 1); } 0% { -webkit-transform: skewX(20deg) scale(1); transform: skewX(20deg) scale(1); } 25% { -webkit-transform: skewX(0deg) scale(0.9); transform: skewX(0deg) scale(0.9); } 50% { -webkit-transform: skewX(-20deg) scale(1); transform: skewX(-20deg) scale(1); } 75% { -webkit-transform: skewX(0deg) scale(0.9); transform: skewX(0deg) scale(0.9); } 100% { -webkit-transform: skewX(20deg) scale(1); transform: skewX(20deg) scale(1); } } .ld.ld-skew { -webkit-animation: ld-skew 1s infinite; animation: ld-skew 1s infinite; } @keyframes ld-spin { 0% { -webkit-transform: rotate(0); transform: rotate(0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes ld-spin { 0% { -webkit-transform: rotate(0); transform: rotate(0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .ld.ld-spin { -webkit-animation: ld-spin 1s infinite; animation: ld-spin 1s infinite; } @keyframes ld-spin-fast { 0% { -webkit-transform: rotate(0); transform: rotate(0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 50% { -webkit-transform: rotate(900deg); transform: rotate(900deg); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 100% { -webkit-transform: rotate(1800deg); transform: rotate(1800deg); } } @-webkit-keyframes ld-spin-fast { 0% { -webkit-transform: rotate(0); transform: rotate(0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 50% { -webkit-transform: rotate(900deg); transform: rotate(900deg); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 100% { -webkit-transform: rotate(1800deg); transform: rotate(1800deg); } } .ld.ld-spin-fast { -webkit-animation: ld-spin-fast 1s infinite; animation: ld-spin-fast 1s infinite; } @keyframes ld-squeeze { 0% { -webkit-transform: scale(1, 0.5); transform: scale(1, 0.5); } 50% { -webkit-transform: scale(0.5, 1); transform: scale(0.5, 1); } 100% { -webkit-transform: scale(1, 0.5); transform: scale(1, 0.5); } } @-webkit-keyframes ld-squeeze { 0% { -webkit-transform: scale(1, 0.5); transform: scale(1, 0.5); } 50% { -webkit-transform: scale(0.5, 1); transform: scale(0.5, 1); } 100% { -webkit-transform: scale(1, 0.5); transform: scale(1, 0.5); } } .ld.ld-squeeze { -webkit-animation: ld-squeeze 0.8s infinite cubic-bezier(0.215, 0.61, 0.355, 1); animation: ld-squeeze 0.8s infinite cubic-bezier(0.215, 0.61, 0.355, 1); } @keyframes ld-surprise { 0% { -webkit-transform: skewX(0deg) scale(1); transform: skewX(0deg) scale(1); } 10% { -webkit-transform: skewX(-15deg) scale(0.8); transform: skewX(-15deg) scale(0.8); } 20% { -webkit-transform: skewX(-15deg) scale(0.8); transform: skewX(-15deg) scale(0.8); } 30% { -webkit-transform: skewX(15deg) scale(1.3); transform: skewX(15deg) scale(1.3); } 40% { -webkit-transform: skewX(-15deg) scale(1.3); transform: skewX(-15deg) scale(1.3); } 50% { -webkit-transform: skewX(15deg) scale(1.3); transform: skewX(15deg) scale(1.3); } 60% { -webkit-transform: skewX(-15deg) scale(1.3); transform: skewX(-15deg) scale(1.3); } 70% { -webkit-transform: skewX(15deg) scale(1.3); transform: skewX(15deg) scale(1.3); } 80% { -webkit-transform: skewX(-15deg) scale(1.3); transform: skewX(-15deg) scale(1.3); } 90% { -webkit-transform: skewX(15deg) scale(1.3); transform: skewX(15deg) scale(1.3); } 100% { -webkit-transform: skewX(-15deg) scale(1.3); transform: skewX(-15deg) scale(1.3); } } @-webkit-keyframes ld-surprise { 0% { -webkit-transform: skewX(0deg) scale(1); transform: skewX(0deg) scale(1); } 10% { -webkit-transform: skewX(-15deg) scale(0.8); transform: skewX(-15deg) scale(0.8); } 20% { -webkit-transform: skewX(-15deg) scale(0.8); transform: skewX(-15deg) scale(0.8); } 30% { -webkit-transform: skewX(15deg) scale(1.3); transform: skewX(15deg) scale(1.3); } 40% { -webkit-transform: skewX(-15deg) scale(1.3); transform: skewX(-15deg) scale(1.3); } 50% { -webkit-transform: skewX(15deg) scale(1.3); transform: skewX(15deg) scale(1.3); } 60% { -webkit-transform: skewX(-15deg) scale(1.3); transform: skewX(-15deg) scale(1.3); } 70% { -webkit-transform: skewX(15deg) scale(1.3); transform: skewX(15deg) scale(1.3); } 80% { -webkit-transform: skewX(-15deg) scale(1.3); transform: skewX(-15deg) scale(1.3); } 90% { -webkit-transform: skewX(15deg) scale(1.3); transform: skewX(15deg) scale(1.3); } 100% { -webkit-transform: skewX(-15deg) scale(1.3); transform: skewX(-15deg) scale(1.3); } } .ld.ld-surprise { -webkit-animation: ld-surprise 1s infinite linear; animation: ld-surprise 1s infinite linear; } @keyframes ld-tick { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 20% { -webkit-transform: rotate(-30deg); transform: rotate(-30deg); } 30% { -webkit-transform: rotate(30deg); transform: rotate(30deg); } 40% { -webkit-transform: rotate(-21deg); transform: rotate(-21deg); } 50% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 60% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(6deg); transform: rotate(6deg); } 80% { -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } 90% { -webkit-transform: rotate(1deg); transform: rotate(1deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @-webkit-keyframes ld-tick { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 20% { -webkit-transform: rotate(-30deg); transform: rotate(-30deg); } 30% { -webkit-transform: rotate(30deg); transform: rotate(30deg); } 40% { -webkit-transform: rotate(-21deg); transform: rotate(-21deg); } 50% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 60% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(6deg); transform: rotate(6deg); } 80% { -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } 90% { -webkit-transform: rotate(1deg); transform: rotate(1deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } .ld.ld-tick { -webkit-animation: ld-tick 1s ease-out infinite; animation: ld-tick 1s ease-out infinite; } @keyframes ld-vortex-in { 0% { -webkit-transform: rotate(1800deg) scale(3); transform: rotate(1800deg) scale(3); opacity: 0; } 60% { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes ld-vortex-in { 0% { -webkit-transform: rotate(1800deg) scale(3); transform: rotate(1800deg) scale(3); opacity: 0; } 60% { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); opacity: 1; } 100% { opacity: 0; } } .ld.ld-vortex-in { -webkit-animation: ld-vortex-in 2s infinite; animation: ld-vortex-in 2s infinite; animation-timing-function: cubic-bezier(0.3, 0, 1, 0.7); } @keyframes ld-vortex-out { 0% { -webkit-transform: rotate(0deg) scale(0); transform: rotate(0deg) scale(0); opacity: 1; } 60% { -webkit-transform: rotate(1800deg) scale(1); transform: rotate(1800deg) scale(1); opacity: 1; } 100% { -webkit-transform: rotate(1800deg) scale(1); transform: rotate(1800deg) scale(1); opacity: 0; } } @-webkit-keyframes ld-vortex-out { 0% { -webkit-transform: rotate(0deg) scale(0); transform: rotate(0deg) scale(0); opacity: 1; } 60% { -webkit-transform: rotate(1800deg) scale(1); transform: rotate(1800deg) scale(1); opacity: 1; } 100% { -webkit-transform: rotate(1800deg) scale(1); transform: rotate(1800deg) scale(1); opacity: 0; } } .ld.ld-vortex-out { -webkit-animation: ld-vortex-out 2s infinite; animation: ld-vortex-out 2s infinite; animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); } @keyframes ld-wrench { 20%, 36%, 70%, 86% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 0%, 50%, 100% { -webkit-transform: rotate(45deg); transform: rotate(45deg); } } @-webkit-keyframes ld-wrench { 20%, 36%, 70%, 86% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 0%, 50%, 100% { -webkit-transform: rotate(45deg); transform: rotate(45deg); } } .ld.ld-wrench { -webkit-animation: ld-wrench 1s infinite; animation: ld-wrench 1s infinite; } @keyframes ld-pulse { 0% { -webkit-transform: scale(1.1); transform: scale(1.1); } 50% { -webkit-transform: scale(0.9); transform: scale(0.9); } 51% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(0.9); transform: scale(0.9); } } @-webkit-keyframes ld-pulse { 0% { -webkit-transform: scale(1.1); transform: scale(1.1); } 50% { -webkit-transform: scale(0.9); transform: scale(0.9); } 51% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(0.9); transform: scale(0.9); } } .ld.ld-pulse { -webkit-animation: ld-pulse 0.8s infinite cubic-bezier(0.215, 0.61, 0.355, 1); animation: ld-pulse 0.8s infinite cubic-bezier(0.215, 0.61, 0.355, 1); } @keyframes ld-bounce { 0%, 90% { animation-timing-function: linear; } 10% { animation-timing-function: cubic-bezier(0, 0.4, 0.6, 1); } 50% { animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); } 0% { -webkit-transform: translate(0%, 30%) scaleY(0.5); transform: translate(0%, 30%) scaleY(0.5); } 10% { -webkit-transform: translate(0%, 5%) scaleY(1.1); transform: translate(0%, 5%) scaleY(1.1); } 50% { -webkit-transform: translate(0%, -37%) scaleY(1.1); transform: translate(0%, -37%) scaleY(1.1); } 90% { -webkit-transform: translate(0%, 5%) scaleY(1.1); transform: translate(0%, 5%) scaleY(1.1); } 100% { -webkit-transform: translate(0%, 30%) scaleY(0.5); transform: translate(0%, 30%) scaleY(0.5); } } @-webkit-keyframes ld-bounce { 0%, 90% { animation-timing-function: linear; } 10% { animation-timing-function: cubic-bezier(0, 0.4, 0.6, 1); } 50% { animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); } 0% { -webkit-transform: translate(0%, 30%) scaleY(0.5); transform: translate(0%, 30%) scaleY(0.5); } 10% { -webkit-transform: translate(0%, 5%) scaleY(1.1); transform: translate(0%, 5%) scaleY(1.1); } 50% { -webkit-transform: translate(0%, -37%) scaleY(1.1); transform: translate(0%, -37%) scaleY(1.1); } 90% { -webkit-transform: translate(0%, 5%) scaleY(1.1); transform: translate(0%, 5%) scaleY(1.1); } 100% { -webkit-transform: translate(0%, 30%) scaleY(0.5); transform: translate(0%, 30%) scaleY(0.5); } } .ld.ld-bounce { -webkit-animation: ld-bounce 1s infinite; animation: ld-bounce 1s infinite; } @keyframes ld-bounce-rtl { 0% { -webkit-transform: translate(160%, -40%); transform: translate(160%, -40%); } 12.5% { -webkit-transform: translate(120%, -23%); transform: translate(120%, -23%); } 25% { -webkit-transform: translate(80%, 0%); transform: translate(80%, 0%); } 37.5% { -webkit-transform: translate(50%, -23%); transform: translate(50%, -23%); } 50% { -webkit-transform: translate(0%, -40%); transform: translate(0%, -40%); } 62.5% { -webkit-transform: translate(-50%, -23%); transform: translate(-50%, -23%); } 75% { -webkit-transform: translate(-80%, 0%); transform: translate(-80%, 0%); } 87.5% { -webkit-transform: translate(-120%, -23%); transform: translate(-120%, -23%); } 100% { -webkit-transform: translate(-160%, -40%); transform: translate(-160%, -40%); } } @-webkit-keyframes ld-bounce-rtl { 0% { -webkit-transform: translate(160%, -40%); transform: translate(160%, -40%); } 12.5% { -webkit-transform: translate(120%, -23%); transform: translate(120%, -23%); } 25% { -webkit-transform: translate(80%, 0%); transform: translate(80%, 0%); } 37.5% { -webkit-transform: translate(50%, -23%); transform: translate(50%, -23%); } 50% { -webkit-transform: translate(0%, -40%); transform: translate(0%, -40%); } 62.5% { -webkit-transform: translate(-50%, -23%); transform: translate(-50%, -23%); } 75% { -webkit-transform: translate(-80%, 0%); transform: translate(-80%, 0%); } 87.5% { -webkit-transform: translate(-120%, -23%); transform: translate(-120%, -23%); } 100% { -webkit-transform: translate(-160%, -40%); transform: translate(-160%, -40%); } } .ld.ld-bounce-rtl { -webkit-animation: ld-bounce-rtl 1s infinite linear; animation: ld-bounce-rtl 1s infinite linear; } @keyframes ld-bounce-ltr { 0% { -webkit-transform: translate(-160%, -40%); transform: translate(-160%, -40%); } 12.5% { -webkit-transform: translate(-120%, -23%); transform: translate(-120%, -23%); } 25% { -webkit-transform: translate(-100%, 0%); transform: translate(-100%, 0%); } 37.5% { -webkit-transform: translate(-50%, -23%); transform: translate(-50%, -23%); } 50% { -webkit-transform: translate(0%, -40%); transform: translate(0%, -40%); } 62.5% { -webkit-transform: translate(50%, -23%); transform: translate(50%, -23%); } 75% { -webkit-transform: translate(100%, 0%); transform: translate(100%, 0%); } 87.5% { -webkit-transform: translate(120%, -23%); transform: translate(120%, -23%); } 100% { -webkit-transform: translate(160%, -40%); transform: translate(160%, -40%); } } @-webkit-keyframes ld-bounce-ltr { 0% { -webkit-transform: translate(-160%, -40%); transform: translate(-160%, -40%); } 12.5% { -webkit-transform: translate(-120%, -23%); transform: translate(-120%, -23%); } 25% { -webkit-transform: translate(-100%, 0%); transform: translate(-100%, 0%); } 37.5% { -webkit-transform: translate(-50%, -23%); transform: translate(-50%, -23%); } 50% { -webkit-transform: translate(0%, -40%); transform: translate(0%, -40%); } 62.5% { -webkit-transform: translate(50%, -23%); transform: translate(50%, -23%); } 75% { -webkit-transform: translate(100%, 0%); transform: translate(100%, 0%); } 87.5% { -webkit-transform: translate(120%, -23%); transform: translate(120%, -23%); } 100% { -webkit-transform: translate(160%, -40%); transform: translate(160%, -40%); } } .ld.ld-bounce-ltr { -webkit-animation: ld-bounce-ltr 1s infinite linear; animation: ld-bounce-ltr 1s infinite linear; } @keyframes ld-bounce-a-px { 0%, 25%, 50%, 75%, 100% { animation-timing-function: cubic-bezier(0, 0.4, 0.6, 1); } 12.5%, 37.5%, 62.5%, 87.5% { animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); } 0% { -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); } 12.5% { -webkit-transform: translate(5%, -28%); transform: translate(5%, -28%); } 25% { -webkit-transform: translate(10%, 0%); transform: translate(10%, 0%); } 37.5% { -webkit-transform: translate(5%, -28%); transform: translate(5%, -28%); } 50% { -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); } 62.5% { -webkit-transform: translate(-5%, -28%); transform: translate(-5%, -28%); } 75% { -webkit-transform: translate(-10%, 0%); transform: translate(-10%, 0%); } 87.5% { -webkit-transform: translate(-5%, -28%); transform: translate(-5%, -28%); } 100% { -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); } } @-webkit-keyframes ld-bounce-a-px { 0%, 25%, 50%, 75%, 100% { animation-timing-function: cubic-bezier(0, 0.4, 0.6, 1); } 12.5%, 37.5%, 62.5%, 87.5% { animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); } 0% { -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); } 12.5% { -webkit-transform: translate(5%, -28%); transform: translate(5%, -28%); } 25% { -webkit-transform: translate(10%, 0%); transform: translate(10%, 0%); } 37.5% { -webkit-transform: translate(5%, -28%); transform: translate(5%, -28%); } 50% { -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); } 62.5% { -webkit-transform: translate(-5%, -28%); transform: translate(-5%, -28%); } 75% { -webkit-transform: translate(-10%, 0%); transform: translate(-10%, 0%); } 87.5% { -webkit-transform: translate(-5%, -28%); transform: translate(-5%, -28%); } 100% { -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); } } .ld.ld-bounce-a-px { -webkit-animation: ld-bounce-a-px 2s infinite; animation: ld-bounce-a-px 2s infinite; } @keyframes ld-float { 0%, 100% { animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); } 50% { animation-timing-function: linear; } 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); box-shadow: 0 0 0 rgba(0,0,0,0.3); } 30% { -webkit-transform: translate(0, -10%); transform: translate(0, -10%); box-shadow: 0 5px 5px rgba(0,0,0,0.3); } 50% { -webkit-transform: translate(0, -10%); transform: translate(0, -10%); box-shadow: 0 5px 5px rgba(0,0,0,0.3); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); box-shadow: 0 0 0 rgba(0,0,0,0.3); } } @-webkit-keyframes ld-float { 0%, 100% { animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); } 50% { animation-timing-function: linear; } 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); box-shadow: 0 0 0 rgba(0,0,0,0.3); } 30% { -webkit-transform: translate(0, -10%); transform: translate(0, -10%); box-shadow: 0 5px 5px rgba(0,0,0,0.3); } 50% { -webkit-transform: translate(0, -10%); transform: translate(0, -10%); box-shadow: 0 5px 5px rgba(0,0,0,0.3); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); box-shadow: 0 0 0 rgba(0,0,0,0.3); } } .ld.ld-float { -webkit-animation: ld-float 1s infinite; animation: ld-float 1s infinite; } @keyframes ld-hit { 0% { animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); -webkit-transform: scale(0) translate(0, 0) skewX(0); transform: scale(0) translate(0, 0) skewX(0); } 20% { -webkit-transform: scale(1) translate(0, 0) skewX(20deg); transform: scale(1) translate(0, 0) skewX(20deg); } 50% { animation-timing-function: cubic-bezier(1, 0, 1, 0.5); -webkit-transform: scale(1) translate(0, 0) skewX(20deg); transform: scale(1) translate(0, 0) skewX(20deg); } 100% { -webkit-transform: scale(1) translate(0, 200%) skewX(20deg); transform: scale(1) translate(0, 200%) skewX(20deg); } } @-webkit-keyframes ld-hit { 0% { animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); -webkit-transform: scale(0) translate(0, 0) skewX(0); transform: scale(0) translate(0, 0) skewX(0); } 20% { -webkit-transform: scale(1) translate(0, 0) skewX(20deg); transform: scale(1) translate(0, 0) skewX(20deg); } 50% { animation-timing-function: cubic-bezier(1, 0, 1, 0.5); -webkit-transform: scale(1) translate(0, 0) skewX(20deg); transform: scale(1) translate(0, 0) skewX(20deg); } 100% { -webkit-transform: scale(1) translate(0, 200%) skewX(20deg); transform: scale(1) translate(0, 200%) skewX(20deg); } } .ld.ld-hit { -webkit-animation: ld-hit 2s infinite; animation: ld-hit 2s infinite; } @keyframes ld-jelly { 0%, 16.6%, 33.3%, 50%, 66.6%, 83.3% { animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); } 0% { -webkit-transform: translate(0, 0) skewX(0deg); transform: translate(0, 0) skewX(0deg); } 16.6% { -webkit-transform: translate(-30%, 0) skewX(30deg); transform: translate(-30%, 0) skewX(30deg); } 33.3% { -webkit-transform: translate(25%, 0) skewX(-20deg); transform: translate(25%, 0) skewX(-20deg); } 50% { -webkit-transform: translate(-12%, 0) skewX(10deg); transform: translate(-12%, 0) skewX(10deg); } 66.6% { -webkit-transform: translate(6%, 0) skewX(-5deg); transform: translate(6%, 0) skewX(-5deg); } 83.3% { -webkit-transform: translate(-2.5%, 0) skewX(2deg); transform: translate(-2.5%, 0) skewX(2deg); } 100% { -webkit-transform: translate(0, 0) skewX(0deg); transform: translate(0, 0) skewX(0deg); } } @-webkit-keyframes ld-jelly { 0%, 16.6%, 33.3%, 50%, 66.6%, 83.3% { animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); } 0% { -webkit-transform: translate(0, 0) skewX(0deg); transform: translate(0, 0) skewX(0deg); } 16.6% { -webkit-transform: translate(-30%, 0) skewX(30deg); transform: translate(-30%, 0) skewX(30deg); } 33.3% { -webkit-transform: translate(25%, 0) skewX(-20deg); transform: translate(25%, 0) skewX(-20deg); } 50% { -webkit-transform: translate(-12%, 0) skewX(10deg); transform: translate(-12%, 0) skewX(10deg); } 66.6% { -webkit-transform: translate(6%, 0) skewX(-5deg); transform: translate(6%, 0) skewX(-5deg); } 83.3% { -webkit-transform: translate(-2.5%, 0) skewX(2deg); transform: translate(-2.5%, 0) skewX(2deg); } 100% { -webkit-transform: translate(0, 0) skewX(0deg); transform: translate(0, 0) skewX(0deg); } } .ld.ld-jelly { -webkit-animation: ld-jelly 1s infinite linear; animation: ld-jelly 1s infinite linear; } @keyframes ld-jump { 0%, 28%, 48%, 64%, 76%, 86%, 93%, 100% { animation-timing-function: ease-out; } 14%, 38%, 56%, 70%, 81%, 90%, 97% { animation-timing-function: ease-in; } 0% { -webkit-transform: translateY(0%); transform: translateY(0%); } 14% { -webkit-transform: translateY(-27%); transform: translateY(-27%); } 28% { -webkit-transform: translateY(0%); transform: translateY(0%); } 38% { -webkit-transform: translateY(-20%); transform: translateY(-20%); } 48% { -webkit-transform: translateY(0%); transform: translateY(0%); } 56% { -webkit-transform: translateY(-16%); transform: translateY(-16%); } 64% { -webkit-transform: translateY(0%); transform: translateY(0%); } 70% { -webkit-transform: translateY(-12%); transform: translateY(-12%); } 76% { -webkit-transform: translateY(0%); transform: translateY(0%); } 81% { -webkit-transform: translateY(-7.5%); transform: translateY(-7.5%); } 86% { -webkit-transform: translateY(0%); transform: translateY(0%); } 90% { -webkit-transform: translateY(-3%); transform: translateY(-3%); } 93% { -webkit-transform: translateY(0%); transform: translateY(0%); } 97% { -webkit-transform: translateY(-1.5%); transform: translateY(-1.5%); } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); } } @-webkit-keyframes ld-jump { 0%, 28%, 48%, 64%, 76%, 86%, 93%, 100% { animation-timing-function: ease-out; } 14%, 38%, 56%, 70%, 81%, 90%, 97% { animation-timing-function: ease-in; } 0% { -webkit-transform: translateY(0%); transform: translateY(0%); } 14% { -webkit-transform: translateY(-27%); transform: translateY(-27%); } 28% { -webkit-transform: translateY(0%); transform: translateY(0%); } 38% { -webkit-transform: translateY(-20%); transform: translateY(-20%); } 48% { -webkit-transform: translateY(0%); transform: translateY(0%); } 56% { -webkit-transform: translateY(-16%); transform: translateY(-16%); } 64% { -webkit-transform: translateY(0%); transform: translateY(0%); } 70% { -webkit-transform: translateY(-12%); transform: translateY(-12%); } 76% { -webkit-transform: translateY(0%); transform: translateY(0%); } 81% { -webkit-transform: translateY(-7.5%); transform: translateY(-7.5%); } 86% { -webkit-transform: translateY(0%); transform: translateY(0%); } 90% { -webkit-transform: translateY(-3%); transform: translateY(-3%); } 93% { -webkit-transform: translateY(0%); transform: translateY(0%); } 97% { -webkit-transform: translateY(-1.5%); transform: translateY(-1.5%); } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); } } .ld.ld-jump { -webkit-animation: ld-jump 1.5s ease-in infinite; animation: ld-jump 1.5s ease-in infinite; } @keyframes ld-orbit { 0% { -webkit-transform: translate(30%, 0%) rotate(0deg); transform: translate(30%, 0%) rotate(0deg); } 12.5% { -webkit-transform: translate(21%, 21%) rotate(45deg); transform: translate(21%, 21%) rotate(45deg); } 25% { -webkit-transform: translate(0%, 30%) rotate(90deg); transform: translate(0%, 30%) rotate(90deg); } 37.5% { -webkit-transform: translate(-21%, 21%) rotate(135deg); transform: translate(-21%, 21%) rotate(135deg); } 50% { -webkit-transform: translate(-30%, 0%) rotate(180deg); transform: translate(-30%, 0%) rotate(180deg); } 62.5% { -webkit-transform: translate(-21%, -21%) rotate(225deg); transform: translate(-21%, -21%) rotate(225deg); } 75% { -webkit-transform: translate(0%, -30%) rotate(270deg); transform: translate(0%, -30%) rotate(270deg); } 87.5% { -webkit-transform: translate(21%, -21%) rotate(315deg); transform: translate(21%, -21%) rotate(315deg); } 100% { -webkit-transform: translate(30%, 0%) rotate(360deg); transform: translate(30%, 0%) rotate(360deg); } } @-webkit-keyframes ld-orbit { 0% { -webkit-transform: translate(30%, 0%) rotate(0deg); transform: translate(30%, 0%) rotate(0deg); } 12.5% { -webkit-transform: translate(21%, 21%) rotate(45deg); transform: translate(21%, 21%) rotate(45deg); } 25% { -webkit-transform: translate(0%, 30%) rotate(90deg); transform: translate(0%, 30%) rotate(90deg); } 37.5% { -webkit-transform: translate(-21%, 21%) rotate(135deg); transform: translate(-21%, 21%) rotate(135deg); } 50% { -webkit-transform: translate(-30%, 0%) rotate(180deg); transform: translate(-30%, 0%) rotate(180deg); } 62.5% { -webkit-transform: translate(-21%, -21%) rotate(225deg); transform: translate(-21%, -21%) rotate(225deg); } 75% { -webkit-transform: translate(0%, -30%) rotate(270deg); transform: translate(0%, -30%) rotate(270deg); } 87.5% { -webkit-transform: translate(21%, -21%) rotate(315deg); transform: translate(21%, -21%) rotate(315deg); } 100% { -webkit-transform: translate(30%, 0%) rotate(360deg); transform: translate(30%, 0%) rotate(360deg); } } .ld.ld-orbit { -webkit-animation: ld-orbit 1s infinite linear; animation: ld-orbit 1s infinite linear; } @keyframes ld-rush-rtl { 0% { -webkit-transform: translate(200%, 0) skewX(-45deg); transform: translate(200%, 0) skewX(-45deg); animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); } 30% { -webkit-transform: translate(-40%, 0) skewX(35deg); transform: translate(-40%, 0) skewX(35deg); } 45% { -webkit-transform: translate(20%, 0) skewX(-15deg); transform: translate(20%, 0) skewX(-15deg); } 60% { -webkit-transform: translate(-10%, 0) skewX(7deg); transform: translate(-10%, 0) skewX(7deg); } 80% { -webkit-transform: translate(0%, 0) skewX(0deg); transform: translate(0%, 0) skewX(0deg); } 100% { -webkit-transform: translate(-250%, 0) skewX(-45deg); transform: translate(-250%, 0) skewX(-45deg); } } @-webkit-keyframes ld-rush-rtl { 0% { -webkit-transform: translate(200%, 0) skewX(-45deg); transform: translate(200%, 0) skewX(-45deg); animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); } 30% { -webkit-transform: translate(-40%, 0) skewX(35deg); transform: translate(-40%, 0) skewX(35deg); } 45% { -webkit-transform: translate(20%, 0) skewX(-15deg); transform: translate(20%, 0) skewX(-15deg); } 60% { -webkit-transform: translate(-10%, 0) skewX(7deg); transform: translate(-10%, 0) skewX(7deg); } 80% { -webkit-transform: translate(0%, 0) skewX(0deg); transform: translate(0%, 0) skewX(0deg); } 100% { -webkit-transform: translate(-250%, 0) skewX(-45deg); transform: translate(-250%, 0) skewX(-45deg); } } .ld.ld-rush-rtl { -webkit-animation: ld-rush-rtl 1.5s infinite linear; animation: ld-rush-rtl 1.5s infinite linear; } @keyframes ld-rush-ltr { 0% { -webkit-transform: translate(-200%, 0) skewX(45deg); transform: translate(-200%, 0) skewX(45deg); animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); } 30% { -webkit-transform: translate(40%, 0) skewX(-35deg); transform: translate(40%, 0) skewX(-35deg); } 45% { -webkit-transform: translate(-20%, 0) skewX(15deg); transform: translate(-20%, 0) skewX(15deg); } 60% { -webkit-transform: translate(10%, 0) skewX(-7deg); transform: translate(10%, 0) skewX(-7deg); } 80% { -webkit-transform: translate(0%, 0) skewX(0deg); transform: translate(0%, 0) skewX(0deg); } 100% { -webkit-transform: translate(250%, 0) skewX(45deg); transform: translate(250%, 0) skewX(45deg); } } @-webkit-keyframes ld-rush-ltr { 0% { -webkit-transform: translate(-200%, 0) skewX(45deg); transform: translate(-200%, 0) skewX(45deg); animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); } 30% { -webkit-transform: translate(40%, 0) skewX(-35deg); transform: translate(40%, 0) skewX(-35deg); } 45% { -webkit-transform: translate(-20%, 0) skewX(15deg); transform: translate(-20%, 0) skewX(15deg); } 60% { -webkit-transform: translate(10%, 0) skewX(-7deg); transform: translate(10%, 0) skewX(-7deg); } 80% { -webkit-transform: translate(0%, 0) skewX(0deg); transform: translate(0%, 0) skewX(0deg); } 100% { -webkit-transform: translate(250%, 0) skewX(45deg); transform: translate(250%, 0) skewX(45deg); } } .ld.ld-rush-ltr { -webkit-animation: ld-rush-ltr 1.5s infinite linear; animation: ld-rush-ltr 1.5s infinite linear; } @keyframes ld-shake { 0%, 16.6%, 33.3%, 50%, 66.6%, 83.3% { animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); } 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 16.6% { -webkit-transform: translate(-35%, 0); transform: translate(-35%, 0); } 33.3% { -webkit-transform: translate(25%, 0); transform: translate(25%, 0); } 50% { -webkit-transform: translate(-12%, 0); transform: translate(-12%, 0); } 66.6% { -webkit-transform: translate(6%, 0); transform: translate(6%, 0); } 83.3% { -webkit-transform: translate(-2.5%, 0); transform: translate(-2.5%, 0); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes ld-shake { 0%, 16.6%, 33.3%, 50%, 66.6%, 83.3% { animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); } 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 16.6% { -webkit-transform: translate(-35%, 0); transform: translate(-35%, 0); } 33.3% { -webkit-transform: translate(25%, 0); transform: translate(25%, 0); } 50% { -webkit-transform: translate(-12%, 0); transform: translate(-12%, 0); } 66.6% { -webkit-transform: translate(6%, 0); transform: translate(6%, 0); } 83.3% { -webkit-transform: translate(-2.5%, 0); transform: translate(-2.5%, 0); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .ld.ld-shake { -webkit-animation: ld-shake 1s infinite linear; animation: ld-shake 1s infinite linear; } @keyframes ld-slide-ltr { 0%, 100% { animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); } 50% { animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); } 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 49.9% { -webkit-transform: translate(200%, 0); transform: translate(200%, 0); } 50% { -webkit-transform: translate(-200%, 0); transform: translate(-200%, 0); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes ld-slide-ltr { 0%, 100% { animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); } 50% { animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); } 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 49.9% { -webkit-transform: translate(200%, 0); transform: translate(200%, 0); } 50% { -webkit-transform: translate(-200%, 0); transform: translate(-200%, 0); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .ld.ld-slide-ltr { -webkit-animation: ld-slide-ltr 1s infinite; animation: ld-slide-ltr 1s infinite; } @keyframes ld-slide-rtl { 0%, 100% { animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); } 50% { animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); } 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 49.9% { -webkit-transform: translate(-200%, 0); transform: translate(-200%, 0); } 50% { -webkit-transform: translate(200%, 0); transform: translate(200%, 0); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes ld-slide-rtl { 0%, 100% { animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); } 50% { animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); } 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 49.9% { -webkit-transform: translate(-200%, 0); transform: translate(-200%, 0); } 50% { -webkit-transform: translate(200%, 0); transform: translate(200%, 0); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .ld.ld-slide-rtl { -webkit-animation: ld-slide-rtl 1s infinite; animation: ld-slide-rtl 1s infinite; } @keyframes ld-slide-btt { 0%, 100% { animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); } 50% { animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); } 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 49.9% { -webkit-transform: translate(0, -200%); transform: translate(0, -200%); } 50% { -webkit-transform: translate(0, 200%); transform: translate(0, 200%); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes ld-slide-btt { 0%, 100% { animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); } 50% { animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); } 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 49.9% { -webkit-transform: translate(0, -200%); transform: translate(0, -200%); } 50% { -webkit-transform: translate(0, 200%); transform: translate(0, 200%); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .ld.ld-slide-btt { -webkit-animation: ld-slide-btt 1s infinite; animation: ld-slide-btt 1s infinite; } @keyframes ld-slide-ttb { 0%, 100% { animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); } 50% { animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); } 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 49.9% { -webkit-transform: translate(0, 200%); transform: translate(0, 200%); } 50% { -webkit-transform: translate(0, -200%); transform: translate(0, -200%); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes ld-slide-ttb { 0%, 100% { animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); } 50% { animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); } 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 49.9% { -webkit-transform: translate(0, 200%); transform: translate(0, 200%); } 50% { -webkit-transform: translate(0, -200%); transform: translate(0, -200%); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .ld.ld-slide-ttb { -webkit-animation: ld-slide-ttb 1s infinite; animation: ld-slide-ttb 1s infinite; } @keyframes ld-tremble { 0% { -webkit-transform: translate(1%, 1%); transform: translate(1%, 1%); } 5% { -webkit-transform: translate(0%, 1%); transform: translate(0%, 1%); } 10% { -webkit-transform: translate(1%, 2%); transform: translate(1%, 2%); } 15% { -webkit-transform: translate(2%, 1%); transform: translate(2%, 1%); } 20% { -webkit-transform: translate(3%, 0%); transform: translate(3%, 0%); } 25% { -webkit-transform: translate(1%, 2%); transform: translate(1%, 2%); } 30% { -webkit-transform: translate(1%, 3%); transform: translate(1%, 3%); } 35% { -webkit-transform: translate(0%, 1%); transform: translate(0%, 1%); } 40% { -webkit-transform: translate(1%, 1%); transform: translate(1%, 1%); } 45% { -webkit-transform: translate(1%, 0%); transform: translate(1%, 0%); } 50% { -webkit-transform: translate(2%, 1%); transform: translate(2%, 1%); } 55% { -webkit-transform: translate(1%, 2%); transform: translate(1%, 2%); } 60% { -webkit-transform: translate(3%, 1%); transform: translate(3%, 1%); } 65% { -webkit-transform: translate(0%, 2%); transform: translate(0%, 2%); } 70% { -webkit-transform: translate(3%, 0%); transform: translate(3%, 0%); } 75% { -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); } 80% { -webkit-transform: translate(2%, 3%); transform: translate(2%, 3%); } 85% { -webkit-transform: translate(1%, 0%); transform: translate(1%, 0%); } 90% { -webkit-transform: translate(0%, 2%); transform: translate(0%, 2%); } 95% { -webkit-transform: translate(3%, 2%); transform: translate(3%, 2%); } } @-webkit-keyframes ld-tremble { 0% { -webkit-transform: translate(1%, 1%); transform: translate(1%, 1%); } 5% { -webkit-transform: translate(0%, 1%); transform: translate(0%, 1%); } 10% { -webkit-transform: translate(1%, 2%); transform: translate(1%, 2%); } 15% { -webkit-transform: translate(2%, 1%); transform: translate(2%, 1%); } 20% { -webkit-transform: translate(3%, 0%); transform: translate(3%, 0%); } 25% { -webkit-transform: translate(1%, 2%); transform: translate(1%, 2%); } 30% { -webkit-transform: translate(1%, 3%); transform: translate(1%, 3%); } 35% { -webkit-transform: translate(0%, 1%); transform: translate(0%, 1%); } 40% { -webkit-transform: translate(1%, 1%); transform: translate(1%, 1%); } 45% { -webkit-transform: translate(1%, 0%); transform: translate(1%, 0%); } 50% { -webkit-transform: translate(2%, 1%); transform: translate(2%, 1%); } 55% { -webkit-transform: translate(1%, 2%); transform: translate(1%, 2%); } 60% { -webkit-transform: translate(3%, 1%); transform: translate(3%, 1%); } 65% { -webkit-transform: translate(0%, 2%); transform: translate(0%, 2%); } 70% { -webkit-transform: translate(3%, 0%); transform: translate(3%, 0%); } 75% { -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); } 80% { -webkit-transform: translate(2%, 3%); transform: translate(2%, 3%); } 85% { -webkit-transform: translate(1%, 0%); transform: translate(1%, 0%); } 90% { -webkit-transform: translate(0%, 2%); transform: translate(0%, 2%); } 95% { -webkit-transform: translate(3%, 2%); transform: translate(3%, 2%); } } .ld.ld-tremble { -webkit-animation: ld-tremble 1s infinite; animation: ld-tremble 1s infinite; } @keyframes ld-wander-h { 0% { -webkit-transform: translate(-35%, 0); transform: translate(-35%, 0); } 50% { -webkit-transform: translate(35%, 0); transform: translate(35%, 0); } 100% { -webkit-transform: translate(-35%, 0); transform: translate(-35%, 0); } } @-webkit-keyframes ld-wander-h { 0% { -webkit-transform: translate(-35%, 0); transform: translate(-35%, 0); } 50% { -webkit-transform: translate(35%, 0); transform: translate(35%, 0); } 100% { -webkit-transform: translate(-35%, 0); transform: translate(-35%, 0); } } .ld.ld-wander-h { -webkit-animation: ld-wander-h 1s infinite ease-out; animation: ld-wander-h 1s infinite ease-out; } @keyframes ld-wander-v { 0% { -webkit-transform: translate(0, -35%); transform: translate(0, -35%); } 50% { -webkit-transform: translate(0, 35%); transform: translate(0, 35%); } 100% { -webkit-transform: translate(0, -35%); transform: translate(0, -35%); } } @-webkit-keyframes ld-wander-v { 0% { -webkit-transform: translate(0, -35%); transform: translate(0, -35%); } 50% { -webkit-transform: translate(0, 35%); transform: translate(0, 35%); } 100% { -webkit-transform: translate(0, -35%); transform: translate(0, -35%); } } .ld.ld-wander-v { -webkit-animation: ld-wander-v 1s infinite ease-out; animation: ld-wander-v 1s infinite ease-out; } @keyframes ld-bounce-px { 0%, 90% { animation-timing-function: linear; } 10% { animation-timing-function: cubic-bezier(0, 0.4, 0.6, 1); } 50% { animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); } 0% { -webkit-transform: translate(0, 30px) scaleY(0.5); transform: translate(0, 30px) scaleY(0.5); } 10% { -webkit-transform: translate(0, 5px) scaleY(1.1); transform: translate(0, 5px) scaleY(1.1); } 50% { -webkit-transform: translate(0, -37px) scaleY(1.1); transform: translate(0, -37px) scaleY(1.1); } 90% { -webkit-transform: translate(0, 5px) scaleY(1.1); transform: translate(0, 5px) scaleY(1.1); } 100% { -webkit-transform: translate(0, 30px) scaleY(0.5); transform: translate(0, 30px) scaleY(0.5); } } @-webkit-keyframes ld-bounce-px { 0%, 90% { animation-timing-function: linear; } 10% { animation-timing-function: cubic-bezier(0, 0.4, 0.6, 1); } 50% { animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); } 0% { -webkit-transform: translate(0, 30px) scaleY(0.5); transform: translate(0, 30px) scaleY(0.5); } 10% { -webkit-transform: translate(0, 5px) scaleY(1.1); transform: translate(0, 5px) scaleY(1.1); } 50% { -webkit-transform: translate(0, -37px) scaleY(1.1); transform: translate(0, -37px) scaleY(1.1); } 90% { -webkit-transform: translate(0, 5px) scaleY(1.1); transform: translate(0, 5px) scaleY(1.1); } 100% { -webkit-transform: translate(0, 30px) scaleY(0.5); transform: translate(0, 30px) scaleY(0.5); } } .ld.ld-bounce-px { -webkit-animation: ld-bounce-px 1s infinite; animation: ld-bounce-px 1s infinite; } @keyframes ld-bounce-px-rtl { 0% { -webkit-transform: translate(80px, -20px); transform: translate(80px, -20px); } 12.5% { -webkit-transform: translate(60px, -12px); transform: translate(60px, -12px); } 25% { -webkit-transform: translate(40px, 0); transform: translate(40px, 0); } 37.5% { -webkit-transform: translate(25px, -12px); transform: translate(25px, -12px); } 50% { -webkit-transform: translate(0, -20px); transform: translate(0, -20px); } 62.5% { -webkit-transform: translate(-25px, -12px); transform: translate(-25px, -12px); } 75% { -webkit-transform: translate(-40px, 0); transform: translate(-40px, 0); } 87.5% { -webkit-transform: translate(-60px, -12px); transform: translate(-60px, -12px); } 100% { -webkit-transform: translate(-80px, -20px); transform: translate(-80px, -20px); } } @-webkit-keyframes ld-bounce-px-rtl { 0% { -webkit-transform: translate(80px, -20px); transform: translate(80px, -20px); } 12.5% { -webkit-transform: translate(60px, -12px); transform: translate(60px, -12px); } 25% { -webkit-transform: translate(40px, 0); transform: translate(40px, 0); } 37.5% { -webkit-transform: translate(25px, -12px); transform: translate(25px, -12px); } 50% { -webkit-transform: translate(0, -20px); transform: translate(0, -20px); } 62.5% { -webkit-transform: translate(-25px, -12px); transform: translate(-25px, -12px); } 75% { -webkit-transform: translate(-40px, 0); transform: translate(-40px, 0); } 87.5% { -webkit-transform: translate(-60px, -12px); transform: translate(-60px, -12px); } 100% { -webkit-transform: translate(-80px, -20px); transform: translate(-80px, -20px); } } .ld.ld-bounce-px-rtl { -webkit-animation: ld-bounce-px-rtl 1s infinite linear; animation: ld-bounce-px-rtl 1s infinite linear; } @keyframes ld-bounce-px-ltr { 0% { -webkit-transform: translate(-80px, -20px); transform: translate(-80px, -20px); } 12.5% { -webkit-transform: translate(-60px, -12px); transform: translate(-60px, -12px); } 25% { -webkit-transform: translate(-50px, 0); transform: translate(-50px, 0); } 37.5% { -webkit-transform: translate(-25px, -12px); transform: translate(-25px, -12px); } 50% { -webkit-transform: translate(0, -20px); transform: translate(0, -20px); } 62.5% { -webkit-transform: translate(25px, -12px); transform: translate(25px, -12px); } 75% { -webkit-transform: translate(50px, 0); transform: translate(50px, 0); } 87.5% { -webkit-transform: translate(60px, -12px); transform: translate(60px, -12px); } 100% { -webkit-transform: translate(80px, -20px); transform: translate(80px, -20px); } } @-webkit-keyframes ld-bounce-px-ltr { 0% { -webkit-transform: translate(-80px, -20px); transform: translate(-80px, -20px); } 12.5% { -webkit-transform: translate(-60px, -12px); transform: translate(-60px, -12px); } 25% { -webkit-transform: translate(-50px, 0); transform: translate(-50px, 0); } 37.5% { -webkit-transform: translate(-25px, -12px); transform: translate(-25px, -12px); } 50% { -webkit-transform: translate(0, -20px); transform: translate(0, -20px); } 62.5% { -webkit-transform: translate(25px, -12px); transform: translate(25px, -12px); } 75% { -webkit-transform: translate(50px, 0); transform: translate(50px, 0); } 87.5% { -webkit-transform: translate(60px, -12px); transform: translate(60px, -12px); } 100% { -webkit-transform: translate(80px, -20px); transform: translate(80px, -20px); } } .ld.ld-bounce-px-ltr { -webkit-animation: ld-bounce-px-ltr 1s infinite linear; animation: ld-bounce-px-ltr 1s infinite linear; } @keyframes ld-bounce-a-px { 0%, 25%, 50%, 75%, 100% { animation-timing-function: cubic-bezier(0, 0.4, 0.6, 1); } 12.5%, 37.5%, 62.5%, 87.5% { animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); } 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 12.5% { -webkit-transform: translate(5px, -28px); transform: translate(5px, -28px); } 25% { -webkit-transform: translate(10px, 0); transform: translate(10px, 0); } 37.5% { -webkit-transform: translate(5px, -28px); transform: translate(5px, -28px); } 50% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 62.5% { -webkit-transform: translate(-5px, -28px); transform: translate(-5px, -28px); } 75% { -webkit-transform: translate(-10px, 0); transform: translate(-10px, 0); } 87.5% { -webkit-transform: translate(-5px, -28px); transform: translate(-5px, -28px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes ld-bounce-a-px { 0%, 25%, 50%, 75%, 100% { animation-timing-function: cubic-bezier(0, 0.4, 0.6, 1); } 12.5%, 37.5%, 62.5%, 87.5% { animation-timing-function: cubic-bezier(0.4, 0, 1, 0.6); } 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 12.5% { -webkit-transform: translate(5px, -28px); transform: translate(5px, -28px); } 25% { -webkit-transform: translate(10px, 0); transform: translate(10px, 0); } 37.5% { -webkit-transform: translate(5px, -28px); transform: translate(5px, -28px); } 50% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 62.5% { -webkit-transform: translate(-5px, -28px); transform: translate(-5px, -28px); } 75% { -webkit-transform: translate(-10px, 0); transform: translate(-10px, 0); } 87.5% { -webkit-transform: translate(-5px, -28px); transform: translate(-5px, -28px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .ld.ld-bounce-a-px { -webkit-animation: ld-bounce-a-px 2s infinite; animation: ld-bounce-a-px 2s infinite; } @keyframes ld-float-px { 0%, 100% { animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); } 50% { animation-timing-function: linear; } 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); box-shadow: 0 0 0 rgba(0,0,0,0.3); } 30% { -webkit-transform: translate(0, -10px); transform: translate(0, -10px); box-shadow: 0 5px 5px rgba(0,0,0,0.3); } 50% { -webkit-transform: translate(0, -10px); transform: translate(0, -10px); box-shadow: 0 5px 5px rgba(0,0,0,0.3); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); box-shadow: 0 0 0 rgba(0,0,0,0.3); } } @-webkit-keyframes ld-float-px { 0%, 100% { animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); } 50% { animation-timing-function: linear; } 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); box-shadow: 0 0 0 rgba(0,0,0,0.3); } 30% { -webkit-transform: translate(0, -10px); transform: translate(0, -10px); box-shadow: 0 5px 5px rgba(0,0,0,0.3); } 50% { -webkit-transform: translate(0, -10px); transform: translate(0, -10px); box-shadow: 0 5px 5px rgba(0,0,0,0.3); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); box-shadow: 0 0 0 rgba(0,0,0,0.3); } } .ld.ld-float-px { -webkit-animation: ld-float-px 1s infinite; animation: ld-float-px 1s infinite; } @keyframes ld-hit-px { 0% { animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); -webkit-transform: scale(0) translate(0, 0) skewX(0); transform: scale(0) translate(0, 0) skewX(0); } 20% { -webkit-transform: scale(1) translate(0, 0) skewX(20deg); transform: scale(1) translate(0, 0) skewX(20deg); } 50% { animation-timing-function: cubic-bezier(1, 0, 1, 0.5); -webkit-transform: scale(1) translate(0, 0) skewX(20deg); transform: scale(1) translate(0, 0) skewX(20deg); } 100% { -webkit-transform: scale(1) translate(0, 150px) skewX(20deg); transform: scale(1) translate(0, 150px) skewX(20deg); } } @-webkit-keyframes ld-hit-px { 0% { animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); -webkit-transform: scale(0) translate(0, 0) skewX(0); transform: scale(0) translate(0, 0) skewX(0); } 20% { -webkit-transform: scale(1) translate(0, 0) skewX(20deg); transform: scale(1) translate(0, 0) skewX(20deg); } 50% { animation-timing-function: cubic-bezier(1, 0, 1, 0.5); -webkit-transform: scale(1) translate(0, 0) skewX(20deg); transform: scale(1) translate(0, 0) skewX(20deg); } 100% { -webkit-transform: scale(1) translate(0, 150px) skewX(20deg); transform: scale(1) translate(0, 150px) skewX(20deg); } } .ld.ld-hit-px { -webkit-animation: ld-hit-px 2s infinite; animation: ld-hit-px 2s infinite; } @keyframes ld-jelly-px { 0%, 16.6%, 33.3%, 50%, 66.6%, 83.3% { animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); } 0% { -webkit-transform: translate(0, 0) skewX(0deg); transform: translate(0, 0) skewX(0deg); } 16.6% { -webkit-transform: translate(-30px, 0) skewX(30deg); transform: translate(-30px, 0) skewX(30deg); } 33.3% { -webkit-transform: translate(25px, 0) skewX(-20deg); transform: translate(25px, 0) skewX(-20deg); } 50% { -webkit-transform: translate(-12px, 0) skewX(10deg); transform: translate(-12px, 0) skewX(10deg); } 66.6% { -webkit-transform: translate(6px, 0) skewX(-5deg); transform: translate(6px, 0) skewX(-5deg); } 83.3% { -webkit-transform: translate(-2.5px, 0) skewX(2deg); transform: translate(-2.5px, 0) skewX(2deg); } 100% { -webkit-transform: translate(0, 0) skewX(0deg); transform: translate(0, 0) skewX(0deg); } } @-webkit-keyframes ld-jelly-px { 0%, 16.6%, 33.3%, 50%, 66.6%, 83.3% { animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); } 0% { -webkit-transform: translate(0, 0) skewX(0deg); transform: translate(0, 0) skewX(0deg); } 16.6% { -webkit-transform: translate(-30px, 0) skewX(30deg); transform: translate(-30px, 0) skewX(30deg); } 33.3% { -webkit-transform: translate(25px, 0) skewX(-20deg); transform: translate(25px, 0) skewX(-20deg); } 50% { -webkit-transform: translate(-12px, 0) skewX(10deg); transform: translate(-12px, 0) skewX(10deg); } 66.6% { -webkit-transform: translate(6px, 0) skewX(-5deg); transform: translate(6px, 0) skewX(-5deg); } 83.3% { -webkit-transform: translate(-2.5px, 0) skewX(2deg); transform: translate(-2.5px, 0) skewX(2deg); } 100% { -webkit-transform: translate(0, 0) skewX(0deg); transform: translate(0, 0) skewX(0deg); } } .ld.ld-jelly-px { -webkit-animation: ld-jelly-px 1s infinite linear; animation: ld-jelly-px 1s infinite linear; } @keyframes ld-jump-px { 0%, 28%, 48%, 64%, 76%, 86%, 93%, 100% { animation-timing-function: ease-out; } 14%, 38%, 56%, 70%, 81%, 90%, 97% { animation-timing-function: ease-in; } 0% { -webkit-transform: translateY(0px); transform: translateY(0px); } 14% { -webkit-transform: translateY(-27px); transform: translateY(-27px); } 28% { -webkit-transform: translateY(0px); transform: translateY(0px); } 38% { -webkit-transform: translateY(-20px); transform: translateY(-20px); } 48% { -webkit-transform: translateY(0px); transform: translateY(0px); } 56% { -webkit-transform: translateY(-16px); transform: translateY(-16px); } 64% { -webkit-transform: translateY(0px); transform: translateY(0px); } 70% { -webkit-transform: translateY(-12px); transform: translateY(-12px); } 76% { -webkit-transform: translateY(0px); transform: translateY(0px); } 81% { -webkit-transform: translateY(-7.5px); transform: translateY(-7.5px); } 86% { -webkit-transform: translateY(0px); transform: translateY(0px); } 90% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } 93% { -webkit-transform: translateY(0px); transform: translateY(0px); } 97% { -webkit-transform: translateY(-1.5px); transform: translateY(-1.5px); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); } } @-webkit-keyframes ld-jump-px { 0%, 28%, 48%, 64%, 76%, 86%, 93%, 100% { animation-timing-function: ease-out; } 14%, 38%, 56%, 70%, 81%, 90%, 97% { animation-timing-function: ease-in; } 0% { -webkit-transform: translateY(0px); transform: translateY(0px); } 14% { -webkit-transform: translateY(-27px); transform: translateY(-27px); } 28% { -webkit-transform: translateY(0px); transform: translateY(0px); } 38% { -webkit-transform: translateY(-20px); transform: translateY(-20px); } 48% { -webkit-transform: translateY(0px); transform: translateY(0px); } 56% { -webkit-transform: translateY(-16px); transform: translateY(-16px); } 64% { -webkit-transform: translateY(0px); transform: translateY(0px); } 70% { -webkit-transform: translateY(-12px); transform: translateY(-12px); } 76% { -webkit-transform: translateY(0px); transform: translateY(0px); } 81% { -webkit-transform: translateY(-7.5px); transform: translateY(-7.5px); } 86% { -webkit-transform: translateY(0px); transform: translateY(0px); } 90% { -webkit-transform: translateY(-3px); transform: translateY(-3px); } 93% { -webkit-transform: translateY(0px); transform: translateY(0px); } 97% { -webkit-transform: translateY(-1.5px); transform: translateY(-1.5px); } 100% { -webkit-transform: translateY(0px); transform: translateY(0px); } } .ld.ld-jump-px { -webkit-animation: ld-jump-px 1.5s ease-in infinite; animation: ld-jump-px 1.5s ease-in infinite; } @keyframes ld-orbit-px { 0% { -webkit-transform: translate(30px, 0) rotate(0deg); transform: translate(30px, 0) rotate(0deg); } 12.5% { -webkit-transform: translate(21px, 21px) rotate(45deg); transform: translate(21px, 21px) rotate(45deg); } 25% { -webkit-transform: translate(0, 30px) rotate(90deg); transform: translate(0, 30px) rotate(90deg); } 37.5% { -webkit-transform: translate(-21px, 21px) rotate(135deg); transform: translate(-21px, 21px) rotate(135deg); } 50% { -webkit-transform: translate(-30px, 0) rotate(180deg); transform: translate(-30px, 0) rotate(180deg); } 62.5% { -webkit-transform: translate(-21px, -21px) rotate(225deg); transform: translate(-21px, -21px) rotate(225deg); } 75% { -webkit-transform: translate(0, -30px) rotate(270deg); transform: translate(0, -30px) rotate(270deg); } 87.5% { -webkit-transform: translate(21px, -21px) rotate(315deg); transform: translate(21px, -21px) rotate(315deg); } 100% { -webkit-transform: translate(30px, 0) rotate(360deg); transform: translate(30px, 0) rotate(360deg); } } @-webkit-keyframes ld-orbit-px { 0% { -webkit-transform: translate(30px, 0) rotate(0deg); transform: translate(30px, 0) rotate(0deg); } 12.5% { -webkit-transform: translate(21px, 21px) rotate(45deg); transform: translate(21px, 21px) rotate(45deg); } 25% { -webkit-transform: translate(0, 30px) rotate(90deg); transform: translate(0, 30px) rotate(90deg); } 37.5% { -webkit-transform: translate(-21px, 21px) rotate(135deg); transform: translate(-21px, 21px) rotate(135deg); } 50% { -webkit-transform: translate(-30px, 0) rotate(180deg); transform: translate(-30px, 0) rotate(180deg); } 62.5% { -webkit-transform: translate(-21px, -21px) rotate(225deg); transform: translate(-21px, -21px) rotate(225deg); } 75% { -webkit-transform: translate(0, -30px) rotate(270deg); transform: translate(0, -30px) rotate(270deg); } 87.5% { -webkit-transform: translate(21px, -21px) rotate(315deg); transform: translate(21px, -21px) rotate(315deg); } 100% { -webkit-transform: translate(30px, 0) rotate(360deg); transform: translate(30px, 0) rotate(360deg); } } .ld.ld-orbit-px { -webkit-animation: ld-orbit-px 1s infinite linear; animation: ld-orbit-px 1s infinite linear; } @keyframes ld-rush-px-rtl { 0% { -webkit-transform: translate(100px, 0) skewX(-45deg); transform: translate(100px, 0) skewX(-45deg); animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); } 30% { -webkit-transform: translate(-20px, 0) skewX(35deg); transform: translate(-20px, 0) skewX(35deg); } 45% { -webkit-transform: translate(10px, 0) skewX(-15deg); transform: translate(10px, 0) skewX(-15deg); } 60% { -webkit-transform: translate(-5px, 0) skewX(7deg); transform: translate(-5px, 0) skewX(7deg); } 80% { -webkit-transform: translate(0, 0) skewX(0deg); transform: translate(0, 0) skewX(0deg); } 100% { -webkit-transform: translate(-150px, 0) skewX(-45deg); transform: translate(-150px, 0) skewX(-45deg); } } @-webkit-keyframes ld-rush-px-rtl { 0% { -webkit-transform: translate(100px, 0) skewX(-45deg); transform: translate(100px, 0) skewX(-45deg); animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); } 30% { -webkit-transform: translate(-20px, 0) skewX(35deg); transform: translate(-20px, 0) skewX(35deg); } 45% { -webkit-transform: translate(10px, 0) skewX(-15deg); transform: translate(10px, 0) skewX(-15deg); } 60% { -webkit-transform: translate(-5px, 0) skewX(7deg); transform: translate(-5px, 0) skewX(7deg); } 80% { -webkit-transform: translate(0, 0) skewX(0deg); transform: translate(0, 0) skewX(0deg); } 100% { -webkit-transform: translate(-150px, 0) skewX(-45deg); transform: translate(-150px, 0) skewX(-45deg); } } .ld.ld-rush-px-rtl { -webkit-animation: ld-rush-px-rtl 1.5s infinite linear; animation: ld-rush-px-rtl 1.5s infinite linear; } @keyframes ld-rush-px-ltr { 0% { -webkit-transform: translate(-100px, 0) skewX(45deg); transform: translate(-100px, 0) skewX(45deg); animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); } 30% { -webkit-transform: translate(20px, 0) skewX(-35deg); transform: translate(20px, 0) skewX(-35deg); } 45% { -webkit-transform: translate(-10px, 0) skewX(15deg); transform: translate(-10px, 0) skewX(15deg); } 60% { -webkit-transform: translate(5px, 0) skewX(-7deg); transform: translate(5px, 0) skewX(-7deg); } 80% { -webkit-transform: translate(0, 0) skewX(0deg); transform: translate(0, 0) skewX(0deg); } 100% { -webkit-transform: translate(150px, 0) skewX(45deg); transform: translate(150px, 0) skewX(45deg); } } @-webkit-keyframes ld-rush-px-ltr { 0% { -webkit-transform: translate(-100px, 0) skewX(45deg); transform: translate(-100px, 0) skewX(45deg); animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); } 30% { -webkit-transform: translate(20px, 0) skewX(-35deg); transform: translate(20px, 0) skewX(-35deg); } 45% { -webkit-transform: translate(-10px, 0) skewX(15deg); transform: translate(-10px, 0) skewX(15deg); } 60% { -webkit-transform: translate(5px, 0) skewX(-7deg); transform: translate(5px, 0) skewX(-7deg); } 80% { -webkit-transform: translate(0, 0) skewX(0deg); transform: translate(0, 0) skewX(0deg); } 100% { -webkit-transform: translate(150px, 0) skewX(45deg); transform: translate(150px, 0) skewX(45deg); } } .ld.ld-rush-px-ltr { -webkit-animation: ld-rush-px-ltr 1.5s infinite linear; animation: ld-rush-px-ltr 1.5s infinite linear; } @keyframes ld-shake-px { 0%, 16.6%, 33.3%, 50%, 66.6%, 83.3% { animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); } 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 16.6% { -webkit-transform: translate(-35px, 0); transform: translate(-35px, 0); } 33.3% { -webkit-transform: translate(25px, 0); transform: translate(25px, 0); } 50% { -webkit-transform: translate(-12px, 0); transform: translate(-12px, 0); } 66.6% { -webkit-transform: translate(6px, 0); transform: translate(6px, 0); } 83.3% { -webkit-transform: translate(-2.5px, 0); transform: translate(-2.5px, 0); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes ld-shake-px { 0%, 16.6%, 33.3%, 50%, 66.6%, 83.3% { animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); } 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 16.6% { -webkit-transform: translate(-35px, 0); transform: translate(-35px, 0); } 33.3% { -webkit-transform: translate(25px, 0); transform: translate(25px, 0); } 50% { -webkit-transform: translate(-12px, 0); transform: translate(-12px, 0); } 66.6% { -webkit-transform: translate(6px, 0); transform: translate(6px, 0); } 83.3% { -webkit-transform: translate(-2.5px, 0); transform: translate(-2.5px, 0); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .ld.ld-shake-px { -webkit-animation: ld-shake-px 1s infinite linear; animation: ld-shake-px 1s infinite linear; } @keyframes ld-slide-px-ltr { 0%, 100% { animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); } 50% { animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); } 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 49.9% { -webkit-transform: translate(100px, 0); transform: translate(100px, 0); } 50% { -webkit-transform: translate(-100px, 0); transform: translate(-100px, 0); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes ld-slide-px-ltr { 0%, 100% { animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); } 50% { animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); } 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 49.9% { -webkit-transform: translate(100px, 0); transform: translate(100px, 0); } 50% { -webkit-transform: translate(-100px, 0); transform: translate(-100px, 0); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .ld.ld-slide-px-ltr { -webkit-animation: ld-slide-px-ltr 1s infinite; animation: ld-slide-px-ltr 1s infinite; } @keyframes ld-slide-px-rtl { 0%, 100% { animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); } 50% { animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); } 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 49.9% { -webkit-transform: translate(-100px, 0); transform: translate(-100px, 0); } 50% { -webkit-transform: translate(100px, 0); transform: translate(100px, 0); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes ld-slide-px-rtl { 0%, 100% { animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); } 50% { animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); } 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 49.9% { -webkit-transform: translate(-100px, 0); transform: translate(-100px, 0); } 50% { -webkit-transform: translate(100px, 0); transform: translate(100px, 0); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .ld.ld-slide-px-rtl { -webkit-animation: ld-slide-px-rtl 1s infinite; animation: ld-slide-px-rtl 1s infinite; } @keyframes ld-slide-px-btt { 0%, 100% { animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); } 50% { animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); } 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 49.9% { -webkit-transform: translate(0, -100px); transform: translate(0, -100px); } 50% { -webkit-transform: translate(0, 100px); transform: translate(0, 100px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes ld-slide-px-btt { 0%, 100% { animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); } 50% { animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); } 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 49.9% { -webkit-transform: translate(0, -100px); transform: translate(0, -100px); } 50% { -webkit-transform: translate(0, 100px); transform: translate(0, 100px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .ld.ld-slide-px-btt { -webkit-animation: ld-slide-px-btt 1s infinite; animation: ld-slide-px-btt 1s infinite; } @keyframes ld-slide-px-ttb { 0%, 100% { animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); } 50% { animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); } 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 49.9% { -webkit-transform: translate(0, 100px); transform: translate(0, 100px); } 50% { -webkit-transform: translate(0, -100px); transform: translate(0, -100px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes ld-slide-px-ttb { 0%, 100% { animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); } 50% { animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); } 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 49.9% { -webkit-transform: translate(0, 100px); transform: translate(0, 100px); } 50% { -webkit-transform: translate(0, -100px); transform: translate(0, -100px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .ld.ld-slide-px-ttb { -webkit-animation: ld-slide-px-ttb 1s infinite; animation: ld-slide-px-ttb 1s infinite; } @keyframes ld-tremble-px { 0% { -webkit-transform: translate(1px, 1px); transform: translate(1px, 1px); } 5% { -webkit-transform: translate(0, 1px); transform: translate(0, 1px); } 10% { -webkit-transform: translate(1px, 2px); transform: translate(1px, 2px); } 15% { -webkit-transform: translate(2px, 1px); transform: translate(2px, 1px); } 20% { -webkit-transform: translate(3px, 0); transform: translate(3px, 0); } 25% { -webkit-transform: translate(1px, 2px); transform: translate(1px, 2px); } 30% { -webkit-transform: translate(1px, 3px); transform: translate(1px, 3px); } 35% { -webkit-transform: translate(0, 1px); transform: translate(0, 1px); } 40% { -webkit-transform: translate(1px, 1px); transform: translate(1px, 1px); } 45% { -webkit-transform: translate(1px, 0); transform: translate(1px, 0); } 50% { -webkit-transform: translate(2px, 1px); transform: translate(2px, 1px); } 55% { -webkit-transform: translate(1px, 2px); transform: translate(1px, 2px); } 60% { -webkit-transform: translate(3px, 1px); transform: translate(3px, 1px); } 65% { -webkit-transform: translate(0, 2px); transform: translate(0, 2px); } 70% { -webkit-transform: translate(3px, 0); transform: translate(3px, 0); } 75% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 80% { -webkit-transform: translate(2px, 3px); transform: translate(2px, 3px); } 85% { -webkit-transform: translate(1px, 0); transform: translate(1px, 0); } 90% { -webkit-transform: translate(0, 2px); transform: translate(0, 2px); } 95% { -webkit-transform: translate(3px, 2px); transform: translate(3px, 2px); } } @-webkit-keyframes ld-tremble-px { 0% { -webkit-transform: translate(1px, 1px); transform: translate(1px, 1px); } 5% { -webkit-transform: translate(0, 1px); transform: translate(0, 1px); } 10% { -webkit-transform: translate(1px, 2px); transform: translate(1px, 2px); } 15% { -webkit-transform: translate(2px, 1px); transform: translate(2px, 1px); } 20% { -webkit-transform: translate(3px, 0); transform: translate(3px, 0); } 25% { -webkit-transform: translate(1px, 2px); transform: translate(1px, 2px); } 30% { -webkit-transform: translate(1px, 3px); transform: translate(1px, 3px); } 35% { -webkit-transform: translate(0, 1px); transform: translate(0, 1px); } 40% { -webkit-transform: translate(1px, 1px); transform: translate(1px, 1px); } 45% { -webkit-transform: translate(1px, 0); transform: translate(1px, 0); } 50% { -webkit-transform: translate(2px, 1px); transform: translate(2px, 1px); } 55% { -webkit-transform: translate(1px, 2px); transform: translate(1px, 2px); } 60% { -webkit-transform: translate(3px, 1px); transform: translate(3px, 1px); } 65% { -webkit-transform: translate(0, 2px); transform: translate(0, 2px); } 70% { -webkit-transform: translate(3px, 0); transform: translate(3px, 0); } 75% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 80% { -webkit-transform: translate(2px, 3px); transform: translate(2px, 3px); } 85% { -webkit-transform: translate(1px, 0); transform: translate(1px, 0); } 90% { -webkit-transform: translate(0, 2px); transform: translate(0, 2px); } 95% { -webkit-transform: translate(3px, 2px); transform: translate(3px, 2px); } } .ld.ld-tremble-px { -webkit-animation: ld-tremble-px 1s infinite; animation: ld-tremble-px 1s infinite; } @keyframes ld-wander-px-h { 0% { -webkit-transform: translate(-35px, 0); transform: translate(-35px, 0); } 50% { -webkit-transform: translate(35px, 0); transform: translate(35px, 0); } 100% { -webkit-transform: translate(-35px, 0); transform: translate(-35px, 0); } } @-webkit-keyframes ld-wander-px-h { 0% { -webkit-transform: translate(-35px, 0); transform: translate(-35px, 0); } 50% { -webkit-transform: translate(35px, 0); transform: translate(35px, 0); } 100% { -webkit-transform: translate(-35px, 0); transform: translate(-35px, 0); } } .ld.ld-wander-px-h { -webkit-animation: ld-wander-px-h 1s infinite ease-out; animation: ld-wander-px-h 1s infinite ease-out; } @keyframes ld-wander-px-v { 0% { -webkit-transform: translate(0, -35px); transform: translate(0, -35px); } 50% { -webkit-transform: translate(0, 35px); transform: translate(0, 35px); } 100% { -webkit-transform: translate(0, -35px); transform: translate(0, -35px); } } @-webkit-keyframes ld-wander-px-v { 0% { -webkit-transform: translate(0, -35px); transform: translate(0, -35px); } 50% { -webkit-transform: translate(0, 35px); transform: translate(0, 35px); } 100% { -webkit-transform: translate(0, -35px); transform: translate(0, -35px); } } .ld.ld-wander-px-v { -webkit-animation: ld-wander-px-v 1s infinite ease-out; animation: ld-wander-px-v 1s infinite ease-out; }