Commit 66eaa8301bdcfb8995c6393ed2ebd08dc7b9106d

Authored by mangaldeep patel
1 parent 3c49db61

AdamImagesBug

400-SOURCECODE/AIAHTML5.Web/Web.config
... ... @@ -20,8 +20,9 @@
20 20 <location path="app/views">
21 21  
22 22 </location>
23   - <system.webServer>
24   - <rewrite>
  23 + <system.webServer>.
  24 +
  25 + <!--<rewrite>
25 26 <rules>
26 27 <rule name="AngularJS Routes" stopProcessing="true">
27 28 <match url=".*" />
... ... @@ -33,7 +34,7 @@
33 34 <action type="Rewrite" url="/" />
34 35 </rule>
35 36 </rules>
36   - </rewrite>
  37 + </rewrite>-->
37 38 <staticContent>
38 39  
39 40 <remove fileExtension=".mp3" />
... ... @@ -42,6 +43,7 @@
42 43 <mimeMap fileExtension=".woff" mimeType="application/font-woff" />
43 44 <mimeMap fileExtension=".mp3" mimeType="audio/mpeg" />
44 45 <mimeMap fileExtension=".vtt" mimeType="text/vtt" />
  46 + <mimeMap fileExtension=".json" mimeType="application/json" />
45 47 <!--<mimeMap fileExtension=".woff2" mimeType="application/font-woff2" />-->
46 48  
47 49  
... ...
400-SOURCECODE/AIAHTML5.Web/app/controllers/AIController.js
... ... @@ -222,6 +222,16 @@ function ($scope, $window, $rootScope, $compile, $http, log, $location, $timeout
222 222 }
223 223  
224 224 $scope.ApplySearch = function (SearchText) {
  225 + var currentSearchtext = $rootScope.getLocalStorageValue("AIImageId");
  226 + localStorage.setItem("AIImageId", '');
  227 + if (currentSearchtext == "undefined" || (currentSearchtext == null || currentSearchtext == ""))
  228 + {
  229 + if (SearchText == "undefined" || (SearchText == null || SearchText == ""))
  230 + {
  231 + alert("Please enter the text !")
  232 + return false;
  233 + }
  234 + }
225 235  
226 236 $rootScope.isLoading = true;
227 237 $('#spinner').css('visibility', 'visible');
... ... @@ -279,7 +289,7 @@ function ($scope, $window, $rootScope, $compile, $http, log, $location, $timeout
279 289 if (selectimg === true) {
280 290 $scope.imagePath = "~/../content/images/ai/thumbnails/" + value._ThumbnailImage;
281 291  
282   - var $el = $('<div id="' + value._id + '" class="col-sm-3 col-md-2" title = "' + value._Title + '" data-ng-click="AdamDetail($event)">'
  292 + var $el = $('<div id="' + value._id + '" class="col-sm-3 col-md-2" title = "' + value._Title + '" data-ng-click="OpenAdamImage($event)">'
283 293 + '<div style="width:auto;height:auto;" class="thumbnail" >'
284 294 + '<img style="height:150px" id="' + value._Title + '"ng-src="' + $scope.imagePath + '" alt="" title="" >'
285 295 + '<div class="caption"><p>' + value._Title + '</p></div></a></div></div>').appendTo('#grid-view');
... ... @@ -328,9 +338,10 @@ function ($scope, $window, $rootScope, $compile, $http, log, $location, $timeout
328 338  
329 339  
330 340 $scope.ApplySearchByAlphabet = function (SearchText) {
331   -
332 341 $rootScope.isLoading = true;
  342 + $('ul li a').removeAttr("style");
333 343 $('#spinner').css('visibility', 'visible');
  344 + $('#' + SearchText).css({"color": "white", "background-color" : "#1B92D0"});
334 345  
335 346 $scope.filterstring = true;
336 347  
... ... @@ -341,6 +352,7 @@ function ($scope, $window, $rootScope, $compile, $http, log, $location, $timeout
341 352  
342 353  
343 354  
  355 +
344 356 if (typeof (SearchText) !== "undefined" && (SearchText !== null && SearchText !== "")) {
345 357  
346 358 localStorage.setItem("AIImageId", SearchText);
... ... @@ -386,7 +398,7 @@ function ($scope, $window, $rootScope, $compile, $http, log, $location, $timeout
386 398 if (selectimg === true) {
387 399 $scope.imagePath = "~/../content/images/ai/thumbnails/" + value._ThumbnailImage;
388 400  
389   - var $el = $('<div id="' + value._id + '" class="col-sm-3 col-md-2" title = "' + value._Title + '" data-ng-click="AdamDetail($event)">'
  401 + var $el = $('<div id="' + value._id + '" class="col-sm-3 col-md-2" title = "' + value._Title + '" data-ng-click="OpenAdamImage($event)">'
390 402 + '<div style="width:auto;height:auto;" class="thumbnail" >'
391 403 + '<img style="height:150px" id="' + value._Title + '"ng-src="' + $scope.imagePath + '" alt="" title="" >'
392 404 + '<div class="caption"><p>' + value._Title + '</p></div></a></div></div>').appendTo('#grid-view');
... ... @@ -479,7 +491,7 @@ function ($scope, $window, $rootScope, $compile, $http, log, $location, $timeout
479 491  
480 492 var counter = 1;
481 493 var tittle = $rootScope.getLocalStorageValue("currentImageTitleFromJson");
482   - localStorage.setItem("currentImageTitle", tittle);
  494 + localStorage.setItem("currentViewTitle", tittle);
483 495  
484 496 var promise = DataService.getJson('~/../content/data/json/ai/ai_dat_contentlist.json')
485 497 promise.then(
... ... @@ -509,7 +521,7 @@ function ($scope, $window, $rootScope, $compile, $http, log, $location, $timeout
509 521 //ajax: {
510 522 // url: 'app/views/ci/ci-view-detail.html'
511 523 //},
512   - title: $rootScope.getLocalStorageValue("currentImageTitle"),
  524 + title: $rootScope.getLocalStorageValue("currentViewTitle"),
513 525 position: {
514 526 top: 70,
515 527 left: 20,
... ... @@ -535,8 +547,8 @@ function ($scope, $window, $rootScope, $compile, $http, log, $location, $timeout
535 547 });
536 548  
537 549  
538   - $("#aiImagePanel .img-thumbnail").css("height", $("#aiImagePanel .jsPanel-content").height());
539   - var jspContentHeight = $('.jsPanel-content').height();
  550 + //$("#aiImagePanel .img-thumbnail").css("height", $("#aiImagePanel .jsPanel-content").height());
  551 + var jspContentHeight = $('.jsPanel-content').css('overflow','auto !important').height();
540 552  
541 553 }
542 554  
... ...
400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js
... ... @@ -1324,6 +1324,9 @@ function ($rootScope, $scope, Modules, $log, $location, $timeout, DataService, A
1324 1324 if ($('#ciImagePanel').length > 0)
1325 1325 $('#ciImagePanel').remove();
1326 1326  
  1327 + if ($('#aiImagePanel').length > 0)
  1328 + $('#aiImagePanel').remove();
  1329 +
1327 1330 if ($('#caVideoPanel').length > 0)
1328 1331 $('#caVideoPanel').remove();
1329 1332  
... ... @@ -5507,6 +5510,7 @@ function ($rootScope, $scope, Modules, $log, $location, $timeout, DataService, A
5507 5510 function OpenJSPanel() {
5508 5511 $("#daImagePanel").css({ "pointer-events": "none", "opacity": ".5" });
5509 5512 $("#ciImagePanel").css({ "pointer-events": "none", "opacity": ".5" });
  5513 + $("#aiImagePanel").css({ "pointer-events": "none", "opacity": ".5" });
5510 5514 $("#ImagePanel").css({ "pointer-events": "none", "opacity": ".5" });
5511 5515 $.jsPanel({
5512 5516 id: 'jsPanel-1',
... ... @@ -5647,6 +5651,7 @@ function ($rootScope, $scope, Modules, $log, $location, $timeout, DataService, A
5647 5651 $(document).on('click', '#jsPanel-1 .jsglyph-remove', function () {
5648 5652 $("#daImagePanel").css({ "pointer-events": "auto", "opacity": "1" });
5649 5653 $("#ciImagePanel").css({ "pointer-events": "auto", "opacity": "1" });
  5654 + $("#aiImagePanel").css({ "pointer-events": "auto", "opacity": "1" });
5650 5655 $("#ImagePanel").css({ "pointer-events": "auto", "opacity": "1" });
5651 5656 $("#annotationButton").parent().removeClass("disableMenuannotation");
5652 5657 $("#annotationToolBarOptions").removeClass("disableMenuoption");
... ...
400-SOURCECODE/AIAHTML5.Web/app/views/ai/adam-images-detail.html
1 1 ๏ปฟ<div>
2 2 <div ng-include="aap/widget/MainMenu.html"></div>
3   - <div ng-init="OpenAdamImageView()" id="AIView" class="aiView" ng-controller="AIController" style=" "></div> <!--position: absolute !important;-->
4   -
5   -
  3 + <div ng-init="OpenAdamImageView()" id="AIView" class="aiView" ng-controller="AIController" style=" "></div> <!--position: absolute !important;-->
6 4 </div>
... ...
400-SOURCECODE/AIAHTML5.Web/app/views/ai/ai-view.html
... ... @@ -16,32 +16,32 @@
16 16 </form>
17 17 <nav>
18 18 <ul class="pagination pagination-sm no-margin">
19   - <li><a href="#" ng-click="ApplySearchByAlphabet('A')">A</a></li>
20   - <li><a href="#" ng-click="ApplySearchByAlphabet('B')">B</a></li>
21   - <li><a href="#" ng-click="ApplySearchByAlphabet('C')">C</a></li>
22   - <li><a href="#" ng-click="ApplySearchByAlphabet('D')">D</a></li>
23   - <li><a href="#" ng-click="ApplySearchByAlphabet('E')">E</a></li>
24   - <li><a href="#" ng-click="ApplySearchByAlphabet('F')">F</a></li>
25   - <li><a href="#" ng-click="ApplySearchByAlphabet('G')">G</a></li>
26   - <li><a href="#" ng-click="ApplySearchByAlphabet('H')">H</a></li>
27   - <li><a href="#" ng-click="ApplySearchByAlphabet('I')">I</a></li>
28   - <li><a href="#" ng-click="ApplySearchByAlphabet('J')">J</a></li>
29   - <li><a href="#" ng-click="ApplySearchByAlphabet('K')">K</a></li>
30   - <li><a href="#" ng-click="ApplySearchByAlphabet('L')">L</a></li>
31   - <li><a href="#" ng-click="ApplySearchByAlphabet('M')">M</a></li>
32   - <li><a href="#" ng-click="ApplySearchByAlphabet('N')">N</a></li>
33   - <li><a href="#" ng-click="ApplySearchByAlphabet('O')">O</a></li>
34   - <li><a href="#" ng-click="ApplySearchByAlphabet('P')">P</a></li>
35   - <li><a href="#" ng-click="ApplySearchByAlphabet('Q')">Q</a></li>
36   - <li><a href="#" ng-click="ApplySearchByAlphabet('R')">R</a></li>
37   - <li><a href="#" ng-click="ApplySearchByAlphabet('S')">S</a></li>
38   - <li><a href="#" ng-click="ApplySearchByAlphabet('T')">T</a></li>
39   - <li><a href="#" ng-click="ApplySearchByAlphabet('U')">U</a></li>
40   - <li><a href="#" ng-click="ApplySearchByAlphabet('V')">V</a></li>
41   - <li><a href="#" ng-click="ApplySearchByAlphabet('W')">W</a></li>
42   - <li><a href="#" ng-click="ApplySearchByAlphabet('X')">X</a></li>
43   - <li><a href="#" ng-click="ApplySearchByAlphabet('Y')">Y</a></li>
44   - <li><a href="#" ng-click="ApplySearchByAlphabet('Z')">Z</a></li>
  19 + <li><a id="A" href="#" ng-click="ApplySearchByAlphabet('A')">A</a></li>
  20 + <li><a id="B" href="#" ng-click="ApplySearchByAlphabet('B')">B</a></li>
  21 + <li><a id="C" href="#" ng-click="ApplySearchByAlphabet('C')">C</a></li>
  22 + <li><a id="D" href="#" ng-click="ApplySearchByAlphabet('D')">D</a></li>
  23 + <li><a id="E" href="#" ng-click="ApplySearchByAlphabet('E')">E</a></li>
  24 + <li><a id="F" href="#" ng-click="ApplySearchByAlphabet('F')">F</a></li>
  25 + <li><a id="G" href="#" ng-click="ApplySearchByAlphabet('G')">G</a></li>
  26 + <li><a id="H" href="#" ng-click="ApplySearchByAlphabet('H')">H</a></li>
  27 + <li><a id="I" href="#" ng-click="ApplySearchByAlphabet('I')">I</a></li>
  28 + <li><a id="J" href="#" ng-click="ApplySearchByAlphabet('J')">J</a></li>
  29 + <li><a id="K" href="#" ng-click="ApplySearchByAlphabet('K')">K</a></li>
  30 + <li><a id="L" href="#" ng-click="ApplySearchByAlphabet('L')">L</a></li>
  31 + <li><a id="M" href="#" ng-click="ApplySearchByAlphabet('M')">M</a></li>
  32 + <li><a id="N" href="#" ng-click="ApplySearchByAlphabet('N')">N</a></li>
  33 + <li><a id="O" href="#" ng-click="ApplySearchByAlphabet('O')">O</a></li>
  34 + <li><a id="P" href="#" ng-click="ApplySearchByAlphabet('P')">P</a></li>
  35 + <li><a id="Q" href="#" ng-click="ApplySearchByAlphabet('Q')">Q</a></li>
  36 + <li><a id="R" href="#" ng-click="ApplySearchByAlphabet('R')">R</a></li>
  37 + <li><a id="S" href="#" ng-click="ApplySearchByAlphabet('S')">S</a></li>
  38 + <li><a id="T" href="#" ng-click="ApplySearchByAlphabet('T')">T</a></li>
  39 + <li><a id="U" href="#" ng-click="ApplySearchByAlphabet('U')">U</a></li>
  40 + <li><a id="V" href="#" ng-click="ApplySearchByAlphabet('V')">V</a></li>
  41 + <li><a id="W" href="#" ng-click="ApplySearchByAlphabet('W')">W</a></li>
  42 + <li><a id="X" href="#" ng-click="ApplySearchByAlphabet('X')">X</a></li>
  43 + <li><a id="Y" href="#" ng-click="ApplySearchByAlphabet('Y')">Y</a></li>
  44 + <li><a id="Z" href="#" ng-click="ApplySearchByAlphabet('Z')">Z</a></li>
45 45 </ul>
46 46 <button type="button" class="btn btn-primary btn-sm" ng-click="Reset(query)" style = "margin-bottom:23px"><i class="fa fa-eye"></i>Show All</button>
47 47 </nav>
... ...
400-SOURCECODE/AIAHTML5.Web/libs/jquery/jquery_plugin/jsPanel/jspanel/jquery.jspanel.css
1   -/* jquery.jspanel.css version 2.5.3 - 2015-05-16 22:21 */
2   -@font-face {
3   - font-family: 'jsglyphregular';
4   - src: url('fonts/jsglyph.eot');
5   - src: url('fonts/jsglyph.eot?#iefix') format('embedded-opentype'),
6   - url('fonts/jsglyph.woff2') format('woff2'),
7   - url('fonts/jsglyph.woff') format('woff'),
8   - url('fonts/jsglyph.ttf') format('truetype'),
9   - url('fonts/jsglyph.svg#jsglyphregular') format('svg');
10   - font-weight: normal;
11   - font-style: normal;
12   -}
13   -.jsglyph{ font-family: "jsglyphregular"; }
14   -
15   -.jsglyph-minimize:before{ content: "\e001"; } /* unicode &#xe001; */
16   -.jsglyph-maximize:before{ content: "\e002"; }
17   -.jsglyph-chevron-up:before{ content: "\e003"; }
18   -.jsglyph-chevron-down:before{ content: "\e004"; }
19   -.jsglyph-normalize:before{ content: "\e005"; }
20   -.jsglyph-tick:before{ content: "\e006"; }
21   -.jsglyph-remove:before{ content: "\e007"; }
22   -.jsglyph-chevron-right:before{ content: "\e008"; }
23   -.jsglyph-chevron-left:before{ content: "\e009"; }
24   -.jsglyph-plus:before{ content: "\e00a"; }
25   -.jsglyph-minus:before{ content: "\e00b"; }
26   -.jsglyph-trashcan:before{ content: "\e00c"; }
27   -.jsglyph-square-info:before{ content: "\e00d"; }
28   -.jsglyph-square-exclamationmark:before{ content: "\e00e"; }
29   -.jsglyph-delete:before{ content: "\e00f"; }
30   -.jsglyph-mail:before{ content: "\e010"; }
31   -.jsglyph-envelope:before{ content: "\e011"; }
32   -.jsglyph-play:before{ content: "\e012"; }
33   -.jsglyph-forward:before{ content: "\e013"; }
34   -.jsglyph-backward:before{ content: "\e014"; }
35   -.jsglyph-step-forward:before{ content: "\e015"; }
36   -.jsglyph-step-backward:before{ content: "\e016"; }
37   -.jsglyph-fast-forward:before{ content: "\e017"; }
38   -.jsglyph-fast-backward:before{ content: "\e018"; }
39   -.jsglyph-eject:before{ content: "\e019"; }
40   -.jsglyph-stop:before{ content: "\e01a"; }
41   -.jsglyph-pause:before{ content: "\e01b"; }
42   -.jsglyph-arrow-right:before{ content: "\e01c"; }
43   -.jsglyph-arrow-left:before{ content: "\e01d"; }
44   -.jsglyph-arrow-up:before{ content: "\e01e"; }
45   -.jsglyph-arrow-down:before{ content: "\e01f"; }
46   -.jsglyph-star-halffull:before{ content: "\e020"; }
47   -.jsglyph-star:before{ content: "\e021"; }
48   -.jsglyph-star-empty:before{ content: "\e022"; }
49   -.jsglyph-arrow-right-hollow:before{ content: "\e023"; }
50   -.jsglyph-arrow-left-hollow:before{ content: "\e024"; }
51   -.jsglyph-arrow-up-hollow:before{ content: "\e025"; }
52   -.jsglyph-arrow-down-hollow:before{ content: "\e026"; }
53   -.jsglyph-square-questionmark:before{ content: "\e027"; }
54   -.jsglyph-circle-info:before{ content: "\e028"; }
55   -.jsglyph-circle-exclamationmark:before{ content: "\e029"; }
56   -.jsglyph-circle-questionmark:before{ content: "\e02a"; }
57   -.jsglyph-circle2-info:before{ content: "\e02b"; }
58   -.jsglyph-circle2-exclamationmark:before{ content: "\e02c"; }
59   -.jsglyph-circle2-questionmark:before{ content: "\e02d"; }
60   -.jsglyph-resize-handle:before{ content: "\e02e"; }
61   -.jsglyph-resize-handle-2:before{ content: "\e02f"; }
62   -.jsglyph-pencil:before{ content: "\e030"; }
63   -.jsglyph-refresh:before{ content: "\e031"; }
64   -.jsglyph-volume-off:before{ content: "\e032"; }
65   -.jsglyph-volume-up:before{ content: "\e033"; }
66   -.jsglyph-volume-down:before{ content: "\e034"; }
67   -.jsglyph-link:before{ content: "\e035"; }
68   -.jsglyph-eye-open:before{ content: "\e036"; }
69   -.jsglyph-eye-slash:before{ content: "\e037"; }
70   -.jsglyph-power-on:before{ content: "\e038"; }
71   -.jsglyph-cog:before{ content: "\e039"; }
72   -.jsglyph-cog2:before{ content: "\e03a"; }
73   -.jsglyph-torso:before{ content: "\e03b"; }
74   -.jsglyph-people:before{ content: "\e03c"; }
75   -.jsglyph-torso-female:before{ content: "\e03d"; }
76   -.jsglyph-people-female:before{ content: "\e03e"; }
77   -.jsglyph-torso-male-female:before{ content: "\e03f"; }
78   -.jsglyph-torso-female-male:before{ content: "\e040"; }
79   -.jsglyph-torso-hollow:before{ content: "\e041"; }
80   -.jsglyph-cog3:before{ content: "\e042"; }
81   -.jsglyph-tools:before{ content: "\e043"; }
82   -.jsglyph-home:before{ content: "\e044"; }
83   -.jsglyph-login:before{ content: "\e045"; }
84   -.jsglyph-logout:before{ content: "\e046"; }
85   -.jsglyph-download:before{ content: "\e047"; }
86   -.jsglyph-upload:before{ content: "\e048"; }
87   -.jsglyph-reload:before{ content: "\e049"; }
88   -.jsglyph-lock:before{ content: "\e04a"; }
89   -.jsglyph-unlock:before{ content: "\e04b"; }
90   -.jsglyph-save:before{ content: "\e04c"; }
91   -.jsglyph-wrench:before{ content: "\e04d"; }
92   -.jsglyph-search:before{ content: "\e04e"; }
93   -.jsglyph-zoom-in:before{ content: "\e04f"; }
94   -.jsglyph-zoom-out:before{ content: "\e050"; }
95   -.jsglyph-bars:before{ content: "\e051"; }
96   -.jsglyph-marker:before{ content: "\e052"; }
97   -.jsglyph-resize-handle-left:before{ content: "\e053"; }
98   -.jsglyph-resize-handle-2-left:before{ content: "\e054"; }
99   -.jsglyph-edit:before{ content: "\e055"; }
100   -
101   -
102   -.jsPanel, .jsPanel-hdr-r, .jsPanel-hdr-l, .jsPanel-hdr-r span img, .jsPanel-content{
103   - margin: 0; padding: 0; border: 0; font-size: 100%; line-height: 1.5em; vertical-align: baseline;
104   -}
105   -.jsPanel{
106   - box-sizing: border-box;
107   - /*overflow: hidden;*/
108   - position: absolute;
109   - border-radius: 0px;
110   - /*z-index: 100;*/
111   -}
112   -.jsPanel-hdr{
113   - box-sizing: border-box;
114   - min-height: 30px;
115   - padding: 2px 0 4px 2px;
116   -}
117   -.jsPanel-hdr *{
118   - font-size: 16px;
119   -}
120   -.jsPanel-hdr-r{
121   - position: absolute;
122   - top: 0;
123   - right: 0;
124   -}
125   -h3.jsPanel-title{
126   - float: left;
127   - width: calc(100% - 90px);
128   - white-space: nowrap;
129   - overflow: hidden;
130   - text-align: left;
131   - text-overflow: ellipsis;
132   - margin: 0 5px;
133   - font-variant: normal;
134   - font-weight: bold;
135   - cursor: move;
136   - min-height: 20px;
137   - padding: 0 10px;
138   - font-size:25px;
139   - font-variant-caps:all-petite-caps;
140   -}
141   -.jsPanel-hdr-r div{
142   - float: right;
143   - cursor: pointer;
144   - margin-left: 1px;
145   - width: auto;
146   - height: auto;
147   - min-width: 20px;
148   - min-height: 20px;
149   - overflow: hidden;
150   -}
151   -
152   -.jsPanel-btn-close{ background: url("images/icon-sprite-20x20.jpg") 20px 0 repeat no-repeat; }
153   -.jsPanel-btn-max{ background: url("images/icon-sprite-20x20.jpg") 40px 0 repeat no-repeat; }
154   -.jsPanel-btn-norm{ background: url("images/icon-sprite-20x20.jpg") 60px 0 repeat no-repeat; display: none; }
155   -.jsPanel-btn-min{ background: url("images/icon-sprite-20x20.jpg") 80px 0 repeat no-repeat; }
156   -.jsPanel-btn-small{ background: url("images/icon-sprite-20x20.jpg") 100px 0 repeat no-repeat; }
157   -.jsPanel-btn-smallrev{ background: url("images/icon-sprite-20x20.jpg") 120px 0 repeat no-repeat; display: none; }
158   -
159   -
160   -.jsPanel-hdr-toolbar {
161   - box-sizing: border-box;
162   - clear: both;
163   - font-size: 16px;
164   - margin-top: 23px;
165   - height: auto;
166   - padding: 0 5px;
167   - width: auto;
168   -}
169   -.jsPanel-hdr-toolbar img{
170   - cursor: pointer;
171   - margin-bottom: 4px;
172   - margin-right: 5px;
173   -}
174   -.jsPanel-content {
175   - font-size: 12px;
176   - position: relative;
177   - width: 100%;
178   - overflow: hidden;
179   - box-sizing: border-box;
180   -}
181   -.jsPanel-ftr{
182   - box-sizing: border-box;
183   - cursor: move;
184   - display: none;
185   - font-size: 12px;
186   - height: auto;
187   - padding: 2px 2px 2px 5px;
188   - text-align: right;
189   -}
190   -.jsPanel-ftr button{
191   - margin: 5px;
192   -}
193   -
194   -/* clearfix */
195   -.jsPanel-clearfix:after {
196   - content: ".";
197   - display: block;
198   - height: 0;
199   - clear: both;
200   - visibility: hidden;
201   -}
202   -
203   -/* container that takes the minified jsPanels */
204   -#jsPanel-min-container{
205   - position:fixed;
206   - left:0;
207   - bottom:0;
208   - width:auto;
209   - height:28px;
210   - background:transparent;
211   - z-index:9999;
212   -}
213   -
214   -/* css for the modal backdrop --------------------------- */
215   -.jsPanel-backdrop{
216   - position:absolute;
217   - top:0;
218   - left:0;
219   - z-index:10000;
220   - width:100%;
221   - background:rgba(0,0,0,0.7);
222   -}
223   -.jsPanel-backdrop-inner{
224   - position:absolute;
225   - width:100%;
226   -}
227   -/* THEMES ------------------------------------------------------------------------- */
228   -
229   -/* default ------------------------------------------- */
230   -.jsPanel.jsPanel-theme-default{
231   - background: none repeat scroll 0 0 #fff;
232   - box-shadow: 0 0 6px rgba(0, 33, 50, 0.1), 0 7px 25px rgba(17, 38, 60, 0.4);
233   -}
234   -.jsPanel-hdr.jsPanel-theme-default{
235   - color: #000;
236   - font-family: tahoma,arial,verdana,sans-serif;
237   - font-weight: normal;
238   -}
239   -.jsPanel-hdr.jsPanel-theme-default h3{
240   - color: #000;
241   -}
242   -.jsPanel-hdr.jsPanel-theme-default h3 small{
243   - color: #000;
244   - font-size: 65%;
245   -}
246   -.jsPanel-content.jsPanel-theme-default{
247   - background: none repeat scroll 0 0 #FFFFFF;
248   - color: #000;
249   - font-family: tahoma,arial,verdana,sans-serif;
250   - outline: 1px solid #bbb;
251   -}
252   -.jsPanel-ftr.jsPanel-theme-default{
253   - font-size: 12px;
254   - height: auto;
255   - padding: 2px 2px 2px 5px;
256   - text-align: right;
257   -}
258   -.jsPanel-theme-default .ui-icon-gripsmall-diagonal-se{
259   - color: #000;
260   -}
261   -
262   -
263   -/* light ------------------------------------------- */
264   -.jsPanel.jsPanel-theme-light{ background: #f1f1f1; box-shadow: 0 0 6px rgba(0, 33, 50, 0.1), 0 7px 25px rgba(17, 38, 60, 0.4); }
265   -.jsPanel-hdr.jsPanel-theme-light{ color: #000; font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: #f1f1f1; }
266   -.jsPanel-hdr.jsPanel-theme-light h3{ color: #000; }
267   -.jsPanel-hdr.jsPanel-theme-light h3 small{ color: #000; font-size: 65%; }
268   -.jsPanel-content.jsPanel-theme-light { background: none repeat scroll 0 0 #FFFFFF; color: #000; font-family: tahoma,arial,verdana,sans-serif; outline: 1px solid #bbb; }
269   -.jsPanel-ftr.jsPanel-theme-light{ color: #000; font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: #f1f1f1; }
270   -.jsPanel-theme-light .ui-icon-gripsmall-diagonal-se{ color: #000; }
271   -
272   -/* medium -------------------------------------------- */
273   -.jsPanel.jsPanel-theme-medium{ background: #c2c2c2; box-shadow: 0 0 6px rgba(0, 33, 50, 0.1), 0 7px 25px rgba(17, 38, 60, 0.4); }
274   -.jsPanel-hdr.jsPanel-theme-medium{ color: #000; font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: #c2c2c2; }
275   -.jsPanel-hdr.jsPanel-theme-medium h3{ color: #000; }
276   -.jsPanel-hdr.jsPanel-theme-medium h3 small{ color: #000; font-size: 65%; }
277   -.jsPanel-content.jsPanel-theme-medium { background: none repeat scroll 0 0 #fff; color: #000; font-family: tahoma,arial,verdana,sans-serif; outline: 1px solid #bbb; }
278   -.jsPanel-ftr.jsPanel-theme-medium{ color: #000; font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: #c2c2c2; }
279   -.jsPanel-theme-medium .ui-icon-gripsmall-diagonal-se{ color: #000; }
280   -
281   -/* dark ---------------------------------------------- */
282   -.jsPanel.jsPanel-theme-dark{ background: #828282; box-shadow: 0 0 6px rgba(0, 33, 50, 0.1), 0 7px 25px rgba(17, 38, 60, 0.4); }
283   -.jsPanel-hdr.jsPanel-theme-dark{ color: #fff; font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: #828282; }
284   -.jsPanel-hdr.jsPanel-theme-dark h3{ color: #fff; }
285   -.jsPanel-hdr.jsPanel-theme-dark h3 small{ color: #fff; font-size: 65%; }
286   -.jsPanel-content.jsPanel-theme-dark { background: none repeat scroll 0 0 #fff; color: #000; font-family: tahoma,arial,verdana,sans-serif; outline: 1px solid #bbb; }
287   -.jsPanel-ftr.jsPanel-theme-dark{ color: #fff; font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: #828282; }
288   -.jsPanel-theme-dark .ui-icon-gripsmall-diagonal-se{ color: #000; }
289   -
290   -/* black ---------------------------------------------- */
291   -.jsPanel.jsPanel-theme-black{ background: linear-gradient(#4a4a4a 0px, black 100%) repeat scroll 0 0 #4a4a4a; background: -ms-linear-gradient(#4a4a4a 0px, black 100%) repeat scroll 0 0 #4a4a4a; box-shadow: 0 0 3px #333; }
292   -.jsPanel-hdr.jsPanel-theme-black{ color: #fff; font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: transparent; }
293   -.jsPanel-hdr.jsPanel-theme-black h3{ color: #fff; }
294   -.jsPanel-hdr.jsPanel-theme-black h3 small{ color: #fff; font-size: 65%; }
295   -.jsPanel-content.jsPanel-theme-black { background: transparent; color: #c3c3c3; }
296   -.jsPanel-ftr.jsPanel-theme-black{ color: #fff; font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: transparent; }
297   -.jsPanel-theme-black .ui-icon-gripsmall-diagonal-se{ color: #fff; }
298   -
299   -/* primary ---------------------------------------------- */
300   -.jsPanel.jsPanel-theme-primary{ background: none repeat scroll 0 0 #fff; box-shadow: 0 0 6px rgba(0, 33, 50, 0.1), 0 7px 25px rgba(17, 38, 60, 0.4); }
301   -.jsPanel-hdr.jsPanel-theme-primary{ color: #ffffff; font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: #2FA4E7; }
302   -.jsPanel-hdr.jsPanel-theme-primary h3{ color: #fff; }
303   -.jsPanel-hdr.jsPanel-theme-primary h3 small{ color: #fff; font-size: 65%; }
304   -.jsPanel-content.jsPanel-theme-primary { background: none repeat scroll 0 0 #ffffff; color: #000000; font-family: tahoma,arial,verdana,sans-serif; outline: 1px solid #bbb; }
305   -.jsPanel-ftr.jsPanel-theme-primary{}
306   -.jsPanel-theme-primary .ui-icon-gripsmall-diagonal-se{ color: #000; }
307   -
308   -/* success --------------------------------------------- */
309   -.jsPanel.jsPanel-theme-success{ background: none repeat scroll 0 0 #fff; box-shadow: 0 0 6px rgba(0, 33, 50, 0.1), 0 7px 25px rgba(17, 38, 60, 0.4);background-color:#222222 }
310   -.jsPanel-hdr.jsPanel-theme-success{ color: #fff; font-family: Open Sans, Helvetica,tahoma,arial,verdana,sans-serif; font-weight: bold; font-size:15px; background: #818D43; height:20px;}
311   -.jsPanel-hdr.jsPanel-theme-success h3{ color: #fff;font-size:20px;font-weight: bold }
312   -.jsPanel-hdr.jsPanel-theme-success h3 small{ color: #fff; font-size: 65%; font-weight: bold}
313   -.jsPanel-content.jsPanel-theme-success { background: none repeat scroll 0 0 #ffffff; color: #000000; font-family: tahoma,arial,verdana,sans-serif; outline: 1px solid #bbb;background-color:#222222 }
314   -.jsPanel-ftr.jsPanel-theme-success{}
315   -.jsPanel-theme-successt .ui-icon-gripsmall-diagonal-se{ color: #000; }
316   -
317   -/* info ---------------------------------------------- */
318   -.jsPanel.jsPanel-theme-info{ background: none repeat scroll 0 0 #fff; box-shadow: 0 0 6px rgba(0, 33, 50, 0.1), 0 7px 25px rgba(17, 38, 60, 0.4); }
319   -.jsPanel-hdr.jsPanel-theme-info{ color: #fff; font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: #033C73; }
320   -.jsPanel-hdr.jsPanel-theme-info h3{ color: #fff; }
321   -.jsPanel-hdr.jsPanel-theme-info h3 small{ color: #fff; font-size: 65%; }
322   -.jsPanel-content.jsPanel-theme-info { background: none repeat scroll 0 0 #ffffff; color: #000000; font-family: tahoma,arial,verdana,sans-serif; outline: 1px solid #bbb; }
323   -.jsPanel-ftr.jsPanel-theme-info{}
324   -.jsPanel-theme-info .ui-icon-gripsmall-diagonal-se{ color: #000; }
325   -
326   -/* warning ----------------------------------------------- */
327   -.jsPanel.jsPanel-theme-warning{ background: none repeat scroll 0 0 #fff; box-shadow: 0 0 6px rgba(0, 33, 50, 0.1), 0 7px 25px rgba(17, 38, 60, 0.4); }
328   -.jsPanel-hdr.jsPanel-theme-warning{ color: #fff; font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: #DD5600; }
329   -.jsPanel-hdr.jsPanel-theme-warning h3{ color: #fff; }
330   -.jsPanel-hdr.jsPanel-theme-warning h3 small{ color: #fff; font-size: 65%; }
331   -.jsPanel-content.jsPanel-theme-warning { background: none repeat scroll 0 0 #fff; color: #000; font-family: tahoma,arial,verdana,sans-serif; outline: 1px solid #bbb; }
332   -.jsPanel-ftr.jsPanel-theme-warning{}
333   -.jsPanel-theme-warning .ui-icon-gripsmall-diagonal-se{ color: #000; }
334   -
335   -/* danger ----------------------------------------------- */
336   -.jsPanel.jsPanel-theme-danger{ background: none repeat scroll 0 0 #fff; box-shadow: 0 0 6px rgba(0, 33, 50, 0.1), 0 7px 25px rgba(17, 38, 60, 0.4); }
337   -.jsPanel-hdr.jsPanel-theme-danger{ color: #fff; font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: #C71C22; }
338   -.jsPanel-hdr.jsPanel-theme-danger h3{ color: #fff; }
339   -.jsPanel-hdr.jsPanel-theme-danger h3 small{ color: #fff; font-size: 65%; }
340   -.jsPanel-content.jsPanel-theme-danger { background: none repeat scroll 0 0 #ffffff; color: #000000; font-family: tahoma,arial,verdana,sans-serif; outline: 1px solid #bbb; }
341   -.jsPanel-ftr.jsPanel-theme-danger{}
342   -.jsPanel-theme-danger .ui-icon-gripsmall-diagonal-se{ color: #000; }
343   -
344   -/* autumngreen ------------------------------------------- */
345   -.jsPanel.jsPanel-theme-autumngreen{ background: none repeat scroll 0 0 #eee; box-shadow: 0 0 6px rgba(0, 33, 50, 0.1), 0 7px 25px rgba(17, 38, 60, 0.4); }
346   -.jsPanel-hdr.jsPanel-theme-autumngreen{ color: rgb(196, 189, 142); font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: rgb(125, 126, 81); }
347   -.jsPanel-hdr.jsPanel-theme-autumngreen h3{ color: rgb(196, 189, 142); }
348   -.jsPanel-hdr.jsPanel-theme-autumngreen h3 small{ color: #fff; font-size: 65%; }
349   -.jsPanel-content.jsPanel-theme-autumngreen { background: none repeat scroll 0 0 #FFFFFF; color: rgb(110, 100, 73); font-family: tahoma,arial,verdana,sans-serif; outline: 1px solid #bbb; }
350   -.jsPanel-ftr.jsPanel-theme-autumngreen{ background: linear-gradient(to bottom, rgba(125, 126, 81,0.65) 0%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, rgba(125, 126, 81,0.65) 0%,rgba(0,0,0,0) 100%); color: rgb(110, 100, 73); }
351   -.jsPanel-theme-autumngreen .ui-icon-gripsmall-diagonal-se{ color: #000; }
352   -
353   -/* autumnbrown ------------------------------------------- */
354   -.jsPanel.jsPanel-theme-autumnbrown{ background: none repeat scroll 0 0 #eee; box-shadow: 0 0 6px rgba(0, 33, 50, 0.1), 0 7px 25px rgba(17, 38, 60, 0.4); }
355   -.jsPanel-hdr.jsPanel-theme-autumnbrown{ color: rgb(233, 206, 135); font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: rgb(138, 91, 51); }
356   -.jsPanel-hdr.jsPanel-theme-autumnbrown h3{ color: rgb(233, 206, 135); }
357   -.jsPanel-hdr.jsPanel-theme-autumnbrown h3 small{ color: #fff; font-size: 65%; }
358   -.jsPanel-content.jsPanel-theme-autumnbrown { background: none repeat scroll 0 0 #FFFFFF; color: rgb(110, 100, 73); font-family: tahoma,arial,verdana,sans-serif; outline: 1px solid #bbb; }
359   -.jsPanel-ftr.jsPanel-theme-autumnbrown{ background: linear-gradient(to bottom, rgba(138, 91, 51,0.65) 0%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, rgba(138, 91, 51,0.65) 0%,rgba(0,0,0,0) 100%); color: rgb(110, 100, 73); }
360   -.jsPanel-theme-autumnbrown .ui-icon-gripsmall-diagonal-se{ color: #000; }
361   -
362   -/* autumnred ------------------------------------------- */
363   -.jsPanel.jsPanel-theme-autumnred{ background: none repeat scroll 0 0 #eee; box-shadow: 0 0 6px rgba(0, 33, 50, 0.1), 0 7px 25px rgba(17, 38, 60, 0.4); }
364   -.jsPanel-hdr.jsPanel-theme-autumnred{ color: rgb(233, 206, 135); font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: rgb(198, 113, 10); }
365   -.jsPanel-hdr.jsPanel-theme-autumnred h3{ color: rgb(233, 206, 135); }
366   -.jsPanel-hdr.jsPanel-theme-autumnred h3 small{ color: #fff; font-size: 65%; }
367   -.jsPanel-content.jsPanel-theme-autumnred { background: none repeat scroll 0 0 #FFFFFF; color: rgb(110, 100, 73); font-family: tahoma,arial,verdana,sans-serif; outline: 1px solid #bbb; }
368   -.jsPanel-ftr.jsPanel-theme-autumnred{ background: linear-gradient(to bottom, rgba(198, 113, 10,0.65) 0%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, rgba(198, 113, 10,0.65) 0%,rgba(0,0,0,0) 100%); color: rgb(110, 100, 73); }
369   -.jsPanel-theme-autumnred .ui-icon-gripsmall-diagonal-se{ color: #000; }
370   -
371   -/* bootstrap adjustments */
372   -.jsPanel.panel-default, .jsPanel.panel-primary, .jsPanel.panel-info, .jsPanel.panel-success, .jsPanel.panel-warning, .jsPanel.panel-danger{
373   - box-shadow: 0 0 6px rgba(0, 33, 50, 0.1), 0 7px 25px rgba(17, 38, 60, 0.4);
374   -}
375   -
376   -/* jQuery-UI adjustments */
377   -.ui-icon-gripsmall-diagonal-se {
378   - background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
379   - color: #000;
380   - font-family: jsglyphregular;
381   - font-size: 16px;
382   - line-height: 16px;
383   -}
384   -.ui-icon-gripsmall-diagonal-se:before {
385   - content: "\e02f";
386   -}
387   -.ui-resizable-handle.ui-resizable-se.ui-icon.ui-icon-gripsmall-diagonal-se{
388   - text-indent: 0;
389   - bottom: 2px;
390   -}
391   -/* uncomment to show a lower left resize icon
392   -.ui-resizable-handle.ui-resizable-sw{
393   - background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
394   - color: #000;
395   - font-family: jsglyphregular;
396   - font-size: 16px;
397   - line-height: 16px;
398   - text-indent: 7px;
399   - bottom: 2px;
400   - width: 16px;
401   - height: 16px;
402   -}
403   -.ui-resizable-handle.ui-resizable-sw:before{
404   - content: "\e054";
405   -}
406   -*/
407   -
408   -/* css for the tooltip wrapper ---------------------------- */
409   -.jsPanel-tooltip-wrapper{
410   - position: relative;
411   - display: inline-block; /* do not change !!! inline wรผrde gehen -> offsets neu berechnen */
412   - margin: 0;
413   - padding: 0;
414   - border: none;
415   - background: transparent;
416   -}
417   -.jsPanel-tooltip-wrapper .jsPanel{
418   - border-radius: 4px;
419   -}
420   -
421   -/* css for tooltip corners */
422   -.jsPanel-corner-top, .jsPanel-corner-right, .jsPanel-corner-bottom, .jsPanel-corner-left{
423   - width: 0;
424   - height: 0;
425   - border: 12px solid transparent;
426   - position: absolute;
427   -}
428   -.jsPanel-corner-top{
429   - border-top-width: 10px;
430   -}
431   -.jsPanel-corner-right{
432   - border-right-width: 10px;
433   -}
434   -.jsPanel-corner-bottom{
435   - border-bottom-width: 10px;
436   -}
437   -.jsPanel-corner-left{
438   - border-left-width: 10px;
439   -}
440   -
441   -
442   -
443   -
444   -/* css for the hints ----------------------------------------------------------- */
445   -.jsPanel-hint{
446   - margin-bottom: 4px;
447   -}
448   -.jsPanel-hint-close{
449   - float: right;
450   - font-size: 1.5em;
451   - margin: 4px 5px 0 0;
452   - cursor: pointer;
453   -}
454   -.jsPanel-hint-content.jsPanel-hint-default{
455   - background: #fff none repeat scroll 0 0;
456   - border: 2px solid #222;
457   - color: #222;
458   - text-shadow: 1px 1px 1px #789;
459   -}
460   -.jsPanel-hint-content.jsPanel-hint-light{
461   - background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(250,250,250,0.65) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(250,250,250,0.65) 100%);
462   - color: #000;
463   -}
464   -.jsPanel-hint-content.jsPanel-hint-medium{
465   - background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(130, 130, 130, 1) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(130, 130, 130, 1) 100%);
466   - color: #fff;
467   -}
468   -.jsPanel-hint-content.jsPanel-hint-dark{
469   - background: linear-gradient(to bottom, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); background: -ms-linear-gradient(top, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%);
470   - color: #fff;
471   -}
472   -.jsPanel-hint-content.jsPanel-hint-autumngreen{
473   - background: linear-gradient(to bottom, rgba(125, 126, 81,0.65) 0%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, rgba(125, 126, 81,0.65) 0%,rgba(0,0,0,0) 100%);
474   - color: #fff;
475   -}
476   -.jsPanel-hint-content.jsPanel-hint-autumnbrown{
477   - background: linear-gradient(to bottom, rgba(138, 91, 51,0.65) 0%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, rgba(138, 91, 51,0.65) 0%,rgba(0,0,0,0) 100%);
478   - color: #fff;
479   -}
480   -.jsPanel-hint-content.jsPanel-hint-autumnred{
481   - background: linear-gradient(to bottom, rgba(198, 113, 10,0.65) 0%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, rgba(198, 113, 10,0.65) 0%,rgba(0,0,0,0) 100%);
482   - color: #fff;
483   -}
484   -.jsPanel-hint-content.jsPanel-hint-primary{
485   - background: #82C8F1 none repeat scroll 0 0;
486   - border: 5px solid #02436A;
487   - color: #02436A;
488   - text-shadow: 2px 2px 2px #fff;
489   -}
490   -.jsPanel-hint-content.jsPanel-hint-info{
491   - background: #4594c3 none repeat scroll 0 0;
492   - border: 5px solid #033c73;
493   - color: #fff;
494   - text-shadow: 2px 2px 2px #033c73;
495   -}
496   -.jsPanel-hint-content.jsPanel-hint-success{
497   - background: #C3EA99 none repeat scroll 0 0;
498   - border: 5px solid #034E26;
499   - color: #356304;
500   - text-shadow: 2px 2px 2px #aaa;
501   -}
502   -.jsPanel-hint-content.jsPanel-hint-warning{
503   - background: #FFC7A3 none repeat scroll 0 0;
504   - border: 5px solid #DD5600;
505   - color: #AD6537;
506   - text-shadow: 2px 2px 2px #fff;
507   -}
508   -.jsPanel-hint-content.jsPanel-hint-danger{
509   - background: #fc7073 none repeat scroll 0 0;
510   - border: 5px solid #c71c22;
511   - color: #fff;
512   - text-shadow: 2px 2px 2px #c71c22;
513   -}
514   -
515   -/**
516   - * CSS3 Tips v1.0.1
517   - * A stylesheet for creating tooltips without using anything other than CSS3.
518   - * created by c.bavota released under GPL v2 March 21st, 2014
519   - * HTML example code for the tooltip
520   - * http://cbavota.bitbucket.org/css3-tips/
521   - * <a href="http://bavotasan.com" class="top-tip" data-tips="Go to bavotasan.com">bavotasan.com</a>
522   -*/
523   -[data-tips] {
524   - position: relative;
525   - text-decoration: none;
526   -}
527   -[data-tips]:after,
528   -[data-tips]:before {
529   - position: absolute;
530   - z-index: 100;
531   - opacity: 0;
532   -}
533   -[data-tips]:after {
534   - content: attr(data-tips);
535   - height: 25px;
536   - line-height: 25px;
537   - padding: 0 10px;
538   - font-size: 12px;
539   - text-align: center;
540   - color: #fff;
541   - background: #3276B1;
542   - border-radius: 4px;
543   - /*text-shadow: 0 0 5px #000;*/
544   - -moz-box-shadow: 0 0 5px rgba(0,0,0,0.3);
545   - -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
546   - box-shadow: 0 0 5px rgba(0,0,0,0.3);
547   - white-space: nowrap;
548   - -moz-box-sizing: border-box;
549   - -webkit-box-sizing: border-box;
550   - box-sizing: border-box;
551   -}
552   -[data-tips]:before {
553   - content: "";
554   - width: 0;
555   - height: 0;
556   - border-width: 6px;
557   - border-style: solid;
558   -}
559   -
560   -[data-tips]:hover:after,
561   -[data-tips]:hover:before {
562   - opacity: 1;
563   -}
564   -/* Top tips */
565   -[data-tips].top-tip:after,
566   -[data-tips].top-tip:before {
567   - -webkit-transition: bottom 0.25s ease-in-out, opacity 0.25s ease-in-out;
568   - -moz-transition: bottom 0.25s ease-in-out, opacity 0.25s ease-in-out;
569   - transition: bottom 0.25s ease-in-out, opacity 0.25s ease-in-out;
570   - bottom: 90%;
571   - left: -9999px;
572   - margin-bottom: 12px;
573   -}
574   -[data-tips].top-tip:before {
575   - border-color: #3276B1 transparent transparent transparent;
576   - margin-bottom: 0;
577   -}
578   -[data-tips].top-tip:hover:after,
579   -[data-tips].top-tip:hover:before {
580   - bottom: 100%;
581   - left: 0;
582   -}
583   -[data-tips].top-tip:hover:before {
584   - left: 15px;
585   -}
586   -/* Bottom tip */
587   -[data-tips].bottom-tip:after,
588   -[data-tips].bottom-tip:before {
589   - -webkit-transition: top 0.25s ease-in-out, opacity 0.25s ease-in-out;
590   - -moz-transition: top 0.25s ease-in-out, opacity 0.25s ease-in-out;
591   - transition: top 0.25s ease-in-out, opacity 0.25s ease-in-out;
592   - top: 90%;
593   - left: -9999px;
594   - margin-top: 12px;
595   -}
596   -[data-tips].bottom-tip:before {
597   - border-color: transparent transparent #3276B1 transparent;
598   - margin-top: 0;
599   -}
600   -[data-tips].bottom-tip:hover:after,
601   -[data-tips].bottom-tip:hover:before {
602   - top: 100%;
603   - left: 0;
604   -}
605   -[data-tips].bottom-tip:hover:before {
606   - left: 15px;
607   -}
608   -/* Right tip */
609   -[data-tips].right-tip:after,
610   -[data-tips].right-tip:before {
611   - -webkit-transition: left 0.25s ease-in-out, opacity 0.25s ease-in-out;
612   - -moz-transition: left 0.25s ease-in-out, opacity 0.25s ease-in-out;
613   - transition: left 0.25s ease-in-out, opacity 0.25s ease-in-out;
614   - top: -9999px;
615   - left: 96%;
616   - margin-left: 12px;
617   -}
618   -[data-tips].right-tip:before {
619   - border-color: transparent #3276B1 transparent transparent;
620   - margin-left: 0;
621   -}
622   -[data-tips].right-tip:hover:after,
623   -[data-tips].right-tip:hover:before {
624   - left: 100%;
625   - top: 0;
626   -}
627   -
628   -[data-tips].right-tip:hover:before {
629   - top: 7px;
630   -}
631   -/* Left tip */
632   -[data-tips].left-tip:after,
633   -[data-tips].left-tip:before {
634   - -webkit-transition: right 0.25s ease-in-out, opacity 0.25s ease-in-out;
635   - -moz-transition: right 0.25s ease-in-out, opacity 0.25s ease-in-out;
636   - transition: right 0.25s ease-in-out, opacity 0.25s ease-in-out;
637   - top: -9999px;
638   - right: 96%;
639   - margin-right: 12px;
640   -}
641   -[data-tips].left-tip:before {
642   - border-color: transparent transparent transparent #3276B1;
643   - margin-right: 0;
644   -}
645   -[data-tips].left-tip:hover:after,
646   -[data-tips].left-tip:hover:before {
647   - right: 100%;
648   - top: 0;
649   -}
650   -[data-tips].left-tip:hover:before {
651   - top: 7px;
652   -}
653   -
654   -
655   -span#min {
656   - background-image: url(/betatesting/wp-content/themes/dynamik/css/images/brunelwantsyou_hover.jpg);
  1 +/* jquery.jspanel.css version 2.5.3 - 2015-05-16 22:21 */
  2 +@font-face {
  3 + font-family: 'jsglyphregular';
  4 + src: url('fonts/jsglyph.eot');
  5 + src: url('fonts/jsglyph.eot?#iefix') format('embedded-opentype'),
  6 + url('fonts/jsglyph.woff2') format('woff2'),
  7 + url('fonts/jsglyph.woff') format('woff'),
  8 + url('fonts/jsglyph.ttf') format('truetype'),
  9 + url('fonts/jsglyph.svg#jsglyphregular') format('svg');
  10 + font-weight: normal;
  11 + font-style: normal;
  12 +}
  13 +.jsglyph{ font-family: "jsglyphregular"; }
  14 +
  15 +.jsglyph-minimize:before{ content: "\e001"; } /* unicode &#xe001; */
  16 +.jsglyph-maximize:before{ content: "\e002"; }
  17 +.jsglyph-chevron-up:before{ content: "\e003"; }
  18 +.jsglyph-chevron-down:before{ content: "\e004"; }
  19 +.jsglyph-normalize:before{ content: "\e005"; }
  20 +.jsglyph-tick:before{ content: "\e006"; }
  21 +.jsglyph-remove:before{ content: "\e007"; }
  22 +.jsglyph-chevron-right:before{ content: "\e008"; }
  23 +.jsglyph-chevron-left:before{ content: "\e009"; }
  24 +.jsglyph-plus:before{ content: "\e00a"; }
  25 +.jsglyph-minus:before{ content: "\e00b"; }
  26 +.jsglyph-trashcan:before{ content: "\e00c"; }
  27 +.jsglyph-square-info:before{ content: "\e00d"; }
  28 +.jsglyph-square-exclamationmark:before{ content: "\e00e"; }
  29 +.jsglyph-delete:before{ content: "\e00f"; }
  30 +.jsglyph-mail:before{ content: "\e010"; }
  31 +.jsglyph-envelope:before{ content: "\e011"; }
  32 +.jsglyph-play:before{ content: "\e012"; }
  33 +.jsglyph-forward:before{ content: "\e013"; }
  34 +.jsglyph-backward:before{ content: "\e014"; }
  35 +.jsglyph-step-forward:before{ content: "\e015"; }
  36 +.jsglyph-step-backward:before{ content: "\e016"; }
  37 +.jsglyph-fast-forward:before{ content: "\e017"; }
  38 +.jsglyph-fast-backward:before{ content: "\e018"; }
  39 +.jsglyph-eject:before{ content: "\e019"; }
  40 +.jsglyph-stop:before{ content: "\e01a"; }
  41 +.jsglyph-pause:before{ content: "\e01b"; }
  42 +.jsglyph-arrow-right:before{ content: "\e01c"; }
  43 +.jsglyph-arrow-left:before{ content: "\e01d"; }
  44 +.jsglyph-arrow-up:before{ content: "\e01e"; }
  45 +.jsglyph-arrow-down:before{ content: "\e01f"; }
  46 +.jsglyph-star-halffull:before{ content: "\e020"; }
  47 +.jsglyph-star:before{ content: "\e021"; }
  48 +.jsglyph-star-empty:before{ content: "\e022"; }
  49 +.jsglyph-arrow-right-hollow:before{ content: "\e023"; }
  50 +.jsglyph-arrow-left-hollow:before{ content: "\e024"; }
  51 +.jsglyph-arrow-up-hollow:before{ content: "\e025"; }
  52 +.jsglyph-arrow-down-hollow:before{ content: "\e026"; }
  53 +.jsglyph-square-questionmark:before{ content: "\e027"; }
  54 +.jsglyph-circle-info:before{ content: "\e028"; }
  55 +.jsglyph-circle-exclamationmark:before{ content: "\e029"; }
  56 +.jsglyph-circle-questionmark:before{ content: "\e02a"; }
  57 +.jsglyph-circle2-info:before{ content: "\e02b"; }
  58 +.jsglyph-circle2-exclamationmark:before{ content: "\e02c"; }
  59 +.jsglyph-circle2-questionmark:before{ content: "\e02d"; }
  60 +.jsglyph-resize-handle:before{ content: "\e02e"; }
  61 +.jsglyph-resize-handle-2:before{ content: "\e02f"; }
  62 +.jsglyph-pencil:before{ content: "\e030"; }
  63 +.jsglyph-refresh:before{ content: "\e031"; }
  64 +.jsglyph-volume-off:before{ content: "\e032"; }
  65 +.jsglyph-volume-up:before{ content: "\e033"; }
  66 +.jsglyph-volume-down:before{ content: "\e034"; }
  67 +.jsglyph-link:before{ content: "\e035"; }
  68 +.jsglyph-eye-open:before{ content: "\e036"; }
  69 +.jsglyph-eye-slash:before{ content: "\e037"; }
  70 +.jsglyph-power-on:before{ content: "\e038"; }
  71 +.jsglyph-cog:before{ content: "\e039"; }
  72 +.jsglyph-cog2:before{ content: "\e03a"; }
  73 +.jsglyph-torso:before{ content: "\e03b"; }
  74 +.jsglyph-people:before{ content: "\e03c"; }
  75 +.jsglyph-torso-female:before{ content: "\e03d"; }
  76 +.jsglyph-people-female:before{ content: "\e03e"; }
  77 +.jsglyph-torso-male-female:before{ content: "\e03f"; }
  78 +.jsglyph-torso-female-male:before{ content: "\e040"; }
  79 +.jsglyph-torso-hollow:before{ content: "\e041"; }
  80 +.jsglyph-cog3:before{ content: "\e042"; }
  81 +.jsglyph-tools:before{ content: "\e043"; }
  82 +.jsglyph-home:before{ content: "\e044"; }
  83 +.jsglyph-login:before{ content: "\e045"; }
  84 +.jsglyph-logout:before{ content: "\e046"; }
  85 +.jsglyph-download:before{ content: "\e047"; }
  86 +.jsglyph-upload:before{ content: "\e048"; }
  87 +.jsglyph-reload:before{ content: "\e049"; }
  88 +.jsglyph-lock:before{ content: "\e04a"; }
  89 +.jsglyph-unlock:before{ content: "\e04b"; }
  90 +.jsglyph-save:before{ content: "\e04c"; }
  91 +.jsglyph-wrench:before{ content: "\e04d"; }
  92 +.jsglyph-search:before{ content: "\e04e"; }
  93 +.jsglyph-zoom-in:before{ content: "\e04f"; }
  94 +.jsglyph-zoom-out:before{ content: "\e050"; }
  95 +.jsglyph-bars:before{ content: "\e051"; }
  96 +.jsglyph-marker:before{ content: "\e052"; }
  97 +.jsglyph-resize-handle-left:before{ content: "\e053"; }
  98 +.jsglyph-resize-handle-2-left:before{ content: "\e054"; }
  99 +.jsglyph-edit:before{ content: "\e055"; }
  100 +
  101 +
  102 +.jsPanel, .jsPanel-hdr-r, .jsPanel-hdr-l, .jsPanel-hdr-r span img, .jsPanel-content{
  103 + margin: 0; padding: 0; border: 0; font-size: 100%; line-height: 1.5em; vertical-align: baseline;
  104 +}
  105 +.jsPanel{
  106 + box-sizing: border-box;
  107 + /*overflow: hidden;*/
  108 + position: absolute;
  109 + border-radius: 0px;
  110 + /*z-index: 100;*/
  111 +}
  112 +.jsPanel-hdr{
  113 + box-sizing: border-box;
  114 + min-height: 30px;
  115 + padding: 2px 0 4px 2px;
  116 +}
  117 +.jsPanel-hdr *{
  118 + font-size: 16px;
  119 +}
  120 +.jsPanel-hdr-r{
  121 + position: absolute;
  122 + top: 0;
  123 + right: 0;
  124 +}
  125 +h3.jsPanel-title{
  126 + float: left;
  127 + width: calc(100% - 90px);
  128 + white-space: nowrap;
  129 + overflow: hidden;
  130 + text-align: left;
  131 + text-overflow: ellipsis;
  132 + margin: 0 5px;
  133 + font-variant: normal;
  134 + font-weight: bold;
  135 + cursor: move;
  136 + min-height: 20px;
  137 + padding: 0 10px;
  138 + font-size:25px;
  139 + font-variant-caps:all-petite-caps;
  140 +}
  141 +.jsPanel-hdr-r div{
  142 + float: right;
  143 + cursor: pointer;
  144 + margin-left: 1px;
  145 + width: auto;
  146 + height: auto;
  147 + min-width: 20px;
  148 + min-height: 20px;
  149 + overflow: hidden;
  150 +}
  151 +
  152 +.jsPanel-btn-close{ background: url("images/icon-sprite-20x20.jpg") 20px 0 repeat no-repeat; }
  153 +.jsPanel-btn-max{ background: url("images/icon-sprite-20x20.jpg") 40px 0 repeat no-repeat; }
  154 +.jsPanel-btn-norm{ background: url("images/icon-sprite-20x20.jpg") 60px 0 repeat no-repeat; display: none; }
  155 +.jsPanel-btn-min{ background: url("images/icon-sprite-20x20.jpg") 80px 0 repeat no-repeat; }
  156 +.jsPanel-btn-small{ background: url("images/icon-sprite-20x20.jpg") 100px 0 repeat no-repeat; }
  157 +.jsPanel-btn-smallrev{ background: url("images/icon-sprite-20x20.jpg") 120px 0 repeat no-repeat; display: none; }
  158 +
  159 +
  160 +.jsPanel-hdr-toolbar {
  161 + box-sizing: border-box;
  162 + clear: both;
  163 + font-size: 16px;
  164 + margin-top: 23px;
  165 + height: auto;
  166 + padding: 0 5px;
  167 + width: auto;
  168 +}
  169 +.jsPanel-hdr-toolbar img{
  170 + cursor: pointer;
  171 + margin-bottom: 4px;
  172 + margin-right: 5px;
  173 +}
  174 +.jsPanel-content {
  175 + font-size: 12px;
  176 + position: relative;
  177 + width: 100%;
  178 + overflow: hidden;
  179 + box-sizing: border-box;
  180 +}
  181 +.jsPanel-ftr{
  182 + box-sizing: border-box;
  183 + cursor: move;
  184 + display: none;
  185 + font-size: 12px;
  186 + height: auto;
  187 + padding: 2px 2px 2px 5px;
  188 + text-align: right;
  189 +}
  190 +.jsPanel-ftr button{
  191 + margin: 5px;
  192 +}
  193 +
  194 +/* clearfix */
  195 +.jsPanel-clearfix:after {
  196 + content: ".";
  197 + display: block;
  198 + height: 0;
  199 + clear: both;
  200 + visibility: hidden;
  201 +}
  202 +
  203 +/* container that takes the minified jsPanels */
  204 +#jsPanel-min-container{
  205 + position:fixed;
  206 + left:0;
  207 + bottom:0;
  208 + width:auto;
  209 + height:28px;
  210 + background:transparent;
  211 + z-index:9999;
  212 +}
  213 +
  214 +/* css for the modal backdrop --------------------------- */
  215 +.jsPanel-backdrop{
  216 + position:absolute;
  217 + top:0;
  218 + left:0;
  219 + z-index:10000;
  220 + width:100%;
  221 + background:rgba(0,0,0,0.7);
  222 +}
  223 +.jsPanel-backdrop-inner{
  224 + position:absolute;
  225 + width:100%;
  226 +}
  227 +/* THEMES ------------------------------------------------------------------------- */
  228 +
  229 +/* default ------------------------------------------- */
  230 +.jsPanel.jsPanel-theme-default{
  231 + background: none repeat scroll 0 0 #fff;
  232 + box-shadow: 0 0 6px rgba(0, 33, 50, 0.1), 0 7px 25px rgba(17, 38, 60, 0.4);
  233 +}
  234 +.jsPanel-hdr.jsPanel-theme-default{
  235 + color: #000;
  236 + font-family: tahoma,arial,verdana,sans-serif;
  237 + font-weight: normal;
  238 +}
  239 +.jsPanel-hdr.jsPanel-theme-default h3{
  240 + color: #000;
  241 +}
  242 +.jsPanel-hdr.jsPanel-theme-default h3 small{
  243 + color: #000;
  244 + font-size: 65%;
  245 +}
  246 +.jsPanel-content.jsPanel-theme-default{
  247 + background: none repeat scroll 0 0 #FFFFFF;
  248 + color: #000;
  249 + font-family: tahoma,arial,verdana,sans-serif;
  250 + outline: 1px solid #bbb;
  251 +}
  252 +.jsPanel-ftr.jsPanel-theme-default{
  253 + font-size: 12px;
  254 + height: auto;
  255 + padding: 2px 2px 2px 5px;
  256 + text-align: right;
  257 +}
  258 +.jsPanel-theme-default .ui-icon-gripsmall-diagonal-se{
  259 + color: #000;
  260 +}
  261 +
  262 +
  263 +/* light ------------------------------------------- */
  264 +.jsPanel.jsPanel-theme-light{ background: #f1f1f1; box-shadow: 0 0 6px rgba(0, 33, 50, 0.1), 0 7px 25px rgba(17, 38, 60, 0.4); }
  265 +.jsPanel-hdr.jsPanel-theme-light{ color: #000; font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: #f1f1f1; }
  266 +.jsPanel-hdr.jsPanel-theme-light h3{ color: #000; }
  267 +.jsPanel-hdr.jsPanel-theme-light h3 small{ color: #000; font-size: 65%; }
  268 +.jsPanel-content.jsPanel-theme-light { background: none repeat scroll 0 0 #FFFFFF; color: #000; font-family: tahoma,arial,verdana,sans-serif; outline: 1px solid #bbb; }
  269 +.jsPanel-ftr.jsPanel-theme-light{ color: #000; font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: #f1f1f1; }
  270 +.jsPanel-theme-light .ui-icon-gripsmall-diagonal-se{ color: #000; }
  271 +
  272 +/* medium -------------------------------------------- */
  273 +.jsPanel.jsPanel-theme-medium{ background: #c2c2c2; box-shadow: 0 0 6px rgba(0, 33, 50, 0.1), 0 7px 25px rgba(17, 38, 60, 0.4); }
  274 +.jsPanel-hdr.jsPanel-theme-medium{ color: #000; font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: #c2c2c2; }
  275 +.jsPanel-hdr.jsPanel-theme-medium h3{ color: #000; }
  276 +.jsPanel-hdr.jsPanel-theme-medium h3 small{ color: #000; font-size: 65%; }
  277 +.jsPanel-content.jsPanel-theme-medium { background: none repeat scroll 0 0 #fff; color: #000; font-family: tahoma,arial,verdana,sans-serif; outline: 1px solid #bbb; }
  278 +.jsPanel-ftr.jsPanel-theme-medium{ color: #000; font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: #c2c2c2; }
  279 +.jsPanel-theme-medium .ui-icon-gripsmall-diagonal-se{ color: #000; }
  280 +
  281 +/* dark ---------------------------------------------- */
  282 +.jsPanel.jsPanel-theme-dark{ background: #828282; box-shadow: 0 0 6px rgba(0, 33, 50, 0.1), 0 7px 25px rgba(17, 38, 60, 0.4); }
  283 +.jsPanel-hdr.jsPanel-theme-dark{ color: #fff; font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: #828282; }
  284 +.jsPanel-hdr.jsPanel-theme-dark h3{ color: #fff; }
  285 +.jsPanel-hdr.jsPanel-theme-dark h3 small{ color: #fff; font-size: 65%; }
  286 +.jsPanel-content.jsPanel-theme-dark { background: none repeat scroll 0 0 #fff; color: #000; font-family: tahoma,arial,verdana,sans-serif; outline: 1px solid #bbb; }
  287 +.jsPanel-ftr.jsPanel-theme-dark{ color: #fff; font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: #828282; }
  288 +.jsPanel-theme-dark .ui-icon-gripsmall-diagonal-se{ color: #000; }
  289 +
  290 +/* black ---------------------------------------------- */
  291 +.jsPanel.jsPanel-theme-black{ background: linear-gradient(#4a4a4a 0px, black 100%) repeat scroll 0 0 #4a4a4a; background: -ms-linear-gradient(#4a4a4a 0px, black 100%) repeat scroll 0 0 #4a4a4a; box-shadow: 0 0 3px #333; }
  292 +.jsPanel-hdr.jsPanel-theme-black{ color: #fff; font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: transparent; }
  293 +.jsPanel-hdr.jsPanel-theme-black h3{ color: #fff; }
  294 +.jsPanel-hdr.jsPanel-theme-black h3 small{ color: #fff; font-size: 65%; }
  295 +.jsPanel-content.jsPanel-theme-black { background: transparent; color: #c3c3c3; }
  296 +.jsPanel-ftr.jsPanel-theme-black{ color: #fff; font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: transparent; }
  297 +.jsPanel-theme-black .ui-icon-gripsmall-diagonal-se{ color: #fff; }
  298 +
  299 +/* primary ---------------------------------------------- */
  300 +.jsPanel.jsPanel-theme-primary{ background: none repeat scroll 0 0 #fff; box-shadow: 0 0 6px rgba(0, 33, 50, 0.1), 0 7px 25px rgba(17, 38, 60, 0.4); }
  301 +.jsPanel-hdr.jsPanel-theme-primary{ color: #ffffff; font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: #2FA4E7; }
  302 +.jsPanel-hdr.jsPanel-theme-primary h3{ color: #fff; }
  303 +.jsPanel-hdr.jsPanel-theme-primary h3 small{ color: #fff; font-size: 65%; }
  304 +.jsPanel-content.jsPanel-theme-primary { background: none repeat scroll 0 0 #ffffff; color: #000000; font-family: tahoma,arial,verdana,sans-serif; outline: 1px solid #bbb; }
  305 +.jsPanel-ftr.jsPanel-theme-primary{}
  306 +.jsPanel-theme-primary .ui-icon-gripsmall-diagonal-se{ color: #000; }
  307 +
  308 +/* success --------------------------------------------- */
  309 +.jsPanel.jsPanel-theme-success{ background: none repeat scroll 0 0 #fff; box-shadow: 0 0 6px rgba(0, 33, 50, 0.1), 0 7px 25px rgba(17, 38, 60, 0.4);background-color:#222222 }
  310 +.jsPanel-hdr.jsPanel-theme-success{ color: #fff; font-family: Open Sans, Helvetica,tahoma,arial,verdana,sans-serif; font-weight: bold; font-size:15px; background: #818D43; height:20px;}
  311 +.jsPanel-hdr.jsPanel-theme-success h3{ color: #fff;font-size:20px;font-weight: bold }
  312 +.jsPanel-hdr.jsPanel-theme-success h3 small{ color: #fff; font-size: 65%; font-weight: bold}
  313 +.jsPanel-content.jsPanel-theme-success { background: none repeat scroll 0 0 #ffffff; color: #000000; font-family: tahoma,arial,verdana,sans-serif; outline: 1px solid #bbb;background-color:#222222; overflow-y: auto !important; }
  314 +.jsPanel-ftr.jsPanel-theme-success{}
  315 +.jsPanel-theme-successt .ui-icon-gripsmall-diagonal-se{ color: #000; }
  316 +
  317 +/* info ---------------------------------------------- */
  318 +.jsPanel.jsPanel-theme-info{ background: none repeat scroll 0 0 #fff; box-shadow: 0 0 6px rgba(0, 33, 50, 0.1), 0 7px 25px rgba(17, 38, 60, 0.4); }
  319 +.jsPanel-hdr.jsPanel-theme-info{ color: #fff; font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: #033C73; }
  320 +.jsPanel-hdr.jsPanel-theme-info h3{ color: #fff; }
  321 +.jsPanel-hdr.jsPanel-theme-info h3 small{ color: #fff; font-size: 65%; }
  322 +.jsPanel-content.jsPanel-theme-info { background: none repeat scroll 0 0 #ffffff; color: #000000; font-family: tahoma,arial,verdana,sans-serif; outline: 1px solid #bbb; }
  323 +.jsPanel-ftr.jsPanel-theme-info{}
  324 +.jsPanel-theme-info .ui-icon-gripsmall-diagonal-se{ color: #000; }
  325 +
  326 +/* warning ----------------------------------------------- */
  327 +.jsPanel.jsPanel-theme-warning{ background: none repeat scroll 0 0 #fff; box-shadow: 0 0 6px rgba(0, 33, 50, 0.1), 0 7px 25px rgba(17, 38, 60, 0.4); }
  328 +.jsPanel-hdr.jsPanel-theme-warning{ color: #fff; font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: #DD5600; }
  329 +.jsPanel-hdr.jsPanel-theme-warning h3{ color: #fff; }
  330 +.jsPanel-hdr.jsPanel-theme-warning h3 small{ color: #fff; font-size: 65%; }
  331 +.jsPanel-content.jsPanel-theme-warning { background: none repeat scroll 0 0 #fff; color: #000; font-family: tahoma,arial,verdana,sans-serif; outline: 1px solid #bbb; }
  332 +.jsPanel-ftr.jsPanel-theme-warning{}
  333 +.jsPanel-theme-warning .ui-icon-gripsmall-diagonal-se{ color: #000; }
  334 +
  335 +/* danger ----------------------------------------------- */
  336 +.jsPanel.jsPanel-theme-danger{ background: none repeat scroll 0 0 #fff; box-shadow: 0 0 6px rgba(0, 33, 50, 0.1), 0 7px 25px rgba(17, 38, 60, 0.4); }
  337 +.jsPanel-hdr.jsPanel-theme-danger{ color: #fff; font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: #C71C22; }
  338 +.jsPanel-hdr.jsPanel-theme-danger h3{ color: #fff; }
  339 +.jsPanel-hdr.jsPanel-theme-danger h3 small{ color: #fff; font-size: 65%; }
  340 +.jsPanel-content.jsPanel-theme-danger { background: none repeat scroll 0 0 #ffffff; color: #000000; font-family: tahoma,arial,verdana,sans-serif; outline: 1px solid #bbb; }
  341 +.jsPanel-ftr.jsPanel-theme-danger{}
  342 +.jsPanel-theme-danger .ui-icon-gripsmall-diagonal-se{ color: #000; }
  343 +
  344 +/* autumngreen ------------------------------------------- */
  345 +.jsPanel.jsPanel-theme-autumngreen{ background: none repeat scroll 0 0 #eee; box-shadow: 0 0 6px rgba(0, 33, 50, 0.1), 0 7px 25px rgba(17, 38, 60, 0.4); }
  346 +.jsPanel-hdr.jsPanel-theme-autumngreen{ color: rgb(196, 189, 142); font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: rgb(125, 126, 81); }
  347 +.jsPanel-hdr.jsPanel-theme-autumngreen h3{ color: rgb(196, 189, 142); }
  348 +.jsPanel-hdr.jsPanel-theme-autumngreen h3 small{ color: #fff; font-size: 65%; }
  349 +.jsPanel-content.jsPanel-theme-autumngreen { background: none repeat scroll 0 0 #FFFFFF; color: rgb(110, 100, 73); font-family: tahoma,arial,verdana,sans-serif; outline: 1px solid #bbb; }
  350 +.jsPanel-ftr.jsPanel-theme-autumngreen{ background: linear-gradient(to bottom, rgba(125, 126, 81,0.65) 0%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, rgba(125, 126, 81,0.65) 0%,rgba(0,0,0,0) 100%); color: rgb(110, 100, 73); }
  351 +.jsPanel-theme-autumngreen .ui-icon-gripsmall-diagonal-se{ color: #000; }
  352 +
  353 +/* autumnbrown ------------------------------------------- */
  354 +.jsPanel.jsPanel-theme-autumnbrown{ background: none repeat scroll 0 0 #eee; box-shadow: 0 0 6px rgba(0, 33, 50, 0.1), 0 7px 25px rgba(17, 38, 60, 0.4); }
  355 +.jsPanel-hdr.jsPanel-theme-autumnbrown{ color: rgb(233, 206, 135); font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: rgb(138, 91, 51); }
  356 +.jsPanel-hdr.jsPanel-theme-autumnbrown h3{ color: rgb(233, 206, 135); }
  357 +.jsPanel-hdr.jsPanel-theme-autumnbrown h3 small{ color: #fff; font-size: 65%; }
  358 +.jsPanel-content.jsPanel-theme-autumnbrown { background: none repeat scroll 0 0 #FFFFFF; color: rgb(110, 100, 73); font-family: tahoma,arial,verdana,sans-serif; outline: 1px solid #bbb; }
  359 +.jsPanel-ftr.jsPanel-theme-autumnbrown{ background: linear-gradient(to bottom, rgba(138, 91, 51,0.65) 0%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, rgba(138, 91, 51,0.65) 0%,rgba(0,0,0,0) 100%); color: rgb(110, 100, 73); }
  360 +.jsPanel-theme-autumnbrown .ui-icon-gripsmall-diagonal-se{ color: #000; }
  361 +
  362 +/* autumnred ------------------------------------------- */
  363 +.jsPanel.jsPanel-theme-autumnred{ background: none repeat scroll 0 0 #eee; box-shadow: 0 0 6px rgba(0, 33, 50, 0.1), 0 7px 25px rgba(17, 38, 60, 0.4); }
  364 +.jsPanel-hdr.jsPanel-theme-autumnred{ color: rgb(233, 206, 135); font-family: tahoma,arial,verdana,sans-serif; font-weight: normal; background: rgb(198, 113, 10); }
  365 +.jsPanel-hdr.jsPanel-theme-autumnred h3{ color: rgb(233, 206, 135); }
  366 +.jsPanel-hdr.jsPanel-theme-autumnred h3 small{ color: #fff; font-size: 65%; }
  367 +.jsPanel-content.jsPanel-theme-autumnred { background: none repeat scroll 0 0 #FFFFFF; color: rgb(110, 100, 73); font-family: tahoma,arial,verdana,sans-serif; outline: 1px solid #bbb; }
  368 +.jsPanel-ftr.jsPanel-theme-autumnred{ background: linear-gradient(to bottom, rgba(198, 113, 10,0.65) 0%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, rgba(198, 113, 10,0.65) 0%,rgba(0,0,0,0) 100%); color: rgb(110, 100, 73); }
  369 +.jsPanel-theme-autumnred .ui-icon-gripsmall-diagonal-se{ color: #000; }
  370 +
  371 +/* bootstrap adjustments */
  372 +.jsPanel.panel-default, .jsPanel.panel-primary, .jsPanel.panel-info, .jsPanel.panel-success, .jsPanel.panel-warning, .jsPanel.panel-danger{
  373 + box-shadow: 0 0 6px rgba(0, 33, 50, 0.1), 0 7px 25px rgba(17, 38, 60, 0.4);
  374 +}
  375 +
  376 +/* jQuery-UI adjustments */
  377 +.ui-icon-gripsmall-diagonal-se {
  378 + background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  379 + color: #000;
  380 + font-family: jsglyphregular;
  381 + font-size: 16px;
  382 + line-height: 16px;
  383 +}
  384 +.ui-icon-gripsmall-diagonal-se:before {
  385 + content: "\e02f";
  386 +}
  387 +.ui-resizable-handle.ui-resizable-se.ui-icon.ui-icon-gripsmall-diagonal-se{
  388 + text-indent: 0;
  389 + bottom: 2px;
  390 +}
  391 +/* uncomment to show a lower left resize icon
  392 +.ui-resizable-handle.ui-resizable-sw{
  393 + background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  394 + color: #000;
  395 + font-family: jsglyphregular;
  396 + font-size: 16px;
  397 + line-height: 16px;
  398 + text-indent: 7px;
  399 + bottom: 2px;
  400 + width: 16px;
  401 + height: 16px;
  402 +}
  403 +.ui-resizable-handle.ui-resizable-sw:before{
  404 + content: "\e054";
  405 +}
  406 +*/
  407 +
  408 +/* css for the tooltip wrapper ---------------------------- */
  409 +.jsPanel-tooltip-wrapper{
  410 + position: relative;
  411 + display: inline-block; /* do not change !!! inline wรผrde gehen -> offsets neu berechnen */
  412 + margin: 0;
  413 + padding: 0;
  414 + border: none;
  415 + background: transparent;
  416 +}
  417 +.jsPanel-tooltip-wrapper .jsPanel{
  418 + border-radius: 4px;
  419 +}
  420 +
  421 +/* css for tooltip corners */
  422 +.jsPanel-corner-top, .jsPanel-corner-right, .jsPanel-corner-bottom, .jsPanel-corner-left{
  423 + width: 0;
  424 + height: 0;
  425 + border: 12px solid transparent;
  426 + position: absolute;
  427 +}
  428 +.jsPanel-corner-top{
  429 + border-top-width: 10px;
  430 +}
  431 +.jsPanel-corner-right{
  432 + border-right-width: 10px;
  433 +}
  434 +.jsPanel-corner-bottom{
  435 + border-bottom-width: 10px;
  436 +}
  437 +.jsPanel-corner-left{
  438 + border-left-width: 10px;
  439 +}
  440 +
  441 +
  442 +
  443 +
  444 +/* css for the hints ----------------------------------------------------------- */
  445 +.jsPanel-hint{
  446 + margin-bottom: 4px;
  447 +}
  448 +.jsPanel-hint-close{
  449 + float: right;
  450 + font-size: 1.5em;
  451 + margin: 4px 5px 0 0;
  452 + cursor: pointer;
  453 +}
  454 +.jsPanel-hint-content.jsPanel-hint-default{
  455 + background: #fff none repeat scroll 0 0;
  456 + border: 2px solid #222;
  457 + color: #222;
  458 + text-shadow: 1px 1px 1px #789;
  459 +}
  460 +.jsPanel-hint-content.jsPanel-hint-light{
  461 + background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(250,250,250,0.65) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(250,250,250,0.65) 100%);
  462 + color: #000;
  463 +}
  464 +.jsPanel-hint-content.jsPanel-hint-medium{
  465 + background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(130, 130, 130, 1) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(130, 130, 130, 1) 100%);
  466 + color: #fff;
  467 +}
  468 +.jsPanel-hint-content.jsPanel-hint-dark{
  469 + background: linear-gradient(to bottom, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); background: -ms-linear-gradient(top, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%);
  470 + color: #fff;
  471 +}
  472 +.jsPanel-hint-content.jsPanel-hint-autumngreen{
  473 + background: linear-gradient(to bottom, rgba(125, 126, 81,0.65) 0%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, rgba(125, 126, 81,0.65) 0%,rgba(0,0,0,0) 100%);
  474 + color: #fff;
  475 +}
  476 +.jsPanel-hint-content.jsPanel-hint-autumnbrown{
  477 + background: linear-gradient(to bottom, rgba(138, 91, 51,0.65) 0%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, rgba(138, 91, 51,0.65) 0%,rgba(0,0,0,0) 100%);
  478 + color: #fff;
  479 +}
  480 +.jsPanel-hint-content.jsPanel-hint-autumnred{
  481 + background: linear-gradient(to bottom, rgba(198, 113, 10,0.65) 0%,rgba(0,0,0,0) 100%); background: -ms-linear-gradient(top, rgba(198, 113, 10,0.65) 0%,rgba(0,0,0,0) 100%);
  482 + color: #fff;
  483 +}
  484 +.jsPanel-hint-content.jsPanel-hint-primary{
  485 + background: #82C8F1 none repeat scroll 0 0;
  486 + border: 5px solid #02436A;
  487 + color: #02436A;
  488 + text-shadow: 2px 2px 2px #fff;
  489 +}
  490 +.jsPanel-hint-content.jsPanel-hint-info{
  491 + background: #4594c3 none repeat scroll 0 0;
  492 + border: 5px solid #033c73;
  493 + color: #fff;
  494 + text-shadow: 2px 2px 2px #033c73;
  495 +}
  496 +.jsPanel-hint-content.jsPanel-hint-success{
  497 + background: #C3EA99 none repeat scroll 0 0;
  498 + border: 5px solid #034E26;
  499 + color: #356304;
  500 + text-shadow: 2px 2px 2px #aaa;
  501 +}
  502 +.jsPanel-hint-content.jsPanel-hint-warning{
  503 + background: #FFC7A3 none repeat scroll 0 0;
  504 + border: 5px solid #DD5600;
  505 + color: #AD6537;
  506 + text-shadow: 2px 2px 2px #fff;
  507 +}
  508 +.jsPanel-hint-content.jsPanel-hint-danger{
  509 + background: #fc7073 none repeat scroll 0 0;
  510 + border: 5px solid #c71c22;
  511 + color: #fff;
  512 + text-shadow: 2px 2px 2px #c71c22;
  513 +}
  514 +
  515 +/**
  516 + * CSS3 Tips v1.0.1
  517 + * A stylesheet for creating tooltips without using anything other than CSS3.
  518 + * created by c.bavota released under GPL v2 March 21st, 2014
  519 + * HTML example code for the tooltip
  520 + * http://cbavota.bitbucket.org/css3-tips/
  521 + * <a href="http://bavotasan.com" class="top-tip" data-tips="Go to bavotasan.com">bavotasan.com</a>
  522 +*/
  523 +[data-tips] {
  524 + position: relative;
  525 + text-decoration: none;
  526 +}
  527 +[data-tips]:after,
  528 +[data-tips]:before {
  529 + position: absolute;
  530 + z-index: 100;
  531 + opacity: 0;
  532 +}
  533 +[data-tips]:after {
  534 + content: attr(data-tips);
  535 + height: 25px;
  536 + line-height: 25px;
  537 + padding: 0 10px;
  538 + font-size: 12px;
  539 + text-align: center;
  540 + color: #fff;
  541 + background: #3276B1;
  542 + border-radius: 4px;
  543 + /*text-shadow: 0 0 5px #000;*/
  544 + -moz-box-shadow: 0 0 5px rgba(0,0,0,0.3);
  545 + -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
  546 + box-shadow: 0 0 5px rgba(0,0,0,0.3);
  547 + white-space: nowrap;
  548 + -moz-box-sizing: border-box;
  549 + -webkit-box-sizing: border-box;
  550 + box-sizing: border-box;
  551 +}
  552 +[data-tips]:before {
  553 + content: "";
  554 + width: 0;
  555 + height: 0;
  556 + border-width: 6px;
  557 + border-style: solid;
  558 +}
  559 +
  560 +[data-tips]:hover:after,
  561 +[data-tips]:hover:before {
  562 + opacity: 1;
  563 +}
  564 +/* Top tips */
  565 +[data-tips].top-tip:after,
  566 +[data-tips].top-tip:before {
  567 + -webkit-transition: bottom 0.25s ease-in-out, opacity 0.25s ease-in-out;
  568 + -moz-transition: bottom 0.25s ease-in-out, opacity 0.25s ease-in-out;
  569 + transition: bottom 0.25s ease-in-out, opacity 0.25s ease-in-out;
  570 + bottom: 90%;
  571 + left: -9999px;
  572 + margin-bottom: 12px;
  573 +}
  574 +[data-tips].top-tip:before {
  575 + border-color: #3276B1 transparent transparent transparent;
  576 + margin-bottom: 0;
  577 +}
  578 +[data-tips].top-tip:hover:after,
  579 +[data-tips].top-tip:hover:before {
  580 + bottom: 100%;
  581 + left: 0;
  582 +}
  583 +[data-tips].top-tip:hover:before {
  584 + left: 15px;
  585 +}
  586 +/* Bottom tip */
  587 +[data-tips].bottom-tip:after,
  588 +[data-tips].bottom-tip:before {
  589 + -webkit-transition: top 0.25s ease-in-out, opacity 0.25s ease-in-out;
  590 + -moz-transition: top 0.25s ease-in-out, opacity 0.25s ease-in-out;
  591 + transition: top 0.25s ease-in-out, opacity 0.25s ease-in-out;
  592 + top: 90%;
  593 + left: -9999px;
  594 + margin-top: 12px;
  595 +}
  596 +[data-tips].bottom-tip:before {
  597 + border-color: transparent transparent #3276B1 transparent;
  598 + margin-top: 0;
  599 +}
  600 +[data-tips].bottom-tip:hover:after,
  601 +[data-tips].bottom-tip:hover:before {
  602 + top: 100%;
  603 + left: 0;
  604 +}
  605 +[data-tips].bottom-tip:hover:before {
  606 + left: 15px;
  607 +}
  608 +/* Right tip */
  609 +[data-tips].right-tip:after,
  610 +[data-tips].right-tip:before {
  611 + -webkit-transition: left 0.25s ease-in-out, opacity 0.25s ease-in-out;
  612 + -moz-transition: left 0.25s ease-in-out, opacity 0.25s ease-in-out;
  613 + transition: left 0.25s ease-in-out, opacity 0.25s ease-in-out;
  614 + top: -9999px;
  615 + left: 96%;
  616 + margin-left: 12px;
  617 +}
  618 +[data-tips].right-tip:before {
  619 + border-color: transparent #3276B1 transparent transparent;
  620 + margin-left: 0;
  621 +}
  622 +[data-tips].right-tip:hover:after,
  623 +[data-tips].right-tip:hover:before {
  624 + left: 100%;
  625 + top: 0;
  626 +}
  627 +
  628 +[data-tips].right-tip:hover:before {
  629 + top: 7px;
  630 +}
  631 +/* Left tip */
  632 +[data-tips].left-tip:after,
  633 +[data-tips].left-tip:before {
  634 + -webkit-transition: right 0.25s ease-in-out, opacity 0.25s ease-in-out;
  635 + -moz-transition: right 0.25s ease-in-out, opacity 0.25s ease-in-out;
  636 + transition: right 0.25s ease-in-out, opacity 0.25s ease-in-out;
  637 + top: -9999px;
  638 + right: 96%;
  639 + margin-right: 12px;
  640 +}
  641 +[data-tips].left-tip:before {
  642 + border-color: transparent transparent transparent #3276B1;
  643 + margin-right: 0;
  644 +}
  645 +[data-tips].left-tip:hover:after,
  646 +[data-tips].left-tip:hover:before {
  647 + right: 100%;
  648 + top: 0;
  649 +}
  650 +[data-tips].left-tip:hover:before {
  651 + top: 7px;
  652 +}
  653 +
  654 +
  655 +span#min {
  656 + background-image: url(/betatesting/wp-content/themes/dynamik/css/images/brunelwantsyou_hover.jpg);
657 657 }
658 658 \ No newline at end of file
... ...
400-SOURCECODE/AIAHTML5.Web/libs/jquery/jquery_plugin/jsPanel/jspanel/jquery.jspanel.min.css
1   -@font-face{font-family:jsglyphregular;src:url(fonts/jsglyph.eot);src:url(fonts/jsglyph.eot?#iefix) format('embedded-opentype'),url(fonts/jsglyph.woff2) format('woff2'),url(fonts/jsglyph.woff) format('woff'),url(fonts/jsglyph.ttf) format('truetype'),url(fonts/jsglyph.svg#jsglyphregular) format('svg');font-weight:400;font-style:normal}.jsglyph{font-family:jsglyphregular}.jsglyph-minimize:before{content:"\e001"}.jsglyph-maximize:before{content:"\e002"}.jsglyph-chevron-up:before{content:"\e003"}.jsglyph-chevron-down:before{content:"\e004"}.jsglyph-normalize:before{content:"\e005"}.jsglyph-tick:before{content:"\e006"}.jsglyph-remove:before{content:"\e007"}.jsglyph-chevron-right:before{content:"\e008"}.jsglyph-chevron-left:before{content:"\e009"}.jsglyph-plus:before{content:"\e00a"}.jsglyph-minus:before{content:"\e00b"}.jsglyph-trashcan:before{content:"\e00c"}.jsglyph-square-info:before{content:"\e00d"}.jsglyph-square-exclamationmark:before{content:"\e00e"}.jsglyph-delete:before{content:"\e00f"}.jsglyph-mail:before{content:"\e010"}.jsglyph-envelope:before{content:"\e011"}.jsglyph-play:before{content:"\e012"}.jsglyph-forward:before{content:"\e013"}.jsglyph-backward:before{content:"\e014"}.jsglyph-step-forward:before{content:"\e015"}.jsglyph-step-backward:before{content:"\e016"}.jsglyph-fast-forward:before{content:"\e017"}.jsglyph-fast-backward:before{content:"\e018"}.jsglyph-eject:before{content:"\e019"}.jsglyph-stop:before{content:"\e01a"}.jsglyph-pause:before{content:"\e01b"}.jsglyph-arrow-right:before{content:"\e01c"}.jsglyph-arrow-left:before{content:"\e01d"}.jsglyph-arrow-up:before{content:"\e01e"}.jsglyph-arrow-down:before{content:"\e01f"}.jsglyph-star-halffull:before{content:"\e020"}.jsglyph-star:before{content:"\e021"}.jsglyph-star-empty:before{content:"\e022"}.jsglyph-arrow-right-hollow:before{content:"\e023"}.jsglyph-arrow-left-hollow:before{content:"\e024"}.jsglyph-arrow-up-hollow:before{content:"\e025"}.jsglyph-arrow-down-hollow:before{content:"\e026"}.jsglyph-square-questionmark:before{content:"\e027"}.jsglyph-circle-info:before{content:"\e028"}.jsglyph-circle-exclamationmark:before{content:"\e029"}.jsglyph-circle-questionmark:before{content:"\e02a"}.jsglyph-circle2-info:before{content:"\e02b"}.jsglyph-circle2-exclamationmark:before{content:"\e02c"}.jsglyph-circle2-questionmark:before{content:"\e02d"}.jsglyph-resize-handle:before{content:"\e02e"}.jsglyph-resize-handle-2:before{content:"\e02f"}.jsglyph-pencil:before{content:"\e030"}.jsglyph-refresh:before{content:"\e031"}.jsglyph-volume-off:before{content:"\e032"}.jsglyph-volume-up:before{content:"\e033"}.jsglyph-volume-down:before{content:"\e034"}.jsglyph-link:before{content:"\e035"}.jsglyph-eye-open:before{content:"\e036"}.jsglyph-eye-slash:before{content:"\e037"}.jsglyph-power-on:before{content:"\e038"}.jsglyph-cog:before{content:"\e039"}.jsglyph-cog2:before{content:"\e03a"}.jsglyph-torso:before{content:"\e03b"}.jsglyph-people:before{content:"\e03c"}.jsglyph-torso-female:before{content:"\e03d"}.jsglyph-people-female:before{content:"\e03e"}.jsglyph-torso-male-female:before{content:"\e03f"}.jsglyph-torso-female-male:before{content:"\e040"}.jsglyph-torso-hollow:before{content:"\e041"}.jsglyph-cog3:before{content:"\e042"}.jsglyph-tools:before{content:"\e043"}.jsglyph-home:before{content:"\e044"}.jsglyph-login:before{content:"\e045"}.jsglyph-logout:before{content:"\e046"}.jsglyph-download:before{content:"\e047"}.jsglyph-upload:before{content:"\e048"}.jsglyph-reload:before{content:"\e049"}.jsglyph-lock:before{content:"\e04a"}.jsglyph-unlock:before{content:"\e04b"}.jsglyph-save:before{content:"\e04c"}.jsglyph-wrench:before{content:"\e04d"}.jsglyph-search:before{content:"\e04e"}.jsglyph-zoom-in:before{content:"\e04f"}.jsglyph-zoom-out:before{content:"\e050"}.jsglyph-bars:before{content:"\e051"}.jsglyph-marker:before{content:"\e052"}.jsglyph-resize-handle-left:before{content:"\e053"}.jsglyph-resize-handle-2-left:before{content:"\e054"}.jsglyph-edit:before{content:"\e055"}
  1 +@font-face{font-family:jsglyphregular;src:url(fonts/jsglyph.eot);src:url(fonts/jsglyph.eot?#iefix) format('embedded-opentype'),url(fonts/jsglyph.woff2) format('woff2'),url(fonts/jsglyph.woff) format('woff'),url(fonts/jsglyph.ttf) format('truetype'),url(fonts/jsglyph.svg#jsglyphregular) format('svg');font-weight:400;font-style:normal}.jsglyph{font-family:jsglyphregular}.jsglyph-minimize:before{content:"\e001"}.jsglyph-maximize:before{content:"\e002"}.jsglyph-chevron-up:before{content:"\e003"}.jsglyph-chevron-down:before{content:"\e004"}.jsglyph-normalize:before{content:"\e005"}.jsglyph-tick:before{content:"\e006"}.jsglyph-remove:before{content:"\e007"}.jsglyph-chevron-right:before{content:"\e008"}.jsglyph-chevron-left:before{content:"\e009"}.jsglyph-plus:before{content:"\e00a"}.jsglyph-minus:before{content:"\e00b"}.jsglyph-trashcan:before{content:"\e00c"}.jsglyph-square-info:before{content:"\e00d"}.jsglyph-square-exclamationmark:before{content:"\e00e"}.jsglyph-delete:before{content:"\e00f"}.jsglyph-mail:before{content:"\e010"}.jsglyph-envelope:before{content:"\e011"}.jsglyph-play:before{content:"\e012"}.jsglyph-forward:before{content:"\e013"}.jsglyph-backward:before{content:"\e014"}.jsglyph-step-forward:before{content:"\e015"}.jsglyph-step-backward:before{content:"\e016"}.jsglyph-fast-forward:before{content:"\e017"}.jsglyph-fast-backward:before{content:"\e018"}.jsglyph-eject:before{content:"\e019"}.jsglyph-stop:before{content:"\e01a"}.jsglyph-pause:before{content:"\e01b"}.jsglyph-arrow-right:before{content:"\e01c"}.jsglyph-arrow-left:before{content:"\e01d"}.jsglyph-arrow-up:before{content:"\e01e"}.jsglyph-arrow-down:before{content:"\e01f"}.jsglyph-star-halffull:before{content:"\e020"}.jsglyph-star:before{content:"\e021"}.jsglyph-star-empty:before{content:"\e022"}.jsglyph-arrow-right-hollow:before{content:"\e023"}.jsglyph-arrow-left-hollow:before{content:"\e024"}.jsglyph-arrow-up-hollow:before{content:"\e025"}.jsglyph-arrow-down-hollow:before{content:"\e026"}.jsglyph-square-questionmark:before{content:"\e027"}.jsglyph-circle-info:before{content:"\e028"}.jsglyph-circle-exclamationmark:before{content:"\e029"}.jsglyph-circle-questionmark:before{content:"\e02a"}.jsglyph-circle2-info:before{content:"\e02b"}.jsglyph-circle2-exclamationmark:before{content:"\e02c"}.jsglyph-circle2-questionmark:before{content:"\e02d"}.jsglyph-resize-handle:before{content:"\e02e"}.jsglyph-resize-handle-2:before{content:"\e02f"}.jsglyph-pencil:before{content:"\e030"}.jsglyph-refresh:before{content:"\e031"}.jsglyph-volume-off:before{content:"\e032"}.jsglyph-volume-up:before{content:"\e033"}.jsglyph-volume-down:before{content:"\e034"}.jsglyph-link:before{content:"\e035"}.jsglyph-eye-open:before{content:"\e036"}.jsglyph-eye-slash:before{content:"\e037"}.jsglyph-power-on:before{content:"\e038"}.jsglyph-cog:before{content:"\e039"}.jsglyph-cog2:before{content:"\e03a"}.jsglyph-torso:before{content:"\e03b"}.jsglyph-people:before{content:"\e03c"}.jsglyph-torso-female:before{content:"\e03d"}.jsglyph-people-female:before{content:"\e03e"}.jsglyph-torso-male-female:before{content:"\e03f"}.jsglyph-torso-female-male:before{content:"\e040"}.jsglyph-torso-hollow:before{content:"\e041"}.jsglyph-cog3:before{content:"\e042"}.jsglyph-tools:before{content:"\e043"}.jsglyph-home:before{content:"\e044"}.jsglyph-login:before{content:"\e045"}.jsglyph-logout:before{content:"\e046"}.jsglyph-download:before{content:"\e047"}.jsglyph-upload:before{content:"\e048"}.jsglyph-reload:before{content:"\e049"}.jsglyph-lock:before{content:"\e04a"}.jsglyph-unlock:before{content:"\e04b"}.jsglyph-save:before{content:"\e04c"}.jsglyph-wrench:before{content:"\e04d"}.jsglyph-search:before{content:"\e04e"}.jsglyph-zoom-in:before{content:"\e04f"}.jsglyph-zoom-out:before{content:"\e050"}.jsglyph-bars:before{content:"\e051"}.jsglyph-marker:before{content:"\e052"}.jsglyph-resize-handle-left:before{content:"\e053"}.jsglyph-resize-handle-2-left:before{content:"\e054"}.jsglyph-edit:before{content:"\e055"}
2 2 .jsPanel,.jsPanel-hdr,.jsPanel-hdr-toolbar{box-sizing:border-box}.jsPanel.jsPanel-theme-dark,.jsPanel.jsPanel-theme-default,.jsPanel.jsPanel-theme-light,.jsPanel.jsPanel-theme-medium{box-shadow:0 0 6px rgba(0,33,50,.1),0 7px 25px rgba(17,38,60,.4)}.jsPanel-content.jsPanel-theme-autumnbrown,.jsPanel-content.jsPanel-theme-autumngreen,.jsPanel-content.jsPanel-theme-autumnred,.jsPanel-content.jsPanel-theme-danger,.jsPanel-content.jsPanel-theme-dark,.jsPanel-content.jsPanel-theme-default,.jsPanel-content.jsPanel-theme-info,.jsPanel-content.jsPanel-theme-light,.jsPanel-content.jsPanel-theme-medium,.jsPanel-content.jsPanel-theme-primary,.jsPanel-content.jsPanel-theme-warning{font-family:tahoma,arial,verdana,sans-serif;outline:#bbb solid 1px}.jsPanel,.jsPanel-content,.jsPanel-hdr-l,.jsPanel-hdr-r,.jsPanel-hdr-r span img{margin:0;padding:0;border:0;font-size:100%;line-height:1.5em;vertical-align:baseline}.jsPanel{overflow:hidden;position:absolute;border-radius:3px;z-index:100}.jsPanel-hdr{min-height:26px;padding:2px 0 4px 2px}.jsPanel-hdr *{font-size:16px}.jsPanel-hdr-r{position:absolute;top:0;right:0}h3.jsPanel-title{float:left;width:calc(100% - 90px);white-space:nowrap;overflow:hidden;text-align:left;text-overflow:ellipsis;margin:0;font-variant:small-caps;font-weight:400;cursor:move;min-height:20px;padding:0 5px}.jsPanel-hdr-r div{float:right;cursor:pointer;margin-left:1px;width:auto;height:auto;min-width:20px;min-height:20px;overflow:hidden}.jsPanel-btn-close{background:url(images/icon-sprite-20x20.jpg) 20px 0 repeat no-repeat}.jsPanel-btn-max{background:url(images/icon-sprite-20x20.jpg) 40px 0 repeat no-repeat}.jsPanel-btn-norm{background:url(images/icon-sprite-20x20.jpg) 60px 0 repeat no-repeat;display:none}.jsPanel-btn-min{background:url(images/icon-sprite-20x20.jpg) 80px 0 repeat no-repeat}.jsPanel-btn-small{background:url(images/icon-sprite-20x20.jpg) 100px 0 repeat no-repeat}.jsPanel-btn-smallrev{background:url(images/icon-sprite-20x20.jpg) 120px 0 repeat no-repeat;display:none}.jsPanel-hdr-toolbar{clear:both;font-size:16px;margin-top:23px;height:auto;padding:0 5px;width:auto}.jsPanel-content,.jsPanel-ftr{box-sizing:border-box;font-size:12px}.jsPanel-hdr-toolbar img{cursor:pointer;margin-bottom:4px;margin-right:5px}.jsPanel-content{position:relative;width:100%;overflow:hidden}.jsPanel-ftr{cursor:move;display:none;height:auto;padding:2px 2px 2px 5px;text-align:right}.jsPanel-ftr button{margin:5px}.jsPanel-clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}#jsPanel-min-container{position:fixed;left:0;bottom:0;width:auto;height:28px;background:0 0;z-index:9999}.jsPanel-backdrop,.jsPanel-backdrop-inner{position:absolute;width:100%}.jsPanel-backdrop{top:0;left:0;z-index:10000;background:rgba(0,0,0,.7)}.jsPanel.jsPanel-theme-default{background:#fff}.jsPanel-hdr.jsPanel-theme-default{color:#000;font-family:tahoma,arial,verdana,sans-serif;font-weight:400}.jsPanel-hdr.jsPanel-theme-default h3{color:#000}.jsPanel-hdr.jsPanel-theme-default h3 small{color:#000;font-size:65%}.jsPanel-content.jsPanel-theme-default{background:#FFF;color:#000}.jsPanel-ftr.jsPanel-theme-default{font-size:12px;height:auto;padding:2px 2px 2px 5px;text-align:right}.jsPanel-theme-default .ui-icon-gripsmall-diagonal-se{color:#000}.jsPanel.jsPanel-theme-light{background:#f1f1f1}.jsPanel-hdr.jsPanel-theme-light{color:#000;font-family:tahoma,arial,verdana,sans-serif;font-weight:400;background:#f1f1f1}.jsPanel-hdr.jsPanel-theme-light h3{color:#000}.jsPanel-hdr.jsPanel-theme-light h3 small{color:#000;font-size:65%}.jsPanel-content.jsPanel-theme-light{background:#FFF;color:#000}.jsPanel-ftr.jsPanel-theme-light{color:#000;font-family:tahoma,arial,verdana,sans-serif;font-weight:400;background:#f1f1f1}.jsPanel-theme-light .ui-icon-gripsmall-diagonal-se{color:#000}.jsPanel.jsPanel-theme-medium{background:#c2c2c2}.jsPanel-hdr.jsPanel-theme-medium{color:#000;font-family:tahoma,arial,verdana,sans-serif;font-weight:400;background:#c2c2c2}.jsPanel-hdr.jsPanel-theme-medium h3{color:#000}.jsPanel-hdr.jsPanel-theme-medium h3 small{color:#000;font-size:65%}.jsPanel-content.jsPanel-theme-medium{background:#fff;color:#000}.jsPanel-ftr.jsPanel-theme-medium{color:#000;font-family:tahoma,arial,verdana,sans-serif;font-weight:400;background:#c2c2c2}.jsPanel-theme-medium .ui-icon-gripsmall-diagonal-se{color:#000}.jsPanel.jsPanel-theme-dark{background:#828282}.jsPanel-hdr.jsPanel-theme-dark{color:#fff;font-family:tahoma,arial,verdana,sans-serif;font-weight:400;background:#828282}.jsPanel-hdr.jsPanel-theme-dark h3{color:#fff}.jsPanel-hdr.jsPanel-theme-dark h3 small{color:#fff;font-size:65%}.jsPanel-content.jsPanel-theme-dark{background:#fff;color:#000}.jsPanel-ftr.jsPanel-theme-dark{color:#fff;font-family:tahoma,arial,verdana,sans-serif;font-weight:400;background:#828282}.jsPanel-theme-dark .ui-icon-gripsmall-diagonal-se{color:#000}.jsPanel.jsPanel-theme-black{background:linear-gradient(#4a4a4a 0,#000 100%) #4a4a4a;background:-ms-linear-gradient(#4a4a4a 0,#000 100%) #4a4a4a;box-shadow:0 0 3px #333}.jsPanel.jsPanel-theme-autumnbrown,.jsPanel.jsPanel-theme-autumngreen,.jsPanel.jsPanel-theme-autumnred,.jsPanel.jsPanel-theme-danger,.jsPanel.jsPanel-theme-info,.jsPanel.jsPanel-theme-primary,.jsPanel.jsPanel-theme-success,.jsPanel.jsPanel-theme-warning,.jsPanel.panel-danger,.jsPanel.panel-default,.jsPanel.panel-info,.jsPanel.panel-primary,.jsPanel.panel-success,.jsPanel.panel-warning{box-shadow:0 0 6px rgba(0,33,50,.1),0 7px 25px rgba(17,38,60,.4)}.jsPanel-hdr.jsPanel-theme-black{color:#fff;font-family:tahoma,arial,verdana,sans-serif;font-weight:400;background:0 0}.jsPanel-hdr.jsPanel-theme-black h3{color:#fff}.jsPanel-hdr.jsPanel-theme-black h3 small{color:#fff;font-size:65%}.jsPanel-content.jsPanel-theme-black{background:0 0;color:#c3c3c3}.jsPanel-ftr.jsPanel-theme-black{color:#fff;font-family:tahoma,arial,verdana,sans-serif;font-weight:400;background:0 0}.jsPanel-theme-black .ui-icon-gripsmall-diagonal-se{color:#fff}.jsPanel.jsPanel-theme-primary{background:#fff}.jsPanel-hdr.jsPanel-theme-primary{color:#fff;font-family:tahoma,arial,verdana,sans-serif;font-weight:400;background:#2FA4E7}.jsPanel-hdr.jsPanel-theme-primary h3{color:#fff}.jsPanel-hdr.jsPanel-theme-primary h3 small{color:#fff;font-size:65%}.jsPanel-content.jsPanel-theme-primary{background:#fff;color:#000}.jsPanel-theme-primary .ui-icon-gripsmall-diagonal-se{color:#000}.jsPanel.jsPanel-theme-success{background:#fff}.jsPanel-hdr.jsPanel-theme-success{color:#fff;font-family:tahoma,arial,verdana,sans-serif;font-weight:400;background:#818D43}.jsPanel-hdr.jsPanel-theme-success h3{color:#fff}.jsPanel-hdr.jsPanel-theme-success h3 small{color:#fff;font-size:65%}.jsPanel-content.jsPanel-theme-success{background:#fff;color:#000;font-family:tahoma,arial,verdana,sans-serif;outline:#bbb solid 1px}.jsPanel-theme-successt .ui-icon-gripsmall-diagonal-se{color:#000}.jsPanel.jsPanel-theme-info{background:#fff}.jsPanel-hdr.jsPanel-theme-info{color:#fff;font-family:tahoma,arial,verdana,sans-serif;font-weight:400;background:#033C73}.jsPanel-hdr.jsPanel-theme-info h3{color:#fff}.jsPanel-hdr.jsPanel-theme-info h3 small{color:#fff;font-size:65%}.jsPanel-content.jsPanel-theme-info{background:#fff;color:#000}.jsPanel-theme-info .ui-icon-gripsmall-diagonal-se{color:#000}.jsPanel.jsPanel-theme-warning{background:#fff}.jsPanel-hdr.jsPanel-theme-warning{color:#fff;font-family:tahoma,arial,verdana,sans-serif;font-weight:400;background:#DD5600}.jsPanel-hdr.jsPanel-theme-warning h3{color:#fff}.jsPanel-hdr.jsPanel-theme-warning h3 small{color:#fff;font-size:65%}.jsPanel-content.jsPanel-theme-warning{background:#fff;color:#000}.jsPanel-theme-warning .ui-icon-gripsmall-diagonal-se{color:#000}.jsPanel.jsPanel-theme-danger{background:#fff}.jsPanel-hdr.jsPanel-theme-danger{color:#fff;font-family:tahoma,arial,verdana,sans-serif;font-weight:400;background:#C71C22}.jsPanel-hdr.jsPanel-theme-danger h3{color:#fff}.jsPanel-hdr.jsPanel-theme-danger h3 small{color:#fff;font-size:65%}.jsPanel-content.jsPanel-theme-danger{background:#fff;color:#000}.jsPanel-theme-danger .ui-icon-gripsmall-diagonal-se{color:#000}.jsPanel.jsPanel-theme-autumngreen{background:#eee}.jsPanel-hdr.jsPanel-theme-autumngreen{color:#c4bd8e;font-family:tahoma,arial,verdana,sans-serif;font-weight:400;background:#7d7e51}.jsPanel-hdr.jsPanel-theme-autumngreen h3{color:#c4bd8e}.jsPanel-hdr.jsPanel-theme-autumngreen h3 small{color:#fff;font-size:65%}.jsPanel-content.jsPanel-theme-autumngreen{background:#FFF;color:#6e6449}.jsPanel-ftr.jsPanel-theme-autumngreen{background:linear-gradient(to bottom,rgba(125,126,81,.65) 0,rgba(0,0,0,0) 100%);background:-ms-linear-gradient(top,rgba(125,126,81,.65) 0,rgba(0,0,0,0) 100%);color:#6e6449}.jsPanel-theme-autumngreen .ui-icon-gripsmall-diagonal-se{color:#000}.jsPanel.jsPanel-theme-autumnbrown{background:#eee}.jsPanel-hdr.jsPanel-theme-autumnbrown{color:#e9ce87;font-family:tahoma,arial,verdana,sans-serif;font-weight:400;background:#8a5b33}.jsPanel-hdr.jsPanel-theme-autumnbrown h3{color:#e9ce87}.jsPanel-hdr.jsPanel-theme-autumnbrown h3 small{color:#fff;font-size:65%}.jsPanel-content.jsPanel-theme-autumnbrown{background:#FFF;color:#6e6449}.jsPanel-ftr.jsPanel-theme-autumnbrown{background:linear-gradient(to bottom,rgba(138,91,51,.65) 0,rgba(0,0,0,0) 100%);background:-ms-linear-gradient(top,rgba(138,91,51,.65) 0,rgba(0,0,0,0) 100%);color:#6e6449}.jsPanel-theme-autumnbrown .ui-icon-gripsmall-diagonal-se{color:#000}.jsPanel.jsPanel-theme-autumnred{background:#eee}.jsPanel-hdr.jsPanel-theme-autumnred{color:#e9ce87;font-family:tahoma,arial,verdana,sans-serif;font-weight:400;background:#c6710a}.jsPanel-hdr.jsPanel-theme-autumnred h3{color:#e9ce87}.jsPanel-hdr.jsPanel-theme-autumnred h3 small{color:#fff;font-size:65%}.jsPanel-content.jsPanel-theme-autumnred{background:#FFF;color:#6e6449}.jsPanel-ftr.jsPanel-theme-autumnred{background:linear-gradient(to bottom,rgba(198,113,10,.65) 0,rgba(0,0,0,0) 100%);background:-ms-linear-gradient(top,rgba(198,113,10,.65) 0,rgba(0,0,0,0) 100%);color:#6e6449}.jsPanel-theme-autumnred .ui-icon-gripsmall-diagonal-se{color:#000}.ui-icon-gripsmall-diagonal-se{background:rgba(0,0,0,0);color:#000;font-family:jsglyphregular;font-size:16px;line-height:16px}.ui-icon-gripsmall-diagonal-se:before{content:"\e02f"}.ui-resizable-handle.ui-resizable-se.ui-icon.ui-icon-gripsmall-diagonal-se{text-indent:0;bottom:2px}.jsPanel-tooltip-wrapper{position:relative;display:inline-block;margin:0;padding:0;border:none;background:0 0}.jsPanel-tooltip-wrapper .jsPanel{border-radius:4px}.jsPanel-corner-bottom,.jsPanel-corner-left,.jsPanel-corner-right,.jsPanel-corner-top{width:0;height:0;border:12px solid transparent;position:absolute}.jsPanel-corner-top{border-top-width:10px}.jsPanel-corner-right{border-right-width:10px}.jsPanel-corner-bottom{border-bottom-width:10px}.jsPanel-corner-left{border-left-width:10px}.jsPanel-hint{margin-bottom:4px}.jsPanel-hint-close{float:right;font-size:1.5em;margin:4px 5px 0 0;cursor:pointer}.jsPanel-hint-content.jsPanel-hint-default{background:#fff;border:2px solid #222;color:#222;text-shadow:1px 1px 1px #789}.jsPanel-hint-content.jsPanel-hint-light{background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(250,250,250,.65) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(250,250,250,.65) 100%);color:#000}.jsPanel-hint-content.jsPanel-hint-medium{background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(130,130,130,1) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(130,130,130,1) 100%);color:#fff}.jsPanel-hint-content.jsPanel-hint-dark{background:linear-gradient(to bottom,rgba(181,189,200,1) 0,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%);background:-ms-linear-gradient(top,rgba(181,189,200,1) 0,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%);color:#fff}.jsPanel-hint-content.jsPanel-hint-autumngreen{background:linear-gradient(to bottom,rgba(125,126,81,.65) 0,rgba(0,0,0,0) 100%);background:-ms-linear-gradient(top,rgba(125,126,81,.65) 0,rgba(0,0,0,0) 100%);color:#fff}.jsPanel-hint-content.jsPanel-hint-autumnbrown{background:linear-gradient(to bottom,rgba(138,91,51,.65) 0,rgba(0,0,0,0) 100%);background:-ms-linear-gradient(top,rgba(138,91,51,.65) 0,rgba(0,0,0,0) 100%);color:#fff}.jsPanel-hint-content.jsPanel-hint-autumnred{background:linear-gradient(to bottom,rgba(198,113,10,.65) 0,rgba(0,0,0,0) 100%);background:-ms-linear-gradient(top,rgba(198,113,10,.65) 0,rgba(0,0,0,0) 100%);color:#fff}.jsPanel-hint-content.jsPanel-hint-primary{background:#82C8F1;border:5px solid #02436A;color:#02436A;text-shadow:2px 2px 2px #fff}.jsPanel-hint-content.jsPanel-hint-info{background:#4594c3;border:5px solid #033c73;color:#fff;text-shadow:2px 2px 2px #033c73}.jsPanel-hint-content.jsPanel-hint-success{background:#C3EA99;border:5px solid #034E26;color:#356304;text-shadow:2px 2px 2px #aaa}.jsPanel-hint-content.jsPanel-hint-warning{background:#FFC7A3;border:5px solid #DD5600;color:#AD6537;text-shadow:2px 2px 2px #fff}.jsPanel-hint-content.jsPanel-hint-danger{background:#fc7073;border:5px solid #c71c22;color:#fff;text-shadow:2px 2px 2px #c71c22}[data-tips]{position:relative;text-decoration:none}[data-tips]:after,[data-tips]:before{position:absolute;z-index:100;opacity:0}[data-tips]:after{content:attr(data-tips);height:25px;line-height:25px;padding:0 10px;font-size:12px;text-align:center;color:#fff;background:#3276B1;border-radius:4px;-moz-box-shadow:0 0 5px rgba(0,0,0,.3);-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3);white-space:nowrap;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}[data-tips]:before{content:"";width:0;height:0;border-width:6px;border-style:solid}[data-tips]:hover:after,[data-tips]:hover:before{opacity:1}[data-tips].top-tip:after,[data-tips].top-tip:before{-webkit-transition:bottom .25s ease-in-out,opacity .25s ease-in-out;-moz-transition:bottom .25s ease-in-out,opacity .25s ease-in-out;transition:bottom .25s ease-in-out,opacity .25s ease-in-out;bottom:90%;left:-9999px;margin-bottom:12px}[data-tips].top-tip:before{border-color:#3276B1 transparent transparent;margin-bottom:0}[data-tips].top-tip:hover:after,[data-tips].top-tip:hover:before{bottom:100%;left:0}[data-tips].top-tip:hover:before{left:15px}[data-tips].bottom-tip:after,[data-tips].bottom-tip:before{-webkit-transition:top .25s ease-in-out,opacity .25s ease-in-out;-moz-transition:top .25s ease-in-out,opacity .25s ease-in-out;transition:top .25s ease-in-out,opacity .25s ease-in-out;top:90%;left:-9999px;margin-top:12px}[data-tips].bottom-tip:before{border-color:transparent transparent #3276B1;margin-top:0}[data-tips].bottom-tip:hover:after,[data-tips].bottom-tip:hover:before{top:100%;left:0}[data-tips].bottom-tip:hover:before{left:15px}[data-tips].right-tip:after,[data-tips].right-tip:before{-webkit-transition:left .25s ease-in-out,opacity .25s ease-in-out;-moz-transition:left .25s ease-in-out,opacity .25s ease-in-out;transition:left .25s ease-in-out,opacity .25s ease-in-out;top:-9999px;left:96%;margin-left:12px}[data-tips].right-tip:before{border-color:transparent #3276B1 transparent transparent;margin-left:0}[data-tips].right-tip:hover:after,[data-tips].right-tip:hover:before{left:100%;top:0}[data-tips].right-tip:hover:before{top:7px}[data-tips].left-tip:after,[data-tips].left-tip:before{-webkit-transition:right .25s ease-in-out,opacity .25s ease-in-out;-moz-transition:right .25s ease-in-out,opacity .25s ease-in-out;transition:right .25s ease-in-out,opacity .25s ease-in-out;top:-9999px;right:96%;margin-right:12px}[data-tips].left-tip:before{border-color:transparent transparent transparent #3276B1;margin-right:0}[data-tips].left-tip:hover:after,[data-tips].left-tip:hover:before{right:100%;top:0}[data-tips].left-tip:hover:before{top:7px}
3 3 \ No newline at end of file
... ...