Merge branch 'minmaxlabexissue' into Develop-IPAD-MAC

Amrita Vishnoi
2 parents cc4e92fb f3d687a1
Showing 3 changed files with 1245 additions and 1207 deletions
400-SOURCECODE/AIAHTML5.Web/app/controllers/LabExercController.js
400-SOURCECODE/AIAHTML5.Web/app/views/LabExerc/lab-exercises-detail.html
400-SOURCECODE/AIAHTML5.Web/themes/default/css/bootstrap/3.3.6/main.css
@@ -276,6 +276,22 @@ function ($scope, $rootScope, pages, log, $http, DataService, $filter, $location
         //}
     };
  
+
+
+    $scope.minLabExPanel = function () {
+        $("#labExPanel").css("display", "none");
+        $("#LabExPageHeading").css("display", "none");
+        $("#LabExMinimizedId").css("display", "block");
+       
+
+    }
+    $scope.maxLabExPanel = function () {
+        $("#labExPanel").css("display", "block");
+        $("#LabExPageHeading").css("display", "block");
+        $("#LabExMinimizedId").css("display", "none");
+       
+
+    } 
     $scope.handleDragOver = function (e) {
         e.preventDefault(); // Necessary. Allows us to drop.
         e.dataTransfer.dropEffect = 'move';  // See the section on the DataTransfer object.
@@ -3,21 +3,26 @@
 <div class="bodyWrap row" ng-controller="LabExercController">
  
     <div class="" ng-init="GetQuizByTopic()">
-        <div class="col-sm-12 pageHeading">
+        <div class="col-sm-12 pageHeading" id="LabExPageHeading">
             <!--<button type="button" class="btn btn-default pull-left toggleBar hidden-lg"> <i class="fa fa-bars"></i> </button>
-            <div class=" pull-left toggleBar toggleHeadingButton" data-toggle="tooltip" data-placement="top" title="Show/Hide Sidebar"> <i class="fa fa-bars"></i> </div>-->
+        <div class=" pull-left toggleBar toggleHeadingButton" data-toggle="tooltip" data-placement="top" title="Show/Hide Sidebar"> <i class="fa fa-bars"></i> </div>-->
             <h4 class="pull-left">Lab Exercise - {{LabExerciseName}}</h4>
-            <div class="pull-right btn-group paddTop4"> <a href="#" class="btn btn-xs btn-default"><i class="fa fa-minus"></i></a> <a href="#" class="btn btn-xs btn-default"><i class="fa fa-clone"></i></a> <a href="lab-exercises" ng-click="IsVisible()" class="btn btn-xs btn-default"><i class="fa fa-close"></i></a> </div>
+            <div class="pull-right btn-group paddTop4"> <a href="#" class="btn btn-xs btn-default" ng-click="minLabExPanel()"><i class="fa fa-minus"></i></a> <a href="#" class="btn btn-xs btn-default"><i class="fa fa-clone"></i></a> <a href="lab-exercises" ng-click="IsVisible()" class="btn btn-xs btn-default"><i class="fa fa-close"></i></a> </div>
             <div class="clearfix"></div>
         </div>
  
-
+        <div class="col-sm-12">
+            <div class="pull-left btn-group LabEx-Panel-state-minimized" id="LabExMinimizedId">
+                <p class="pull-left" style="color:#fff">LAB Ex ...</p>
+                <a href="#" class="btn btn-xs btn-default"><i class="fa fa-minus"></i></a> <a href="#" class="btn btn-xs btn-default" ng-click="maxLabExPanel()"><i class="fa fa-clone"></i></a> <a href="lab-exercises" ng-click="IsVisible()" class="btn btn-xs btn-default"><i class="fa fa-close"></i></a>
+            </div>
+        </div>
  
         <div class="col-sm-12">
  
             <div class="container-fluid main-full">
                 <div class="row">
-                    <div class="panel panel-default">
+                    <div class="panel panel-default" id="labExPanel">
                         <div class="panel-heading">
                             {{activityTitle}}<p style="margin:-20px 474px -1px;" class="text-primary">{{Title}}</p>
                             <div class="pull-right" style="margin: -20px 20px;">
@@ -30,8 +35,8 @@
                                     <div ng-bind-html="deliberatelyTrustDangerousSnippet(optionbox.QuizText)"></div>
                                 </div>
                                 <!--<ul>
-                                    <li ng-repeat="optionbox in LabExerciseModules.OptionBox" droppable="true" ng-bind-html="'{{optionbox.QuizText}}' | to_trusted"></li>
-                                </ul>-->
+                    <li ng-repeat="optionbox in LabExerciseModules.OptionBox" droppable="true" ng-bind-html="'{{optionbox.QuizText}}' | to_trusted"></li>
+                </ul>-->
                             </div>
                             <div align="center" class="dragger">
                                 <div class="col-sm-1" style="padding-top: 150px; height: 500px; " id="divleft" droppable="true">
@@ -40,14 +45,14 @@
                                 <div class="col-sm-9">
                                     <div style="position: relative; margin-left: 70px;" id="imgdiv">
                                         <div id="imgblock">
-                                            <img id="droppable" ng-src="content/images/LE/{{Imagepath}}"  alt="" ng-click="onClick()" imageonload />
+                                            <img id="droppable" ng-src="content/images/LE/{{Imagepath}}" alt="" ng-click="onClick()" imageonload />
                                         </div>
  
                                         <div ng-show="IsVisible" ng-repeat="optionbox in LabExerciseModules.OptionBox" droppable="true" class="droppable ui-droppable options" id="blockbox-{{optionbox.BoxName}}" ng-style="{'top':{{optionbox.topcoord}}, 'left':{{optionbox.leftcoord}},'position': 'absolute',  'width': '155px', 'height':'30px', 'border':'0px solid #333', 'background': '#E8E8E8' }">{{optionbox.Answervalue}}</div>
                                         <div draggable="true" ng-repeat="ans in DraggedList" droppable="true" class="droppable ui-droppable answerdroppable" id="blockans-{{ans.id}}" ng-style="{'top':{{ans.topcoord}}, 'left':{{ans.leftcoord}},'position': 'absolute',  'width': '158px', 'height':'30px', 'border':'0px solid #333', 'background': 'transparent','font-size': '12px','border-color':'#FF0000','padding-top':'5px'}">{{ans.Value}}</div>
                                     </div>
  
-                                    <div class="col-sm-12" style="margin-left: 200px; margin-top: 10px; height:80px;" id="divoptions" droppable="true" >
+                                    <div class="col-sm-12" style="margin-left: 200px; margin-top: 10px; height:80px;" id="divoptions" droppable="true">
                                         <!--<div class="col-sm-3 col-lg-3  ui-draggable" >-->
                                         <div draggable="true" ng-repeat="option in LabExerciseModules.Options | filter:{'textalign':'bottom'}" ng-style="{'width': '150px', 'height':'40px','font-size':'8px;','valign':'middle','text-align':'center', 'vertical-align:middle','background-color': '#808080','margin':'5px !important','float':'{{option.textalign}}'} " style="margin-bottom: 5px !important; width: 180px;" class="thumbnail caption col-sm-2 col-lg-3  ui-draggable marginR5 " id="block-{{option.OptionNumber}}">{{option.OptionTitle}}</div>
                                         <!--</div>-->
-/***
-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: 10px;
-}
-.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;
-   pointer-events: none;
-}
-
-.vert_slider > .ui-slider-handle {
-pointer-events: auto;
-/* Other settings here */
-}
-
-#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%;
-}
-.pageHeading h4 {
-	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;
-	z-index: 1029; we made this chnage because After zommin in DA the body system drop down hides under transparency code refer bug 20490 on redmine*/
-}
-.tools {
-	left: 0px;
-	transition: left .3s ease;
-}
-
-.dropdown-menu {
-    z-index:999999;
-}
-
-.tools.active {
-	left: -100px;
-}
-
- .navbar-fixed-bottom {
-	z-index: 1035;
-}
-.navbar-fixed-top {
-	z-index: 100000;
-}
-.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: 100px;
-}
-.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: 9;
-	-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;
-}*/
-.navbar-inverse .navbar-nav > .navbarDropdownItem > a:hover, .navbar-nav > .navbarDropdownItem > a.active {
-	color: #2db0f5;
-}
-.navbar-inverse .navbar-nav > .navbarItem > a:hover, .navbar-inverse .navbar-nav > .navbarItem > a:focus, .navbar-nav > .navbarItem > 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;}
-.modal-footer-forgot-password {padding:5px 15px;}
-.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;}
-
- @-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;
-}
-.pageHeading h4 {
-	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;
-}
-/* .toggleBar { margin:20px 10px 0 0}*/
-}
-
-@media (min-width: 768px) {
-.toperMenu-spaceleft {
-	margin-left: 20px;
-}
-}
-
-@media (max-width: 350px) {
-.pageHeading h4 {
-	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: 15000;
-        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 th {
-    min-width: 180px;
-    text-align: left;
-}*/
-
-
-
-
-
-/*.clstbody tr td {
-    min-width: 180px;
-    text-align: left;
-}*/
-
-
-
-
-
-
-
-.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;   
-    
-}
-.disableSubMenu {
-    pointer-events: none;
-    opacity: 0.6;
-}
-.disableFileMenu {
-    pointer-events: none;
-    opacity: 0.6;
-}
-
-.blankshapediv
-{
-background-image: url("../../../../../content/images/blank-shapes.png");
-background-size:cover;
-}
-.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%;
- }
-/*Bug #8679*/
-    .selected {
-        background-color: lightgrey;
-    }
-
-    .disableHideShowStructure
-     {
-       background:#4b4b4b !important;
-       border-color:#3f3f3f !important;
-     }
-.btn-annotation-erase:hover
-     {
-          color: #fff;
-    }
-    .btn-annotation-brush:hover
-     {
-         color: #fff;
-   }
-    .fa-eraser,.fa-paint-brush
-     {
-         color: #fff;
-    }
-    #messageModal
-    {
-       z-index: 214748;
-    }
-     #messageModal .modal-dialog
-       {
-        width:300px
-    }
-    #messageModal .modal-content
-     {
-        
-        box-shadow: 0 0 40px rgba(0,0,0,.5);
-        border: rgba(0,0,0,0);
-    }
-     #messageModal .modal-body
-    {
-         text-align: justify;
-         text-align-last: center;
-    }
-    #messageModal .modal-header 
-    {
-        padding: 6px;
-         border-bottom: none;
-    }
-      #messageModal .modal-footer
-       {
-          border-top: none;
-           padding: 20px 10px; 
-           text-align:center;
-      }
-      #jsPanel-1
-        {
-          z-index:11111;
-      }
-
-   .tinyImg {
-    display: block;
-    max-width: 230px;
-    /*max-height: 95px;*/
-    width: auto;
-    height: 95px !important;
-}
-
-  #bodySystemList
-   {
-      z-index:100000;
-  }
- /*.GridViewDataDivHeight
-       {
-            height:175px;
-      }*/
-	
-#exportlogo
- {
- 
-    bottom: 50PX;
-    position: fixed;
-    right: 50px;
-}
-
-
-
-.HightLightThumbnail
- 	{	
-     background: #8C8C8C!important;
-    border: 1px solid #a2a2a2;
- 	}
-
-.activeAASystemSelect{
- 	background-color:#0095DA;
-   color:#ffffff;   
-}
- 	
-.activeAASystemSelect a
-{
-color:#ffffff !important;   	
-}
-
-.disabledSelectedSystem a, .disabledSelectedSystem > a:hover, .dropdown-menu > .disabledSelectedSystem > a:focus
- {
-    
-    text-decoration: none;
-    background-color: transparent !important;
-    background-image: none;
-    cursor: not-allowed;
-    color: #878787 !important;
-    pointer-events:none;
-}
-
-.pl-12{padding-left:12px;}
-
-
-/*sprit images*/
-.sprit-icon button{background-image:url("/../../../content/images/aa/LeftMenu/icon-sprit.png"); background-repeat:no-repeat; width:38px; height:32px;}
-.sprit-icon button:active{background-image:url("/../../../content/images/aa/LeftMenu/icon-sprit.png");  background-repeat:no-repeat; width:38px; height:32px;}
-#hidePinBtn{background-position:10px 5px;}
-#selectedPin{background-position:15px -24px;}
-#allPinBtn{background-position:12px -105px;}
-#dropdownMenu221{background-position:10px -49px;}
-#comment-box{background-position:28px -73px; width:80px;}
-
-
-.jsPanel-btn-norm
- {
-    background-image: none !important;
-}
-.modal-small
- {
- 	
-  width : 400px !important;
- 	
- }
-
-li[disabled], a[disabled] {
-    pointer-events: none;
-}
-a[disabled] {
-    color: #aaa !important; 
-}
-
-		
-.aaSystemDisable
- {
-    pointer-events : none;
-    opacity : 0.5;
-}
-	
-#exportlogo
- {
- 
-    bottom: 50PX;
-    position: fixed;
-    right: 50px;
-}
-
-
-
-.HightLightThumbnail
- 	{	
-     background: #8C8C8C!important;
-    border: 1px solid #a2a2a2;
- 	}
-
-.activeAASystemSelect{
- 	background-color:#0095DA;
-   color:#ffffff;   
-}
- 	
-.activeAASystemSelect a
-{
-color:#ffffff !important;   	
-}
-
-.disabledSelectedSystem a, .disabledSelectedSystem > a:hover, .dropdown-menu > .disabledSelectedSystem > a:focus
- {
-    
-    text-decoration: none;
-    background-color: transparent !important;
-    background-image: none;
-    cursor: not-allowed;
-    color: #878787 !important;
-    pointer-events:none;
-}
-
-.pl-12{padding-left:12px;}
-
-
-/*sprit images*/
-.sprit-icon button{background-image:url("/../../../content/images/aa/LeftMenu/icon-sprit.png"); background-repeat:no-repeat; width:38px; height:32px;}
-.sprit-icon button:active{background-image:url("/../../../content/images/aa/LeftMenu/icon-sprit.png");  background-repeat:no-repeat; width:38px; height:32px;}
-#hidePinBtn{background-position:10px 5px;}
-#selectedPin{background-position:15px -24px;}
-#allPinBtn{background-position:12px -105px;}
-#dropdownMenu221{background-position:10px -49px;}
-#comment-box{background-position:28px -73px; width:80px;}
-
-
-.jsPanel-btn-norm
- {
-    background-image: none !important;
-}
-.modal-small
- {
- 	
-  width : 400px !important;
- 	
- }
-
-li[disabled], a[disabled] {
-    pointer-events: none;
-}
-a[disabled] {
-    color: #aaa !important; 
-}
-
-		
-.aaSystemDisable
- {
-    pointer-events : none;
-    opacity : 0.5;
-}
-.GridViewDataDivHeight .thumbnail img
-       {
-            height:150px;
-      }
-	  
-.loginBox input::-ms-clear{display:none;} 
-
-
-/*06-12-2017*/
-.customTable .table-responsive{padding-left:0; padding-right:0;width: 99%; margin-left: 11px;}
-.customTable .table-fixed .table {
-	max-width:980px;
-	table-layout:fixed;
-	margin:auto;
-}
-.customTable .table-fixed th, .table-fixed td {
-	padding:5px 10px;
-}
-.customTable .table-fixed thead {
-	background:#f9f9f9;
-	display:table;
-	width:100%;
-	width:calc(100% - 0);
-}
-.customTable .table-fixed tbody {
-	height:300px;
-	overflow:auto;
-	overflow-x:hidden;
-	display:block;
-	width:100%;
-}
-.customTable .table-fixed tbody tr {
-	display:table;
-	width:100%;
-	table-layout:fixed;
-}
-
-
-
-.navbar-right .logOut a
- {
-    padding-top : 23px;
-    padding-bottom : 11px;
-    line-height : 14px;
+/***
+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: 10px;
+}
+.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;
+   pointer-events: none;
+}
+
+.vert_slider > .ui-slider-handle {
+pointer-events: auto;
+/* Other settings here */
+}
+
+#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%;
+}
+.pageHeading h4 {
+	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;
+	z-index: 1029; we made this chnage because After zommin in DA the body system drop down hides under transparency code refer bug 20490 on redmine*/
+}
+.tools {
+	left: 0px;
+	transition: left .3s ease;
+}
+
+.dropdown-menu {
+    z-index:999999;
+}
+
+.tools.active {
+	left: -100px;
+}
+
+ .navbar-fixed-bottom {
+	z-index: 1035;
+}
+.navbar-fixed-top {
+	z-index: 100000;
+}
+.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: 100px;
+}
+.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: 9;
+	-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;
+}*/
+.navbar-inverse .navbar-nav > .navbarDropdownItem > a:hover, .navbar-nav > .navbarDropdownItem > a.active {
+	color: #2db0f5;
+}
+.navbar-inverse .navbar-nav > .navbarItem > a:hover, .navbar-inverse .navbar-nav > .navbarItem > a:focus, .navbar-nav > .navbarItem > 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;}
+.modal-footer-forgot-password {padding:5px 15px;}
+.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;}
+
+ @-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;
+}
+.pageHeading h4 {
+	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;
+}
+/* .toggleBar { margin:20px 10px 0 0}*/
+}
+
+@media (min-width: 768px) {
+.toperMenu-spaceleft {
+	margin-left: 20px;
+}
+}
+
+@media (max-width: 350px) {
+.pageHeading h4 {
+	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: 15000;
+        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 th {
+    min-width: 180px;
+    text-align: left;
+}*/
+
+
+
+
+
+/*.clstbody tr td {
+    min-width: 180px;
+    text-align: left;
+}*/
+
+
+
+
+
+
+
+.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;   
+    
+}
+.disableSubMenu {
+    pointer-events: none;
+    opacity: 0.6;
+}
+.disableFileMenu {
+    pointer-events: none;
+    opacity: 0.6;
+}
+
+.blankshapediv
+{
+background-image: url("../../../../../content/images/blank-shapes.png");
+background-size:cover;
+}
+.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%;
+ }
+/*Bug #8679*/
+    .selected {
+        background-color: lightgrey;
+    }
+
+    .disableHideShowStructure
+     {
+       background:#4b4b4b !important;
+       border-color:#3f3f3f !important;
+     }
+.btn-annotation-erase:hover
+     {
+          color: #fff;
+    }
+    .btn-annotation-brush:hover
+     {
+         color: #fff;
+   }
+    .fa-eraser,.fa-paint-brush
+     {
+         color: #fff;
+    }
+    #messageModal
+    {
+       z-index: 214748;
+    }
+     #messageModal .modal-dialog
+       {
+        width:300px
+    }
+    #messageModal .modal-content
+     {
+        
+        box-shadow: 0 0 40px rgba(0,0,0,.5);
+        border: rgba(0,0,0,0);
+    }
+     #messageModal .modal-body
+    {
+         text-align: justify;
+         text-align-last: center;
+    }
+    #messageModal .modal-header 
+    {
+        padding: 6px;
+         border-bottom: none;
+    }
+      #messageModal .modal-footer
+       {
+          border-top: none;
+           padding: 20px 10px; 
+           text-align:center;
+      }
+      #jsPanel-1
+        {
+          z-index:11111;
+      }
+
+   .tinyImg {
+    display: block;
+    max-width: 230px;
+    /*max-height: 95px;*/
+    width: auto;
+    height: 95px !important;
+}
+
+  #bodySystemList
+   {
+      z-index:100000;
+  }
+ /*.GridViewDataDivHeight
+       {
+            height:175px;
+      }*/
+	
+#exportlogo
+ {
+ 
+    bottom: 50PX;
+    position: fixed;
+    right: 50px;
+}
+
+
+
+.HightLightThumbnail
+ 	{	
+     background: #8C8C8C!important;
+    border: 1px solid #a2a2a2;
+ 	}
+
+.activeAASystemSelect{
+ 	background-color:#0095DA;
+   color:#ffffff;   
+}
+ 	
+.activeAASystemSelect a
+{
+color:#ffffff !important;   	
+}
+
+.disabledSelectedSystem a, .disabledSelectedSystem > a:hover, .dropdown-menu > .disabledSelectedSystem > a:focus
+ {
+    
+    text-decoration: none;
+    background-color: transparent !important;
+    background-image: none;
+    cursor: not-allowed;
+    color: #878787 !important;
+    pointer-events:none;
+}
+
+.pl-12{padding-left:12px;}
+
+
+/*sprit images*/
+.sprit-icon button{background-image:url("/../../../content/images/aa/LeftMenu/icon-sprit.png"); background-repeat:no-repeat; width:38px; height:32px;}
+.sprit-icon button:active{background-image:url("/../../../content/images/aa/LeftMenu/icon-sprit.png");  background-repeat:no-repeat; width:38px; height:32px;}
+#hidePinBtn{background-position:10px 5px;}
+#selectedPin{background-position:15px -24px;}
+#allPinBtn{background-position:12px -105px;}
+#dropdownMenu221{background-position:10px -49px;}
+#comment-box{background-position:28px -73px; width:80px;}
+
+
+.jsPanel-btn-norm
+ {
+    background-image: none !important;
+}
+.modal-small
+ {
+ 	
+  width : 400px !important;
+ 	
+ }
+
+li[disabled], a[disabled] {
+    pointer-events: none;
+}
+a[disabled] {
+    color: #aaa !important; 
+}
+
+		
+.aaSystemDisable
+ {
+    pointer-events : none;
+    opacity : 0.5;
+}
+	
+#exportlogo
+ {
+ 
+    bottom: 50PX;
+    position: fixed;
+    right: 50px;
+}
+
+
+
+.HightLightThumbnail
+ 	{	
+     background: #8C8C8C!important;
+    border: 1px solid #a2a2a2;
+ 	}
+
+.activeAASystemSelect{
+ 	background-color:#0095DA;
+   color:#ffffff;   
+}
+ 	
+.activeAASystemSelect a
+{
+color:#ffffff !important;   	
+}
+
+.disabledSelectedSystem a, .disabledSelectedSystem > a:hover, .dropdown-menu > .disabledSelectedSystem > a:focus
+ {
+    
+    text-decoration: none;
+    background-color: transparent !important;
+    background-image: none;
+    cursor: not-allowed;
+    color: #878787 !important;
+    pointer-events:none;
+}
+
+.pl-12{padding-left:12px;}
+
+
+/*sprit images*/
+.sprit-icon button{background-image:url("/../../../content/images/aa/LeftMenu/icon-sprit.png"); background-repeat:no-repeat; width:38px; height:32px;}
+.sprit-icon button:active{background-image:url("/../../../content/images/aa/LeftMenu/icon-sprit.png");  background-repeat:no-repeat; width:38px; height:32px;}
+#hidePinBtn{background-position:10px 5px;}
+#selectedPin{background-position:15px -24px;}
+#allPinBtn{background-position:12px -105px;}
+#dropdownMenu221{background-position:10px -49px;}
+#comment-box{background-position:28px -73px; width:80px;}
+
+
+.jsPanel-btn-norm
+ {
+    background-image: none !important;
+}
+.modal-small
+ {
+ 	
+  width : 400px !important;
+ 	
+ }
+
+li[disabled], a[disabled] {
+    pointer-events: none;
+}
+a[disabled] {
+    color: #aaa !important; 
+}
+
+		
+.aaSystemDisable
+ {
+    pointer-events : none;
+    opacity : 0.5;
+}
+.GridViewDataDivHeight .thumbnail img
+       {
+            height:150px;
+      }
+	  
+.loginBox input::-ms-clear{display:none;} 
+
+
+/*06-12-2017*/
+.customTable .table-responsive{padding-left:0; padding-right:0;width: 99%; margin-left: 11px;}
+.customTable .table-fixed .table {
+	max-width:980px;
+	table-layout:fixed;
+	margin:auto;
+}
+.customTable .table-fixed th, .table-fixed td {
+	padding:5px 10px;
+}
+.customTable .table-fixed thead {
+	background:#f9f9f9;
+	display:table;
+	width:100%;
+	width:calc(100% - 0);
+}
+.customTable .table-fixed tbody {
+	height:300px;
+	overflow:auto;
+	overflow-x:hidden;
+	display:block;
+	width:100%;
+}
+.customTable .table-fixed tbody tr {
+	display:table;
+	width:100%;
+	table-layout:fixed;
+}
+
+
+
+.navbar-right .logOut a
+ {
+    padding-top : 23px;
+    padding-bottom : 11px;
+    line-height : 14px;
+}
+
+
+.LabEx-Panel-state-minimized
+		{
+		background: #818d43 none repeat scroll 0 0;
+        padding: 12px 0px 0px 28px;
+        z-index: 1030;
+        position: fixed;
+        width: 190px;
+        bottom:0;
+        display:none;
+	}
+
+#LabExMinimizedId .fa
+ {
+    font-size: 15px;
 }
 \ No newline at end of file