/* body{
    -moz-filter: grayscale(100%);
    /* IE 
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    filter: gray;
    /* Chrome, Safari 
    -webkit-filter: grayscale(1);
    /* Firefox 
    filter: grayscale(1);
	
}
*/
body {background-color: #CCCCCC} 

a:link { color: #18767C; font-size: 11pt; text-decoration: none}
a:visited { color: #18767C; font-size: 11pt; text-decoration: none}
a:active {  color: #CCCCCC; font-size: 11pt; text-decoration: none}
a:hover { background: #18767C; color: #FFFFFF; font-size: 11pt; text-decoration: none }
table {  font-family: "Tahoma", "MS Sans Serif", "Microsoft Sans Serif"; color: #000033; font-size: 10pt}
table, th,td {

    border-radius: 5px;
}

.tableborder {
	BORDER-RIGHT: #072a66 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #072a66 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #072a66 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #072a66 1px solid; BACKGROUND-COLOR: #fff
}
input {  font-family: "MS Sans Serif", "Microsoft Sans Serif"; font-size: 10pt;  border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px ;}

input[type=submit] {
  /*  padding:5px 15px; 
   background:#80FF9F; 
	
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 10px;
    border-radius: 10px;  */
	background-color: #04AA6D; /* Green */
	border: none;
	color: white;
	padding: 16px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	transition-duration: 0.4s;
	cursor: pointer;
	border-radius: 10px;


	background-color: white; 
	color: black; 
	border: 2px solid #04AA6D;

}



input[type=submit][disabled=disabled],
button[disabled=disabled]
 {
    opacity: 0.6;
  cursor: not-allowed;
  border: 2px solid #d7ddda;
}


input[type=reset] {
	/*  padding:5px 15px; 
	 background:#80FF9F; 
	  
	  border:0 none;
	  cursor:pointer;
	  -webkit-border-radius: 10px;
	  border-radius: 10px;  */
	  background-color: red; /* Green */
	  border: none;
	  color: white;
	  padding: 16px 32px;
	  text-align: center;
	  text-decoration: none;
	  display: inline-block;
	  font-size: 16px;
	  margin: 4px 2px;
	  transition-duration: 0.4s;
	  cursor: pointer;
	  border-radius: 10px;
  
  
	  background-color: white; 
	  color: black; 
	  border: 2px solid red;
  
  }

  input[type=reset][disabled=disabled],
button[disabled=reset]
 {
    opacity: 0.6;
  cursor: not-allowed;
  border: 2px solid #d7ddda;
}


input[type=text] {
	font-size: 16px;
	
	padding: 2px 4px;
	margin: 8px 0;
	box-sizing: border-box;
  
  }

  input[type=text][disabled=disabled],
button[disabled=text]
 {
    opacity: 0.6;
  cursor: not-allowed;
  border: 2px solid #d7ddda;
}

input[type=button] {
	/*
    padding:5px 15px; 
    background:#80FF9F; 

    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 10px;
    border-radius: 10px; */
	background-color: #04AA6D; /* Green */
	border: none;
	color: white;
	padding: 16px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	transition-duration: 0.4s;
	cursor: pointer;
	border-radius: 10px;

	background-color: white; 
	color: blue; 
	border: 2px solid #008CBA;
}

input[type=button][disabled=disabled],
button[disabled=disabled]
 {
    opacity: 0.6;
  cursor: not-allowed;
  border: 2px solid #d7ddda;
}
input[type=button]:hover {
	background-color: #04AA6D;
	color: white;
	}


	input[type=submit]:hover {
		/*
    color: red;
	font-weight:bold;*/


		background-color: #04AA6D;
		color: white;
	  

	}
textarea {  font-family: "MS Sans Serif", "Microsoft Sans Serif"; font-size: 10pt; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}


.style2{	font-size: 12px ;
			color: #FF0000;
			 font-weight: bold;
			 }
			 
.style3{	font-size: 12px ;
			color: #000000;
			 font-weight: bold;
			 }
			
 .style4{	font-size: 10px ;
			color:  #33CCCC;
			 
			 }
.style5{	font-size: 15px ;
			color:  #0000FF;
			font-weight: bold;
			 
			 }
 .datable tr:hover{
background-color:#CCCCCC;
color:#0000FF;}

.tabletr{
	background-color: #999999;
	border-top-color: #FF0000;
	border-right-color: #FF0000;
	border-bottom-color: #FF0000;
	border-left-color: #FF0000;
}
.Indisp{
	font-size: 15px ;
			color:  #FF0000;
			font-weight: bold;
}
.styleH {
color: green;
font-weight: bold;
font-size: 15px;}
.styleS {
color: #18767C;
font-weight: bold;
font-size: 13px;}
.styleSS {
color: #000000;
font-size: 12px;}
.styleHH {
	color :green;
	font-weight: bold;
	font-size: 18px;
}
.styleEdit {
	color: green;
	font-weight: bold;
	font-size: 18px;
}
.styleA {
color: #0000FF;
font-weight: bold;
font-size: 18px;}
.styleR {
color: #FF0000;
font-weight: bold;
font-size: 18px;}
.styletxt {
color: #FF0000;
font-weight: bold;
font-size: 14px;}


    tr:nth-child(even) { background-color:#FFFFFF; }
    tr:nth-child(odd) { background-color:#FFFFFF; }
    tr:first-child {background-color:#FFFFFF;}



.button {
  background-color: #04AA6D; /* Green */
  border: none;
  color: white;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
}

.buttonOK {
  background-color: white; 
  color: black; 
  border: 2px solid #04AA6D;
}

.buttonOK:hover {
  background-color: #04AA6D;
  color: white;
}

.button2 {
  background-color: white; 
  color: black; 
  border: 2px solid #008CBA;
}

.button2:hover {
  background-color: #008CBA;
  color: white;
}

.button3 {
  background-color: white; 
  color: black; 
  border: 2px solid #f44336;
}

.button3:hover {
  background-color: #f44336;
  color: white;
}

.button4 {
  background-color: white;
  color: black;
  border: 2px solid #e7e7e7;
}

.button4:hover {background-color: #e7e7e7;}

.button5 {
  background-color: white;
  color: black;
  border: 2px solid #555555;
}

.button5:hover {
  background-color: #555555;
  color: white;
}
