diff --git a/400-SOURCECODE/AIAHTML5.Web/AIAHTML5.Web.csproj b/400-SOURCECODE/AIAHTML5.Web/AIAHTML5.Web.csproj
index fed418b..ff558d9 100644
--- a/400-SOURCECODE/AIAHTML5.Web/AIAHTML5.Web.csproj
+++ b/400-SOURCECODE/AIAHTML5.Web/AIAHTML5.Web.csproj
@@ -78,6 +78,8 @@
+
+
@@ -116,6 +118,7 @@
+
diff --git a/400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js b/400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js
index 7b8e4a8..caa0074 100644
--- a/400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js
+++ b/400-SOURCECODE/AIAHTML5.Web/app/controllers/HomeController.js
@@ -2501,6 +2501,52 @@ AIA.controller("HomeController", ["$rootScope", "Modules", "$log", "$location",
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 = $('');
+ 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('');//Print Preview
+ frameDoc.document.write('');
+ //Append the external CSS file.
+ frameDoc.document.write('');
+ frameDoc.document.write('');
+ //Append the DIV contents.
+ frameDoc.document.write(contents);
+ frameDoc.document.write('');
+ 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
diff --git a/400-SOURCECODE/AIAHTML5.Web/app/widget/TopMenu.html b/400-SOURCECODE/AIAHTML5.Web/app/widget/TopMenu.html
index 5cd7265..9ce15bf 100644
--- a/400-SOURCECODE/AIAHTML5.Web/app/widget/TopMenu.html
+++ b/400-SOURCECODE/AIAHTML5.Web/app/widget/TopMenu.html
@@ -17,7 +17,7 @@
Export Image
- Print Active Viewer
+ Print Active Viewer
Print All Open Viewers
Print Priview
diff --git a/400-SOURCECODE/AIAHTML5.Web/content/css/print-Portrait.css b/400-SOURCECODE/AIAHTML5.Web/content/css/print-Portrait.css
new file mode 100644
index 0000000..569cbf9
--- /dev/null
+++ b/400-SOURCECODE/AIAHTML5.Web/content/css/print-Portrait.css
@@ -0,0 +1,33 @@
+@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
diff --git a/400-SOURCECODE/AIAHTML5.Web/content/css/print-main.css b/400-SOURCECODE/AIAHTML5.Web/content/css/print-main.css
new file mode 100644
index 0000000..4e4a146
--- /dev/null
+++ b/400-SOURCECODE/AIAHTML5.Web/content/css/print-main.css
@@ -0,0 +1,1025 @@
+/***
+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
diff --git a/400-SOURCECODE/AIAHTML5.Web/content/images/adam-logo-small.png b/400-SOURCECODE/AIAHTML5.Web/content/images/adam-logo-small.png
new file mode 100644
index 0000000..1fc7fbb
--- /dev/null
+++ b/400-SOURCECODE/AIAHTML5.Web/content/images/adam-logo-small.png
diff --git a/400-SOURCECODE/AIAHTML5.Web/index.html b/400-SOURCECODE/AIAHTML5.Web/index.html
index d566cb4..18e0a26 100644
--- a/400-SOURCECODE/AIAHTML5.Web/index.html
+++ b/400-SOURCECODE/AIAHTML5.Web/index.html
@@ -38,6 +38,7 @@
+