core/css/main.page.css

.dropbtn {
  background-color: #3498DB;
  color: white;
  padding: 8px;
  font-size: 14px;
  border: none;
  cursor: pointer;
  width: auto;
  margin-bottom: 0;
  font-weight: 300;
}


/* Dropdown button on hover & focus */

.dropbtn:hover,
.dropbtn:focus {
  background: linear-gradient(#00ffa8, #3498DB, #2300ff);
  color: white;
}


/* The container <div> - needed to position the dropdown content */

.dropdown {
  display: inline-block;
  text-align: center;
}


/* Dropdown Content (Hidden by Default) */

.dropdown-content {
  display: none;
  position: absolute;
  text-align: left;
  background-color: black;
  min-width: 120px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  width: 5%;
}


/* Links inside the dropdown */

.dropdown-content a {
  color: black;
  padding: 8px 12px;
  text-decoration: none;
  display: block;
  text-align: left;
  background: white;
}


/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */

.show {
  display: block;
}

#center {
  text-align: left;
}















.alert-box {
	background-color: #fffbcc;
	color: #777;
	font-size: 14px;
	line-height: 20px;
	padding: 3px 7px;
	text-align:centre;
	font-family:Arial, Helvetica, sans-serif;
}
.alert-box .badge {
	background-color: #f58f2a;
	border-radius: 3px;
	color: #fff;
	margin-left: 4px;
	margin-right: 4px;
	padding: 3px 5px 3px 4px;
	font-weight:bold;
	text-transform: uppercase;
}













table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #dddddd;
}