Merge branch 'PrintAV' into Develop

Amrita Vishnoi
2 parents df499cdd e2e5b717
Showing 7 changed files with 1137 additions and 1 deletions
400-SOURCECODE/AIAHTML5.Web/AIAHTML5.Web.csproj
400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js
400-SOURCECODE/AIAHTML5.Web/app/widget/TopMenu.html
400-SOURCECODE/AIAHTML5.Web/content/css/print-Portrait.css
400-SOURCECODE/AIAHTML5.Web/content/css/print-main.css
400-SOURCECODE/AIAHTML5.Web/content/images/adam-logo-small.png
400-SOURCECODE/AIAHTML5.Web/index.html
@@ -78,6 +78,8 @@
     <Content Include="app\widget\MainMenu.html" />
     <Content Include="body-view-wp.js" />
     <Content Include="content\css\main.css" />
+    <Content Include="content\css\print-main.css" />
+    <Content Include="content\css\print-Portrait.css" />
     <Content Include="content\data\json\da\body-views\1\da_dat_tm_sg_1.json" />
     <Content Include="content\data\json\da\body-views\10\da_dat_body_system_term_10.json" />
     <Content Include="content\data\json\ca\ca_dat_contentlist.json" />
@@ -116,6 +118,7 @@
     <Content Include="content\images\3da\3d-6.jpg" />
     <Content Include="content\images\3da\3d-7.jpg" />
     <Content Include="content\images\3da\3d-8.jpg" />
+    <Content Include="content\images\adam-logo-small.png" />
     <Content Include="content\images\ca\thumbnails\ca_tni_3377.jpg" />
     <Content Include="content\images\ca\thumbnails\ca_tni_3378.jpg" />
     <Content Include="content\images\ca\thumbnails\ca_tni_3379.jpg" />
@@ -2501,6 +2501,52 @@ AIA.controller(&quot;HomeController&quot;, [&quot;$rootScope&quot;, &quot;Modules&quot;, &quot;$log&quot;, &quot;$location&quot;, 
             console.log('close')
             $(".export-image").css("display", "none");
         };
+
+        $rootScope.ShowPrintWindow = function () {  // Print Active Viewer
+            html2canvas($("#canvasDiv"), {
+                onrendered: function (canvas) {
+                    var dataURL = canvas.toDataURL("image/jpeg");
+                    var imageToPrint = new Image();
+                    imageToPrint.src = dataURL;
+                    $('#snipImage').attr('src', dataURL);
+
+                    $('#spnModule').text($rootScope.currentActiveModuleTitle);
+                    $('#spnBodyViewTitle').text(localStorage.getItem('currentViewTitle'));
+
+                    PrintDivContentByID('printBox');    // Open Print Window
+                }
+            });
+        };
+
+        function PrintDivContentByID(id) {
+            var contents = document.getElementById(id).innerHTML;
+            var frame1 = $('<iframe />');
+            frame1[0].name = "frame1";
+            frame1.css({ "position": "absolute", "top": "-1000000px" });
+            $("body").append(frame1);
+
+            var frameDoc = frame1[0].contentWindow ? frame1[0].contentWindow : frame1[0].contentDocument.document ? frame1[0].contentDocument.document : frame1[0].contentDocument;
+
+            frameDoc.document.open();
+            //Create a new HTML document.
+            frameDoc.document.write('<html><head><title></title>');//Print Preview
+            frameDoc.document.write('</head><body>');
+            //Append the external CSS file.
+            frameDoc.document.write('<link href="content/css/print-Portrait.css" rel="stylesheet" type="text/css" />');
+            frameDoc.document.write('<link href="content/css/print-main.css" rel="stylesheet" type="text/css" />');
+            //Append the DIV contents.
+            frameDoc.document.write(contents);
+            frameDoc.document.write('</body></html>');
+            frameDoc.document.close();
+
+            setTimeout(function () {
+                window.frames["frame1"].focus();
+                window.frames["frame1"].print();
+                frame1.remove();
+            }, 250);
+
+            console.log('close')
+        }
  
     }]
 );
 \ No newline at end of file
@@ -17,7 +17,7 @@
                 <li role="separator" class="divider"></li>
                 <li><a href="" id="exportImageAnchor" data-toggle="modal" ng-click="ShowExportImageWindow()">Export Image</a></li>
                 <li role="separator" class="divider"></li>
