/*@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;
}

button {
    border-radius: 5px;
    box-shadow: none;
    padding: 5px 15px;
    border: none;
}

table {
    width: 100%;
}

th {
    color: Orange;
}

table,
th,
td {
    border-collapse: collapse;
}

footer {
    text-align: center;
}

table tr.selected {
    background-color: Orange;
}

.newKeyLbl {
    min-width: 20rem;
}

select,
.datepicker,
.filter,
.number,
.text-box,
.letterTemplate,
.text-area,
.text-areaLarge,
input[type="text"],
input[type="email"],
input[type="password"] {
    background-color: #404040;
    border-width: 0;
    color: whitesmoke;
    /*-webkit-appearance: none; /*get rid of x on ie?*/
    padding: 3px;
}