ADAM / AIAHTML5

Commit 274fd4f291fb0dfdaa4902177f70263e5a5f0bb7

Authored by Nikita Kulshreshtha
1 parent 0002e89a

fixed Male anterior toggle button issue

Inline Side-by-side
Showing 1 changed file with 688 additions and 688 deletions
400-SOURCECODE/AIAHTML5.Web/themes/default/css/bootstrap/3.3.6/main.css
  View file @274fd4f
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   -/*.tools {
164   - background: #eeeeee none repeat scroll 0 0;
165   - border: 1px solid #c1c1c1;
166   - border-top:none;
167   - /*padding: 10px;
168   - width:106px;
169   - position:absolute;
170   - left: 0;
171   - top: 120px;
172   - padding-top:10px;
173   - z-index:1024;
174   -
175   -}*/
176   -.tools i {
177   - font-size: 1.4em;
178   -}
179   -.marginTop10 {
180   - margin-top: 10px;
181   -}
182   -.marginTop2 {
183   - margin-top: 2px;
184   -}
185   -.marginL2 {
186   - margin-left: 2px!important;
187   -}
188   -.marginR5 {
189   - margin-right: 5px!important;
190   -}
191   -.paddTop4 {
192   - padding-top: 4px;
193   -}
194   -.vert_slider {
195   - clear: both;
196   - margin: 20px auto 30px;
197   - width: 1rem;
198   -}
199   -#inner-anatomyPage .nav > li > a:hover {
200   - background: #1c92d0;
201   - color: #fff;
202   - border-radius: 3px 3px 0 0;
203   - border: 1px solid #1c92d0;
204   - border-bottom: none;
205   -}
206   -.page-head {
207   - background: #f3f3f3 none repeat scroll 0 0;
208   - border-bottom: 1px solid #ffffff;
209   - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.19);
210   - padding: 8px 20px;
211   - margin-bottom: 20px;
212   -}
213   -.no-margin {
214   - margin: 0!important
215   -}
216   -.no-padding {
217   - padding: 0!important
218   -}
219   -.marginTopBtm10 {
220   - margin: 10px 0!important
221   -}
222   -.paddingTopBtm10 {
223   - padding: 10px 0
224   -}
225   -.page-header {
226   - border-bottom: 0!important
227   -}
228   -.marginTop5 {
229   - margin-top: 5px;
230   -}
231   -.paddingbtm5 {
232   - padding-bottom: 5px;
233   -}
234   -.border-Btm1 {
235   - border-bottom: 1px solid #D8D8D8;
236   -}
237   -.pageHeading {
238   - background: #818d43 none repeat scroll 0 0;
239   - padding: 0px 15px;
240   - margin-top: 60px;
241   - z-index: 1030;
242   - position: fixed;
243   - width: 100%;
244   -}
245   -.pageHeading h4 {
246   - font-size: 15px;
247   - margin: 0!important;
248   - color: #fff;
249   - line-height: 30px;
250   - font-weight: 600;
251   - text-transform: uppercase
252   -}
253   -.color-white {
254   - color: #fff!important;
255   -}
256   -.color-green {
257   - color: #818f44!important;
258   -}
259   -.btn-black {
260   - background-color: #4b4b4b;
261   - border-color: #3f3f3f;
262   - color: #ffffff;
263   -}
264   -.btn-black:hover, .btn-black:focus {
265   - background-color: #1B92D0;
266   - border-color: #1B92D0;
267   - color: #ffffff;
268   -}
269   -.font16 {
270   - font-size: 1.59em!important;
271   -}
272   -.modal-body {
273   - padding: 0 10px;
274   -}
275   -.well-popup {
276   - margin-bottom: 10px;
277   - padding: 5px;
278   -}
279   -.annotation-modal-header {
280   - padding: 5px 10px;
281   -}
282   -.form-group {
283   - margin-bottom: 7px;
284   -}
285   -/********Stylish Search**************/
286   -
287   -#imaginary_container {
288   - margin: 8px 0!important;
289   -}
290   -.stylish-input-group .input-group-addon {
291   - background: white !important;
292   -}
293   -.stylish-input-group .form-control {
294   - border-right: 0;
295   - box-shadow: 0 0 0;
296   - border-color: #ccc;
297   - width: 30%;
298   - float: right;
299   -}
300   -.stylish-input-group button {
301   - border: 0;
302   - background: transparent;
303   -}
304   -#vertical-slider {
305   - height: 150px;
306   - margin-left: 30px;
307   -}
308   -.navbar-nav > li > a {
309   - line-height: 30px;
310   -}
311   -.paddTop5 {
312   - padding-top: 5px;
313   -}
314   -.mrgnBtm5 {
315   - margin-bottom: 3px;
316   -}
317   -.thumbnail a {
318   - color: #303030!important;
319   - text-decoration: none;
320   -}
321   -.thumbnail a:hover {
322   - color: #FFFFFF!important;
323   - text-decoration: none!important;
324   -}
325   -.thumbnail:hover {
326   - background: #8C8C8C!important;
327   - border: 1px solid #a2a2a2;
328   -}
329   -#inner-anatomyPage .nav-tabs {
330   - border-bottom: 1px solid #494949;
331   -}
332   -#inner-anatomyPage .nav-tabs li a {
333   - color: #fff;
334   -}
335   -#inner-anatomyPage .nav-tabs li.active {
336   - color: #000;
337   -}
338   -#inner-anatomyPage .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
339   - background: #1c92d0;
340   - border: 1px solid #1c92d0;
341   -}
342   -.main {
343   - margin-left: 200px;
344   - position: relative;
345   - transition: margin .3s ease;
346   - margin-top: 50px;
347   -}
348   -.main.active {
349   - margin-left: 0;
350   -}
351   -.sidebar {
352   - left: 0px;
353   - transition: left .3s ease;
354   -}
355   -.sidebar.active {
356   - left: -200px;
357   -}
358   -.main-treeview {
359   - margin-left: 290px;
360   - position: relative;
361   - transition: margin .3s ease;
362   - margin-top: 50px;
363   -}
364   -.main-treeview.active {
365   - margin-left: 0;
366   -}
367   -.treeview-left {
368   - left: 0px;
369   - transition: left .3s ease;
370   -}
371   -.treeview-left.active {
372   - left: -290px;
373   -}
374   -/*.main2{margin-left:106;position: relative;transition:margin .3s ease;margin-top:60px;}
375   -.main2.active{margin-left:0;}
376   -.tools{left: 0px;transition:left .3s ease;}
377   -.tools.active{left: -106px;}*/
378   -.main2 {
379   - background: #383838;
380   - margin-left: 110px;
381   - padding-top: 1px;
382   -}
383   -.main2 {
384   - margin-left: 110px;
385   - position: relative;
386   - transition: margin .3s ease;
387   - margin-top: 1px;
388   -}
389   -/*.main2.active {
390   - margin-left: 5;
391   -}*/
392   -.tools {
393   - height: 100vh;
394   - background: #222;
395   - width: 110px;
396   - padding-top: 20px;
397   - /*overflow: hidden;*/
398   - /*position: fixed;*/
399   - left: 0;
400   - /*nk*/
401   - /*top: 70px;*/
402   - z-index: 1029;
403   -}
404   -.tools {
405   - left: 0px;
406   - transition: left .3s ease;
407   -}
408   -.tools.active {
409   - left: -100px;
410   -}
411   -.navbar-fixed-top, .navbar-fixed-bottom {
412   - z-index: 1035;
413   -}
414   -.main .breadcrumb {
415   - background: #3d3d3d;
416   - border: 1px solid #494949;
417   - margin-bottom: 10px;
418   - padding: 0 15px; /*background-color:rgba(61,61,61,0.95);*/
419   -}
420   -.main-treeview .breadcrumb {
421   - background: #3d3d3d;
422   - border: 1px solid #494949;
423   - margin-bottom: 10px;
424   - padding: 10px 15px; /*background-color:rgba(61,61,61,0.95);*/
425   -}
426   -.main2 .breadcrumb {
427   - background: #3d3d3d;
428   - border: 1px solid #494949;
429   - margin-bottom: 10px;
430   - padding: 5px; /*background-color:rgba(61,61,61,0.95);*/
431   -}
432   -.main-full {
433   - margin-top: 100px;
434   -}
435   -.main-full .breadcrumb {
436   - background: #3d3d3d;
437   - border: 1px solid #494949;
438   - margin-bottom: 10px;
439   - padding: 5px; /*background-color:rgba(61,61,61,0.95);*/
440   -}
441   -.toggleHeadingButton {
442   - font-size: 20px;
443   - color: #fff;
444   - cursor: pointer;
445   -}
446   -.indicators {
447   - position: absolute;
448   - bottom: 0;
449   - left: 0;
450   - background: #000000;
451   - padding: 5px;
452   - z-index: 9999;
453   - width: 300px;
454   -}
455   -.well-white {
456   - background: #fff;
457   - height: 100vh;
458   - padding: 10px;
459   -}
460   -.leftPanel-data {
461   - padding: 10px 10px 0 10px;
462   -}
463   -.dragger {
464   - position: relative;
465   -}
466   -.dragger #block-1 {
467   - position: absolute;
468   - top: 170px;
469   - left: 170px;
470   - width: 200px;
471   - height: 50px;
472   - border: 1px solid #333;
473   - background: #E8E8E8;
474   -}
475   -.dragger .drag-img1 {
476   - position: absolute;
477   - bottom: 0px;
478   - left: 0;
479   -}
480   -.bootstrap-dialog .modal-header.bootstrap-dialog-draggable {
481   - cursor: move;
482   -}
483   -.thumbnail .caption p {
484   - overflow: hidden;
485   - text-overflow: ellipsis;
486   - white-space: nowrap;
487   - /* width: 150px !important;*/
488   - text-align: center;
489   -}
490   -.pos-relative {
491   - position: relative;
492   - float: left;
493   -}
494   -.toggle-icon {
495   - position: absolute;
496   - top: 110px;
497   - left: 100px;
498   - z-index: 99999;
499   - -moz-transition: left 0.5s ease;
500   - transition: left 0.5s ease;
501   - background: url(../../../../../content/images/icon-sidebar.png) no-repeat 0;
502   - width: 11px;
503   - height: 33px;
504   -}
505   -.active .toggle-icon {
506   - background: url(../../../../../content/images/icon-sidebar.png) no-repeat -11px;
507   - width: 11px;
508   - height: 33px;
509   -}
510   -.toggle-icon-treeview {
511   - position: absolute;
512   - top: 110px;
513   - left: 290px;
514   - z-index: 99999;
515   - -moz-transition: left 0.5s ease;
516   - transition: left 0.5s ease;
517   - background: url(../../../../../content/images/icon-sidebar.png) no-repeat 0;
518   - width: 11px;
519   - height: 33px;
520   -}
521   -.active .toggle-icon-treeview {
522   - background: url(../../../../../content/images/icon-sidebar.png) no-repeat -11px;
523   - width: 11px;
524   - height: 33px;
525   -}
526   -.navbar-inverse .navbar-nav > li > a {
527   - color: #FFFFFF;
528   -}
529   -.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
530   - color: #2db0f5;
531   -}
532   -ul.right0 {
533   - right: 0!important;
534   - left: auto;
535   - min-width: 300px;
536   - padding: 10px;
537   - transition: visibility 0.15s ease 0s, opacity 0.15s ease 0s, transform 0.15s ease 0s;
538   - border-bottom: 4px solid #abafb0;
539   - box-shadow: 0 4px 2px -2px #abafb0 inset;
540   -}
541   -.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
542   - background-color: #0095da;
543   - color: #ffffff;
544   -}
545   -.padd5 {
546   - padding: 5px;
547   -}
548   -.padded25{ padding:25px;}
549   -ul.listgrid-view{ list-style:none;}
550   -ul.listgrid-view li{ float:left; margin-right:5px; background:#3D3D3D; padding:2px 5px; border-radius:2px;}
551   -ul.listgrid-view li a{color:#fff!important;}
552   -ul.listgrid-view li.active{ background:#0095da!important;}
553   -.bg-white{ background:#fff;}
554   -.stickey-area .pagination-sm > li > a, .pagination-sm > li > span{ padding:5px 8px!important;}
555   -
556   -
557   - @-webkit-keyframes circle {
558   -0% {
559   - opacity: 1;
560   -}
561   - 40% {
562   - opacity: 1;
563   -}
564   - 100% {
565   - width: 200%;
566   - height: 200%;
567   - opacity: 0;
568   -}
569   -}
570   -@keyframes circle {
571   - 0% {
572   - opacity: 1;
573   -}
574   - 40% {
575   - opacity: 1;
576   -}
577   - 100% {
578   - width: 200%;
579   - height: 200%;
580   - opacity: 0;
581   -}
582   -}
583   -
584   -@media (max-width: 480px) {
585   -.tools i {
586   - font-size: inherit;
587   -}
588   -.pageHeading h4 {
589   - font-size: 20px;
590   -}
591   -}
592   -
593   -/** Responsive **/
594   -@media (max-width: 1199px) {
595   -/*.main{margin-left:0;position: relative;transition:left .3s ease;left: 0;}
596   - .main.active{left: 250px;}
597   - .sidebar{left: -250px;transition:left .3s ease;}
598   - .sidebar.active{left: 0;}*/
599   - /*.main2{margin-left:0;position: relative;transition:left .3s ease;left: 0;}
600   - .main2.active{left: 106px;}
601   - .tools{left: -106px;transition:left .3s ease;}
602   - .tools.active{left: 0;}*/
603   -
604   -
605   -}
606   -
607   -@media (max-width: 767px) {
608   -textarea {
609   - height: 120px !important;
610   -}
611   -.quesDetail>*, .patDataRow>* {
612   - text-align: left !important;
613   -}
614   -.table {
615   - font-size: .9em;
616   -}
617   -.stylish-input-group .form-control {
618   - border-right: 0;
619   - box-shadow: 0 0 0;
620   - border-color: #ccc;
621   - width: 100%;
622   - float: right;
623   -}
624   -}
625   -
626   -@media (max-width: 1023px) {
627   -/*.nav > li > a{ padding:15px 6px!important;}*/
628   -
629   -.main {
630   - margin-left: 0;
631   - position: relative;
632   - transition: left .3s ease;
633   - left: 0;
634   -}
635   -.main.active {
636   - left: 200px;
637   -}
638   -.sidebar {
639   - left: -200px;
640   - transition: left .3s ease;
641   -}
642   -.sidebar.active {
643   - left: 0;
644   -}
645   -.main-treeview {
646   - margin-left: 0;
647   - position: relative;
648   - transition: left .3s ease;
649   - left: 0;
650   -}
651   -.main-treeview.active {
652   - left: 300px;
653   -}
654   -.treeview-left {
655   - left: -300px;
656   - transition: left .3s ease;
657   -}
658   -.treeview-left.active {
659   - left: 0;
660   -}
661   -}
662   -
663   -@media (min-width: 768px) and (max-width: 1199px) {
664   -.hidden-sm {
665   - display: none !important;
666   -}
667   -.width120 {
668   - width: 90%!important;
669   -}
670   -/* .toggleBar { margin:20px 10px 0 0}*/
671   -}
672   -
673   -@media (min-width: 768px) {
674   -.toperMenu-spaceleft {
675   - margin-left: 20px;
676   -}
677   -}
678   -
679   -@media (max-width: 350px) {
680   -.pageHeading h4 {
681   - overflow: hidden;
682   - text-overflow: ellipsis;
683   - white-space: nowrap;
684   - width: 164px !important;
685   -}
686   -}
687   -
  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 +/*.tools {
  164 + background: #eeeeee none repeat scroll 0 0;
  165 + border: 1px solid #c1c1c1;
  166 + border-top:none;
  167 + /*padding: 10px;
  168 + width:106px;
  169 + position:absolute;
  170 + left: 0;
  171 + top: 120px;
  172 + padding-top:10px;
  173 + z-index:1024;
  174 +
  175 +}*/
  176 +.tools i {
  177 + font-size: 1.4em;
  178 +}
  179 +.marginTop10 {
  180 + margin-top: 10px;
  181 +}
  182 +.marginTop2 {
  183 + margin-top: 2px;
  184 +}
  185 +.marginL2 {
  186 + margin-left: 2px!important;
  187 +}
  188 +.marginR5 {
  189 + margin-right: 5px!important;
  190 +}
  191 +.paddTop4 {
  192 + padding-top: 4px;
  193 +}
  194 +.vert_slider {
  195 + clear: both;
  196 + margin: 20px auto 30px;
  197 + width: 1rem;
  198 +}
  199 +#inner-anatomyPage .nav > li > a:hover {
  200 + background: #1c92d0;
  201 + color: #fff;
  202 + border-radius: 3px 3px 0 0;
  203 + border: 1px solid #1c92d0;
  204 + border-bottom: none;
  205 +}
  206 +.page-head {
  207 + background: #f3f3f3 none repeat scroll 0 0;
  208 + border-bottom: 1px solid #ffffff;
  209 + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.19);
  210 + padding: 8px 20px;
  211 + margin-bottom: 20px;
  212 +}
  213 +.no-margin {
  214 + margin: 0!important
  215 +}
  216 +.no-padding {
  217 + padding: 0!important
  218 +}
  219 +.marginTopBtm10 {
  220 + margin: 10px 0!important
  221 +}
  222 +.paddingTopBtm10 {
  223 + padding: 10px 0
  224 +}
  225 +.page-header {
  226 + border-bottom: 0!important
  227 +}
  228 +.marginTop5 {
  229 + margin-top: 5px;
  230 +}
  231 +.paddingbtm5 {
  232 + padding-bottom: 5px;
  233 +}
  234 +.border-Btm1 {
  235 + border-bottom: 1px solid #D8D8D8;
  236 +}
  237 +.pageHeading {
  238 + background: #818d43 none repeat scroll 0 0;
  239 + padding: 0px 15px;
  240 + margin-top: 60px;
  241 + z-index: 1030;
  242 + position: fixed;
  243 + width: 100%;
  244 +}
  245 +.pageHeading h4 {
  246 + font-size: 15px;
  247 + margin: 0!important;
  248 + color: #fff;
  249 + line-height: 30px;
  250 + font-weight: 600;
  251 + text-transform: uppercase
  252 +}
  253 +.color-white {
  254 + color: #fff!important;
  255 +}
  256 +.color-green {
  257 + color: #818f44!important;
  258 +}
  259 +.btn-black {
  260 + background-color: #4b4b4b;
  261 + border-color: #3f3f3f;
  262 + color: #ffffff;
  263 +}
  264 +.btn-black:hover, .btn-black:focus {
  265 + background-color: #1B92D0;
  266 + border-color: #1B92D0;
  267 + color: #ffffff;
  268 +}
  269 +.font16 {
  270 + font-size: 1.59em!important;
  271 +}
  272 +.modal-body {
  273 + padding: 0 10px;
  274 +}
  275 +.well-popup {
  276 + margin-bottom: 10px;
  277 + padding: 5px;
  278 +}
  279 +.annotation-modal-header {
  280 + padding: 5px 10px;
  281 +}
  282 +.form-group {
  283 + margin-bottom: 7px;
  284 +}
  285 +/********Stylish Search**************/
  286 +
  287 +#imaginary_container {
  288 + margin: 8px 0!important;
  289 +}
  290 +.stylish-input-group .input-group-addon {
  291 + background: white !important;
  292 +}
  293 +.stylish-input-group .form-control {
  294 + border-right: 0;
  295 + box-shadow: 0 0 0;
  296 + border-color: #ccc;
  297 + width: 30%;
  298 + float: right;
  299 +}
  300 +.stylish-input-group button {
  301 + border: 0;
  302 + background: transparent;
  303 +}
  304 +#vertical-slider {
  305 + height: 150px;
  306 + margin-left: 30px;
  307 +}
  308 +.navbar-nav > li > a {
  309 + line-height: 30px;
  310 +}
  311 +.paddTop5 {
  312 + padding-top: 5px;
  313 +}
  314 +.mrgnBtm5 {
  315 + margin-bottom: 3px;
  316 +}
  317 +.thumbnail a {
  318 + color: #303030!important;
  319 + text-decoration: none;
  320 +}
  321 +.thumbnail a:hover {
  322 + color: #FFFFFF!important;
  323 + text-decoration: none!important;
  324 +}
  325 +.thumbnail:hover {
  326 + background: #8C8C8C!important;
  327 + border: 1px solid #a2a2a2;
  328 +}
  329 +#inner-anatomyPage .nav-tabs {
  330 + border-bottom: 1px solid #494949;
  331 +}
  332 +#inner-anatomyPage .nav-tabs li a {
  333 + color: #fff;
  334 +}
  335 +#inner-anatomyPage .nav-tabs li.active {
  336 + color: #000;
  337 +}
  338 +#inner-anatomyPage .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  339 + background: #1c92d0;
  340 + border: 1px solid #1c92d0;
  341 +}
  342 +.main {
  343 + margin-left: 200px;
  344 + position: relative;
  345 + transition: margin .3s ease;
  346 + margin-top: 50px;
  347 +}
  348 +.main.active {
  349 + margin-left: 0;
  350 +}
  351 +.sidebar {
  352 + left: 0px;
  353 + transition: left .3s ease;
  354 +}
  355 +.sidebar.active {
  356 + left: -200px;
  357 +}
  358 +.main-treeview {
  359 + margin-left: 290px;
  360 + position: relative;
  361 + transition: margin .3s ease;
  362 + margin-top: 50px;
  363 +}
  364 +.main-treeview.active {
  365 + margin-left: 0;
  366 +}
  367 +.treeview-left {
  368 + left: 0px;
  369 + transition: left .3s ease;
  370 +}
  371 +.treeview-left.active {
  372 + left: -290px;
  373 +}
  374 +/*.main2{margin-left:106;position: relative;transition:margin .3s ease;margin-top:60px;}
  375 +.main2.active{margin-left:0;}
  376 +.tools{left: 0px;transition:left .3s ease;}
  377 +.tools.active{left: -106px;}*/
  378 +.main2 {
  379 + background: #383838;
  380 + margin-left: 110px;
  381 + padding-top: 1px;
  382 +}
  383 +.main2 {
  384 + margin-left: 110px;
  385 + position: relative;
  386 + transition: margin .3s ease;
  387 + margin-top: 1px;
  388 +}
  389 +.main2.active {
  390 + margin-left: 0;
  391 +}
  392 +.tools {
  393 + height: 100vh;
  394 + background: #222;
  395 + width: 110px;
  396 + padding-top: 20px;
  397 + /*overflow: hidden;*/
  398 + position: fixed !important;
  399 + left: 0;
  400 + /*nk*/
  401 + /*top: 70px;*/
  402 + z-index: 1029;
  403 +}
  404 +.tools {
  405 + left: 0px;
  406 + transition: left .3s ease;
  407 +}
  408 +.tools.active {
  409 + left: -100px;
  410 +}
  411 +.navbar-fixed-top, .navbar-fixed-bottom {
  412 + z-index: 1035;
  413 +}
  414 +.main .breadcrumb {
  415 + background: #3d3d3d;
  416 + border: 1px solid #494949;
  417 + margin-bottom: 10px;
  418 + padding: 0 15px; /*background-color:rgba(61,61,61,0.95);*/
  419 +}
  420 +.main-treeview .breadcrumb {
  421 + background: #3d3d3d;
  422 + border: 1px solid #494949;
  423 + margin-bottom: 10px;
  424 + padding: 10px 15px; /*background-color:rgba(61,61,61,0.95);*/
  425 +}
  426 +.main2 .breadcrumb {
  427 + background: #3d3d3d;
  428 + border: 1px solid #494949;
  429 + margin-bottom: 10px;
  430 + padding: 5px; /*background-color:rgba(61,61,61,0.95);*/
  431 +}
  432 +.main-full {
  433 + margin-top: 100px;
  434 +}
  435 +.main-full .breadcrumb {
  436 + background: #3d3d3d;
  437 + border: 1px solid #494949;
  438 + margin-bottom: 10px;
  439 + padding: 5px; /*background-color:rgba(61,61,61,0.95);*/
  440 +}
  441 +.toggleHeadingButton {
  442 + font-size: 20px;
  443 + color: #fff;
  444 + cursor: pointer;
  445 +}
  446 +.indicators {
  447 + position: absolute;
  448 + bottom: 0;
  449 + left: 0;
  450 + background: #000000;
  451 + padding: 5px;
  452 + z-index: 9999;
  453 + width: 300px;
  454 +}
  455 +.well-white {
  456 + background: #fff;
  457 + height: 100vh;
  458 + padding: 10px;
  459 +}
  460 +.leftPanel-data {
  461 + padding: 10px 10px 0 10px;
  462 +}
  463 +.dragger {
  464 + position: relative;
  465 +}
  466 +.dragger #block-1 {
  467 + position: absolute;
  468 + top: 170px;
  469 + left: 170px;
  470 + width: 200px;
  471 + height: 50px;
  472 + border: 1px solid #333;
  473 + background: #E8E8E8;
  474 +}
  475 +.dragger .drag-img1 {
  476 + position: absolute;
  477 + bottom: 0px;
  478 + left: 0;
  479 +}
  480 +.bootstrap-dialog .modal-header.bootstrap-dialog-draggable {
  481 + cursor: move;
  482 +}
  483 +.thumbnail .caption p {
  484 + overflow: hidden;
  485 + text-overflow: ellipsis;
  486 + white-space: nowrap;
  487 + /* width: 150px !important;*/
  488 + text-align: center;
  489 +}
  490 +.pos-relative {
  491 + position: relative;
  492 + float: left;
  493 +}
  494 +.toggle-icon {
  495 + position: absolute;
  496 + top: 110px;
  497 + left: 100px;
  498 + z-index: 99999;
  499 + -moz-transition: left 0.5s ease;
  500 + transition: left 0.5s ease;
  501 + background: url(../../../../../content/images/icon-sidebar.png) no-repeat 0;
  502 + width: 11px;
  503 + height: 33px;
  504 +}
  505 +.active .toggle-icon {
  506 + background: url(../../../../../content/images/icon-sidebar.png) no-repeat -11px;
  507 + width: 11px;
  508 + height: 33px;
  509 +}
  510 +.toggle-icon-treeview {
  511 + position: absolute;
  512 + top: 110px;
  513 + left: 290px;
  514 + z-index: 99999;
  515 + -moz-transition: left 0.5s ease;
  516 + transition: left 0.5s ease;
  517 + background: url(../../../../../content/images/icon-sidebar.png) no-repeat 0;
  518 + width: 11px;
  519 + height: 33px;
  520 +}
  521 +.active .toggle-icon-treeview {
  522 + background: url(../../../../../content/images/icon-sidebar.png) no-repeat -11px;
  523 + width: 11px;
  524 + height: 33px;
  525 +}
  526 +.navbar-inverse .navbar-nav > li > a {
  527 + color: #FFFFFF;
  528 +}
  529 +.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
  530 + color: #2db0f5;
  531 +}
  532 +ul.right0 {
  533 + right: 0!important;
  534 + left: auto;
  535 + min-width: 300px;
  536 + padding: 10px;
  537 + transition: visibility 0.15s ease 0s, opacity 0.15s ease 0s, transform 0.15s ease 0s;
  538 + border-bottom: 4px solid #abafb0;
  539 + box-shadow: 0 4px 2px -2px #abafb0 inset;
  540 +}
  541 +.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
  542 + background-color: #0095da;
  543 + color: #ffffff;
  544 +}
  545 +.padd5 {
  546 + padding: 5px;
  547 +}
  548 +.padded25{ padding:25px;}
  549 +ul.listgrid-view{ list-style:none;}
  550 +ul.listgrid-view li{ float:left; margin-right:5px; background:#3D3D3D; padding:2px 5px; border-radius:2px;}
  551 +ul.listgrid-view li a{color:#fff!important;}
  552 +ul.listgrid-view li.active{ background:#0095da!important;}
  553 +.bg-white{ background:#fff;}
  554 +.stickey-area .pagination-sm > li > a, .pagination-sm > li > span{ padding:5px 8px!important;}
  555 +
  556 +
  557 + @-webkit-keyframes circle {
  558 +0% {
  559 + opacity: 1;
  560 +}
  561 + 40% {
  562 + opacity: 1;
  563 +}
  564 + 100% {
  565 + width: 200%;
  566 + height: 200%;
  567 + opacity: 0;
  568 +}
  569 +}
  570 +@keyframes circle {
  571 + 0% {
  572 + opacity: 1;
  573 +}
  574 + 40% {
  575 + opacity: 1;
  576 +}
  577 + 100% {
  578 + width: 200%;
  579 + height: 200%;
  580 + opacity: 0;
  581 +}
  582 +}
  583 +
  584 +@media (max-width: 480px) {
  585 +.tools i {
  586 + font-size: inherit;
  587 +}
  588 +.pageHeading h4 {
  589 + font-size: 20px;
  590 +}
  591 +}
  592 +
  593 +/** Responsive **/
  594 +@media (max-width: 1199px) {
  595 +/*.main{margin-left:0;position: relative;transition:left .3s ease;left: 0;}
  596 + .main.active{left: 250px;}
  597 + .sidebar{left: -250px;transition:left .3s ease;}
  598 + .sidebar.active{left: 0;}*/
  599 + /*.main2{margin-left:0;position: relative;transition:left .3s ease;left: 0;}
  600 + .main2.active{left: 106px;}
  601 + .tools{left: -106px;transition:left .3s ease;}
  602 + .tools.active{left: 0;}*/
  603 +
  604 +
  605 +}
  606 +
  607 +@media (max-width: 767px) {
  608 +textarea {
  609 + height: 120px !important;
  610 +}
  611 +.quesDetail>*, .patDataRow>* {
  612 + text-align: left !important;
  613 +}
  614 +.table {
  615 + font-size: .9em;
  616 +}
  617 +.stylish-input-group .form-control {
  618 + border-right: 0;
  619 + box-shadow: 0 0 0;
  620 + border-color: #ccc;
  621 + width: 100%;
  622 + float: right;
  623 +}
  624 +}
  625 +
  626 +@media (max-width: 1023px) {
  627 +/*.nav > li > a{ padding:15px 6px!important;}*/
  628 +
  629 +.main {
  630 + margin-left: 0;
  631 + position: relative;
  632 + transition: left .3s ease;
  633 + left: 0;
  634 +}
  635 +.main.active {
  636 + left: 200px;
  637 +}
  638 +.sidebar {
  639 + left: -200px;
  640 + transition: left .3s ease;
  641 +}
  642 +.sidebar.active {
  643 + left: 0;
  644 +}
  645 +.main-treeview {
  646 + margin-left: 0;
  647 + position: relative;
  648 + transition: left .3s ease;
  649 + left: 0;
  650 +}
  651 +.main-treeview.active {
  652 + left: 300px;
  653 +}
  654 +.treeview-left {
  655 + left: -300px;
  656 + transition: left .3s ease;
  657 +}
  658 +.treeview-left.active {
  659 + left: 0;
  660 +}
  661 +}
  662 +
  663 +@media (min-width: 768px) and (max-width: 1199px) {
  664 +.hidden-sm {
  665 + display: none !important;
  666 +}
  667 +.width120 {
  668 + width: 90%!important;
  669 +}
  670 +/* .toggleBar { margin:20px 10px 0 0}*/
  671 +}
  672 +
  673 +@media (min-width: 768px) {
  674 +.toperMenu-spaceleft {
  675 + margin-left: 20px;
  676 +}
  677 +}
  678 +
  679 +@media (max-width: 350px) {
  680 +.pageHeading h4 {
  681 + overflow: hidden;
  682 + text-overflow: ellipsis;
  683 + white-space: nowrap;
  684 + width: 164px !important;
  685 +}
  686 +}
  687 +
688 688 .spinner {
689 689 position: fixed;
690 690 top: 50%;
... ... @@ -696,4 +696,4 @@ textarea {
696 696 overflow: auto;
697 697 width: 100px; / width of the spinner gif /
698 698 height: 102px; /*hight of the spinner gif +2px to fix IE8 issue */
699   - }
  699 + }
... ...