/*@backgroundColour2:#CC455B; old red*/
/*@backgroundColour1: #AEB0B4;
@backgroundColour2:#47494C;*/
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: whitesmoke;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li a {
  color: whitesmoke;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: whitesmoke;
  text-decoration: underline;
}
.navbar {
  background-color: #282927;
  border-color: #5E615F;
}
body {
  padding-top: 50px;
  padding-bottom: 20px;
  background-color: #494A4D;
}
.mainContent {
  margin-top: 20px;
  background-color: #494A4D;
  color: whitesmoke;
}
/* Set padding to keep content from hitting the edges */
.body-content {
  padding-left: 15px;
  padding-right: 15px;
}
/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
  white-space: normal;
}
/* Set width on the form input elements since they're 100% wide by default */
input,
select,
.textarea {
  max-width: 280px;
}
.center {
  width: 50%;
  margin: 0 auto;
  display: block;
}
.error {
  color: red;
}
ui-button,
button {
  border-radius: 5px;
  box-shadow: none;
  padding: 5px 15px;
  border: none;
}
ui-button:hover,
.btn-default:hover {
  background-color: Orange;
  transition: background-color 2s ease-in-out;
  transition-timing-function: ease-in-out;
}
table {
  width: 100%;
}
th {
  color: Orange;
}
table,
th,
td {
  border-collapse: collapse;
}
a.btn-default {
  text-decoration: none;
}
/*.form-group {
  margin-bottom: 40px;
}*/
a.externalLink {
  color: lightgoldenrodyellow;
}
select,
.datepicker,
.filter,
.number,
.text-box,
.letterTemplate,
.text-area,
.text-areaLarge,
input[type="text"] {
  background-color: #404040;
  border-width: 0;
  color: whitesmoke;
  /*-webkit-appearance: none; /*get rid of x on ie?*/
  padding: 3px;
}
ul.countryList {
  text-align: left;
  list-style-type: square;
}
ul.countryList li {
  float: left;
  margin-right: 30px;
}
.money {
  width: 60px;
}
.text-area {
  width: 250px;
  height: 100px;
}
.text-areaLarge {
  width: 100%;
  height: 400px;
}
.flex-container {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  width: 100%;
  grid-gap: 30px;
}
.flex-container div {
  padding-right: 20px;
}
.currentLoggingLevel {
  display: inline;
  margin-right: 15px;
}