-                <li><a href="#">Print Active Viewer</a></li>
+                <li><a href="" id="printAVAnchor" data-toggle="modal" ng-click="ShowPrintWindow()">Print Active Viewer</a></li>
                 <li><a href="#">Print All Open Viewers</a></li>
                 <li><a href="#">Print Priview</a></li>
             </ul>
+@page {
+  size: portrait;
+  margin: 0;
+}
+#printDivContent {
+    border: 2px solid black; 
+    border-radius: 10px; 
+    width: 85%; 
+    height: 85%; 
+    padding: 15px;
+    margin: 15px;
+    /*position: absolute;
+    margin: 0 auto;
+    text-align: center;   
+    top: 5%;
+    left: 5%;*/
+    position: fixed;
+  top: 50%;
+  left: 50%;
+  /* bring your own prefixes */
+  transform: translate(-50%, -50%);
+}
+
+#dvPortrait {
+    width: 100%;
+    /*display: table;*/
+    margin: 0 auto;
+}
+/*@page {
+            /*size: A4;*/
+            /*margin: 0;*/ /*IMPORTANT*/ /* REMOVE PAGE HEADER - TITLE/ FOOTER - PAGE NUMBER [Change- 1]*/
+            /*size: auto; /* REMOVE PAGE HEADER - TITLE/ FOOTER - PAGE NUMBER [Change- 2]*/
+       /* }*/
 \ No newline at end of file
