ADAM / AIAHTML5

Commit 9281c1cfbea767a4494b42a5b3321febf2225e1a

Authored by Nikita Kulshreshtha
2 parents e9225240 d9002148

Merge branch 'PrintCssIssues' into Develop

Inline Side-by-side
Showing 6 changed files with 55 additions and 1091 deletions
400-SOURCECODE/AIAHTML5.API/bin/AIAHTML5.API.dll
View file @9281c1c
No preview for this file type
400-SOURCECODE/AIAHTML5.API/bin/AIAHTML5.API.pdb
View file @9281c1c
No preview for this file type
400-SOURCECODE/AIAHTML5.Web/app/views/Home/printPreview.html
  View file @9281c1c
@@ -2,8 +2,8 @@ @@ -2,8 +2,8 @@
2 <div ng-include="aap/widget/MainMenu.html"></div> 2 <div ng-include="aap/widget/MainMenu.html"></div>
3 <div ng-init="ShowPrintPreviewWindow()" id="jsPanel-1" class="ppImagePanel" ng-controller="HomeController"> 3 <div ng-init="ShowPrintPreviewWindow()" id="jsPanel-1" class="ppImagePanel" ng-controller="HomeController">
4 <div class=" " id="ppView" ng-controller="HomeController"> 4 <div class=" " id="ppView" ng-controller="HomeController">
5 - <div class="col-sm-12">  
6 - <div class="container-fluid main-full"> 5 + <div class="pp-col-sm-12">
  6 + <div class="container-fluid pp-main-full">
7 <div class="row"> 7 <div class="row">
8 <div class="well padd5 marginbtm10"> 8 <div class="well padd5 marginbtm10">
9 <div class="col-sm-2 col-lg-1 padd-right0 marginR0 width-auto padd-left0"> 9 <div class="col-sm-2 col-lg-1 padd-right0 marginR0 width-auto padd-left0">
@@ -12,7 +12,7 @@ @@ -12,7 +12,7 @@
12 </button> 12 </button>
13 </div> 13 </div>
14 <div class="col-sm-2 col-lg-1"> 14 <div class="col-sm-2 col-lg-1">
15 - <select id="printPSOptions" class="form-control input-sm"> 15 + <select id="printPSOptions" class="pp-form-control input-sm">
16 <option>Auto</option> 16 <option>Auto</option>
17 <option>500%</option> 17 <option>500%</option>
18 <option>200%</option> 18 <option>200%</option>
@@ -24,21 +24,21 @@ @@ -24,21 +24,21 @@
24 <option>10%</option> 24 <option>10%</option>
25 </select> 25 </select>
26 </div> 26 </div>
27 - <div class="col-sm-4 paddTop5"> 27 + <div class="pp-col-sm-4 paddTop5">
28 <label class="radio-inline"><input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="Portrait" checked=""> Portrait</label> 28 <label class="radio-inline"><input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="Portrait" checked=""> Portrait</label>
29 <label class="radio-inline"><input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="Landscape"> Landscape</label> 29 <label class="radio-inline"><input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="Landscape"> Landscape</label>
30 </div> 30 </div>
31 <div class="clearfix"></div> 31 <div class="clearfix"></div>
32 </div> 32 </div>
33 - <div class="col-sm-12 well" align="center" style="overflow-y: auto; width: 100%; height: 490px;"> 33 + <div class="pp-col-sm-12 well" align="center" style="overflow-y: auto; width: 100%; height: 490px;">
34 <div class="print-paper" id="dvPP"> 34 <div class="print-paper" id="dvPP">
35 <div class="print-box portrait-box" id="printBoxPor"> 35 <div class="print-box portrait-box" id="printBoxPor">
36 <div id="printDivContent"> 36 <div id="printDivContent">
37 <div class=""> 37 <div class="">
38 - <div class="col-sm-6" style="top: 10px; position: absolute; left: 10px;"> 38 + <div class="pp-col-sm-4" style="top: 10px; position: absolute; left: 10px;">
39 <span class="pull-left font12 span-font" id="spnModulePor"></span> 39 <span class="pull-left font12 span-font" id="spnModulePor"></span>
40 </div> 40 </div>
41 - <div class="col-sm-6" style="top: 10px; position: absolute; right: 10px;"> 41 + <div class="pp-col-sm-4" style="top: 10px; position: absolute; right: 10px;">
42 <span class="pull-right font12 span-font" id="spnBodyViewTitlePor"></span> 42 <span class="pull-right font12 span-font" id="spnBodyViewTitlePor"></span>
43 </div> 43 </div>
44 </div> 44 </div>
@@ -46,11 +46,11 @@ @@ -46,11 +46,11 @@
46 <img src="" alt="" class="logo-image" id="imgPortrait" style="width: 100%; " /> 46 <img src="" alt="" class="logo-image" id="imgPortrait" style="width: 100%; " />
47 </div> 47 </div>
48 <div> 48 <div>
49 - <div class="col-sm-8" style="position: absolute; bottom: 20px;">  
50 - <span class="pull-left marginTop10 font12 span-font" id="spPorCopyright">Copyright 2016 A.D.A.M., Inc. All Rights Reserved</span> 49 + <div class="pp-col-sm-4" style="position: absolute; bottom: 20px;">
  50 + <span class="pull-left pp-marginTop10 font12 span-font" id="spPorCopyright">Copyright 2016 A.D.A.M., Inc. All Rights Reserved</span>
51 </div> 51 </div>
52 - <div class="col-sm-4" style="position: absolute; bottom: 20px; right: 10px;">  
53 - <span class="pull-right marginTop10 bgnone no-margin" id="spPorLogo"> 52 + <div class="pp-col-sm-4" style="position: absolute; bottom: 20px; right: 10px;">
  53 + <span class="pull-right pp-marginTop10 bgnone no-margin" id="spPorLogo">
