body {
   font-family: Microsoft sans serif;
   font-size: 11pt;
   color: #222222;
}

th {
   background-color: #f0f1f4;
   color: #253340;

}

td {
   font-family: Microsoft sans serif;
   font-size: 11pt;
   color: #222222;
}

.menulink {
   font-size:12pt;
   color:#ffffff;
   text-decoration:none;
} 

.menutable {
  height:30px;
}

a:link {
   color: #008489;
   text-decoration: none;
}

a:active {
   color: #008489;
   text-decoration: none;
}

a:visited {
   color: #008489;
   text-decoration: none;
}

a:hoover {
   color: #007878;
   text-decoration: none;
}

.ui-autocomplete {
   max-height: 500px;
   overflow-y: auto;
   /* prevent horizontal scrollbar */
   overflow-x: hidden;
}

/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
 * html .ui-autocomplete {
   height: 100px;
}

.alert {
  padding: 5px;
  background-color: #f44336; /* Red */
  color: white;
  margin-bottom: 15px;
  border-radius: 5px;
}

.alert.success {background-color: #4CAF50;}
.alert.info {background-color: #2196F3;}
.alert.warning {background-color: #ff9800;}

.uk-table th {
   color: #222222 !important;
}