td.details-control {
    background: url('../resources/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('../resources/details_close.png') no-repeat center center;
}
.dataTables_filter {
   float: left !important;
}

#RandomPlant {
	position: fixed;
	top: 10%;
	margin-left: 20%;
	margin-right: 20%;
	margin-top: 5%;
	margin-bottom: 15%;
}

#About {
	position: fixed;
	top: 10%;
	margin: 5%;
	width: 60%;
	z-index:10;
}

#getRandomPlantX{
	float: right;
	margin: 5px;
}

label {
	display: inline-block;
	margin-bottom: .5rem;
	text-align: left;
}

.loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #822000; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  z-index: -10;
  position: relative;
  left:45%;
  top:20%;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}