+/***
+MAIN.CSS for AIA
+TO BE USED WITH CUSTOM BOOTSTRAP THEME ALREADY INCLUDED
+**/
+
+/*** Global ***/
+* {
+	outline: 0 !important;
+}
+body {
+	background: #383838;
+}
+.btn {
+	-webkit-transition: all .3s ease;
+	-ms-transition: all .3s ease;
+	transition: all .3s ease;
+}
+.btnCustom {
+	border: 0 !important;
+	padding-left: 50px;
+	padding-right: 50px;
+	min-height: 40px;
+}
+.btnCustom.btn-large {
+	width: 220px;
+	height: 50px;
+	padding-left: 0;
+	padding-right: 0;
+}
+footer {
+	color: #303030;
+	font: 12px/30px 'Open Sans';
+	margin-top: -30px;
+}
+footer.dark {
+	color: #ccc;
+	background: #303030;
+}
+.frameLogo {
+	display: block;
+}
+.navbar-brand {
+	height: 60px;
+	padding: 10px 15px;
+}
+.no-scroll {
+	overflow: hidden;
+}
+/*** Login Page ***/
+.loginBg {
+	min-height: 100vh;
+	background: #303030;
+}
+.loginPanel {
+	margin: 0 0 100px;
+}
+.loginLogo {
+	margin: 20px auto;
+	display: block;
+	max-width: 360px;
+}
+.headerBand {
+	background: #818f44;
+	padding-bottom: 10px;
+	color: #fff;
+}
+.headerBand h1 {
+	font: 700 36px/1 'Open Sans';
+}
+.headerBand p {
+	font: 400 16px 'Open Sans';
+	letter-spacing: 0px;
+	word-spacing: 1px;
+}
+.loginBox {
+	max-width: 350px;
+	background: #666666;
+	margin: 30px auto 0;
+	border-radius: 2px;
+	-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .5);
+	-ms-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .5);
+	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .5);
+	padding: 15px 0;
+}
+.loginBox strong {
+	color: #0095da;
+	font: 600 18px/1 'Open Sans';
+	padding-bottom: 10px;
+	display: block;
+}
+.loginExBtn {
+	max-width: 350px;
+	margin: 15px auto 0;
+}
+.loginExBtn a {
+	width: 48%;
+}
+/*** Mainframe ***/
+.sidebar {
+	height: 100vh;
+	background: #222;
+	width: 200px;
+	padding-top: 90px;
+	overflow: auto;
+	position: fixed;
+	left: 0;
+	top: 0;
+	z-index: 1029;
+}
+.navbar {
+	border-bottom: none!important;
+}
+.main {
+	background: #383838;
+	margin-left: 200px;
+	padding-top: 51px;
+}
+.treeview-left {
+	height: 100vh;
+	background: #222;
+	width: 300px;
+	padding-top: 90px;
+	overflow: auto;
+	position: fixed;
+	left: 0;
+	top: 0;
+	z-index: 1029;
+}
+.main-treeview {
+	background: #383838;
+	margin-left: 300px;
+	padding-top: 51px;
+}
+.nav-sidebar a {
+	color: #fff; /*border-bottom:1px solid #ccc!important;*/
+}
+.nav-sidebar li a {
+	color: #fff;
+}
+.nav-sidebar a:hover, .nav-sidebar a:focus {
+	color: #fff;
+	background: #1B92D0!important;
+}
+.nav-sidebar a.active {
+	color: #fff;
+	background: #1B92D0!important;
+}
+.toggleBar {
+	margin: 0px 10px 0 0;
+}
+.space-left20 {
+	padding-left: 20px;
+}
+.padd-lftright25 {
+	padding: 0 25px;
+}
+.tab-content {
+	padding: 10px 0;
+}
+.space-top50 {
+	margin-top: 50px;
+}
+/*Custom ToolTip In AIA*/
+.customTooltip {
+        background: #333 !important;
+        color: #fff !important;
+        /*opacity: 0.9 !important;*/
+    }
+
+/*.tools {
+    background: #eeeeee none repeat scroll 0 0;
+    border: 1px solid #c1c1c1;
+	border-top:none;
+    /*padding: 10px;
+	width:106px;
+	position:absolute;
+	left: 0;
+	top: 120px;
+	padding-top:10px;
+	z-index:1024;
+
+}*/
+.tools i {
+	font-size: 1.4em;
+}
+.marginTop10 {
+	margin-top: 0px; /*10px Utkarsh*/
+}
+.marginTop2 {
+	margin-top: 2px;
+}
+.marginL2 {
+	margin-left: 2px!important;
+}
+.marginR5 {
+	margin-right: 5px!important;
+}
+.paddTop4 {
+	padding-top: 4px;
+}
+.vert_slider {
+	clear: both;
+	margin: 20px auto 30px;
+	width: 1rem;
+}
+#inner-anatomyPage .nav > li > a:hover {
+	background: #1c92d0;
+	color: #fff;
+	border-radius: 3px 3px 0 0;
+	border: 1px solid #1c92d0;
+	border-bottom: none;
+}
+.page-head {
+	background: #f3f3f3 none repeat scroll 0 0;
+	border-bottom: 1px solid #ffffff;
+	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.19);
+	padding: 8px 20px;
+	margin-bottom: 20px;
+}
+.no-margin {
+	margin: 0!important
+}
+.no-padding {
+	padding: 0!important
+}
+.marginTopBtm10 {
+	margin: 10px 0!important
+}
+.page-header {
+	border-bottom: 0!important
+}
+.marginTop5 {
+	margin-top: 5px;
+}
+.paddingbtm5 {
+	padding-bottom: 5px;
+}
+.border-Btm1 {
+	border-bottom: 1px solid #D8D8D8;
+}
+.pageHeading {
+	background: #818d43 none repeat scroll 0 0;
+	padding: 0px 15px;
+	margin-top: 60px; 
+	z-index: 1030;
+	position: fixed;
+	width: 100%;
+}
+
+.pageHeading0 {                                 /*Added Utkarsh*/
+	background: #818d43 none repeat scroll 0 0;
+	padding: 0px 15px;
+	margin-top: 0px; 
+	z-index: 1030;
+	position: fixed;
+	width: 100%;
+}
+
+.pageHeading0 h4 { /*Updated to .pageHeading0 */
+	font-size: 15px;
+	margin: 0!important;
+	color: #fff;
+	line-height: 30px;
+	font-weight: 600;
+	text-transform: uppercase
+}
+.color-white {
+	color: #fff!important;
+}
+.color-green {
+	color: #818f44!important;
+}
+.btn-black {
+	background-color: #4b4b4b;
+	border-color: #3f3f3f;
+	color: #ffffff;
+}
+.btn-black:hover, .btn-black:focus {
+	background-color: #1B92D0;
+	border-color: #1B92D0;
+	color: #ffffff;
+}
+.font16 {
+	font-size: 1.59em!important;
+}
+.modal-body {
+	padding: 0 10px;
+}
+.well-popup {
+	margin-bottom: 10px;
+	padding: 5px;
+}
+.annotation-modal-header {
+	padding: 5px 10px;
+}
+.form-group {
+	margin-bottom: 7px;
+}
+/********Stylish Search**************/
+
+#imaginary_container {
+	margin: 8px 0!important;
+}
+.stylish-input-group .input-group-addon {
+	background: white !important;
+}
+.stylish-input-group .form-control {
+	border-right: 0;
+	box-shadow: 0 0 0;
+	border-color: #ccc;
+	width: 30%;
+	float: right;
+}
+.stylish-input-group button {
+	border: 0;
+	background: transparent;
+}
+#vertical-slider {
+	height: 150px;
+	margin-left: 30px;
+}
+.navbar-nav > li > a {
+	line-height: 30px;
+}
+.paddTop5 {
+	padding-top: 5px;
+}
+.mrgnBtm5 {
+	margin-bottom: 3px;
+}
+.thumbnail a {
+	color: #303030!important;
+	text-decoration: none;
+}
+.thumbnail a:hover {
+	color: #FFFFFF!important;
+	text-decoration: none!important;
+}
+.thumbnail:hover {
+	background: #8C8C8C!important;
+	border: 1px solid #a2a2a2;
+}
+#inner-anatomyPage .nav-tabs {
+	border-bottom: 1px solid #494949;
+}
+#inner-anatomyPage .nav-tabs li a {
+	color: #fff;
+}
+#inner-anatomyPage .nav-tabs li.active {
+	color: #000;
+}
+#inner-anatomyPage .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
+	background: #1c92d0;
+	border: 1px solid #1c92d0;
+}
+.main {
+	margin-left: 200px;
+	position: relative;
+	transition: margin .3s ease;
+	margin-top: 50px;
+}
+.main.active {
+	margin-left: 0;
+}
+.sidebar {
+	left: 0px;
+	transition: left .3s ease;
+}
+.sidebar.active {
+	left: -200px;
+}
+.main-treeview {
+	margin-left: 290px;
+	position: relative;
+	transition: margin .3s ease;
+	margin-top: 50px;
+}
+.main-treeview.active {
+	margin-left: 0;
+}
+.treeview-left {
+	left: 0px;
+	transition: left .3s ease;
+}
+.treeview-left.active {
+	left: -290px;
+}
+/*.main2{margin-left:106;position: relative;transition:margin .3s ease;margin-top:60px;}
+.main2.active{margin-left:0;}
+.tools{left: 0px;transition:left .3s ease;}
+.tools.active{left: -106px;}*/
+.main2 {
+	background: #383838;
+	margin-left: 110px;
+	padding-top: 1px;
+}
+.main2 {
+	margin-left: 110px;
+	position: relative;
+	transition: margin .3s ease;
+	margin-top: 1px;
+}
+.main2.active {
+	margin-left: 0;
+}
+.tools {
+	height: 100vh;
+	background: #222;
+	width: 110px;
+	padding-top: 20px;
+	/*overflow: hidden;*/
+	position: absolute !important;
+	left: 0;
+    /*nk*/
+	/*top: 70px;*/
+	z-index: 1029;
+}
+.tools {
+	left: 0px;
+	transition: left .3s ease;
+}
+.tools.active {
+	left: -100px;
+}
+.navbar-fixed-top, .navbar-fixed-bottom {
+	z-index: 1035;
+}
+.main .breadcrumb {
+	background: #3d3d3d;
+	border: 1px solid #494949;
+	margin-bottom: 10px;
+	padding: 0 15px; /*background-color:rgba(61,61,61,0.95);*/
+}
+.main-treeview .breadcrumb {
+	background: #3d3d3d;
+	border: 1px solid #494949;
+	margin-bottom: 10px;
+	padding: 10px 15px; /*background-color:rgba(61,61,61,0.95);*/
+}
+.main2 .breadcrumb {
+	background: #3d3d3d;
+	border: 1px solid #494949;
+	margin-bottom: 10px;
+	padding: 5px; /*background-color:rgba(61,61,61,0.95);*/
+}
+.main-full {
+	margin-top: 10px; /*(jsPanel) margin-top: 40px; (jsPanel) //100px; Utkarsh*/
+}
+.main-full .breadcrumb {
+	background: #3d3d3d;
+	border: 1px solid #494949;
+	margin-bottom: 10px;
+	padding: 5px; /*background-color:rgba(61,61,61,0.95);*/
+}
+.toggleHeadingButton {
+	font-size: 20px;
+	color: #fff;
+	cursor: pointer;
+}
+.indicators {
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	background: #000000;
+	padding: 5px;
+	z-index: 9999;
+	width: 300px;
+}
+.well-white {
+	background: #fff;
+	height: 100vh;
+	padding: 10px;
+}
+.leftPanel-data {
+	padding: 10px 10px 0 10px;
+}
+.dragger {
+	position: relative;
+}
+.dragger #block-1 {
+	position: absolute;
+	top: 170px;
+	left: 170px;
+	width: 200px;
+	height: 50px;
+	border: 1px solid #333;
+	background: #E8E8E8;
+}
+.dragger .drag-img1 {
+	position: absolute;
+	bottom: 0px;
+	left: 0;
+}
+.bootstrap-dialog .modal-header.bootstrap-dialog-draggable {
+	cursor: move;
+}
+.thumbnail .caption p {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	/* width: 150px !important;*/
+	text-align: center;
+}
+.pos-relative {
+	position: relative;
+	float: left;
+}
+.toggle-icon {
+	position: absolute;
+	top: 110px;
+	left: 100px;
+	z-index: 99999;
+	-moz-transition: left 0.5s ease;
+	transition: left 0.5s ease;
+	background: url(../../../../../content/images/icon-sidebar.png) no-repeat 0;
+	width: 11px;
+	height: 33px;
+}
+.active .toggle-icon {
+	background: url(../../../../../content/images/icon-sidebar.png) no-repeat -11px;
+	width: 11px;
+	height: 33px;
+}
+.toggle-icon-treeview {
+	position: absolute;
+	top: 110px;
+	left: 290px;
+	z-index: 99999;
+	-moz-transition: left 0.5s ease;
+	transition: left 0.5s ease;
+	background: url(../../../../../content/images/icon-sidebar.png) no-repeat 0;
+	width: 11px;
+	height: 33px;
+}
+.active .toggle-icon-treeview {
+	background: url(../../../../../content/images/icon-sidebar.png) no-repeat -11px;
+	width: 11px;
+	height: 33px;
+}
+.navbar-inverse .navbar-nav > li > a {
+	color: #FFFFFF;
+}
+/*#7904*/
+.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-nav > li > a.active {
+	color: #2db0f5;
+}
+
+ul.right0 {
+	right: 0!important;
+	left: auto;
+	min-width: 300px;
+	padding: 10px;
+	transition: visibility 0.15s ease 0s, opacity 0.15s ease 0s, transform 0.15s ease 0s;
+	border-bottom: 4px solid #abafb0;
+	box-shadow: 0 4px 2px -2px #abafb0 inset;
+}
+.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
+	background-color: #0095da;
+	color: #ffffff;
+}
+.padd5 {
+	padding: 5px;
+}
+.padded25{ padding:25px;}
+ul.listgrid-view{ list-style:none;}
+ul.listgrid-view li{ float:left; margin-right:5px; background:#3D3D3D;  padding:2px 5px; border-radius:2px;}
+ul.listgrid-view li a{color:#fff!important;}
+ul.listgrid-view li.active, ul.listgrid-view li:active{  background:#0095da!important;}
+.bg-white{ background:#fff;}
+.stickey-area .pagination-sm > li > a, .pagination-sm > li > span{ padding:5px 8px!important;}
+.paddlftrgt10{ padding:10px 10px;}
+/*.border-black{ border:1px solid #333}*/
+#da-body-nav .dropdown-menu{ padding:0!important;}
+
+
+
+/*Settings popup on TopMenu related css*/
+.cursor-pointer{ cursor:pointer;}
+.paddTopbtm15{ padding-top:15px; padding-bottom:15px;}
+.paddTop15{ padding-top:15px;}
+.padd10{ padding:10px!important;}
+.no-margin-btm{ margin-bottom:0;}
+.marginR0{ margin-right:0!important;}
+.padd-right0{ padding-right:0;}
+.padd-left0{ padding-left:0!important;}
+.marginTop13{ margin-top:13px;}
+.font13{ font-size:13px;}
+.font11{ font-size:11px;}
+.modal-footer{ padding:5px 10px;}
+.paddTop0{ padding-top:0;}
+.no-margin-top{ margin-top:0;}
+
+.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;}
+.modal-header{ cursor:move;}
+.well-dark{ background:#2e2e2e; border:1px solid #686868; height:500px; overflow:hidden;}
+select[multiple], select[size].multipleSelect{  height: 100%;}
+
+#setting-modal-dark{ height:441px;}
+#setting-modal-dark .modal-body{ overflow-y:auto; overflow-x:hidden; height:365px;}
+#setting-modal-dark > .modal-header{  padding:5px 10px;}
+#setting-modal-dark > .modal-header h4{ font-size:15px; font-weight:600;}
+#setting-modal-dark > .modal-body > .nav-tabs > li > a{ padding:5px!important}
+#setting-modal-dark .nav > li > a { padding: 5px!important;}
+
+.skinmarginbtm6{
+    margin-bottom:6px !important;
+}
+
+.skindefault{
+    background: #8c8c8c none repeat scroll 0 0 !important;
+}
+
+
+.bolder{ font-weight:bold;}
+.skin-tones{ width:300px; margin:0 auto;}
+.modal-dark > .modal-header{ padding:5px 10px;}
+.modal-dark > .modal-header h4{ font-size:15px; font-weight:600;}
+.modal-header .close{ margin-top:0}
+#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;}
+.annotation-modal-header h4{ font-size:15px; font-weight:600;}
+
+.color-picker{ margin-left:25px; margin-top:-3px}
+			.pattern-picker{ margin-left:10px; margin-top:-3px}
+			.marginbtm10{ margin-bottom:10px;}
+			.bodyWrap2{ margin-top:60px;}
+			.toolsss {
+				height: 100vh;
+				width: 110px;
+				padding-top: 10px;
+				/*padding-top: 70px;*/
+				position:absolute;
+				/*overflow: hidden;*/
+				left: 0;
+				top: 0;
+				z-index: 1029;
+				transition: left .3s ease;
+				background:#ebebeb;
+				border-right:1px solid #dedede;
+				
+			}
+			.main3 {
+				background: #383838;
+				margin-left: 95px;
+				position: relative;
+				transition: margin .3s ease;
+				/*margin-top: 60px;*/
+			}
+			.well-bordered{ background:#fff; border:5px solid #f0f0f0; border-radius:0; box-shadow:none; padding:10px 20px; height:580px; overflow-y:auto}
+			.color-pallate{ position:absolute; top:15px;}
+			.font18{ font-size:18px;}
+			.bg-grey{ background:#f2f2f2;}
+			textarea {
+			   resize: none;
+			}
+			.font12{ font-size:12px;}
+			.font14{ font-size:14px;}
+			.weight600{ font-weight:600;}
+			.marginbtm5{ margin-bottom:5px;}
+			.marginBtm12{ margin-bottom:12px;}
+			.anatomyTest-option{ padding-left:17px; font-size:12px; line-height:20px;}
+			.font-16{ font-size:16px;}
+			.width-auto{ width: auto;}
+			
+			/********************************/
+			
+			.print-box{padding: 10px 0;}
+			.print-paper{ background: #fff; padding: 20px 10px; border: 1px solid #ccc; overflow: auto;}
+			/*.portrait-box { width: 600px; height: 1000px;}
+			.landscape-box { width: 1000px; height: 600px; }*/
+
+            .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;*/
+			.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;*/
+			
+			/*.portrait-box img{  background: #f9f9f9; padding: 13px; }*/
+			/*.landscape-box img{ background: #f9f9f9; padding: 13px; }*/            
+            /*#dvPortrait {background: #f9f9f9; padding: 13px;}
+            #dvLandscape { background: #f9f9f9; padding: 13px; }*/
+#dvLandscape, #dvPortrait {
+    /*border: 1px solid #4B4B4B; */
+    border-radius: 5px;
+    padding: 0px !important;
+}
+
+    #dvPortrait { margin-top:42%;} /*62%*/
+/*#dvLandscape {margin-top: 7%;}*/
+			.bgnone img{ background: none;}
+			.scan-scenario{ position: absolute; top: 30px; right: 30px}
+
+			
+			/************************************/
+
+
+ @-webkit-keyframes circle {
+0% {
+ opacity: 1;
+}
+ 40% {
+ opacity: 1;
+}
+ 100% {
+ width: 200%;
+ height: 200%;
+ opacity: 0;
+}
+}
+@keyframes circle {
+ 0% {
+ opacity: 1;
+}
+ 40% {
+ opacity: 1;
+}
+ 100% {
+ width: 200%;
+ height: 200%;
+ opacity: 0;
+}
+}
+
+@media (max-width: 480px) {
+.tools i {
+	font-size: inherit;
+}
+.pageHeading0 h4 { /*updated to .pageHeading0*/
+	font-size: 20px;
+}
+}
+
+/** Responsive **/
+@media (max-width: 1199px) {
+/*.main{margin-left:0;position: relative;transition:left .3s ease;left: 0;}
+    .main.active{left: 250px;}
+    .sidebar{left: -250px;transition:left .3s ease;}
+    .sidebar.active{left: 0;}*/
+	/*.main2{margin-left:0;position: relative;transition:left .3s ease;left: 0;}
+    .main2.active{left: 106px;}
+    .tools{left: -106px;transition:left .3s ease;}
+    .tools.active{left: 0;}*/
+	
+	
+}
+
+@media (max-width: 767px) {
+textarea {
+	height: 120px !important;
+}
+.quesDetail>*, .patDataRow>* {
+	text-align: left !important;
+}
+.table {
+	font-size: .9em;
+}
+.stylish-input-group .form-control {
+	border-right: 0;
+	box-shadow: 0 0 0;
+	border-color: #ccc;
+	width: 100%;
+	float: right;
+}
+
+				.table-responsive > .table > tbody > tr > td
+			{
+					white-space: normal !important;
+			}
+}
+
+@media (max-width: 1023px) {
+/*.nav > li > a{ padding:15px 6px!important;}*/
+
+.main {
+	margin-left: 0;
+	position: relative;
+	transition: left .3s ease;
+	left: 0;
+}
+.main.active {
+	left: 200px;
+}
+.sidebar {
+	left: -200px;
+	transition: left .3s ease;
+}
+.sidebar.active {
+	left: 0;
+}
+.main-treeview {
+	margin-left: 0;
+	position: relative;
+	transition: left .3s ease;
+	left: 0;
+}
+.main-treeview.active {
+	left: 300px;
+}
+.treeview-left {
+	left: -300px;
+	transition: left .3s ease;
+}
+.treeview-left.active {
+	left: 0;
+}
+}
+
+@media (min-width: 768px) and (max-width: 1199px) {
+.hidden-sm {
+	display: none !important;
+}
+.width120 {
+	width: 90%!important;
+}
+				.builder-Guide-left{ min-width:118px; width:9%; padding:0;}
+			.builder-Guide-right{ min-width:485px; width:80%; padding:0;}
+			.color-pallate{ position:absolute; top:5px;}
+/* .toggleBar { margin:20px 10px 0 0}*/
+}
+
+@media (min-width: 768px) {
+.toperMenu-spaceleft {
+	margin-left: 20px;
+}
+}
+
+@media (max-width: 350px) {
+.pageHeading0 h4 {   /*Updated to .pageHeading0*/
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	width: 164px !important;
+}
+}
+
+.spinner {
+        position: fixed;
+        top: 50%;
+        left: 50%;
+        margin-left: -50px; / half width of the spinner gif /
+        margin-top: -50px; / half height of the spinner gif /
+        text-align: center;
+        z-index: 1234;
+        overflow: auto;
+        width: 100px; / width of the spinner gif /
+        height: 102px; /*hight of the spinner gif +2px to fix IE8 issue */
+    }
+
+/*to make the background fully visible on transparency box draw*/
+.modal-backdrop.in {
+    opacity: 0;
+}
+
+.tButtonActive {
+ background-color: #1B92D0;
+	border-color: #1B92D0;
+	color: #ffffff;
+}
+
+/*28-06-2016*/
+
+.txt-white{ color:#fff;}
+.f11 {font-size:11px;}
+.f15 {font-size:15px; font-weight:600;}
+.pad-lftrgt3 {padding-left:2px; padding-right:2px;}
+.table-txt12 tr th, .table-txt12 tr td {font-size:12px; padding:2px 8px !important; vertical-align:middle; cursor:pointer;}
+
+.clsstickydiv{padding-left:19px; width:99%}
+
+.clsthead tr,.clstheadca tr {
+    display: block;
+    position: relative;
+}
+.clsthead tr th {
+    min-width: 180px;
+    text-align: left;
+}
+.clstheadca tr th {
+    /*min-width: 255px;*/
+    text-align: left;
+}
+
+.clstbody,.clstbodyca {
+    display: block;
+    height: 200px;
+    width: 100%;
+    overflow:auto;
+}
+
+.clstbody tr td {
+    min-width: 180px;
+    text-align: left;
+}
+
+.clstbodyca tr td {
+    /*max-width: 260px;*/
+    text-align: left;
+    word-wrap:break-word;
+ 
+}
+
+.cur-pot {
+cursor:pointer;
+}
+
+
+@media (min-width: 320px) and (max-width:480px) {
+    .stickey-area {
+        margin-top:24px;
+    }
+}
+
+.enableGender li.active{
+ background-color:#0095DA;
+ color:#ffffff;   
+}
+
+.annotationbar {
+    max-width: 300px;
+    width: 100%;
+}
+
+.LeftButtonsDefaultState
+{
+    background-color: #0095da;
+    border-color: #007ab3;
+    color: #ffffff;
+}
+
+/*disable background css*/
+
+#modelbackground
+ {
+    background-color: black;
+    bottom: 0;
+    left: 0;
+    position: fixed;
+    right: 0;
+    top: 0;
+    z-index: 12000000;
+    opacity: 0.5;
+    display:none;
+    width:100%;
+    height:100%;
+  
+    filter: Alpha(opacity=50); / IE8 and earlier /
+}
+
+	
+.modeleditstyle
+ {
+    display:none;
+}
+ /*#7904*/
+.dropdown-menu > li > a.active{background-color:#0095da;color:#fff;text-decoration:none;}
+
+
+.annotationtoolbartab
+   {
+    background:#626c34 !important;
+}
+
+.disableMenuannotation
+{ 
+    pointer-events:none;
+    opacity:0.6;   
+    
+}
+.disableMenuoption
+{
+        pointer-events:none;
+    opacity:0.6;   
+    
+}
+
+.blankshapediv
+{
+background-image: url("../../../../../content/images/blank-shapes.png");
+}
+.outlinediv
+{
+     border:1px solid black;
+  width: 72%;
+ margin-left: auto;
+ margin-right: auto;
+ height: 98px;
+ border-radius: 50%;
+ }
+.fullcolordiv
+ 	 {
+ 	  position:relative;
+ 	  width:100%;
+ 	 height:100%;
+  background:#fff;
+ 	  border-radius: 50%;
+ }
+
+.col-sm-4, .col-sm-6, .col-sm-8 {
+    padding-left: 0px !important;
+    padding-right: 0px !important;
+}
+#imgPortrait, #imgLandscape {
+    padding: 10px;
+}
+
+/*@media (min-width: 1200px) {
+	.modeleditstyle				.builder-Guide-left{ min-width:118px; width:9%; padding:0;}
+	 				.builder-Guide-right{ width:auto; padding:0;}
+	    display:none;			}*/
+
+
+#printBoxPor {
+    /*width: 637.5px;
+    height: 825px;*/
+    /*width: 337px;
+    height: 410px;*/
+}
+#printBoxLan {
+    /*width: 825px;
+    height: 637.5px;*/
+}
+@media (min-width: 768px) {
+    .print-footer-port div, .print-footer-land div {
+        width: 50%;
+    }
+}
+#minSpan {
+    margin-top: 6px;
+}
 \ No newline at end of file
@@ -38,6 +38,7 @@
     <link href="libs/jquery/jquery_plugin/SpeechBubble/css/bubble.css" rel="stylesheet" />
     <link href="libs/jquery/jquery_plugin/slider-pips/jquery-ui-slider-pips.css" rel="stylesheet" />
     <link href="themes/default/css/bootstrap/3.3.6/jquery.minicolors.css" rel="stylesheet" />
+    <link href="content/css/print-main.css" rel="stylesheet" />
  
     <!--Annotation Toolbar: Jcanvas-->
     <style>
@@ -928,6 +929,34 @@
         </div>
     </div>
  
+    <!--Print Active Viewer-->
+    <div class="print-box portrait-box" id="printBox" style="display: none;">
+        <div id="printDivContent">
+            <div class="">
+                <div class="col-sm-6" style="top: 10px; position: absolute; left: 10px;">
+                    <span class="pull-left font12 span-font" id="spnModule"></span>
+                </div>
+                <div class="col-sm-6" style="top: 10px; position: absolute; right: 10px;">
+                    <span class="pull-right font12 span-font" id="spnBodyViewTitle"></span>
+                </div>
+            </div>
+            <div class=" mar-top-25" align="center" id="dvPortrait" style="text-align: center;">
+                <img src="" alt="" class="logo-image" id="snipImage" style="width: 100%;" />
+            </div>
+            <div>
+                <div class="col-sm-8" style="position: absolute; bottom: 20px;">
+                    <span class="pull-left marginTop10 font12 span-font">Copyright 2016 A.D.A.M., Inc. All Rights Reserved</span>
+                </div>
+                <div class="col-sm-4" style="position: absolute; bottom: 20px; right: 10px;">
+                    <span class="pull-right marginTop10 bgnone no-margin">
+                        <img class="logo-image" src="content/images/adam-logo-small.png" alt="">
+                    </span>
+                </div>
+            </div>
+            <div class="clearfix"></div>
+        </div>
+    </div>
+
     <!--<div class="modal fade" id="editshapestyle" tabindex="-1" role="dialog" aria-labelledby="myModalLabel33" style="z-index:1000000000;width:302px;margin-left:auto;margin-right:auto;overflow:hidden;height:460px;">
         <div class="modal-dialog modal-sm" role="document">
             <div class="modal-content">