ADAM / AIAHTML5

Commit 3ecfd1eb91627bf78a3f45b1b1378424621e9934

Authored by unknown
1 parent 0acaea80

24411 : iPad > DA > Both gender selection button appears selected.

Inline Side-by-side
Showing 2 changed files with 1286 additions and 1250 deletions
400-SOURCECODE/AIAHTML5.Web/app/views/da/da-body-view-list.html
  View file @3ecfd1e
1   -<div class="bodyWrap row ">
2   - <div ng-include="'app/widget/MainMenu.html'" />
3   - <div class="main" ng-init="loadDissectibleAnatomyData()">
4   - <!--<div class="main">-->
5   - <div class="col-sm-12" style="padding-left:25px; width:99%">
6   - <div id="inner-anatomyPage">
7   -
8   - <!-- Nav tabs -->
9   - <ul class="nav nav-tabs" role="tablist">
10   - <li role="presentation" id="Male" class="active" ng-click="getDAViewList($event)"><a><i class="fa fa-mars-stroke "></i> Male</a></li>
11   - <li role="presentation" id="Female" ng-click="getDAViewList($event)"><a><i class="fa fa-venus"></i> Female</a></li>
12   - </ul>
13   - <!-- Tab panes -->
14   - <div class="tab-content">
15   - <div role="tabpanel" class="tab-pane active">
16   - <div class="row" id="bodyViewList">
17   -
18   -
19   -
20   - </div>
21   - </div>
22   -
23   - </div>
24   - </div>
25   - </div>
26   - </div>
27   - </div>
28   -
29   - <script>
30   - $(function () {
31   -
32   - $(function () {
33   - $('[data-toggle="tooltip"]').tooltip();
34   - })
35   - });
36   - </script>
37   - <script>
38   - (function ($) {
39   - $(window).load(function () {
40   - $(".sidebar").mCustomScrollbar({
41   - autoHideScrollbar: true,
42   - //theme:"rounded"
43   - });
44   - //alert("side bar DA page");
45   - });
46   - })(jQuery);
47   - </script>
48   - <script>
49   - $(function () {
50   - $(".modal").draggable();
51   - });
52   - </script>
  1 +<div class="bodyWrap row ">
  2 + <div ng-include="'app/widget/MainMenu.html'" />
  3 + <div class="main" ng-init="loadDissectibleAnatomyData()">
  4 + <!--<div class="main">-->
  5 + <div class="col-sm-12" style="padding-left:25px; width:99%">
  6 + <div id="inner-anatomyPage">
  7 +
  8 + <!-- Nav tabs -->
  9 + <ul class="inner-anatomyPageUl">
  10 + <li id="Male" class="active" ng-click="getDAViewList($event)"><a><i class="fa fa-mars-stroke "></i> Male</a></li>
  11 + <li id="Female" ng-click="getDAViewList($event)"><a><i class="fa fa-venus"></i> Female</a></li>
  12 + </ul>
  13 + <!-- Tab panes -->
  14 + <div class="tab-content">
  15 + <div role="tabpanel" class="tab-pane active">
  16 + <div class="row" id="bodyViewList">
  17 +
  18 +
  19 +
  20 + </div>
  21 + </div>
  22 +
  23 + </div>
  24 + </div>
  25 + </div>
  26 + </div>
  27 + </div>
  28 +
  29 + <script>
  30 + $(function () {
  31 +
  32 + $(function () {
  33 + $('[data-toggle="tooltip"]').tooltip();
  34 + })
  35 + });
  36 + </script>
  37 + <script>
  38 + (function ($) {
  39 + $(window).load(function () {
  40 + $(".sidebar").mCustomScrollbar({
  41 + autoHideScrollbar: true,
  42 + //theme:"rounded"
  43 + });
  44 + //alert("side bar DA page");
  45 + });
  46 + })(jQuery);
  47 + </script>
  48 + <script>
  49 + $(function () {
  50 + $(".modal").draggable();
  51 + });
  52 + </script>
... ...
400-SOURCECODE/AIAHTML5.Web/themes/default/css/bootstrap/3.3.6/main.css
  View file @3ecfd1e
