transactions.css

table{
  border-collapse: collapse;
  width: 90%;
  margin-top: 10px;
}
table, th,td{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border: 1px solid #ddd ;
}
th{
  background-color: #008080;
}
th, td {
  text-align: left;
  padding: 8px;  
}
tr:nth-child(even) {
  background-color: #f2f2f2;}
#shortlist_length{
	margin-top: 5px;
	margin-bottom: 5px;

}
.container {
  position: relative;
  width: 150%;
  max-width: 300px;
  
}

.container .btn {
  position: absolute;
  top: -100%;
  left: 5%;
  background-color: #f1f1f1;
  color: black;
  font-size: 16px;
  padding: 16px 30px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  text-align: left;
}

.container .btn:hover {
  background-color: black;
  color: white;
}
.edit {
color: #494949 !important;
width: 50%;
text-transform: uppercase;
text-decoration: none;
background: #ffffff;
padding: 8px;
border: 4px solid #494949 !important;
display: inline-block;
transition: all 0.4s ease 0s;
}
.edit:hover {
color: #ffffff !important;
background: blue;
border-color: blue !important;
transition: all 0.4s ease 0s;
}
.delete {
color: #494949 !important;
width: 50%;
text-transform: uppercase;
text-decoration: none;
background: #ffffff;
padding: 8px;
border: 4px solid #494949 !important;
display: inline-block;
transition: all 0.4s ease 0s;
}
.delete:hover {
color: #ffffff !important;
background: red;
border-color: red !important;
transition: all 0.4s ease 0s;
}