Updated css for Report Request[D15FSUN005]

git-svn-id: http://15.206.35.175/svn/proteus/business-java/trunk@98834 ce508802-f39f-4f6c-b175-0d175dae99d5

webitm-dis/module-resource/css/report_req.css

+body
+{
+	background-color:#f7f8fa;
+    font-family:'MuseoLight', sans-serif;
+	/*margin:0;
+	padding:0;*/
+	font-weight:normal;
+	overflow-x: hidden;
+	overflow-x: hidden;
+	}
+	
+@font-face { /* declare fonts */
+	font-family: "MuseoLight";
+	src: url("../css/fonts/Museo300-Regular.eot");
+	src: local("Museo 300"), local("Museo-300"),
+		url("../css/fonts/Museo300-Regular.woff") format("woff"),
+		url("../css/fonts/Museo300-Regular.otf") format("opentype"),
+		url("../css/fonts/Museo300-Regular.svg#Museo-300") format("svg");
+		}	
+
+.mainDiv
+{
+	width:100%;
+	height:100%;
+	text-align:center;
+	/*font-family: Arial;*/
+	font-size : 10px;
+	color:black;
+	left:0px;
+	top:0px;
+	position:fixed;
+	overflow:auto;
+	background:#f8f7fa;
+}
+.tranDiv
+{
+	width:100%;
+	height:100%;
+	left:0px;
+	top:0px;
+	overflow:auto;
+}
+.headerTable
+{
+	width:100%;
+	font-size :12px;
+	color:black;
+	/*font-family: Arial;*/        
+    overflow:auto;
+	background:#FFF;
+	/*border-bottom:1px solid #ccc;
+	border-top:1px solid #ccc;*/
+	padding: 5px 0;
+}
+.headerTableComp
+{
+	width:100%;
+	font-size :12px;
+	color:black;
+	/*font-family: Arial;*/        
+    overflow:auto;
+	background:#FFF;
+	
+	border-top:yellow;
+	padding: 5px 0;
+}
+
+.headerTable td
+{
+	width:auto;
+	text-align:left;
+	padding:3px 0;
+	padding-top: 8px;}
+
+.innerHeaderTable
+{
+	width:100%;
+	text-align:center;
+	font-size :12px;
+	color:black;
+	/*font-family: Arial;   */
+	padding-right: 14px; 
+}
+
+.innerHeaderTable1
+{
+	width:100%;
+	text-align:left;
+	font-size :12px;
+	color:black;
+	/*font-family: Arial;   */
+	padding-right: 14px; 
+}
+
+
+.headerLable
+{       
+    top :50px;      
+	left:5px;
+    width:100%;
+	background-color:#E0EFEF;
+	border-width:1px;
+	/*font-family: Arial;	*/
+	text-align:center;	
+	font-size : 12px;
+}
+
+.headerLable1
+{       
+   top :50px; 
+	left:5px;
+    width:100%;
+	/*background-color:#E0EFEF;*/
+	border-width:1px;
+	/*font-family: Arial;	*/
+	text-align:left;	
+	font-size : 12px;
+}
+
+.heading
+{       
+    font-size : 16px;
+	padding:0px;
+	font-weight:normal;
+	color:#000;
+}
+.heading91
+{       
+    font-size : 16px;
+	padding:10px;
+	font-weight:normal;
+	color:#000;
+	border-top: 2px solid blue;
+}
+
+.detailsLable4
+{       
+   /* top :50px;      
+	left:5px;*/
+    width:100%;
+	overflow:auto;
+	border-width:1px;
+	/*font-family: Arial;	
+	text-align:center*/	
+	font-size : 12px;
+	background:#FFF;
+	border-top:1px solid #ccc;
+	border-left:1px solid #ccc;
+}
+
+.detailsLable4 td
+{       
+    padding:5px;
+	font-size:14px;
+	border-bottom:1px solid #ccc;
+	border-right:1px solid #ccc;
+}
+
+.headerTextCol
+{     
+    left:8px;
+    width:100px;
+    font-size : 12px;
+	text-align:left;        
+}
+.headerTextCol1
+{     
+    left:10px;
+    width:100px;
+    font-size : 12px;
+	text-align:left;
+}
+.headerTextCol2
+{     
+    left:8px;
+    width:30px;
+    font-size : 12px;
+	text-align:left;
+}
+
+.headerTextCol3
+{     
+    left:8px;
+    width:100px;
+    font-size : 12px;
+	text-align:left;        
+}
+.headerTextCol4
+{     
+    left:8px;
+    width:20px;
+    font-size : 12px;
+	text-align:left;        
+}
+
+.headerTextCol6
+{     
+    left:8px;
+    width:18%;
+    font-size : 12px;
+	text-align:left;        
+}
+.headerTextCol7
+{     
+    left:8px;
+    /*width:20%;*/
+    font-size : 12px;
+	text-align:left;        
+}
+
+.headerTextCol8
+{     
+    left:8px;
+    width:25%;
+    font-size : 12px;
+	text-align:left;        
+}
+.headerTextCol9
+{     
+    left:8px;
+    width:20%;
+    font-size : 12px;
+	text-align:left;        
+}
+.headerTextCol10
+{     
+    left:8px;
+    /*width:25%;*/
+    font-size : 12px;
+	text-align:left;        
+}
+.headerTextCol11
+{     
+    left:8px;
+    /*width:30%;*/
+    font-size : 12px;
+	text-align:left;        
+}
+.headerTextColForFSHS
+{     
+    left:8px;
+    font-size : 15px;
+	text-align:left;       
+}
+
+.headerFieldCol
+{	 
+	text-align:left;	
+}
+
+.headerInputField {
+  position: relative;
+  font-family:'MuseoLight', sans-serif;
+  border-right:0;
+  border-top:0;
+  border-left:0;
+  border-bottom:#ccc solid 1px;
+  margin-left: 10px;
+  line-height:15px;
+  width:200px;
+}
+
+.headerInputField:focus {
+  outline: 0;
+  font-family:'MuseoLight', sans-serif;
+}
+
+.headerInputField:focus > select {
+  height: 33px;
+  margin-bottom: -1px;
+  border-color: #2196F3;
+  border-width: 2px;
+  font-family:'MuseoLight', sans-serif;
+}
+
+.headerInputField > select {
+  -webkit-animation-duration: 0.0001s;
+  animation-duration: 0.0001s;
+  -webkit-animation-name: mui-node-inserted;
+  animation-name: mui-node-inserted;
+  display: block;
+  height: 32px;
+  width: 100%;
+  appearance: none;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  outline: none;
+  border: none;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.26);
+  border-radius: 0px;
+  box-shadow: none;
+  background-color: transparent;
+  background-image: url("arrow.png");
+  background-repeat: no-repeat;
+  background-position: right center;
+  cursor: pointer;
+  color: rgba(0, 0, 0, 0.87);
+  font-size: 16px;
+  padding: 0 25px 0 0;
+  font-family:'MuseoLight', sans-serif;
+}
+
+.headerInputField > select::-ms-expand {
+  display: none;
+  font-family:'MuseoLight', sans-serif;
+}
+
+.headerInputField > select:focus {
+  outline: 0;
+  height: 33px;
+  margin-bottom: -1px;
+  border-color: #2196F3;
+  border-width: 2px;
+  font-family:'MuseoLight', sans-serif;
+}
+
+.headerInputField > select:disabled {
+  color: rgba(0, 0, 0, 0.26);
+  cursor: not-allowed;
+  background-color: transparent;
+  opacity: 1;
+  font-family:'MuseoLight', sans-serif;
+}
+
+
+.detailTextCol
+{
+    left:8px;
+    width:50px;
+    font-size :12px;
+	text-align:left;	
+}
+.detailTextColData
+{
+    background-color:#E0EFEF; 
+    left:8px;
+    width:70px;
+    font-size : 11px;
+	text-align:left;
+}
+
+.detailFieldCol
+{
+    left:8px;   
+	width:50px;
+	text-align:left;
+}
+
+.headerField,.detailField
+{
+	width : 100%;
+	height:14px;
+	font-size:9px;
+}
+.selectedDetailRow
+{
+	width : 100%;
+	height:14px;
+	font-size:9px;
+	background-color:#E0FFFF;
+	border-style:groove;
+}
+.popupField
+{
+	width : 100px;
+	height:14px;
+	font-size:9px;
+}
+.popupFieldDisable
+{
+	color : blue; 
+	background-color:silver;
+	border-style:hidden;
+	width : 250px;
+	height:13px;
+	font-size:9px;
+}
+.headerFieldDisable
+{
+	color: #ccc;
+    border-bottom: 1px solid #ccc;
+	border-top:0;
+	border-right:0;
+	border-left:0;
+	cursor: default;
+	font-family:'MuseoLight', sans-serif;
+}
+
+.detailFieldDisable
+{
+	color:#7bc6ff; 
+	border-style:hidden;
+	width:100%;
+	height:13px;
+	font-size:14px;
+}
+.detailCol
+{
+  border-width:1px;
+  border-style:groove;
+}
+
+.detailDiv
+{
+	max-height:300px;
+	width:100%;
+	overflow-x:auto;
+}	
+.detailTable
+{
+	overflow:auto;
+	/*font-family:Arial;*/
+	font-size :10px;
+	color:black;
+	width:100%;
+} 
+.detailTable1
+{
+    border-top:1px;
+	overflow-x:auto;
+	padding-right:5px;
+	/*font-family: Arial;*/
+	font-size : 10px;
+	color:black;
+}
+.detailTable2
+{
+	overflow:auto;
+	/*font-family:Arial;*/
+	font-size :10px;
+	color:black;
+	width:90%;
+}
+.buttondata
+{
+	text-align:left;
+	padding:10px;
+	/*position: absolute;*/
+	top: 40;
+	left: 670;
+}
+.buttondata1 {
+	text-align: left;
+	padding: 10px;
+	/*position: absolute;*/
+	top: 40;
+	left: 603;
+}
+.headerWhiteSpaceCol
+{
+  width:90px;
+}
+.otherHelpDiv
+{
+	position : absolute;
+	width : 180px;
+	right : 20px;
+	top : 50px;
+	height : 70px;
+	border:2px groove black;
+	border-radius:5px;
+	padding:5px;
+	text-align:left;
+	/*font-family: Arial;*/
+	font-size : 10px;
+}
+
+.fieldSuggestionDiv
+{
+	position:absolute;
+	right:30px;	
+	bottom:0px;
+	visibility:hidden;
+	border:2px groove black;
+	border-radius:8px;
+	overflow:auto;
+	width:550px;
+	height:380px;
+	/*
+	width:100%;
+	height:100%;
+	* */
+}
+.fieldSuggFrame
+{	
+	position:absolute;
+	top:0px;
+	left:0px;
+	width:100%;
+	height:100%;
+	background-color:#E0EFEF;
+	border-width:0px;
+	/*font-family: Arial;*/
+	font-size : 10px;
+	overflow:auto;
+}
+.tableRowHeader
+{
+	text-align:center;
+}
+.popupFooter
+{
+	position:fixed;
+	bottom:0;
+	left:0;
+	padding:5px;
+	width: 100%;
+	height:10px;
+	/*font-family: Arial;*/
+	background-color:#E0EFEF;
+	font-size : 9px;
+}
+
+.selectRow
+{
+  background-color:#E0FFFF;
+}
+.deSelectRow
+{
+  background-color:white;
+}
+.selectRowField
+{/*
+  background-color:#BDFFFF;*/
+  width : 100%;
+  height:15px;
+  font-size:9px;
+}
+.selectRowFieldDisable
+{
+  height:16px;
+  width : 250px;
+  font-size:9px;
+  color : blue; /*
+  background-color:#BDFFFF;*/
+  border-style:hidden;
+}
+.selectDetailFieldDisable
+{
+  height:14px;
+  width : 100%;
+  font-size:9px;
+  color : blue; 
+  background-color:#BDFFFF;
+  border-style:hidden;
+}
+#popupTable
+{
+	/*font-family: Arial;*/
+	font-size : 10px;	
+}
+#popupTable1
+{
+	font-family: Arial;
+	font-size : 10px;
+}
+
+.popupTable
+{
+	left:0px;
+	top:0px;
+	width:800%;
+	height:350px;	
+	overflow:auto;	
+}
+.seperator
+{
+  color:blue;
+}
+.deleteRowTable
+{
+  visibility:hidden;
+}
+
+.detail3Table
+{
+    border-top:1px;
+	overflow-x:auto;
+	padding-right:5px;
+	/*font-family: Arial;*/
+	font-size : 10px;
+	color:black;
+}
+#loading {
+  width: 100%;
+  height: 100%;
+  top: 0px;
+  left: 0px;
+  position: fixed;
+  display: block;
+  opacity: 0.7;
+  background-color: #fff;
+  z-index: 99;
+  text-align: center;
+}
+
+#loading-image {
+  position: absolute;
+  top: 40%;
+  left: 45%;
+  z-index: 100;
+  width:50px;
+}
+
+.transactionBody
+{
+  overflow:scroll;
+}
+.innerTable
+{
+	font-size :12px;
+	color:black;
+	/*font-family: Arial;	*/
+}
+.detailTextCol1
+{
+	font-size :12px;
+	text-align:left;
+}
+
+.transition,
+form button,
+form .question1 label,
+form .question1 input[type="text"] {
+ -moz-transition: all 0.25s cubic-bezier(0.53, 0.01, 0.35, 1.5);
+ -o-transition: all 0.25s cubic-bezier(0.53, 0.01, 0.35, 1.5);
+ -webkit-transition: all 0.25s cubic-bezier(0.53, 0.01, 0.35, 1.5);
+ transition: all 0.25s cubic-bezier(0.53, 0.01, 0.35, 1.5);
+}
+
+form .question1 {
+ position: relative;
+ margin:0auto;
+}
+
+form .question1:first-of-type {
+ padding-top: 0;
+}
+
+form .question1:last-of-type {
+ padding-bottom: 0;
+}
+
+form .question1 label {
+ transform-origin: left center;
+ color: #555;
+ padding: 5px 10px;
+ display: block;
+ position: absolute;
+ margin-top: -30px;
+ z-index: 2;
+ pointer-events: none;
+ font-size:14px;
+}
+
+form .question1 input[type="text"] {
+ appearance: none;
+ border-bottom: 1px solid #ccc;
+ border-top:none;
+ border-left:none;
+ border-right:none;
+ line-height: 0;
+ font-size: 12px;
+ width: 250px;
+ display: block;
+ box-sizing: border-box;
+ padding: 15px 0 5px 0;
+ color: #999;
+ position: relative;
+ z-index: 1;
+ background-color:transparent;
+ margin-left:10px;
+ font-family:'MuseoLight', sans-serif;
+ font-size:14px;
+}
+
+form .question1 input[type="text"]:focus {
+ outline: none;
+ color: #555;
+ margin-top: 0px;
+}
+form .question1 input[type="text"]:valid {
+ margin-top: 0px;
+}
+
+form .question1 input[type="text"]:focus ~ label {
+ -moz-transform: translate(0, -15px);
+ -ms-transform: translate(0, -15px);
+ -webkit-transform: translate(0, -15px);
+ transform: translate(0, -15px);
+}
+form .question1 input[type="text"]:valid ~ label {
+
+ -moz-transform: translate(0px, -15px) scale(0.9);
+ -ms-transform: translate(0px, -15px) scale(0.9);
+ -webkit-transform: translate(0px, -15px) scale(0.9);
+ transform: translate(0px, -15px) scale(0.9);
+}	
+
+/*button*/
+
+.button {
+ border: 1px solid #E7E7E7;
+ border-radius: 2px;
+ -moz-border-radius: 2px;
+ -webkit-border-radius: 2px;
+ -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
+ -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
+ color: #333;
+ height: 22px;
+ font-family: 'MuseoLight-300', sans-serif;
+ font-size: 12px;
+ background-color: #e7e7e7;
+ cursor: pointer;
+}
+
+.button:hover
+ {
+ border: 1px solid #E7E7E7 !important;
+ background-color: #e7e7e7 !important;
+ color: #000 !important;
+ -moz-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.5) !important;
+ -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.5) !important;
+ box-shadow: 0 2px 1px rgba(0, 0, 0, 0.5) !important;
+ text-shadow: none;
+}
+
+.button:active
+ {
+ text-shadow: none;
+ background-color: #d6d6d6 !important;
+ color: #000 !important;
+ -moz-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.5) !important;
+ -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.5) !important;
+ box-shadow: 0 2px 1px rgba(0, 0, 0, 0.5) !important;
+ border: 1px solid #E7E7E7 !important;
+}
+
+.button:disabled
+ {
+text-shadow: none;
+background-color: #f3f1f1 !important;
+color: #999; !important;
+}
+
+.readonlyField
+{
+margin-top:-45px;
+transform:none;
+/* readonly="readonly"; */
+
+}
+
+.group 			  { 
+  position:relative; 
+  margin-bottom:45px; 
+}
+
+.wfstatuscss
+{
+margin-top:-35px;
+transform:none;
+}
+.complete {
+    
+	border-bottom: #D3D3D3 1PX SOLID;
+   	border-top: #77c9ff 2PX SOLID;
+	margin-left: 10PX;
+   	background: WHITE;
+   	border-left: #D3D3D3 1PX SOLID;
+   	border-right: #D3D3D3 1PX SOLID;
+}
\ No newline at end of file