body {

//    background-color: #00FFFF;
}

h1 {
    color: navy;
    margin-left: 20px;
}

.button {
	    background-color: #008CBA;
	    border: none;
	    color: white;
	    padding: 12px 12px;
	    text-align: center;
	    text-decoration: none;
	    display: inline-block;
	    font-size: 16px;
	    margin: 4px 2px;
	    cursor: pointer;
		border-radius: 8px;
	}	
/*
input[type=text] {
	    width: 200px;
	    box-sizing: border-box;
	    border: 2px solid #ccc;
	    border-radius: 4px;
	    font-size: 16px;
	    background-color: white;
	    background-image: url('searchicon.png');
	    background-position: 10px 10px; 
	    background-repeat: no-repeat;
	    padding: 12px 20px 12px 40px;
	    -webkit-transition: width 0.4s ease-in-out;
	    transition: width 0.4s ease-in-out;
		text-transform:uppercase;
	}

	input[type=text]:focus {
	    width: 20%;
	
	}
	*/
	
	input[type=text10] {
	    width: 500px;
		box-sizing: border-box;
	    border: 2px solid #ccc;
	    border-radius: 4px;
	    font-size: 16px;
	    background-color: white;
	    background-position: 10px 10px; 
	    background-repeat: no-repeat;
	    padding: 12px 20px 12px 40px;
	    -webkit-transition: width 0.4s ease-in-out;
	    transition: width 0.4s ease-in-out;
		text-transform:uppercase;
	}

		input[type=text9] {
	    width: 300px;
	    box-sizing: border-box;
	    border: 2px solid #ccc;
	    border-radius: 4px;
	    font-size: 16px;
	    background-color: white;
	    background-position: 10px 10px; 
	    background-repeat: no-repeat;
	    padding: 12px 20px 12px 40px;
	    -webkit-transition: width 0.4s ease-in-out;
	    transition: width 0.4s ease-in-out;
		
	}
	

input[type=text2] {
	    text-transform:uppercase;
		width: 300px;
	    background-color: white;		
}

input[type=text4] {
	    text-transform:uppercase;
		type: number;
		width: 50px;
	    background-color: yellow;		
		text-align: right;
}




a.main:link, a.main:visited {
	//background-color: #f44336;			
	//background-color: #6fa1f2;
	background-color: white;
	color: #f44336;
	width: 200px;
    padding: 12px 20px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border-radius: 8px;	
	font-size: 15px;
	font-weight: bold;
	transition-duration: 0.1s;
	overflow:	hidden;
	white-space: nowrap;
	border:2px solid #f44336;
}

a.main:hover, a.main:active {
	background-color: #f44336;
	color: white;
	border:2px solid #f44336;
}

	
a.one:link, a.one:visited{
		    background-color: blue;			
		    background-color: #1D6893;
		    color: red;
		    //padding: 14px 25px;
			width: 100px;			
		    text-align: center;
		    text-decoration: none;
		    display: inline-block;
			border-radius: 8px;			
	
	}
a.one:hover {
	background-color: white;
	color: #f44336;
	border:2px solid #f44336;
}
a.one:active{
	background-color: #ff8000;
}
a.two:link, a.two:visited {
		    background-color:  #ff8000;			
		//    background-color: #1D6893;
		    color: white;
			width: 100px;						
		    padding: 14px 25px;
		    text-align: center;
		    text-decoration: none;
		    display: inline-block;
			border-radius: 8px;			
		}

a.two:hover, a.two:active{
	background-color: red;
	//background-color: #09b;
}

a.menu:link, a.menu:visited{
		    background-color: white;			
		    padding: 14px 25px;
			width: 100px;			
		    text-align: center;
		    text-decoration: none;
		    display: inline-block;
			border-radius: 8px;			
			color: white;
	}
a.menu:hover, a.two:active {
	background-color: white;
	color: red;
	border:2px solid #f44336;
}

.custom {
    width: 85px !important;

}	


.input:focus {
    outline: none !important;
    border:1px solid red;
    box-shadow: 0 0 10px #719ECE;
}


table.blueTable {
  border: 1px solid #1C6EA4;
  background-color: #EEEEEE;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}
table.blueTable td, table.blueTable th {
  border: 1px solid #AAAAAA;
  padding: 8px 2px;
}
table.blueTable tbody td {
  font-size: 14px;
  font-weight: bold;
}
table.blueTable tr:nth-child(even) {
  background: #D0E4F5;
}
table.blueTable thead {
  background: #1C6EA4;
  background: -moz-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  background: -webkit-linear-gradient(top, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  background: linear-gradient(to bottom, #5592bb 0%, #327cad 66%, #1C6EA4 100%);
  border-bottom: 2px solid #444444;
}
table.blueTable thead th {
  font-size: 15px;
  font-weight: bold;
  color: #FFFFFF;
  border-left: 2px solid #D0E4F5;
}
table.blueTable thead th:first-child {
  border-left: none;
}

table.blueTable tfoot td {
  font-size: 14px;
}