Commit 3ecfd1eb91627bf78a3f45b1b1378424621e9934

Authored by unknown
1 parent 0acaea80

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

400-SOURCECODE/AIAHTML5.Web/app/views/da/da-body-view-list.html
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
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 \ No newline at end of file 1236 \ No newline at end of file