1   -/***
2   -MAIN.CSS for AIA
3   -TO BE USED WITH CUSTOM BOOTSTRAP THEME ALREADY INCLUDED
4   -**/
5   -
6   -/*** Global ***/
7   -* {
8   - outline: 0 !important;
9   -}
10   -body {
11   - background: #383838;
12   -}
13   -.btn {
14   - -webkit-transition: all .3s ease;
15   - -ms-transition: all .3s ease;
16   - transition: all .3s ease;
17   -}
18   -.btnCustom {
19   - border: 0 !important;
20   - padding-left: 50px;
21   - padding-right: 50px;
22   - min-height: 40px;
23   -}
24   -.btnCustom.btn-large {
25   - width: 220px;
26   - height: 50px;
27   - padding-left: 0;
28   - padding-right: 0;
29   -}
30   -footer {
31   - color: #303030;
32   - font: 12px/30px 'Open Sans';
33   - margin-top: -30px;
34   -}
35   -footer.dark {
36   - color: #ccc;
37   - background: #303030;
38   -}
39   -.frameLogo {
40   - display: block;
41   -}
42   -.navbar-brand {
43   - height: 60px;
44   - padding: 10px 15px;
45   -}
46   -.no-scroll {
47   - overflow: hidden;
48   -}
49   -/*** Login Page ***/
50   -.loginBg {
51   - min-height: 100vh;
52   - background: #303030;
53   -}
54   -.loginPanel {
55   - margin: 0 0 100px;
56   -}
57   -.loginLogo {
58   - margin: 20px auto;
59   - display: block;
60   - max-width: 360px;
61   -}
62   -.headerBand {
63   - background: #818f44;
64   - padding-bottom: 10px;
65   - color: #fff;
66   -}
67   -.headerBand h1 {
68   - font: 700 36px/1 'Open Sans';
69   -}
70   -.headerBand p {
71   - font: 400 16px 'Open Sans';
72   - letter-spacing: 0px;
73   - word-spacing: 1px;
74   -}
75   -.loginBox {
76   - max-width: 350px;
77   - background: #666666;
78   - margin: 30px auto 0;
79   - border-radius: 2px;
80   - -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .5);
81   - -ms-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .5);
82   - box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .5);
83   - padding: 15px 0;
84   -}
85   -.loginBox strong {
86   - color: #0095da;
87   - font: 600 18px/1 'Open Sans';
88   - padding-bottom: 10px;
89   - display: block;
90   -}
91   -.loginExBtn {
92   - max-width: 350px;
93   - margin: 15px auto 0;
94   -}
95   -.loginExBtn a {
96   - width: 48%;
97   -}
98   -/*** Mainframe ***/
99   -.sidebar {
100   - height: 100vh;
101   - background: #222;
102   - width: 200px;
103   - padding-top: 90px;
104   - overflow: auto;
105   - position: fixed;
106   - left: 0;
107   - top: 0;
108   - z-index: 1029;
109   -}
110   -.navbar {
111   - border-bottom: none!important;
112   -}
113   -.main {
114   - background: #383838;
115   - margin-left: 200px;
116   - padding-top: 51px;
117   -}
118   -.treeview-left {
119   - height: 100vh;
120   - background: #222;
121   - width: 300px;
122   - padding-top: 90px;
123   - overflow: auto;
124   - position: fixed;
125   - left: 0;
126   - top: 0;
127   - z-index: 1029;
128   -}
129   -.main-treeview {
130   - background: #383838;
131   - margin-left: 300px;
132   - padding-top: 51px;
133   -}
134   -.nav-sidebar a {
135   - color: #fff; /*border-bottom:1px solid #ccc!important;*/
136   -}
137   -.nav-sidebar li a {
138   - color: #fff;
139   -}
140   -.nav-sidebar a:hover, .nav-sidebar a:focus {
141   - color: #fff;
142   - background: #1B92D0!important;
143   -}
144   -.nav-sidebar a.active {
145   - color: #fff;
146   - background: #1B92D0!important;
147   -}
148   -.toggleBar {
149   - margin: 0px 10px 0 0;
150   -}
151   -.space-left20 {
152   - padding-left: 20px;
153   -}
154   -.padd-lftright25 {
155   - padding: 0 25px;
156   -}
157   -.tab-content {
158   - padding: 10px 0;
159   -}
160   -.space-top50 {
161   - margin-top: 50px;
162   -}
163   -/*Custom ToolTip In AIA*/
164   -.customTooltip {
165   - background: #333 !important;
166   - color: #fff !important;
167   - /*opacity: 0.9 !important;*/
168   - }
169   -
170   -/*.tools {
171   - background: #eeeeee none repeat scroll 0 0;
172   - border: 1px solid #c1c1c1;
173   - border-top:none;
174   - /*padding: 10px;
175   - width:106px;
176   - position:absolute;
177   - left: 0;
178   - top: 120px;
179   - padding-top:10px;
180   - z-index:1024;
181   -
182   -}*/
183   -.tools i {
184   - font-size: 1.4em;
185   -}
186   -.marginTop10 {
187   - margin-top: 10px;
188   -}
189   -.marginTop2 {
190   - margin-top: 2px;
191   -}
192   -.marginL2 {
193   - margin-left: 2px!important;
194   -}
195   -.marginR5 {
196   - margin-right: 5px!important;
197   -}
198   -.paddTop4 {
199   - padding-top: 4px;
200   -}
201   -.vert_slider {
202   - clear: both;
203   - margin: 20px auto 30px;
204   - width: 1rem;
205   - pointer-events: none;
206   -}
207   -
208   -.vert_slider > .ui-slider-handle {
209   -pointer-events: auto;
210   -/* Other settings here */
211   -}
212   -
213   -#inner-anatomyPage .nav > li > a:hover {
214   - background: #1c92d0;
215   - color: #fff;
216   - border-radius: 3px 3px 0 0;
217   - border: 1px solid #1c92d0;
218   - border-bottom: none;
219   -}
220   -.page-head {
221   - background: #f3f3f3 none repeat scroll 0 0;
222   - border-bottom: 1px solid #ffffff;
223   - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.19);
224   - padding: 8px 20px;
225   - margin-bottom: 20px;
226   -}
227   -.no-margin {
228   - margin: 0!important
229   -}
230   -.no-padding {
231   - padding: 0!important
232   -}
233   -.marginTopBtm10 {
234   - margin: 10px 0!important
235   -}
236   -.page-header {
237   - border-bottom: 0!important
238   -}
239   -.marginTop5 {
240   - margin-top: 5px;
241   -}
242   -.paddingbtm5 {
243   - padding-bottom: 5px;
244   -}
245   -.border-Btm1 {
246   - border-bottom: 1px solid #D8D8D8;
247   -}
248   -.pageHeading {
249   - background: #818d43 none repeat scroll 0 0;
250   - padding: 0px 15px;
251   - margin-top: 60px;
252   - z-index: 1030;
253   - position: fixed;
254   - width: 100%;
255   -}
256   -.pageHeading h4 {
257   - font-size: 15px;
258   - margin: 0!important;
259   - color: #fff;
260   - line-height: 30px;
261   - font-weight: 600;
262   - text-transform: uppercase
263   -}
264   -.color-white {
265   - color: #fff!important;
266   -}
267   -.color-green {
268   - color: #818f44!important;
269   -}
270   -.btn-black {
271   - background-color: #4b4b4b;
272   - border-color: #3f3f3f;
273   - color: #ffffff;
274   -}
275   -.btn-black:hover, .btn-black:focus {
276   - background-color: #1B92D0;
277   - border-color: #1B92D0;
278   - color: #ffffff;
279   -}
280   -.font16 {
281   - font-size: 1.59em!important;
282   -}
283   -.modal-body {
284   - padding: 0 10px;
285   -}
286   -.well-popup {
287   - margin-bottom: 10px;
288   - padding: 5px;
289   -}
290   -.annotation-modal-header {
291   - padding: 5px 10px;
292   -}
293   -.form-group {
294   - margin-bottom: 7px;
295   -}
296   -/********Stylish Search**************/
297   -
298   -#imaginary_container {
299   - margin: 8px 0!important;
300   -}
301   -.stylish-input-group .input-group-addon {
302   - background: white !important;
303   -}
304   -.stylish-input-group .form-control {
305   - border-right: 0;
306   - box-shadow: 0 0 0;
307   - border-color: #ccc;
308   - width: 30%;
309   - float: right;
310   -}
311   -.stylish-input-group button {
312   - border: 0;
313   - background: transparent;
314   -}
315   -#vertical-slider {
316   - height: 150px;
317   - margin-left: 30px;
318   -}
319   -.navbar-nav > li > a {
320   - line-height: 30px;
321   -}
322   -.paddTop5 {
323   - padding-top: 5px;
324   -}
325   -.mrgnBtm5 {
326   - margin-bottom: 3px;
327   -}
328   -.thumbnail a {
329   - color: #303030!important;
330   - text-decoration: none;
331   -}
332   -.thumbnail a:hover {
333   - color: #FFFFFF!important;
334   - text-decoration: none!important;
335   -}
336   -.thumbnail:hover {
337   - background: #8C8C8C!important;
338   - border: 1px solid #a2a2a2;
339   -}
340   -#inner-anatomyPage .nav-tabs {
341   - border-bottom: 1px solid #494949;
342   -}
343   -#inner-anatomyPage .nav-tabs li a {
344   - color: #fff;
345   -}
346   -#inner-anatomyPage .nav-tabs li.active {
347   - color: #000;
348   -}
349   -#inner-anatomyPage .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
350   - background: #1c92d0;
351   - border: 1px solid #1c92d0;
352   -}
353   -.main {
354   - margin-left: 200px;
355   - position: relative;
356   - transition: margin .3s ease;
357   - margin-top: 50px;
358   -}
359   -.main.active {
360   - margin-left: 0;
361   -}
362   -.sidebar {
363   - left: 0px;
364   - transition: left .3s ease;
365   -}
366   -.sidebar.active {
367   - left: -200px;
368   -}
369   -.main-treeview {
370   - margin-left: 290px;
371   - position: relative;
372   - transition: margin .3s ease;
373   - margin-top: 50px;
374   -}
375   -.main-treeview.active {
376   - margin-left: 0;
377   -}
378   -.treeview-left {
379   - left: 0px;
380   - transition: left .3s ease;
381   -}
382   -.treeview-left.active {
383   - left: -290px;
384   -}
385   -/*.main2{margin-left:106;position: relative;transition:margin .3s ease;margin-top:60px;}
386   -.main2.active{margin-left:0;}
387   -.tools{left: 0px;transition:left .3s ease;}
388   -.tools.active{left: -106px;}*/
389   -.main2 {
390   - background: #383838;
391   - margin-left: 110px;
392   - padding-top: 1px;
393   -}
394   -.main2 {
395   - margin-left: 110px;
396   - position: relative;
397   - transition: margin .3s ease;
398   - margin-top: 1px;
399   -}
400   -.main2.active {
401   - margin-left: 0;
402   -}
403   -.tools {
404   - height: 100vh;
405   - background: #222;
406   - width: 110px;
407   - padding-top: 20px;
408   - /*overflow: hidden;*/
409   - position: absolute !important;
410   - left: 0;
411   -
412   - /*nk*/
413   - /*top: 70px;
414   - z-index:1029;
415   - z-index: 1029; we made this chnage because After zommin in DA the body system drop down hides under transparency code refer bug 20490 on redmine*/
416   -}
417   -.tools {
418   - left: 0px;
419   - transition: left .3s ease;
420   -}
421   -
422   -.dropdown-menu {
423   - z-index:999999;
424   -}
425   -
426   -.tools.active {
427   - left: -100px;
428   -}
429   -
430   - .navbar-fixed-bottom {
431   - z-index: 1035;
432   -}
433   -.navbar-fixed-top {
434   - z-index: 100000;
435   -}
436   -.main .breadcrumb {
437   - background: #3d3d3d;
438   - border: 1px solid #494949;
439   - margin-bottom: 10px;
440   - padding: 0 15px; /*background-color:rgba(61,61,61,0.95);*/
441   -}
442   -.main-treeview .breadcrumb {
443   - background: #3d3d3d;
444   - border: 1px solid #494949;
445   - margin-bottom: 10px;
446   - padding: 10px 15px; /*background-color:rgba(61,61,61,0.95);*/
447   -}
448   -.main2 .breadcrumb {
449   - background: #3d3d3d;
450   - border: 1px solid #494949;
451   - margin-bottom: 10px;
452   - padding: 5px; /*background-color:rgba(61,61,61,0.95);*/
453   -}
454   -.main-full {
455   - margin-top: 100px;
456   -}
457   -.main-full .breadcrumb {
458   - background: #3d3d3d;
459   - border: 1px solid #494949;
460   - margin-bottom: 10px;
461   - padding: 5px; /*background-color:rgba(61,61,61,0.95);*/
462   -}
463   -.toggleHeadingButton {
464   - font-size: 20px;
465   - color: #fff;
466   - cursor: pointer;
467   -}
468   -.indicators {
469   - position: absolute;
470   - bottom: 0;
471   - left: 0;
472   - background: #000000;
473   - padding: 5px;
474   - z-index: 9999;
475   - width: 300px;
476   -}
477   -.well-white {
478   - background: #fff;
479   - height: 100vh;
480   - padding: 10px;
481   -}
482   -.leftPanel-data {
483   - padding: 10px 10px 0 10px;
484   -}
485   -.dragger {
486   - position: relative;
487   -}
488   -.dragger #block-1 {
489   - position: absolute;
490   - top: 170px;
491   - left: 170px;
492   - width: 200px;
493   - height: 50px;
494   - border: 1px solid #333;
495   - background: #E8E8E8;
496   -}
497   -.dragger .drag-img1 {
498   - position: absolute;
499   - bottom: 0px;
500   - left: 0;
501   -}
502   -.bootstrap-dialog .modal-header.bootstrap-dialog-draggable {
503   - cursor: move;
504   -}
505   -.thumbnail .caption p {
506   - overflow: hidden;
507   - text-overflow: ellipsis;
508   - white-space: nowrap;
509   - /* width: 150px !important;*/
510   - text-align: center;
511   -}
512   -.pos-relative {
513   - position: relative;
514   - float: left;
515   -}
516   -.toggle-icon {
517   - position: absolute;
518   - top: 110px;
519   - left: 100px;
520   - z-index: 9;
521   - -moz-transition: left 0.5s ease;
522   - transition: left 0.5s ease;
523   - background: url(../../../../../content/images/icon-sidebar.png) no-repeat 0;
524   - width: 11px;
525   - height: 33px;
526   -}
527   -.active .toggle-icon {
528   - background: url(../../../../../content/images/icon-sidebar.png) no-repeat -11px;
529   - width: 11px;
530   - height: 33px;
531   -}
532   -.toggle-icon-treeview {
533   - position: absolute;
534   - top: 110px;
535   - left: 290px;
536   - z-index: 99999;
537   - -moz-transition: left 0.5s ease;
538   - transition: left 0.5s ease;
539   - background: url(../../../../../content/images/icon-sidebar.png) no-repeat 0;
540   - width: 11px;
541   - height: 33px;
542   -}
543   -.active .toggle-icon-treeview {
544   - background: url(../../../../../content/images/icon-sidebar.png) no-repeat -11px;
545   - width: 11px;
546   - height: 33px;
547   -}
548   -.navbar-inverse .navbar-nav > li > a {
549   - color: #FFFFFF;
550   -}
551   -/*#7904*/
552   -/*.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-nav > li > a.active {
553   - color: #2db0f5;
554   -}*/
555   -.navbar-inverse .navbar-nav > .navbarDropdownItem > a:hover, .navbar-nav > .navbarDropdownItem > a.active {
556   - color: #2db0f5;
557   -}
558   -.navbar-inverse .navbar-nav > .navbarItem > a:hover, .navbar-inverse .navbar-nav > .navbarItem > a:focus, .navbar-nav > .navbarItem > a.active {
559   - color: #2db0f5;
560   -}
561   -
562   -ul.right0 {
563   - right: 0!important;
564   - left: auto;
565   - min-width: 300px;
566   - padding: 10px;
567   - transition: visibility 0.15s ease 0s, opacity 0.15s ease 0s, transform 0.15s ease 0s;
568   - border-bottom: 4px solid #abafb0;
569   - box-shadow: 0 4px 2px -2px #abafb0 inset;
570   -}
571   -.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
572   - background-color: #0095da;
573   - color: #ffffff;
574   -}
575   -.padd5 {
576   - padding: 5px;
577   -}
578   -.padded25{ padding:25px;}
579   -ul.listgrid-view{ list-style:none;}
580   -ul.listgrid-view li{ float:left; margin-right:5px; background:#3D3D3D; padding:2px 5px; border-radius:2px;}
581   -ul.listgrid-view li a{color:#fff!important;}
582   -ul.listgrid-view li.active, ul.listgrid-view li:active{ background:#0095da!important;}
583   -.bg-white{ background:#fff;}
584   -.stickey-area .pagination-sm > li > a, .pagination-sm > li > span{ padding:5px 8px!important;}
585   -.paddlftrgt10{ padding:10px 10px;}
586   -/*.border-black{ border:1px solid #333}*/
587   -#da-body-nav .dropdown-menu{ padding:0!important;}
588   -
589   -
590   -
591   -/*Settings popup on TopMenu related css*/
592   -.cursor-pointer{ cursor:pointer;}
593   -.paddTopbtm15{ padding-top:15px; padding-bottom:15px;}
594   -.paddTop15{ padding-top:15px;}
595   -.padd10{ padding:10px!important;}
596   -.no-margin-btm{ margin-bottom:0;}
597   -.marginR0{ margin-right:0!important;}
598   -.padd-right0{ padding-right:0;}
599   -.padd-left0{ padding-left:0!important;}
600   -.marginTop13{ margin-top:13px;}
601   -.font13{ font-size:13px;}
602   -.font11{ font-size:11px;}
603   -.modal-footer{ padding:5px 10px;}
604   -.modal-footer-forgot-password {padding:5px 15px;}
605   -.paddTop0{ padding-top:0;}
606   -.no-margin-top{ margin-top:0;}
607   -
608   -.scrollable-Y200{ width:auto; height:228px; overflow-y:scroll; border:1px solid #e4e4e4; margin-bottom:0; z-index:999999; display:block; border-top:none; background:#fff;}
609   -.modal-header{ cursor:move;}
610   -.well-dark{ background:#2e2e2e; border:1px solid #686868; height:500px; overflow:hidden;}
611   -select[multiple], select[size].multipleSelect{ height: 100%;}
612   -
613   -#setting-modal-dark{ height:441px;}
614   -#setting-modal-dark .modal-body{ overflow-y:auto; overflow-x:hidden; height:365px;}
615   -#setting-modal-dark > .modal-header{ padding:5px 10px;}
616   -#setting-modal-dark > .modal-header h4{ font-size:15px; font-weight:600;}
617   -#setting-modal-dark > .modal-body > .nav-tabs > li > a{ padding:5px!important}
618   -#setting-modal-dark .nav > li > a { padding: 5px!important;}
619   -
620   -.skinmarginbtm6{
621   - margin-bottom:6px !important;
622   -}
623   -
624   -.skindefault{
625   - background: #8c8c8c none repeat scroll 0 0 !important;
626   -}
627   -
628   -
629   -.bolder{ font-weight:bold;}
630   -.skin-tones{ width:300px; margin:0 auto;}
631   -.modal-dark > .modal-header{ padding:5px 10px;}
632   -.modal-dark > .modal-header h4{ font-size:15px; font-weight:600;}
633   -.modal-header .close{ margin-top:0}
634   -#setting-modal-dark .nav-tabs > li.active > a, #setting-modal-dark .nav-tabs > li.active > a:hover, #setting-modal-dark .nav-tabs > li.active > a:focus{ background:hsl(199, 100%, 43%); border:none; color:#fff;}
635   -.annotation-modal-header h4{ font-size:15px; font-weight:600;}
636   -
637   - @-webkit-keyframes circle {
638   -0% {
639   - opacity: 1;
640   -}
641   - 40% {
642   - opacity: 1;
643   -}
644   - 100% {
645   - width: 200%;
646   - height: 200%;
647   - opacity: 0;
648   -}
649   -}
650   -@keyframes circle {
651   - 0% {
652   - opacity: 1;
653   -}
654   - 40% {
655   - opacity: 1;
656   -}
657   - 100% {
658   - width: 200%;
659   - height: 200%;
660   - opacity: 0;
661   -}
662   -}
663   -
664   -@media (max-width: 480px) {
665   -.tools i {
666   - font-size: inherit;
667   -}
668   -.pageHeading h4 {
669   - font-size: 20px;
670   -}
671   -}
672   -
673   -/** Responsive **/
674   -@media (max-width: 1199px) {
675   -/*.main{margin-left:0;position: relative;transition:left .3s ease;left: 0;}
676   - .main.active{left: 250px;}
677   - .sidebar{left: -250px;transition:left .3s ease;}
678   - .sidebar.active{left: 0;}*/
679   - /*.main2{margin-left:0;position: relative;transition:left .3s ease;left: 0;}
680   - .main2.active{left: 106px;}
681   - .tools{left: -106px;transition:left .3s ease;}
682   - .tools.active{left: 0;}*/
683   -
684   -
685   -}
686   -
687   -@media (max-width: 767px) {
688   -textarea {
689   - height: 120px !important;
690   -}
691   -.quesDetail>*, .patDataRow>* {
692   - text-align: left !important;
693   -}
694   -.table {
695   - font-size: .9em;
696   -}
697   -.stylish-input-group .form-control {
698   - border-right: 0;
699   - box-shadow: 0 0 0;
700   - border-color: #ccc;
701   - width: 100%;
702   - float: right;
703   -}
704   -
705   - .table-responsive > .table > tbody > tr > td
706   - {
707   - white-space: normal !important;
708   - }
709   -}
710   -
711   -@media (max-width: 1023px) {
712   -/*.nav > li > a{ padding:15px 6px!important;}*/
713   -
714   -.main {
715   - margin-left: 0;
716   - position: relative;
717   - transition: left .3s ease;
718   - left: 0;
719   -}
720   -.main.active {
721   - left: 200px;
722   -}
723   -.sidebar {
724   - left: -200px;
725   - transition: left .3s ease;
726   -}
727   -.sidebar.active {
728   - left: 0;
729   -}
730   -.main-treeview {
731   - margin-left: 0;
732   - position: relative;
733   - transition: left .3s ease;
734   - left: 0;
735   -}
736   -.main-treeview.active {
737   - left: 300px;
738   -}
739   -.treeview-left {
740   - left: -300px;
741   - transition: left .3s ease;
742   -}
743   -.treeview-left.active {
744   - left: 0;
745   -}
746   -}
747   -
748   -@media (min-width: 768px) and (max-width: 1199px) {
749   -.hidden-sm {
750   - display: none !important;
751   -}
752   -.width120 {
753   - width: 90%!important;
754   -}
755   -/* .toggleBar { margin:20px 10px 0 0}*/
756   -}
757   -
758   -@media (min-width: 768px) {
759   -.toperMenu-spaceleft {
760   - margin-left: 20px;
761   -}
762   -}
763   -
764   -@media (max-width: 350px) {
765   -.pageHeading h4 {
766   - overflow: hidden;
767   - text-overflow: ellipsis;
768   - white-space: nowrap;
769   - width: 164px !important;
770   -}
771   -}
772   -
773   -.spinner {
774   - position: fixed;
775   - top: 50%;
776   - left: 50%;
777   - margin-left: -50px; / half width of the spinner gif /
778   - margin-top: -50px; / half height of the spinner gif /
779   - text-align: center;
780   - z-index: 15000;
781   - overflow: auto;
782   - width: 100px; / width of the spinner gif /
783   - height: 102px; /*hight of the spinner gif +2px to fix IE8 issue */
784   - }
785   -
786   -/*to make the background fully visible on transparency box draw*/
787   -.modal-backdrop.in {
788   - opacity: 0;
789   -}
790   -
791   -.tButtonActive {
792   - background-color: #1B92D0;
793   - border-color: #1B92D0;
794   - color: #ffffff;
795   -}
796   -
797   -/*28-06-2016*/
798   -
799   -.txt-white{ color:#fff;}
800   -.f11 {font-size:11px;}
801   -.f15 {font-size:15px; font-weight:600;}
802   -.pad-lftrgt3 {padding-left:2px; padding-right:2px;}
803   -.table-txt12 tr th, .table-txt12 tr td {font-size:12px; padding:2px 8px !important; vertical-align:middle; cursor:pointer;}
804   -
805   -.clsstickydiv{padding-left:19px; width:99%}
806   -
807   -
808   -/*.clsthead tr th {
809   - min-width: 180px;
810   - text-align: left;
811   -}*/
812   -
813   -
814   -
815   -
816   -
817   -/*.clstbody tr td {
818   - min-width: 180px;
819   - text-align: left;
820   -}*/
821   -
822   -
823   -
824   -
825   -
826   -
827   -
828   -.cur-pot {
829   -cursor:pointer;
830   -}
831   -
832   -
833   -@media (min-width: 320px) and (max-width:480px) {
834   - .stickey-area {
835   - margin-top:24px;
836   - }
837   -}
838   -
839   -.enableGender li.active{
840   - background-color:#0095DA;
841   - color:#ffffff;
842   -}
843   -
844   -.annotationbar {
845   - max-width: 300px;
846   - width: 100%;
847   -}
848   -
849   -.LeftButtonsDefaultState
850   -{
851   - background-color: #0095da;
852   - border-color: #007ab3;
853   - color: #ffffff;
854   -}
855   -
856   -/*disable background css*/
857   -
858   -#modelbackground
859   - {
860   - background-color: black;
861   - bottom: 0;
862   - left: 0;
863   - position: fixed;
864   - right: 0;
865   - top: 0;
866   - z-index: 12000000;
867   - opacity: 0.5;
868   - display:none;
869   - width:100%;
870   - height:100%;
871   -
872   - filter: Alpha(opacity=50); / IE8 and earlier /
873   -}
874   -
875   -
876   -.modeleditstyle
877   - {
878   - display:none;
879   -}
880   - /*#7904*/
881   -.dropdown-menu > li > a.active{background-color:#0095da;color:#fff;text-decoration:none;}
882   -
883   -
884   -.annotationtoolbartab
885   - {
886   - background:#626c34 !important;
887   -}
888   -
889   -.disableMenuannotation
890   -{
891   - pointer-events:none;
892   - opacity:0.6;
893   -
894   -}
895   -.disableMenuoption
896   -{
897   - pointer-events:none;
898   - opacity:0.6;
899   -
900   -}
901   -.disableSubMenu {
902   - pointer-events: none;
903   - opacity: 0.6;
904   -}
905   -.disableFileMenu {
906   - pointer-events: none;
907   - opacity: 0.6;
908   -}
909   -
910   -.blankshapediv
911   -{
912   -background-image: url("../../../../../content/images/blank-shapes.png");
913   -background-size:cover;
914   -}
915   -.outlinediv
916   -{
917   - border:1px solid black;
918   - width: 72%;
919   - margin-left: auto;
920   - margin-right: auto;
921   - height: 98px;
922   - border-radius: 50%;
923   - }
924   -.fullcolordiv
925   - {
926   - position:relative;
927   - width:100%;
928   - height:100%;
929   - background:#fff;
930   - border-radius: 50%;
931   - }
932   -/*Bug #8679*/
933   - .selected {
934   - background-color: lightgrey;
935   - }
936   -
937   - .disableHideShowStructure
938   - {
939   - background:#4b4b4b !important;
940   - border-color:#3f3f3f !important;
941   - }
942   -.btn-annotation-erase:hover
943   - {
944   - color: #fff;
945   - }
946   - .btn-annotation-brush:hover
947   - {
948   - color: #fff;
949   - }
950   - .fa-eraser,.fa-paint-brush
951   - {
952   - color: #fff;
953   - }
954   - #messageModal
955   - {
956   - z-index: 214748;
957   - }
958   - #messageModal .modal-dialog
959   - {
960   - width:300px
961   - }
962   - #messageModal .modal-content
963   - {
964   -
965   - box-shadow: 0 0 40px rgba(0,0,0,.5);
966   - border: rgba(0,0,0,0);
967   - }
968   - #messageModal .modal-body
969   - {
970   - text-align: justify;
971   - text-align-last: center;
972   - }
973   - #messageModal .modal-header
974   - {
975   - padding: 6px;
976   - border-bottom: none;
977   - }
978   - #messageModal .modal-footer
979   - {
980   - border-top: none;
981   - padding: 20px 10px;
982   - text-align:center;
983   - }
984   - #jsPanel-1
985   - {
986   - z-index:11111;
987   - }
988   -
989   - .tinyImg {
990   - display: block;
991   - max-width: 230px;
992   - /*max-height: 95px;*/
993   - width: auto;
994   - height: 95px !important;
995   -}
996   -
997   - #bodySystemList
998   - {
999   - z-index:100000;
1000   - }
1001   - /*.GridViewDataDivHeight
1002   - {
1003   - height:175px;
1004   - }*/
1005   -
1006   -#exportlogo
1007   - {
1008   -
1009   - bottom: 50PX;
1010   - position: fixed;
1011   - right: 50px;
1012   -}
1013   -
1014   -
1015   -
1016   -.HightLightThumbnail
1017   - {
1018   - background: #8C8C8C!important;
1019   - border: 1px solid #a2a2a2;
1020   - }
1021   -
1022   -.activeAASystemSelect{
1023   - background-color:#0095DA;
1024   - color:#ffffff;
1025   -}
1026   -
1027   -.activeAASystemSelect a
1028   -{
1029   -color:#ffffff !important;
1030   -}
1031   -
1032   -.disabledSelectedSystem a, .disabledSelectedSystem > a:hover, .dropdown-menu > .disabledSelectedSystem > a:focus
1033   - {
1034   -
1035   - text-decoration: none;
1036   - background-color: transparent !important;
1037   - background-image: none;
1038   - cursor: not-allowed;
1039   - color: #878787 !important;
1040   - pointer-events:none;
1041   -}
1042   -
1043   -.pl-12{padding-left:12px;}
1044   -
1045   -
1046   -/*sprit images*/
1047   -.sprit-icon button{background-image:url("/../../../content/images/aa/LeftMenu/icon-sprit.png"); background-repeat:no-repeat; width:38px; height:32px;}
1048   -.sprit-icon button:active{background-image:url("/../../../content/images/aa/LeftMenu/icon-sprit.png"); background-repeat:no-repeat; width:38px; height:32px;}
1049   -#hidePinBtn{background-position:10px 5px;}
1050   -#selectedPin{background-position:15px -24px;}
1051   -#allPinBtn{background-position:12px -105px;}
1052   -#dropdownMenu221{background-position:10px -49px;}
1053   -#comment-box{background-position:28px -73px; width:80px;}
1054   -
1055   -
1056   -.jsPanel-btn-norm
1057   - {
1058   - background-image: none !important;
1059   -}
1060   -.modal-small
1061   - {
1062   -
1063   - width : 400px !important;
1064   -
1065   - }
1066   -
1067   -li[disabled], a[disabled] {
1068   - pointer-events: none;
1069   -}
1070   -a[disabled] {
1071   - color: #aaa !important;
1072   -}
1073   -
1074   -
1075   -.aaSystemDisable
1076   - {
1077   - pointer-events : none;
1078   - opacity : 0.5;
1079   -}
1080   -
1081   -#exportlogo
1082   - {
1083   -
1084   - bottom: 50PX;
1085   - position: fixed;
1086   - right: 50px;
1087   -}
1088   -
1089   -
1090   -
1091   -.HightLightThumbnail
1092   - {
1093   - background: #8C8C8C!important;
1094   - border: 1px solid #a2a2a2;
1095   - }
1096   -
1097   -.activeAASystemSelect{
1098   - background-color:#0095DA;
1099   - color:#ffffff;
1100   -}
1101   -
1102   -.activeAASystemSelect a
1103   -{
1104   -color:#ffffff !important;
1105   -}
1106   -
1107   -.disabledSelectedSystem a, .disabledSelectedSystem > a:hover, .dropdown-menu > .disabledSelectedSystem > a:focus
1108   - {
1109   -
1110   - text-decoration: none;
1111   - background-color: transparent !important;
1112   - background-image: none;
1113   - cursor: not-allowed;
1114   - color: #878787 !important;
1115   - pointer-events:none;
1116   -}
1117   -
1118   -.pl-12{padding-left:12px;}
1119   -
1120   -
1121   -/*sprit images*/
1122   -.sprit-icon button{background-image:url("/../../../content/images/aa/LeftMenu/icon-sprit.png"); background-repeat:no-repeat; width:38px; height:32px;}
1123   -.sprit-icon button:active{background-image:url("/../../../content/images/aa/LeftMenu/icon-sprit.png"); background-repeat:no-repeat; width:38px; height:32px;}
1124   -#hidePinBtn{background-position:10px 5px;}
1125   -#selectedPin{background-position:15px -24px;}
1126   -#allPinBtn{background-position:12px -105px;}
1127   -#dropdownMenu221{background-position:10px -49px;}
1128   -#comment-box{background-position:28px -73px; width:80px;}
1129   -
1130   -
1131   -.jsPanel-btn-norm
1132   - {
1133   - background-image: none !important;
1134   -}
1135   -.modal-small
1136   - {
1137   -
1138   - width : 400px !important;
1139   -
1140   - }
1141   -
1142   -li[disabled], a[disabled] {
1143   - pointer-events: none;
1144   -}
1145   -a[disabled] {
1146   - color: #aaa !important;
1147   -}
1148   -
1149   -
1150   -.aaSystemDisable
1151   - {
1152   - pointer-events : none;
1153   - opacity : 0.5;
1154   -}
1155   -.GridViewDataDivHeight .thumbnail img
1156   - {
1157   - height:150px;
1158   - }
1159   -
1160   -.loginBox input::-ms-clear{display:none;}
1161   -
1162   -
1163   -/*06-12-2017*/
1164   -.customTable .table-responsive{padding-left:0; padding-right:0;width: 99%; margin-left: 11px;}
1165   -.customTable .table-fixed .table {
1166   - max-width:980px;
1167   - table-layout:fixed;
1168   - margin:auto;
1169   -}
1170   -.customTable .table-fixed th, .table-fixed td {
1171   - padding:5px 10px;
1172   -}
1173   -.customTable .table-fixed thead {
1174   - background:#f9f9f9;
1175   - display:table;
1176   - width:100%;
1177   - width:calc(100% - 0);
1178   -}
1179   -.customTable .table-fixed tbody {
1180   - height:300px;
1181   - overflow:auto;
1182   - overflow-x:hidden;
1183   - display:block;
1184   - width:100%;
1185   -}
1186   -.customTable .table-fixed tbody tr {
1187   - display:table;
1188   - width:100%;
1189   - table-layout:fixed;
1190   -}
1191   -
1192   -
1193   -
1194   -.navbar-right .logOut a
1195   - {
1196   - padding-top : 23px;
1197   - padding-bottom : 11px;
1198   - line-height : 14px;
  1 +/***
  2 +MAIN.CSS for AIA
  3 +TO BE USED WITH CUSTOM BOOTSTRAP THEME ALREADY INCLUDED
  4 +**/
  5 +
  6 +/*** Global ***/
  7 +* {
  8 + outline: 0 !important;
  9 +}
  10 +body {
  11 + background: #383838;
  12 +}
  13 +.btn {
  14 + -webkit-transition: all .3s ease;
  15 + -ms-transition: all .3s ease;
  16 + transition: all .3s ease;
  17 +}
  18 +.btnCustom {
  19 + border: 0 !important;
  20 + padding-left: 50px;
  21 + padding-right: 50px;
  22 + min-height: 40px;
  23 +}
  24 +.btnCustom.btn-large {
  25 + width: 220px;
  26 + height: 50px;
  27 + padding-left: 0;
  28 + padding-right: 0;
  29 +}
  30 +footer {
  31 + color: #303030;
  32 + font: 12px/30px 'Open Sans';
  33 + margin-top: -30px;
  34 +}
  35 +footer.dark {
  36 + color: #ccc;
  37 + background: #303030;
  38 +}
  39 +.frameLogo {
  40 + display: block;
  41 +}
  42 +.navbar-brand {
  43 + height: 60px;
  44 + padding: 10px 15px;
  45 +}
  46 +.no-scroll {
  47 + overflow: hidden;
  48 +}
  49 +/*** Login Page ***/
  50 +.loginBg {
  51 + min-height: 100vh;
  52 + background: #303030;
  53 +}
  54 +.loginPanel {
  55 + margin: 0 0 100px;
  56 +}
  57 +.loginLogo {
  58 + margin: 20px auto;
  59 + display: block;
  60 + max-width: 360px;
  61 +}
  62 +.headerBand {
  63 + background: #818f44;
  64 + padding-bottom: 10px;
  65 + color: #fff;
  66 +}
  67 +.headerBand h1 {
  68 + font: 700 36px/1 'Open Sans';
  69 +}
  70 +.headerBand p {
  71 + font: 400 16px 'Open Sans';
  72 + letter-spacing: 0px;
  73 + word-spacing: 1px;
  74 +}
  75 +.loginBox {
  76 + max-width: 350px;
  77 + background: #666666;
  78 + margin: 30px auto 0;
  79 + border-radius: 2px;
  80 + -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .5);
  81 + -ms-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .5);
  82 + box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .5);
  83 + padding: 15px 0;
  84 +}
  85 +.loginBox strong {
  86 + color: #0095da;
  87 + font: 600 18px/1 'Open Sans';
  88 + padding-bottom: 10px;
  89 + display: block;
  90 +}
  91 +.loginExBtn {
  92 + max-width: 350px;
  93 + margin: 15px auto 0;
  94 +}
  95 +.loginExBtn a {
  96 + width: 48%;
  97 +}
  98 +/*** Mainframe ***/
  99 +.sidebar {
  100 + height: 100vh;
  101 + background: #222;
  102 + width: 200px;
  103 + padding-top: 90px;
  104 + overflow: auto;
  105 + position: fixed;
  106 + left: 0;
  107 + top: 0;
  108 + z-index: 1029;
  109 +}
  110 +.navbar {
  111 + border-bottom: none!important;
  112 +}
  113 +.main {
  114 + background: #383838;
  115 + margin-left: 200px;
  116 + padding-top: 51px;
  117 +}
  118 +.treeview-left {
  119 + height: 100vh;
  120 + background: #222;
  121 + width: 300px;
  122 + padding-top: 90px;
  123 + overflow: auto;
  124 + position: fixed;
  125 + left: 0;
  126 + top: 0;
  127 + z-index: 1029;
  128 +}
  129 +.main-treeview {
  130 + background: #383838;
  131 + margin-left: 300px;
  132 + padding-top: 51px;
  133 +}
  134 +.nav-sidebar a {
  135 + color: #fff; /*border-bottom:1px solid #ccc!important;*/
  136 +}
  137 +.nav-sidebar li a {
  138 + color: #fff;
  139 +}
  140 +.nav-sidebar a:hover, .nav-sidebar a:focus {
  141 + color: #fff;
  142 + background: #1B92D0!important;
  143 +}
  144 +.nav-sidebar a.active {
  145 + color: #fff;
  146 + background: #1B92D0!important;
  147 +}
  148 +.toggleBar {
  149 + margin: 0px 10px 0 0;
  150 +}
  151 +.space-left20 {
  152 + padding-left: 20px;
  153 +}
  154 +.padd-lftright25 {
  155 + padding: 0 25px;
  156 +}
  157 +.tab-content {
  158 + padding: 10px 0;
  159 +}
  160 +.space-top50 {
  161 + margin-top: 50px;
  162 +}
  163 +/*Custom ToolTip In AIA*/
  164 +.customTooltip {
  165 + background: #333 !important;
  166 + color: #fff !important;
  167 + /*opacity: 0.9 !important;*/
  168 + }
  169 +
  170 +/*.tools {
  171 + background: #eeeeee none repeat scroll 0 0;
  172 + border: 1px solid #c1c1c1;
  173 + border-top:none;
  174 + /*padding: 10px;
  175 + width:106px;
  176 + position:absolute;
  177 + left: 0;
  178 + top: 120px;
  179 + padding-top:10px;
  180 + z-index:1024;
  181 +
  182 +}*/
  183 +.tools i {
  184 + font-size: 1.4em;
  185 +}
  186 +.marginTop10 {
  187 + margin-top: 10px;
  188 +}
  189 +.marginTop2 {
  190 + margin-top: 2px;
  191 +}
  192 +.marginL2 {
  193 + margin-left: 2px!important;
  194 +}
  195 +.marginR5 {
  196 + margin-right: 5px!important;
  197 +}
  198 +.paddTop4 {
  199 + padding-top: 4px;
  200 +}
  201 +.vert_slider {
  202 + clear: both;
  203 + margin: 20px auto 30px;
  204 + width: 1rem;
  205 + pointer-events: none;
  206 +}
  207 +
  208 +.vert_slider > .ui-slider-handle {
  209 +pointer-events: auto;
  210 +/* Other settings here */
  211 +}
  212 +
  213 +#inner-anatomyPage .nav > li > a:hover {
  214 + background: #1c92d0;
  215 + color: #fff;
  216 + border-radius: 3px 3px 0 0;
  217 + border: 1px solid #1c92d0;
  218 + border-bottom: none;
  219 +}
  220 +.page-head {
  221 + background: #f3f3f3 none repeat scroll 0 0;
  222 + border-bottom: 1px solid #ffffff;
  223 + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.19);
  224 + padding: 8px 20px;
  225 + margin-bottom: 20px;
  226 +}
  227 +.no-margin {
  228 + margin: 0!important
  229 +}
  230 +.no-padding {
  231 + padding: 0!important
  232 +}
  233 +.marginTopBtm10 {
  234 + margin: 10px 0!important
  235 +}
  236 +.page-header {
  237 + border-bottom: 0!important
  238 +}
  239 +.marginTop5 {
  240 + margin-top: 5px;
  241 +}
  242 +.paddingbtm5 {
  243 + padding-bottom: 5px;
  244 +}
  245 +.border-Btm1 {
  246 + border-bottom: 1px solid #D8D8D8;
  247 +}
  248 +.pageHeading {
  249 + background: #818d43 none repeat scroll 0 0;
  250 + padding: 0px 15px;
  251 + margin-top: 60px;
  252 + z-index: 1030;
  253 + position: fixed;
  254 + width: 100%;
  255 +}
  256 +.pageHeading h4 {
  257 + font-size: 15px;
  258 + margin: 0!important;
  259 + color: #fff;
  260 + line-height: 30px;
  261 + font-weight: 600;
  262 + text-transform: uppercase
  263 +}
  264 +.color-white {
  265 + color: #fff!important;
  266 +}
  267 +.color-green {
  268 + color: #818f44!important;
  269 +}
  270 +.btn-black {
  271 + background-color: #4b4b4b;
  272 + border-color: #3f3f3f;
  273 + color: #ffffff;
  274 +}
  275 +.btn-black:hover, .btn-black:focus {
  276 + background-color: #1B92D0;
  277 + border-color: #1B92D0;
  278 + color: #ffffff;
  279 +}
  280 +.font16 {
  281 + font-size: 1.59em!important;
  282 +}
  283 +.modal-body {
  284 + padding: 0 10px;
  285 +}
  286 +.well-popup {
  287 + margin-bottom: 10px;
  288 + padding: 5px;
  289 +}
  290 +.annotation-modal-header {
  291 + padding: 5px 10px;
  292 +}
  293 +.form-group {
  294 + margin-bottom: 7px;
  295 +}
  296 +/********Stylish Search**************/
  297 +
  298 +#imaginary_container {
  299 + margin: 8px 0!important;
  300 +}
  301 +.stylish-input-group .input-group-addon {
  302 + background: white !important;
  303 +}
  304 +.stylish-input-group .form-control {
  305 + border-right: 0;
  306 + box-shadow: 0 0 0;
  307 + border-color: #ccc;
  308 + width: 30%;
  309 + float: right;
  310 +}
  311 +.stylish-input-group button {
  312 + border: 0;
  313 + background: transparent;
  314 +}
  315 +#vertical-slider {
  316 + height: 150px;
  317 + margin-left: 30px;
  318 +}
  319 +.navbar-nav > li > a {
  320 + line-height: 30px;
  321 +}
  322 +.paddTop5 {
  323 + padding-top: 5px;
  324 +}
  325 +.mrgnBtm5 {
  326 + margin-bottom: 3px;
  327 +}
  328 +.thumbnail a {
  329 + color: #303030!important;
  330 + text-decoration: none;
  331 +}
  332 +.thumbnail a:hover {
  333 + color: #FFFFFF!important;
  334 + text-decoration: none!important;
  335 +}
  336 +.thumbnail:hover {
  337 + background: #8C8C8C!important;
  338 + border: 1px solid #a2a2a2;
  339 +}
  340 +#inner-anatomyPage .nav-tabs {
  341 + border-bottom: 1px solid #494949;
  342 +}
  343 +#inner-anatomyPage .nav-tabs li a {
  344 + color: #fff;
  345 +}
  346 +#inner-anatomyPage .nav-tabs li.active {
  347 + color: #000;
  348 +}
  349 +#inner-anatomyPage .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  350 + background: #1c92d0;
  351 + border: 1px solid #1c92d0;
  352 +}
  353 +
  354 + .inner-anatomyPageUl{
  355 + float: left;
  356 + margin: 0px 0px 10px 0px;
  357 + padding: 0;
  358 + border-bottom: 1px solid #494949;
  359 + width: 100%;
  360 +
  361 + }
  362 + .inner-anatomyPageUl li{
  363 + list-style-type:none;
  364 + display:inline-block;
  365 + float:left;
  366 +
  367 + }
  368 + .inner-anatomyPageUl li:nth-child(2){
  369 + margin-left:3px;
  370 +
  371 + }
  372 + .inner-anatomyPageUl li a {
  373 + color: #fff;
  374 + padding: 10px 15px;
  375 + text-decoration:none;
  376 + float:left;
  377 + border: 1px solid transparent;
  378 + border-radius: 2px 2px 0 0;
  379 + }
  380 + .inner-anatomyPageUl li.active a, .inner-anatomyPageUl li a:hover {
  381 + background: #1c92d0;
  382 + border: 1px solid #1c92d0;
  383 +
  384 + }
  385 +
  386 +
  387 +
  388 +
  389 +.main {
  390 + margin-left: 200px;
  391 + position: relative;
  392 + transition: margin .3s ease;
  393 + margin-top: 50px;
  394 +}
  395 +.main.active {
  396 + margin-left: 0;
  397 +}
  398 +.sidebar {
  399 + left: 0px;
  400 + transition: left .3s ease;
  401 +}
  402 +.sidebar.active {
  403 + left: -200px;
  404 +}
  405 +.main-treeview {
  406 + margin-left: 290px;
  407 + position: relative;
  408 + transition: margin .3s ease;
  409 + margin-top: 50px;
  410 +}
  411 +.main-treeview.active {
  412 + margin-left: 0;
  413 +}
  414 +.treeview-left {
  415 + left: 0px;
  416 + transition: left .3s ease;
  417 +}
  418 +.treeview-left.active {
  419 + left: -290px;
  420 +}
  421 +/*.main2{margin-left:106;position: relative;transition:margin .3s ease;margin-top:60px;}
  422 +.main2.active{margin-left:0;}
  423 +.tools{left: 0px;transition:left .3s ease;}
  424 +.tools.active{left: -106px;}*/
  425 +.main2 {
  426 + background: #383838;
  427 + margin-left: 110px;
  428 + padding-top: 1px;
  429 +}
  430 +.main2 {
  431 + margin-left: 110px;
  432 + position: relative;
  433 + transition: margin .3s ease;
  434 + margin-top: 1px;
  435 +}
  436 +.main2.active {
  437 + margin-left: 0;
  438 +}
  439 +.tools {
  440 + height: 100vh;
  441 + background: #222;
  442 + width: 110px;
  443 + padding-top: 20px;
  444 + /*overflow: hidden;*/
  445 + position: absolute !important;
  446 + left: 0;
  447 +
  448 + /*nk*/
  449 + /*top: 70px;
  450 + z-index:1029;
  451 + z-index: 1029; we made this chnage because After zommin in DA the body system drop down hides under transparency code refer bug 20490 on redmine*/
  452 +}
  453 +.tools {
  454 + left: 0px;
  455 + transition: left .3s ease;
  456 +}
  457 +
  458 +.dropdown-menu {
  459 + z-index:999999;
  460 +}
  461 +
  462 +.tools.active {
  463 + left: -100px;
  464 +}
  465 +
  466 + .navbar-fixed-bottom {
  467 + z-index: 1035;
  468 +}
  469 +.navbar-fixed-top {
  470 + z-index: 100000;
  471 +}
  472 +.main .breadcrumb {
  473 + background: #3d3d3d;
  474 + border: 1px solid #494949;
  475 + margin-bottom: 10px;
  476 + padding: 0 15px; /*background-color:rgba(61,61,61,0.95);*/
  477 +}
  478 +.main-treeview .breadcrumb {
  479 + background: #3d3d3d;
  480 + border: 1px solid #494949;
  481 + margin-bottom: 10px;
  482 + padding: 10px 15px; /*background-color:rgba(61,61,61,0.95);*/
  483 +}
  484 +.main2 .breadcrumb {
  485 + background: #3d3d3d;
  486 + border: 1px solid #494949;
  487 + margin-bottom: 10px;
  488 + padding: 5px; /*background-color:rgba(61,61,61,0.95);*/
  489 +}
  490 +.main-full {
  491 + margin-top: 100px;
  492 +}
  493 +.main-full .breadcrumb {
  494 + background: #3d3d3d;
  495 + border: 1px solid #494949;
  496 + margin-bottom: 10px;
  497 + padding: 5px; /*background-color:rgba(61,61,61,0.95);*/
  498 +}
  499 +.toggleHeadingButton {
  500 + font-size: 20px;
  501 + color: #fff;
  502 + cursor: pointer;
  503 +}
  504 +.indicators {
  505 + position: absolute;
  506 + bottom: 0;
  507 + left: 0;
  508 + background: #000000;
  509 + padding: 5px;
  510 + z-index: 9999;
  511 + width: 300px;
  512 +}
  513 +.well-white {
  514 + background: #fff;
  515 + height: 100vh;
  516 + padding: 10px;
  517 +}
  518 +.leftPanel-data {
  519 + padding: 10px 10px 0 10px;
  520 +}
  521 +.dragger {
  522 + position: relative;
  523 +}
  524 +.dragger #block-1 {
  525 + position: absolute;
  526 + top: 170px;
  527 + left: 170px;
  528 + width: 200px;
  529 + height: 50px;
  530 + border: 1px solid #333;
  531 + background: #E8E8E8;
  532 +}
  533 +.dragger .drag-img1 {
  534 + position: absolute;
  535 + bottom: 0px;
  536 + left: 0;
  537 +}
  538 +.bootstrap-dialog .modal-header.bootstrap-dialog-draggable {
  539 + cursor: move;
  540 +}
  541 +.thumbnail .caption p {
  542 + overflow: hidden;
  543 + text-overflow: ellipsis;
  544 + white-space: nowrap;
  545 + /* width: 150px !important;*/
  546 + text-align: center;
  547 +}
  548 +.pos-relative {
  549 + position: relative;
  550 + float: left;
  551 +}
  552 +.toggle-icon {
  553 + position: absolute;
  554 + top: 110px;
  555 + left: 100px;
  556 + z-index: 9;
  557 + -moz-transition: left 0.5s ease;
  558 + transition: left 0.5s ease;
  559 + background: url(../../../../../content/images/icon-sidebar.png) no-repeat 0;
  560 + width: 11px;
  561 + height: 33px;
  562 +}
  563 +.active .toggle-icon {
  564 + background: url(../../../../../content/images/icon-sidebar.png) no-repeat -11px;
  565 + width: 11px;
  566 + height: 33px;
  567 +}
  568 +.toggle-icon-treeview {
  569 + position: absolute;
  570 + top: 110px;
  571 + left: 290px;
  572 + z-index: 99999;
  573 + -moz-transition: left 0.5s ease;
  574 + transition: left 0.5s ease;
  575 + background: url(../../../../../content/images/icon-sidebar.png) no-repeat 0;
  576 + width: 11px;
  577 + height: 33px;
  578 +}
  579 +.active .toggle-icon-treeview {
  580 + background: url(../../../../../content/images/icon-sidebar.png) no-repeat -11px;
  581 + width: 11px;
  582 + height: 33px;
  583 +}
  584 +.navbar-inverse .navbar-nav > li > a {
  585 + color: #FFFFFF;
  586 +}
  587 +/*#7904*/
  588 +/*.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-nav > li > a.active {
  589 + color: #2db0f5;
  590 +}*/
  591 +.navbar-inverse .navbar-nav > .navbarDropdownItem > a:hover, .navbar-nav > .navbarDropdownItem > a.active {
  592 + color: #2db0f5;
  593 +}
  594 +.navbar-inverse .navbar-nav > .navbarItem > a:hover, .navbar-inverse .navbar-nav > .navbarItem > a:focus, .navbar-nav > .navbarItem > a.active {
  595 + color: #2db0f5;
  596 +}
  597 +
  598 +ul.right0 {
  599 + right: 0!important;
  600 + left: auto;
  601 + min-width: 300px;
  602 + padding: 10px;
  603 + transition: visibility 0.15s ease 0s, opacity 0.15s ease 0s, transform 0.15s ease 0s;
  604 + border-bottom: 4px solid #abafb0;
  605 + box-shadow: 0 4px 2px -2px #abafb0 inset;
  606 +}
  607 +.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
  608 + background-color: #0095da;
  609 + color: #ffffff;
  610 +}
  611 +.padd5 {
  612 + padding: 5px;
  613 +}
  614 +.padded25{ padding:25px;}
  615 +ul.listgrid-view{ list-style:none;}
  616 +ul.listgrid-view li{ float:left; margin-right:5px; background:#3D3D3D; padding:2px 5px; border-radius:2px;}
  617 +ul.listgrid-view li a{color:#fff!important;}
  618 +ul.listgrid-view li.active, ul.listgrid-view li:active{ background:#0095da!important;}
  619 +.bg-white{ background:#fff;}
  620 +.stickey-area .pagination-sm > li > a, .pagination-sm > li > span{ padding:5px 8px!important;}
  621 +.paddlftrgt10{ padding:10px 10px;}
  622 +/*.border-black{ border:1px solid #333}*/
  623 +#da-body-nav .dropdown-menu{ padding:0!important;}
  624 +
  625 +
  626 +
  627 +/*Settings popup on TopMenu related css*/
  628 +.cursor-pointer{ cursor:pointer;}
  629 +.paddTopbtm15{ padding-top:15px; padding-bottom:15px;}
  630 +.paddTop15{ padding-top:15px;}
  631 +.padd10{ padding:10px!important;}
  632 +.no-margin-btm{ margin-bottom:0;}
  633 +.marginR0{ margin-right:0!important;}
  634 +.padd-right0{ padding-right:0;}
  635 +.padd-left0{ padding-left:0!important;}
  636 +.marginTop13{ margin-top:13px;}
  637 +.font13{ font-size:13px;}
  638 +.font11{ font-size:11px;}
  639 +.modal-footer{ padding:5px 10px;}
  640 +.modal-footer-forgot-password {padding:5px 15px;}
  641 +.paddTop0{ padding-top:0;}
  642 +.no-margin-top{ margin-top:0;}
  643 +
  644 +.scrollable-Y200{ width:auto; height:228px; overflow-y:scroll; border:1px solid #e4e4e4; margin-bottom:0; z-index:999999; display:block; border-top:none; background:#fff;}
  645 +.modal-header{ cursor:move;}
  646 +.well-dark{ background:#2e2e2e; border:1px solid #686868; height:500px; overflow:hidden;}
  647 +select[multiple], select[size].multipleSelect{ height: 100%;}
  648 +
  649 +#setting-modal-dark{ height:441px;}
  650 +#setting-modal-dark .modal-body{ overflow-y:auto; overflow-x:hidden; height:365px;}
  651 +#setting-modal-dark > .modal-header{ padding:5px 10px;}
  652 +#setting-modal-dark > .modal-header h4{ font-size:15px; font-weight:600;}
  653 +#setting-modal-dark > .modal-body > .nav-tabs > li > a{ padding:5px!important}
  654 +#setting-modal-dark .nav > li > a { padding: 5px!important;}
  655 +
  656 +.skinmarginbtm6{
  657 + margin-bottom:6px !important;
  658 +}
  659 +
  660 +.skindefault{
  661 + background: #8c8c8c none repeat scroll 0 0 !important;
  662 +}
  663 +
  664 +
  665 +.bolder{ font-weight:bold;}
  666 +.skin-tones{ width:300px; margin:0 auto;}
  667 +.modal-dark > .modal-header{ padding:5px 10px;}
  668 +.modal-dark > .modal-header h4{ font-size:15px; font-weight:600;}
  669 +.modal-header .close{ margin-top:0}
  670 +#setting-modal-dark .nav-tabs > li.active > a, #setting-modal-dark .nav-tabs > li.active > a:hover, #setting-modal-dark .nav-tabs > li.active > a:focus{ background:hsl(199, 100%, 43%); border:none; color:#fff;}
  671 +.annotation-modal-header h4{ font-size:15px; font-weight:600;}
  672 +
  673 + @-webkit-keyframes circle {
  674 +0% {
  675 + opacity: 1;
  676 +}
  677 + 40% {
  678 + opacity: 1;
  679 +}
  680 + 100% {
  681 + width: 200%;
  682 + height: 200%;
  683 + opacity: 0;
  684 +}
  685 +}
  686 +@keyframes circle {
  687 + 0% {
  688 + opacity: 1;
  689 +}
  690 + 40% {
  691 + opacity: 1;
  692 +}
  693 + 100% {
  694 + width: 200%;
  695 + height: 200%;
  696 + opacity: 0;
  697 +}
  698 +}
  699 +
  700 +@media (max-width: 480px) {
  701 +.tools i {
  702 + font-size: inherit;
  703 +}
  704 +.pageHeading h4 {
  705 + font-size: 20px;
  706 +}
  707 +}
  708 +
  709 +/** Responsive **/
  710 +@media (max-width: 1199px) {
  711 +/*.main{margin-left:0;position: relative;transition:left .3s ease;left: 0;}
  712 + .main.active{left: 250px;}
  713 + .sidebar{left: -250px;transition:left .3s ease;}
  714 + .sidebar.active{left: 0;}*/
  715 + /*.main2{margin-left:0;position: relative;transition:left .3s ease;left: 0;}
  716 + .main2.active{left: 106px;}
  717 + .tools{left: -106px;transition:left .3s ease;}
  718 + .tools.active{left: 0;}*/
  719 +
  720 +
  721 +}
  722 +
  723 +@media (max-width: 767px) {
  724 +textarea {
  725 + height: 120px !important;
  726 +}
  727 +.quesDetail>*, .patDataRow>* {
  728 + text-align: left !important;
  729 +}
  730 +.table {
  731 + font-size: .9em;
  732 +}
  733 +.stylish-input-group .form-control {
  734 + border-right: 0;
  735 + box-shadow: 0 0 0;
  736 + border-color: #ccc;
  737 + width: 100%;
  738 + float: right;
  739 +}
  740 +
  741 + .table-responsive > .table > tbody > tr > td
  742 + {
  743 + white-space: normal !important;
  744 + }
  745 +}
  746 +
  747 +@media (max-width: 1023px) {
  748 +/*.nav > li > a{ padding:15px 6px!important;}*/
  749 +
  750 +.main {
  751 + margin-left: 0;
  752 + position: relative;
  753 + transition: left .3s ease;
  754 + left: 0;
  755 +}
  756 +.main.active {
  757 + left: 200px;
  758 +}
  759 +.sidebar {
  760 + left: -200px;
  761 + transition: left .3s ease;
  762 +}
  763 +.sidebar.active {
  764 + left: 0;
  765 +}
  766 +.main-treeview {
  767 + margin-left: 0;
  768 + position: relative;
  769 + transition: left .3s ease;
  770 + left: 0;
  771 +}
  772 +.main-treeview.active {
  773 + left: 300px;
  774 +}
  775 +.treeview-left {
  776 + left: -300px;
  777 + transition: left .3s ease;
  778 +}
  779 +.treeview-left.active {
  780 + left: 0;
  781 +}
  782 +}
  783 +
  784 +@media (min-width: 768px) and (max-width: 1199px) {
  785 +.hidden-sm {
  786 + display: none !important;
  787 +}
  788 +.width120 {
  789 + width: 90%!important;
  790 +}
  791 +/* .toggleBar { margin:20px 10px 0 0}*/
  792 +}
  793 +
  794 +@media (min-width: 768px) {
  795 +.toperMenu-spaceleft {
  796 + margin-left: 20px;
  797 +}
  798 +}
  799 +
  800 +@media (max-width: 350px) {
  801 +.pageHeading h4 {
  802 + overflow: hidden;
  803 + text-overflow: ellipsis;
  804 + white-space: nowrap;
  805 + width: 164px !important;
  806 +}
  807 +}
  808 +
  809 +.spinner {
  810 + position: fixed;
  811 + top: 50%;
  812 + left: 50%;
  813 + margin-left: -50px; / half width of the spinner gif /
  814 + margin-top: -50px; / half height of the spinner gif /
  815 + text-align: center;
  816 + z-index: 15000;
  817 + overflow: auto;
  818 + width: 100px; / width of the spinner gif /
  819 + height: 102px; /*hight of the spinner gif +2px to fix IE8 issue */
  820 + }
  821 +
  822 +/*to make the background fully visible on transparency box draw*/
  823 +.modal-backdrop.in {
  824 + opacity: 0;
  825 +}
  826 +
  827 +.tButtonActive {
  828 + background-color: #1B92D0;
  829 + border-color: #1B92D0;
  830 + color: #ffffff;
  831 +}
  832 +
  833 +/*28-06-2016*/
  834 +
  835 +.txt-white{ color:#fff;}
  836 +.f11 {font-size:11px;}
  837 +.f15 {font-size:15px; font-weight:600;}
  838 +.pad-lftrgt3 {padding-left:2px; padding-right:2px;}
  839 +.table-txt12 tr th, .table-txt12 tr td {font-size:12px; padding:2px 8px !important; vertical-align:middle; cursor:pointer;}
  840 +
  841 +.clsstickydiv{padding-left:19px; width:99%}
  842 +
  843 +
  844 +/*.clsthead tr th {
  845 + min-width: 180px;
  846 + text-align: left;
  847 +}*/
  848 +
  849 +
  850 +
  851 +
  852 +
  853 +/*.clstbody tr td {
  854 + min-width: 180px;
  855 + text-align: left;
  856 +}*/
  857 +
  858 +
  859 +
  860 +
  861 +
  862 +
  863 +
  864 +.cur-pot {
  865 +cursor:pointer;
  866 +}
  867 +
  868 +
  869 +@media (min-width: 320px) and (max-width:480px) {
  870 + .stickey-area {
  871 + margin-top:24px;
  872 + }
  873 +}
  874 +
  875 +.enableGender li.active{
  876 + background-color:#0095DA;
  877 + color:#ffffff;
  878 +}
  879 +
  880 +.annotationbar {
  881 + max-width: 300px;
  882 + width: 100%;
  883 +}
  884 +
  885 +.LeftButtonsDefaultState
  886 +{
  887 + background-color: #0095da;
  888 + border-color: #007ab3;
  889 + color: #ffffff;
  890 +}
  891 +
  892 +/*disable background css*/
  893 +
  894 +#modelbackground
  895 + {
  896 + background-color: black;
  897 + bottom: 0;
  898 + left: 0;
  899 + position: fixed;
  900 + right: 0;
  901 + top: 0;
  902 + z-index: 12000000;
  903 + opacity: 0.5;
  904 + display:none;
  905 + width:100%;
  906 + height:100%;
  907 +
  908 + filter: Alpha(opacity=50); / IE8 and earlier /
  909 +}
  910 +
  911 +
  912 +.modeleditstyle
  913 + {
  914 + display:none;
  915 +}
  916 + /*#7904*/
  917 +.dropdown-menu > li > a.active{background-color:#0095da;color:#fff;text-decoration:none;}
  918 +
  919 +
  920 +.annotationtoolbartab
  921 + {
  922 + background:#626c34 !important;
  923 +}
  924 +
  925 +.disableMenuannotation
  926 +{
  927 + pointer-events:none;
  928 + opacity:0.6;
  929 +
  930 +}
  931 +.disableMenuoption
  932 +{
  933 + pointer-events:none;
  934 + opacity:0.6;
  935 +
  936 +}
  937 +.disableSubMenu {
  938 + pointer-events: none;
  939 + opacity: 0.6;
  940 +}
  941 +.disableFileMenu {
  942 + pointer-events: none;
  943 + opacity: 0.6;
  944 +}
  945 +
  946 +.blankshapediv
  947 +{
  948 +background-image: url("../../../../../content/images/blank-shapes.png");
  949 +background-size:cover;
  950 +}
  951 +.outlinediv
  952 +{
  953 + border:1px solid black;
  954 + width: 72%;
  955 + margin-left: auto;
  956 + margin-right: auto;
  957 + height: 98px;
  958 + border-radius: 50%;
  959 + }
  960 +.fullcolordiv
  961 + {
  962 + position:relative;
  963 + width:100%;
  964 + height:100%;
  965 + background:#fff;
  966 + border-radius: 50%;
  967 + }
  968 +/*Bug #8679*/
  969 + .selected {
  970 + background-color: lightgrey;
  971 + }
  972 +
  973 + .disableHideShowStructure
  974 + {
  975 + background:#4b4b4b !important;
  976 + border-color:#3f3f3f !important;
  977 + }
  978 +.btn-annotation-erase:hover
  979 + {
  980 + color: #fff;
  981 + }
  982 + .btn-annotation-brush:hover
  983 + {
  984 + color: #fff;
  985 + }
  986 + .fa-eraser,.fa-paint-brush
  987 + {
  988 + color: #fff;
  989 + }
  990 + #messageModal
  991 + {
  992 + z-index: 214748;
  993 + }
  994 + #messageModal .modal-dialog
  995 + {
  996 + width:300px
  997 + }
  998 + #messageModal .modal-content
  999 + {
  1000 +
  1001 + box-shadow: 0 0 40px rgba(0,0,0,.5);
  1002 + border: rgba(0,0,0,0);
  1003 + }
  1004 + #messageModal .modal-body
  1005 + {
  1006 + text-align: justify;
  1007 + text-align-last: center;
  1008 + }
  1009 + #messageModal .modal-header
  1010 + {
  1011 + padding: 6px;
  1012 + border-bottom: none;
  1013 + }
  1014 + #messageModal .modal-footer
  1015 + {
  1016 + border-top: none;
  1017 + padding: 20px 10px;
  1018 + text-align:center;
  1019 + }
  1020 + #jsPanel-1
  1021 + {
  1022 + z-index:11111;
  1023 + }
  1024 +
  1025 + .tinyImg {
  1026 + display: block;
  1027 + max-width: 230px;
  1028 + /*max-height: 95px;*/
  1029 + width: auto;
  1030 + height: 95px !important;
  1031 +}
  1032 +
  1033 + #bodySystemList
  1034 + {
  1035 + z-index:100000;
  1036 + }
  1037 + /*.GridViewDataDivHeight
  1038 + {
  1039 + height:175px;
  1040 + }*/
  1041 +
  1042 +#exportlogo
  1043 + {
  1044 +
  1045 + bottom: 50PX;
  1046 + position: fixed;
  1047 + right: 50px;
  1048 +}
  1049 +
  1050 +
  1051 +
  1052 +.HightLightThumbnail
  1053 + {
  1054 + background: #8C8C8C!important;
  1055 + border: 1px solid #a2a2a2;
  1056 + }
  1057 +
  1058 +.activeAASystemSelect{
  1059 + background-color:#0095DA;
  1060 + color:#ffffff;
  1061 +}
  1062 +
  1063 +.activeAASystemSelect a
  1064 +{
  1065 +color:#ffffff !important;
  1066 +}
  1067 +
  1068 +.disabledSelectedSystem a, .disabledSelectedSystem > a:hover, .dropdown-menu > .disabledSelectedSystem > a:focus
  1069 + {
  1070 +
  1071 + text-decoration: none;
  1072 + background-color: transparent !important;
  1073 + background-image: none;
  1074 + cursor: not-allowed;
  1075 + color: #878787 !important;
  1076 + pointer-events:none;
  1077 +}
  1078 +
  1079 +.pl-12{padding-left:12px;}
  1080 +
  1081 +
  1082 +/*sprit images*/
  1083 +.sprit-icon button{background-image:url("/../../../content/images/aa/LeftMenu/icon-sprit.png"); background-repeat:no-repeat; width:38px; height:32px;}
  1084 +.sprit-icon button:active{background-image:url("/../../../content/images/aa/LeftMenu/icon-sprit.png"); background-repeat:no-repeat; width:38px; height:32px;}
  1085 +#hidePinBtn{background-position:10px 5px;}
  1086 +#selectedPin{background-position:15px -24px;}
  1087 +#allPinBtn{background-position:12px -105px;}
  1088 +#dropdownMenu221{background-position:10px -49px;}
  1089 +#comment-box{background-position:28px -73px; width:80px;}
  1090 +
  1091 +
  1092 +.jsPanel-btn-norm
  1093 + {
  1094 + background-image: none !important;
  1095 +}
  1096 +.modal-small
  1097 + {
  1098 +
  1099 + width : 400px !important;
  1100 +
  1101 + }
  1102 +
  1103 +li[disabled], a[disabled] {
  1104 + pointer-events: none;
  1105 +}
  1106 +a[disabled] {
  1107 + color: #aaa !important;
  1108 +}
  1109 +
  1110 +
  1111 +.aaSystemDisable
  1112 + {
  1113 + pointer-events : none;
  1114 + opacity : 0.5;
  1115 +}
  1116 +
  1117 +#exportlogo
  1118 + {
  1119 +
  1120 + bottom: 50PX;
  1121 + position: fixed;
  1122 + right: 50px;
  1123 +}
  1124 +
  1125 +
  1126 +
  1127 +.HightLightThumbnail
  1128 + {
  1129 + background: #8C8C8C!important;
  1130 + border: 1px solid #a2a2a2;
  1131 + }
  1132 +
  1133 +.activeAASystemSelect{
  1134 + background-color:#0095DA;
  1135 + color:#ffffff;
  1136 +}
  1137 +
  1138 +.activeAASystemSelect a
  1139 +{
  1140 +color:#ffffff !important;
  1141 +}
  1142 +
  1143 +.disabledSelectedSystem a, .disabledSelectedSystem > a:hover, .dropdown-menu > .disabledSelectedSystem > a:focus
  1144 + {
  1145 +
  1146 + text-decoration: none;
  1147 + background-color: transparent !important;
  1148 + background-image: none;
  1149 + cursor: not-allowed;
  1150 + color: #878787 !important;
  1151 + pointer-events:none;
  1152 +}
  1153 +
  1154 +.pl-12{padding-left:12px;}
  1155 +
  1156 +
  1157 +/*sprit images*/
  1158 +.sprit-icon button{background-image:url("/../../../content/images/aa/LeftMenu/icon-sprit.png"); background-repeat:no-repeat; width:38px; height:32px;}
  1159 +.sprit-icon button:active{background-image:url("/../../../content/images/aa/LeftMenu/icon-sprit.png"); background-repeat:no-repeat; width:38px; height:32px;}
  1160 +#hidePinBtn{background-position:10px 5px;}
  1161 +#selectedPin{background-position:15px -24px;}
  1162 +#allPinBtn{background-position:12px -105px;}
  1163 +#dropdownMenu221{background-position:10px -49px;}
  1164 +#comment-box{background-position:28px -73px; width:80px;}
  1165 +
  1166 +
  1167 +.jsPanel-btn-norm
  1168 + {
  1169 + background-image: none !important;
  1170 +}
  1171 +.modal-small
  1172 + {
  1173 +
  1174 + width : 400px !important;
  1175 +
  1176 + }
  1177 +
  1178 +li[disabled], a[disabled] {
  1179 + pointer-events: none;
  1180 +}
  1181 +a[disabled] {
  1182 + color: #aaa !important;
  1183 +}
  1184 +
  1185 +
  1186 +.aaSystemDisable
  1187 + {
  1188 + pointer-events : none;
  1189 + opacity : 0.5;
  1190 +}
  1191 +.GridViewDataDivHeight .thumbnail img
  1192 + {
  1193 + height:150px;
  1194 + }
  1195 +
  1196 +.loginBox input::-ms-clear{display:none;}
  1197 +
  1198 +
  1199 +/*06-12-2017*/
  1200 +.customTable .table-responsive{padding-left:0; padding-right:0;width: 99%; margin-left: 11px;}
  1201 +.customTable .table-fixed .table {
  1202 + max-width:980px;
  1203 + table-layout:fixed;
  1204 + margin:auto;
  1205 +}
  1206 +.customTable .table-fixed th, .table-fixed td {
  1207 + padding:5px 10px;
  1208 +}
  1209 +.customTable .table-fixed thead {
  1210 + background:#f9f9f9;
  1211 + display:table;
  1212 + width:100%;
  1213 + width:calc(100% - 0);
  1214 +}
  1215 +.customTable .table-fixed tbody {
  1216 + height:300px;
  1217 + overflow:auto;
  1218 + overflow-x:hidden;
  1219 + display:block;
  1220 + width:100%;
  1221 +}
  1222 +.customTable .table-fixed tbody tr {
  1223 + display:table;
  1224 + width:100%;
  1225 + table-layout:fixed;
  1226 +}
  1227 +
  1228 +
  1229 +
  1230 +.navbar-right .logOut a
  1231 + {
  1232 + padding-top : 23px;
  1233 + padding-bottom : 11px;
  1234 + line-height : 14px;
1199 1235 }
1200 1236 \ No newline at end of file
... ...