body{  
      font-family: "Trebuchet MS", Arial, Helvetica,sans-serif;  
     
    }
 a{
    padding: 10px;
    background: #43D1AF; 
    color: #fff;
    margin: auto;
    text-decoration: none;
    font-weight: bold;
    font-size: 20px;
}

 a:hover{
    background: #3CE6B0;
    color:black;
}

.main_div{
	
	display: flex;
	justify-content: space-around;
}

form{
	background-color: #F7F7F7;

}

select{
	-webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
	padding: 10px;
	width: 100%;
	font-size: 17px;
}


input[type="text"]{
	-webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
	padding: 10px;
	width:300px;
	outline: none;

}

input[type="number"]{
	  -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
	padding: 10px;
	width:80px;
	outline: none;
	margin-bottom: 5px;

}

input[type="date"]{
	  -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
	padding: 10px;
	outline: none;
	margin-bottom: 5px;

	
}

input[type="submit"]{
	background-color: #3CE6B0;
	padding: 10px;
	margin:10px;
	font-size: 17px;
	width: 100%;
	font-weight: bold;
	cursor: pointer;
}
	


select:focus{
	background-color: #CBE7FA;
	border:1px solid mediumseagreen;
}


input[type="text"]:focus{
	padding: 15px;
	background-color: #CBE7FA;
	border:1px solid mediumseagreen;
	
}

input[type="number"]:focus{
	padding: 15px;
	background-color: #CBE7FA;
	border:1px solid mediumseagreen;
	
}

input[type="date"]:focus{
	padding: 15px;
	background-color: #CBE7FA;
	border:1px solid mediumseagreen;
	
}

input[type="submit"]:hover{
	padding: 17px;
	background-color: #61E8BD;
}

form label{
	font-size: 15px;
	padding: 10px;
	margin: 5px;
}

.job_cost_panel{
	border:1px dashed black;
	background-color:#A4FFE2;
	padding: 10px;
}

table tr td:nth-child(2){
	text-align: right;
}

table tr:nth-child(4){
      background-color: #f2f2f2;
    }

table td {  
    border: 1px solid #ddd;
   }