54 <img class="logo-image" src="content/images/adam-logo-small.png" alt=""> 54 <img class="logo-image" src="content/images/adam-logo-small.png" alt="">
55 </span> 55 </span>
56 </div> 56 </div>
@@ -60,10 +60,10 @@ @@ -60,10 +60,10 @@
60 </div> 60 </div>
61 <div class="print-box landscape-box" id="printBoxLan" style="display: none;"> 61 <div class="print-box landscape-box" id="printBoxLan" style="display: none;">
62 <div class=""> 62 <div class="">
63 - <div class="col-sm-6" style="position: absolute; top: 20px; left: 10px;"> 63 + <div class="pp-col-sm-4" style="position: absolute; top: 20px; left: 10px;">
64 <span class="pull-left font12 span-font" id="spnModuleLan"></span> 64 <span class="pull-left font12 span-font" id="spnModuleLan"></span>
65 </div> 65 </div>
66 - <div class="col-sm-6" style="position: absolute; top: 20px; right: 10px;"> 66 + <div class="pp-col-sm-4" style="position: absolute; top: 20px; right: 10px;">
67 <span class="pull-right font12 span-font" id="spnBodyViewTitleLan"></span> 67 <span class="pull-right font12 span-font" id="spnBodyViewTitleLan"></span>
68 </div> 68 </div>
69 </div> 69 </div>
@@ -71,11 +71,11 @@ @@ -71,11 +71,11 @@
71 <img src="" alt="" class="logo-image" id="imgLandscape" style="width: 100%;" /> 71 <img src="" alt="" class="logo-image" id="imgLandscape" style="width: 100%;" />
72 </div> 72 </div>
73 <div class="print-footer-land"> 73 <div class="print-footer-land">
74 - <div class="col-sm-8" style="position: absolute; bottom: 20px; left: 10px;">  
75 - <span class="pull-left marginTop10 font12 span-font" id="spLanCopyright">Copyright 2016 A.D.A.M., Inc. All Rights Reserved</span> 74 + <div class="pp-col-sm-4" style="position: absolute; bottom: 20px; left: 10px;">
  75 + <span class="pull-left pp-marginTop10 font12 span-font" id="spLanCopyright">Copyright 2016 A.D.A.M., Inc. All Rights Reserved</span>
76 </div> 76 </div>
77 - <div class="col-sm-4" style="position: absolute; bottom: 20px; right: 10px;">  
78 - <span class="pull-right marginTop10 bgnone no-margin" id="spLanLogo"> 77 + <div class="pp-col-sm-4" style="position: absolute; bottom: 20px; right: 10px;">
  78 + <span class="pull-right pp-marginTop10 bgnone no-margin" id="spLanLogo">
79 <img class="logo-image" src="content/images/adam-logo-small.png" alt=""> 79 <img class="logo-image" src="content/images/adam-logo-small.png" alt="">
80 </span> 80 </span>
81 </div> 81 </div>
400-SOURCECODE/AIAHTML5.Web/app/views/Home/resetPassword.html deleted
View file @e922524
1 -๏ปฟ<!doctype html>  
2 -<html>  
3 -<head>  
4 -<meta charset="utf-8">  
5 -<title>AIA</title>  
6 -<style type="text/css">  
7 -h1 {  
8 - font-size: 16px;  
9 - color: #FFFFFF;  
10 -}  
11 -</style>  
12 -</head>  
13 -  
14 -<body>  
15 -<table width="500" border="0" align="center" cellpadding="0" cellspacing="0">  
16 - <tbody>  
17 - <tr>  
18 - <td align="center" valign="middle" bgcolor="#393939 " style="padding:30px 0 20px 0;"><a href="#"><img src="/content/images/common/logo.png" alt="PPL" title="PPL" /></a></td>  
19 - </tr>  
20 - <tr>  
21 - <td align="center" valign="top" bgcolor="#808d43" style="padding:20px; overflow:hidden;">  
22 - <table width="100%" border="0" cellspacing="0" cellpadding="0" id='resetPwdform' ng-show="isVisibleResetPass" ng-init="CallResetPassword()">  
23 - <tbody>  
24 -  
25 - <tr>  
26 - <td style=" font-size:26px; font-weight:bold; color:#fff; font-family:Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif"><strong>Reset Password</strong></td>  
27 - </tr>  
28 - <tr>  
29 - <td>&nbsp;</td>  
30 - </tr>  
31 - <tr>  
32 - <td style="font-family:Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; color:#fff;">New Password </td>  
33 - </tr>  
34 - <tr>  
35 - <td><input class="form-control" id="" value="*****" ng-model="password" type="password" style="padding:3px 5px; height:25px; width:98%;"></td>  
36 - </tr>  
37 - <tr>  
38 - <td>&nbsp;</td>  
39 - </tr>  
40 - <tr>  
41 - <td style="font-family:Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; color:#fff;">Confirm Password </td>  
42 - </tr>  
43 -  
44 - <tr>  
45 - <td><input class="form-control" id="" value="*****" ng-model="password2" type="password" style="padding:3px 5px; height:25px; width:98%;"></td>  
46 - </tr>  
47 - <tr>  
48 - <td>&nbsp;</td>  
49 - </tr>  
50 - <tr>  
51 - <td>  
52 - <button type="button" style="color:#423030; background:#ff9900; border:1px solid #ff9900; cursor:pointer; color:#fff; padding:5px 10px; font-size:16px; text-transform:uppercase; text-align:center; text-decoration:none; font-family:Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif" ng-click="CallResetPassword">Submit</button>  
53 - <button type="button" style="color:#423030; background:#231f20; border:1px solid #231f20; cursor:pointer; color:#fff; padding:5px 10px; font-size:16px; text-transform:uppercase; text-align:center; text-decoration:none; font-family:Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif">Close</button>  
54 - </td>  
55 - </tr>  
56 - </tbody>  
57 -</table>  
58 - </tr>  
59 -  
60 -  
61 - </tbody>  
62 -</table>  
63 -</body>  
64 -</html>  
400-SOURCECODE/AIAHTML5.Web/content/css/print-main.css
  View file @9281c1c
