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;
}

/* Your custom styles for screens narrower than 1400px */
@media (max-width: 1400px) {
   .uk-navbar {
      padding: 0 10px;           /* example */
      background-color: #000000;
      min-height: 60px !important;
   }

   .uk-navbar-nav > li > a {
      font-size: 12px !important;
      padding: 0 5px;
      min-height: 60px !important;
      padding-left:7px !important;
      padding-right:7px !important;
   }

   .uk-icon {
      width:15px;
      height:15px;
   }

   .uk-navbar-toggle {
      display: block;   /* force hamburger earlier if you want */
   }

   /* any other rules you need */
}

@media (min-width: 1401px) and (max-width: 1720px) {
   .uk-navbar {
      padding: 0 10px;           /* example */
      background-color: #000000;
      min-height: 80px !important;
   }

   .uk-navbar-nav > li > a {
      font-size: 14px !important;
      padding: 0 5px;
      min-height: 80px !important;
      padding-left:10px !important;
      padding-right:10px !important;
   }

   .uk-icon {
      width:18px;
      height:18px;
   }

   .uk-navbar-toggle {
      display: block;   /* force hamburger earlier if you want */
   }

   /* any other rules you need */
}