1 -/***  
2 -MAIN.CSS for AIA  
3 -TO BE USED WITH CUSTOM BOOTSTRAP THEME ALREADY INCLUDED  
4 -**/ 1 +๏ปฟ
  2 +.print-box{padding: 10px 0;}
  3 +.print-paper{ background: #fff; padding: 20px 10px; border: 1px solid #ccc; overflow: auto;}
5 4
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: 0px; /*10px Utkarsh*/  
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 -}  
206 -#inner-anatomyPage .nav > li > a:hover {  
207 - background: #1c92d0;  
208 - color: #fff;  
209 - border-radius: 3px 3px 0 0;  
210 - border: 1px solid #1c92d0;  
211 - border-bottom: none;  
212 -}  
213 -.page-head {  
214 - background: #f3f3f3 none repeat scroll 0 0;  
215 - border-bottom: 1px solid #ffffff;  
216 - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.19);  
217 - padding: 8px 20px;  
218 - margin-bottom: 20px;  
219 -}  
220 -.no-margin {  
221 - margin: 0!important  
222 -}  
223 -.no-padding {  
224 - padding: 0!important  
225 -}  
226 -.marginTopBtm10 {  
227 - margin: 10px 0!important  
228 -}  
229 -.page-header {  
230 - border-bottom: 0!important  
231 -}  
232 -.marginTop5 {  
233 - margin-top: 5px;  
234 -}  
235 -.paddingbtm5 {  
236 - padding-bottom: 5px;  
237 -}  
238 -.border-Btm1 {  
239 - border-bottom: 1px solid #D8D8D8;  
240 -}  
241 -.pageHeading {  
242 - background: #818d43 none repeat scroll 0 0;  
243 - padding: 0px 15px;  
244 - margin-top: 60px;  
245 - z-index: 1030;  
246 - position: fixed;  
247 - width: 100%;  
248 -}  
249 -  
250 -.pageHeading0 { /*Added Utkarsh*/  
251 - background: #818d43 none repeat scroll 0 0;  
252 - padding: 0px 15px;  
253 - margin-top: 0px;  
254 - z-index: 1030;  
255 - position: fixed;  
256 - width: 100%;  
257 -}  
258 -  
259 -.pageHeading0 h4 { /*Updated to .pageHeading0 */  
260 - font-size: 15px;  
261 - margin: 0!important;  
262 - color: #fff;  
263 - line-height: 30px;  
264 - font-weight: 600;  
265 - text-transform: uppercase  
266 -}  
267 -.color-white {  
268 - color: #fff!important;  
269 -}  
270 -.color-green {  
271 - color: #818f44!important;  
272 -}  
273 -.btn-black {  
274 - background-color: #4b4b4b;  
275 - border-color: #3f3f3f;  
276 - color: #ffffff;  
277 -}  
278 -.btn-black:hover, .btn-black:focus {  
279 - background-color: #1B92D0;  
280 - border-color: #1B92D0;  
281 - color: #ffffff;  
282 -}  
283 -.font16 {  
284 - font-size: 1.59em!important;  
285 -}  
286 -.modal-body {  
287 - padding: 0 10px;  
288 -}  
289 -.well-popup {  
290 - margin-bottom: 10px;  
291 - padding: 5px;  
292 -}  
293 -.annotation-modal-header {  
294 - padding: 5px 10px;  
295 -}  
296 -.form-group {  
297 - margin-bottom: 7px;  
298 -}  
299 -/********Stylish Search**************/  
300 -  
301 -#imaginary_container {  
302 - margin: 8px 0!important;  
303 -}  
304 -.stylish-input-group .input-group-addon {  
305 - background: white !important;  
306 -}  
307 -.stylish-input-group .form-control {  
308 - border-right: 0;  
309 - box-shadow: 0 0 0;  
310 - border-color: #ccc;  
311 - width: 30%;  
312 - float: right;  
313 -}  
314 -.stylish-input-group button {  
315 - border: 0;  
316 - background: transparent;  
317 -}  
318 -#vertical-slider {  
319 - height: 150px;  
320 - margin-left: 30px;  
321 -}  
322 -.navbar-nav > li > a {  
323 - line-height: 30px;  
324 -}  
325 -.paddTop5 {  
326 - padding-top: 5px;  
327 -}  
328 -.mrgnBtm5 {  
329 - margin-bottom: 3px;  
330 -}  
331 -.thumbnail a {  
332 - color: #303030!important;  
333 - text-decoration: none;  
334 -}  
335 -.thumbnail a:hover {  
336 - color: #FFFFFF!important;  
337 - text-decoration: none!important;  
338 -}  
339 -.thumbnail:hover {  
340 - background: #8C8C8C!important;  
341 - border: 1px solid #a2a2a2;  
342 -}  
343 -#inner-anatomyPage .nav-tabs {  
344 - border-bottom: 1px solid #494949;  
345 -}  
346 -#inner-anatomyPage .nav-tabs li a {  
347 - color: #fff;  
348 -}  
349 -#inner-anatomyPage .nav-tabs li.active {  
350 - color: #000;  
351 -}  
352 -#inner-anatomyPage .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {  
353 - background: #1c92d0;  
354 - border: 1px solid #1c92d0;  
355 -}  
356 -.main {  
357 - margin-left: 200px;  
358 - position: relative;  
359 - transition: margin .3s ease;  
360 - margin-top: 50px;  
361 -}  
362 -.main.active {  
363 - margin-left: 0;  
364 -}  
365 -.sidebar {  
366 - left: 0px;  
367 - transition: left .3s ease;  
368 -}  
369 -.sidebar.active {  
370 - left: -200px;  
371 -}  
372 -.main-treeview {  
373 - margin-left: 290px;  
374 - position: relative;  
375 - transition: margin .3s ease;  
376 - margin-top: 50px;  
377 -}  
378 -.main-treeview.active {  
379 - margin-left: 0;  
380 -}  
381 -.treeview-left {  
382 - left: 0px;  
383 - transition: left .3s ease;  
384 -}  
385 -.treeview-left.active {  
386 - left: -290px;  
387 -}  
388 -/*.main2{margin-left:106;position: relative;transition:margin .3s ease;margin-top:60px;}  
389 -.main2.active{margin-left:0;}  
390 -.tools{left: 0px;transition:left .3s ease;}  
391 -.tools.active{left: -106px;}*/  
392 -.main2 {  
393 - background: #383838;  
394 - margin-left: 110px;  
395 - padding-top: 1px;  
396 -}  
397 -.main2 {  
398 - margin-left: 110px;  
399 - position: relative;  
400 - transition: margin .3s ease;  
401 - margin-top: 1px;  
402 -}  
403 -.main2.active {  
404 - margin-left: 0;  
405 -}  
406 -.tools {  
407 - height: 100vh;  
408 - background: #222;  
409 - width: 110px;  
410 - padding-top: 20px;  
411 - /*overflow: hidden;*/  
412 - position: absolute !important;  
413 - left: 0;  
414 - /*nk*/  
415 - /*top: 70px;*/  
416 - z-index: 1029;  
417 -}  
418 -.tools {  
419 - left: 0px;  
420 - transition: left .3s ease;  
421 -}  
422 -.tools.active {  
423 - left: -100px;  
424 -}  
425 -.navbar-fixed-top, .navbar-fixed-bottom {  
426 - z-index: 1035;  
427 -}  
428 -.main .breadcrumb {  
429 - background: #3d3d3d;  
430 - border: 1px solid #494949;  
431 - margin-bottom: 10px;  
432 - padding: 0 15px; /*background-color:rgba(61,61,61,0.95);*/  
433 -}  
434 -.main-treeview .breadcrumb {  
435 - background: #3d3d3d;  
436 - border: 1px solid #494949;  
437 - margin-bottom: 10px;  
438 - padding: 10px 15px; /*background-color:rgba(61,61,61,0.95);*/  
439 -}  
440 -.main2 .breadcrumb {  
441 - background: #3d3d3d;  
442 - border: 1px solid #494949;  
443 - margin-bottom: 10px;  
444 - padding: 5px; /*background-color:rgba(61,61,61,0.95);*/  
445 -}  
446 -.main-full {  
447 - margin-top: 10px; /*(jsPanel) margin-top: 40px; (jsPanel) //100px; Utkarsh*/  
448 -}  
449 -.main-full .breadcrumb {  
450 - background: #3d3d3d;  
451 - border: 1px solid #494949;  
452 - margin-bottom: 10px;  
453 - padding: 5px; /*background-color:rgba(61,61,61,0.95);*/  
454 -}  
455 -.toggleHeadingButton {  
456 - font-size: 20px;  
457 - color: #fff;  
458 - cursor: pointer;  
459 -}  
460 -.indicators {  
461 - position: absolute;  
462 - bottom: 0;  
463 - left: 0;  
464 - background: #000000;  
465 - padding: 5px;  
466 - z-index: 9999;  
467 - width: 300px;  
468 -}  
469 -.well-white {  
470 - background: #fff;  
471 - height: 100vh;  
472 - padding: 10px;  
473 -}  
474 -.leftPanel-data {  
475 - padding: 10px 10px 0 10px;  
476 -}  
477 -.dragger {  
478 - position: relative;  
479 -}  
480 -.dragger #block-1 {  
481 - position: absolute;  
482 - top: 170px;  
483 - left: 170px;  
484 - width: 200px;  
485 - height: 50px;  
486 - border: 1px solid #333;  
487 - background: #E8E8E8;  
488 -}  
489 -.dragger .drag-img1 {  
490 - position: absolute;  
491 - bottom: 0px;  
492 - left: 0;  
493 -}  
494 -.bootstrap-dialog .modal-header.bootstrap-dialog-draggable {  
495 - cursor: move;  
496 -}  
497 -.thumbnail .caption p {  
498 - overflow: hidden;  
499 - text-overflow: ellipsis;  
500 - white-space: nowrap;  
501 - /* width: 150px !important;*/  
502 - text-align: center;  
503 -}  
504 -.pos-relative {  
505 - position: relative;  
506 - float: left;  
507 -}  
508 -.toggle-icon {  
509 - position: absolute;  
510 - top: 110px;  
511 - left: 100px;  
512 - z-index: 99999;  
513 - -moz-transition: left 0.5s ease;  
514 - transition: left 0.5s ease;  
515 - background: url(../../../../../content/images/icon-sidebar.png) no-repeat 0;  
516 - width: 11px;  
517 - height: 33px;  
518 -}  
519 -.active .toggle-icon {  
520 - background: url(../../../../../content/images/icon-sidebar.png) no-repeat -11px;  
521 - width: 11px;  
522 - height: 33px;  
523 -}  
524 -.toggle-icon-treeview {  
525 - position: absolute;  
526 - top: 110px;  
527 - left: 290px;  
528 - z-index: 99999;  
529 - -moz-transition: left 0.5s ease;  
530 - transition: left 0.5s ease;  
531 - background: url(../../../../../content/images/icon-sidebar.png) no-repeat 0;  
532 - width: 11px;  
533 - height: 33px;  
534 -}  
535 -.active .toggle-icon-treeview {  
536 - background: url(../../../../../content/images/icon-sidebar.png) no-repeat -11px;  
537 - width: 11px;  
538 - height: 33px;  
539 -}  
540 -.navbar-inverse .navbar-nav > li > a {  
541 - color: #FFFFFF;  
542 -}  
543 -/*#7904*/  
544 -.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-nav > li > a.active {  
545 - color: #2db0f5;  
546 -}  
547 -  
548 -ul.right0 {  
549 - right: 0!important;  
550 - left: auto;  
551 - min-width: 300px;  
552 - padding: 10px;  
553 - transition: visibility 0.15s ease 0s, opacity 0.15s ease 0s, transform 0.15s ease 0s;  
554 - border-bottom: 4px solid #abafb0;  
555 - box-shadow: 0 4px 2px -2px #abafb0 inset;  
556 -}  
557 -.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {  
558 - background-color: #0095da;  
559 - color: #ffffff;  
560 -}  
561 -.padd5 {  
562 - padding: 5px;  
563 -}  
564 -.padded25{ padding:25px;}  
565 -ul.listgrid-view{ list-style:none;}  
566 -ul.listgrid-view li{ float:left; margin-right:5px; background:#3D3D3D; padding:2px 5px; border-radius:2px;}  
567 -ul.listgrid-view li a{color:#fff!important;}  
568 -ul.listgrid-view li.active, ul.listgrid-view li:active{ background:#0095da!important;}  
569 -.bg-white{ background:#fff;}  
570 -.stickey-area .pagination-sm > li > a, .pagination-sm > li > span{ padding:5px 8px!important;}  
571 -.paddlftrgt10{ padding:10px 10px;}  
572 -/*.border-black{ border:1px solid #333}*/  
573 -#da-body-nav .dropdown-menu{ padding:0!important;}  
574 -  
575 -  
576 -  
577 -/*Settings popup on TopMenu related css*/  
578 -.cursor-pointer{ cursor:pointer;}  
579 -.paddTopbtm15{ padding-top:15px; padding-bottom:15px;}  
580 -.paddTop15{ padding-top:15px;}  
581 -.padd10{ padding:10px!important;}  
582 -.no-margin-btm{ margin-bottom:0;}  
583 -.marginR0{ margin-right:0!important;}  
584 -.padd-right0{ padding-right:0;}  
585 -.padd-left0{ padding-left:0!important;}  
586 -.marginTop13{ margin-top:13px;}  
587 -.font13{ font-size:13px;}  
588 -.font11{ font-size:11px;}  
589 -.modal-footer{ padding:5px 10px;}  
590 -.paddTop0{ padding-top:0;}  
591 -.no-margin-top{ margin-top:0;}  
592 -  
593 -.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;}  
594 -.modal-header{ cursor:move;}  
595 -.well-dark{ background:#2e2e2e; border:1px solid #686868; height:500px; overflow:hidden;}  
596 -select[multiple], select[size].multipleSelect{ height: 100%;}  
597 -  
598 -#setting-modal-dark{ height:441px;}  
599 -#setting-modal-dark .modal-body{ overflow-y:auto; overflow-x:hidden; height:365px;}  
600 -#setting-modal-dark > .modal-header{ padding:5px 10px;}  
601 -#setting-modal-dark > .modal-header h4{ font-size:15px; font-weight:600;}  
602 -#setting-modal-dark > .modal-body > .nav-tabs > li > a{ padding:5px!important}  
603 -#setting-modal-dark .nav > li > a { padding: 5px!important;}  
604 -  
605 -.skinmarginbtm6{  
606 - margin-bottom:6px !important;  
607 -}  
608 -  
609 -.skindefault{  
610 - background: #8c8c8c none repeat scroll 0 0 !important;  
611 -}  
612 -  
613 -  
614 -.bolder{ font-weight:bold;}  
615 -.skin-tones{ width:300px; margin:0 auto;}  
616 -.modal-dark > .modal-header{ padding:5px 10px;}  
617 -.modal-dark > .modal-header h4{ font-size:15px; font-weight:600;}  
618 -.modal-header .close{ margin-top:0}  
619 -#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;}  
620 -.annotation-modal-header h4{ font-size:15px; font-weight:600;}  
621 -  
622 -.color-picker{ margin-left:25px; margin-top:-3px}  
623 - .pattern-picker{ margin-left:10px; margin-top:-3px}  
624 - .marginbtm10{ margin-bottom:10px;}  
625 - .bodyWrap2{ margin-top:60px;}  
626 - .toolsss {  
627 - height: 100vh;  
628 - width: 110px;  
629 - padding-top: 10px;  
630 - /*padding-top: 70px;*/  
631 - position:absolute;  
632 - /*overflow: hidden;*/  
633 - left: 0;  
634 - top: 0;  
635 - z-index: 1029;  
636 - transition: left .3s ease;  
637 - background:#ebebeb;  
638 - border-right:1px solid #dedede;  
639 -  
640 - }  
641 - .main3 {  
642 - background: #383838;  
643 - margin-left: 95px;  
644 - position: relative;  
645 - transition: margin .3s ease;  
646 - /*margin-top: 60px;*/  
647 - }  
648 - .well-bordered{ background:#fff; border:5px solid #f0f0f0; border-radius:0; box-shadow:none; padding:10px 20px; height:580px; overflow-y:auto}  
649 - .color-pallate{ position:absolute; top:15px;}  
650 - .font18{ font-size:18px;}  
651 - .bg-grey{ background:#f2f2f2;}  
652 - textarea {  
653 - resize: none;  
654 - }  
655 - .font12{ font-size:12px;}  
656 - .font14{ font-size:14px;}  
657 - .weight600{ font-weight:600;}  
658 - .marginbtm5{ margin-bottom:5px;}  
659 - .marginBtm12{ margin-bottom:12px;}  
660 - .anatomyTest-option{ padding-left:17px; font-size:12px; line-height:20px;}  
661 - .font-16{ font-size:16px;}  
662 - .width-auto{ width: auto;}  
663 -  
664 - /********************************/ 5 +.portrait-box { width: 451px; height: 571px; border: 2px solid #000; border-radius: 5px; padding: 10px; position:relative;} /*width: 600px; height: 1000px; width: 624px; height: 768px;*/
  6 +.landscape-box { width: 571px; height: 451px; border: 2px solid #000; border-radius: 5px; padding: 10px; position: relative;} /*width: 1000px; height: 600px; width: 768px; height: 624px;*/
665 7
666 - .print-box{padding: 10px 0;}  
667 - .print-paper{ background: #fff; padding: 20px 10px; border: 1px solid #ccc; overflow: auto;}  
668 - /*.portrait-box { width: 600px; height: 1000px;}  
669 - .landscape-box { width: 1000px; height: 600px; }*/  
670 -  
671 - .portrait-box { width: 451px; height: 571px; border: 2px solid #000; border-radius: 5px; padding: 10px; position:relative;} /*width: 600px; height: 1000px; width: 624px; height: 768px;*/  
672 - .landscape-box { width: 571px; height: 451px; border: 2px solid #000; border-radius: 5px; padding: 10px; position: relative;} /*width: 1000px; height: 600px; width: 768px; height: 624px;*/  
673 -  
674 - /*.portrait-box img{ background: #f9f9f9; padding: 13px; }*/  
675 - /*.landscape-box img{ background: #f9f9f9; padding: 13px; }*/  
676 - /*#dvPortrait {background: #f9f9f9; padding: 13px;}  
677 - #dvLandscape { background: #f9f9f9; padding: 13px; }*/  
678 #dvLandscape, #dvPortrait { 8 #dvLandscape, #dvPortrait {
679 - /*border: 1px solid #4B4B4B; */  
680 border-radius: 5px; 9 border-radius: 5px;
681 padding: 0px !important; 10 padding: 0px !important;
682 } 11 }
683 12
684 - #dvPortrait { margin-top:42%;} /*62%*/  
685 -/*#dvLandscape {margin-top: 7%;}*/  
686 - .bgnone img{ background: none;}  
687 - .scan-scenario{ position: absolute; top: 30px; right: 30px}  
688 -  
689 -  
690 - /************************************/  
691 -  
692 -  
693 - @-webkit-keyframes circle {  
694 -0% {  
695 - opacity: 1;  
696 -}  
697 - 40% {  
698 - opacity: 1;  
699 -}  
700 - 100% {  
701 - width: 200%;  
702 - height: 200%;  
703 - opacity: 0;  
704 -}  
705 -}  
706 -@keyframes circle {  
707 - 0% {  
708 - opacity: 1;  
709 -}  
710 - 40% {  
711 - opacity: 1;  
712 -}  
713 - 100% {  
714 - width: 200%;  
715 - height: 200%;  
716 - opacity: 0;  
717 -}  
718 -}  
719 -  
720 -@media (max-width: 480px) {  
721 -.tools i {  
722 - font-size: inherit;  
723 -}  
724 -.pageHeading0 h4 { /*updated to .pageHeading0*/  
725 - font-size: 20px;  
726 -}  
727 -}  
728 -  
729 -/** Responsive **/  
730 -@media (max-width: 1199px) {  
731 -/*.main{margin-left:0;position: relative;transition:left .3s ease;left: 0;}  
732 - .main.active{left: 250px;}  
733 - .sidebar{left: -250px;transition:left .3s ease;}  
734 - .sidebar.active{left: 0;}*/  
735 - /*.main2{margin-left:0;position: relative;transition:left .3s ease;left: 0;}  
736 - .main2.active{left: 106px;}  
737 - .tools{left: -106px;transition:left .3s ease;}  
738 - .tools.active{left: 0;}*/  
739 -  
740 -  
741 -}  
742 -  
743 -@media (max-width: 767px) {  
744 -textarea {  
745 - height: 120px !important;  
746 -}  
747 -.quesDetail>*, .patDataRow>* {  
748 - text-align: left !important;  
749 -}  
750 -.table {  
751 - font-size: .9em;  
752 -}  
753 -.stylish-input-group .form-control {  
754 - border-right: 0;  
755 - box-shadow: 0 0 0;  
756 - border-color: #ccc;  
757 - width: 100%;  
758 - float: right;  
759 -}  
760 -  
761 - .table-responsive > .table > tbody > tr > td  
762 - {  
763 - white-space: normal !important;  
764 - }  
765 -}  
766 -  
767 -@media (max-width: 1023px) {  
768 -/*.nav > li > a{ padding:15px 6px!important;}*/  
769 -  
770 -.main {  
771 - margin-left: 0;  
772 - position: relative;  
773 - transition: left .3s ease;  
774 - left: 0;  
775 -}  
776 -.main.active {  
777 - left: 200px;  
778 -}  
779 -.sidebar {  
780 - left: -200px;  
781 - transition: left .3s ease;  
782 -}  
783 -.sidebar.active {  
784 - left: 0;  
785 -}  
786 -.main-treeview {  
787 - margin-left: 0;  
788 - position: relative;  
789 - transition: left .3s ease;  
790 - left: 0;  
791 -}  
792 -.main-treeview.active {  
793 - left: 300px;  
794 -}  
795 -.treeview-left {  
796 - left: -300px;  
797 - transition: left .3s ease;  
798 -}  
799 -.treeview-left.active {  
800 - left: 0;  
801 -}  
802 -}  
803 -  
804 -@media (min-width: 768px) and (max-width: 1199px) {  
805 -.hidden-sm {  
806 - display: none !important;  
807 -}  
808 -.width120 {  
809 - width: 90%!important;  
810 -}  
811 - .builder-Guide-left{ min-width:118px; width:9%; padding:0;}  
812 - .builder-Guide-right{ min-width:485px; width:80%; padding:0;}  
813 - .color-pallate{ position:absolute; top:5px;}  
814 -/* .toggleBar { margin:20px 10px 0 0}*/  
815 -}  
816 -  
817 -@media (min-width: 768px) {  
818 -.toperMenu-spaceleft {  
819 - margin-left: 20px;  
820 -}  
821 -}  
822 -  
823 -@media (max-width: 350px) {  
824 -.pageHeading0 h4 { /*Updated to .pageHeading0*/  
825 - overflow: hidden;  
826 - text-overflow: ellipsis;  
827 - white-space: nowrap;  
828 - width: 164px !important;  
829 -}  
830 -}  
831 -  
832 -.spinner {  
833 - position: fixed;  
834 - top: 50%;  
835 - left: 50%;  
836 - margin-left: -50px; / half width of the spinner gif /  
837 - margin-top: -50px; / half height of the spinner gif /  
838 - text-align: center;  
839 - z-index: 1234;  
840 - overflow: auto;  
841 - width: 100px; / width of the spinner gif /  
842 - height: 102px; /*hight of the spinner gif +2px to fix IE8 issue */  
843 - }  
844 -  
845 -/*to make the background fully visible on transparency box draw*/  
846 -.modal-backdrop.in {  
847 - opacity: 0;  
848 -}  
849 -  
850 -.tButtonActive {  
851 - background-color: #1B92D0;  
852 - border-color: #1B92D0;  
853 - color: #ffffff;  
854 -}  
855 -  
856 -/*28-06-2016*/  
857 -  
858 -.txt-white{ color:#fff;}  
859 -.f11 {font-size:11px;}  
860 -.f15 {font-size:15px; font-weight:600;}  
861 -.pad-lftrgt3 {padding-left:2px; padding-right:2px;}  
862 -.table-txt12 tr th, .table-txt12 tr td {font-size:12px; padding:2px 8px !important; vertical-align:middle; cursor:pointer;}  
863 -  
864 -.clsstickydiv{padding-left:19px; width:99%}  
865 -  
866 -.clsthead tr,.clstheadca tr {  
867 - display: block;  
868 - position: relative;  
869 -}  
870 -.clsthead tr th {  
871 - min-width: 180px;  
872 - text-align: left;  
873 -}  
874 -.clstheadca tr th {  
875 - /*min-width: 255px;*/  
876 - text-align: left;  
877 -}  
878 -  
879 -.clstbody,.clstbodyca {  
880 - display: block;  
881 - height: 200px;  
882 - width: 100%;  
883 - overflow:auto;  
884 -}  
885 -  
886 -.clstbody tr td {  
887 - min-width: 180px;  
888 - text-align: left;  
889 -}  
890 -  
891 -.clstbodyca tr td {  
892 - /*max-width: 260px;*/  
893 - text-align: left;  
894 - word-wrap:break-word;  
895 -  
896 -}  
897 -  
898 -.cur-pot {  
899 -cursor:pointer;  
900 -}  
901 -  
902 -  
903 -@media (min-width: 320px) and (max-width:480px) {  
904 - .stickey-area {  
905 - margin-top:24px;  
906 - }  
907 -} 13 + #dvPortrait { margin-top:42%;}
908 14
909 -.enableGender li.active{  
910 - background-color:#0095DA;  
911 - color:#ffffff;  
912 -}  
913 -  
914 -.annotationbar {  
915 - max-width: 300px;  
916 - width: 100%;  
917 -}  
918 -  
919 -.LeftButtonsDefaultState  
920 -{  
921 - background-color: #0095da;  
922 - border-color: #007ab3;  
923 - color: #ffffff;  
924 -}  
925 -  
926 -/*disable background css*/  
927 -  
928 -#modelbackground  
929 - {  
930 - background-color: black;  
931 - bottom: 0;  
932 - left: 0;  
933 - position: fixed;  
934 - right: 0;  
935 - top: 0;  
936 - z-index: 12000000;  
937 - opacity: 0.5;  
938 - display:none;  
939 - width:100%;  
940 - height:100%;  
941 -  
942 - filter: Alpha(opacity=50); / IE8 and earlier /  
943 -}  
944 -  
945 -  
946 -.modeleditstyle  
947 - {  
948 - display:none;  
949 -}  
950 - /*#7904*/  
951 -.dropdown-menu > li > a.active{background-color:#0095da;color:#fff;text-decoration:none;}  
952 -  
953 -  
954 -.annotationtoolbartab  
955 - {  
956 - background:#626c34 !important;  
957 -}  
958 -  
959 -.disableMenuannotation  
960 -{  
961 - pointer-events:none;  
962 - opacity:0.6;  
963 -  
964 -}  
965 -.disableMenuoption  
966 -{  
967 - pointer-events:none;  
968 - opacity:0.6;  
969 - 15 +.pp-col-sm-4 .print-col-sm-4{
  16 + padding-left: 0px !important;
  17 + padding-right: 0px !important;
970 } 18 }
971 19
972 -.blankshapediv  
973 -{  
974 -background-image: url("../../../../../content/images/blank-shapes.png"); 20 +.pp-marginTop10 .print-marginTop10 {
  21 + margin-top: 0px;
975 } 22 }
976 -.outlinediv  
977 -{  
978 - border:1px solid black;  
979 - width: 72%;  
980 - margin-left: auto;  
981 - margin-right: auto;  
982 - height: 98px;  
983 - border-radius: 50%;  
984 - }  
985 -.fullcolordiv  
986 - {  
987 - position:relative;  
988 - width:100%;  
989 - height:100%;  
990 - background:#fff;  
991 - border-radius: 50%;  
992 - }  
993 23
994 -.col-sm-4, .col-sm-6, .col-sm-8 {  
995 - padding-left: 0px !important;  
996 - padding-right: 0px !important;  
997 -}  
998 #imgPortrait, #imgLandscape { 24 #imgPortrait, #imgLandscape {
999 padding: 10px; 25 padding: 10px;
1000 } 26 }
1001 27
1002 -/*@media (min-width: 1200px) {  
1003 - .modeleditstyle .builder-Guide-left{ min-width:118px; width:9%; padding:0;}  
1004 - .builder-Guide-right{ width:auto; padding:0;}  
1005 - display:none; }*/  
1006 -  
1007 -  
1008 -#printBoxPor {  
1009 - /*width: 637.5px;  
1010 - height: 825px;*/  
1011 - /*width: 337px;  
1012 - height: 410px;*/  
1013 -}  
1014 -#printBoxLan {  
1015 - /*width: 825px;  
1016 - height: 637.5px;*/  
1017 -}  
1018 @media (min-width: 768px) { 28 @media (min-width: 768px) {
1019 .print-footer-port div, .print-footer-land div { 29 .print-footer-port div, .print-footer-land div {
1020 width: 50%; 30 width: 50%;
@@ -1022,4 +32,22 @@ background-image: url(&quot;../../../../../content/images/blank-shapes.png&quot;); @@ -1022,4 +32,22 @@ background-image: url(&quot;../../../../../content/images/blank-shapes.png&quot;);
1022 } 32 }
1023 #minSpan { 33 #minSpan {
1024 margin-top: 6px; 34 margin-top: 6px;
  35 +}
  36 +
  37 +.bgnone img{ background: none;}
  38 +.scan-scenario{ position: absolute; top: 30px; right: 30px}
  39 +.pp-main-full {
  40 + margin-top: 10px;
  41 +}
  42 +.pp-form-control {
  43 + border-right: 0;
  44 + box-shadow: 0 0 0;
  45 + border-color: #ccc;
  46 + width: 100%;
  47 + float: right;
  48 +}
  49 +.font12{ font-size:12px;}
  50 +.marginbtm10{ margin-bottom:10px;}
  51 +.width-auto {
  52 + width: auto;
1025 } 53 }
1026 \ No newline at end of file 54 \ No newline at end of file
400-SOURCECODE/AIAHTML5.Web/index.html
  View file @9281c1c
@@ -1052,25 +1052,25 @@ @@ -1052,25 +1052,25 @@
1052 </div> 1052 </div>
1053 1053
1054 <!--Print Active Viewer--> 1054 <!--Print Active Viewer-->
1055 - <div class="print-box portrait-box" id="printBox" style="display: none;"> 1055 + <div class="print-box-active portrait-box-active" id="printBox" style="display: none;">
1056 <div id="printDivContent"> 1056 <div id="printDivContent">
1057 <div class=""> 1057 <div class="">
1058 - <div class="col-sm-6" style="top: 10px; position: absolute; left: 10px;">  
1059 - <span class="pull-left font12 span-font" id="spnModule"></span> 1058 + <div class="print-col-sm-4" style="top: 10px; position: absolute; left: 10px;">
  1059 + <span class="pull-left font12 print-span-font" id="spnModule"></span>
1060 </div> 1060 </div>
1061 - <div class="col-sm-6" style="top: 10px; position: absolute; right: 10px;">  
1062 - <span class="pull-right font12 span-font" id="spnBodyViewTitle"></span> 1061 + <div class="print-col-sm-4" style="top: 10px; position: absolute; right: 10px;">
  1062 + <span class="pull-right font12 print-span-font" id="spnBodyViewTitle"></span>
1063 </div> 1063 </div>
1064 </div> 1064 </div>
1065 <div class=" mar-top-25" align="center" id="dvPortrait" style="text-align: center;"> 1065 <div class=" mar-top-25" align="center" id="dvPortrait" style="text-align: center;">
1066 <img src="" alt="" class="logo-image" id="snipImage" style="width: 100%;" /> 1066 <img src="" alt="" class="logo-image" id="snipImage" style="width: 100%;" />
1067 </div> 1067 </div>
1068 <div> 1068 <div>
1069 - <div class="col-sm-8" style="position: absolute; bottom: 20px;">  
1070 - <span class="pull-left marginTop10 font12 span-font">Copyright 2016 A.D.A.M., Inc. All Rights Reserved</span> 1069 + <div class="print-col-sm-4" style="position: absolute; bottom: 20px;">
  1070 + <span class="pull-left marginTop10 font12 print-span-font">Copyright 2016 A.D.A.M., Inc. All Rights Reserved</span>
1071 </div> 1071 </div>
1072 - <div class="col-sm-4" style="position: absolute; bottom: 20px; right: 10px;">  
1073 - <span class="pull-right marginTop10 bgnone no-margin"> 1072 + <div class="print-col-sm-4" style="position: absolute; bottom: 20px; right: 10px;">
  1073 + <span class="pull-right print-marginTop10 bgnone no-margin">
1074 <img class="logo-image" src="content/images/adam-logo-small.png" alt=""> 1074 <img class="logo-image" src="content/images/adam-logo-small.png" alt="">
1075 </span> 1075 </span>
1076 </div> 1076 </div>