/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding: 20px 30px;
    background-color: #000000;
    color:#FFFFFF;
}

h1 {
    color: #FFFFFF;
}

#menuContainer, #subMenu {
    border-spacing: 30px 10px;
    border-collapse: separate;
}

#menuContainer a {
    font-size: 18px;
}

input, .note-editable, select {
    color: #000000;
    margin-top:5px;
    margin-bottom:5px;
}

#bodyplaceholder_errorMessage {
    color: #ff0000;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}

#subMenu a {
    color: green;
}

.table.table-striped th {
    background-color: #808080;
}

.table.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #202020;
}

.rc-anchor-light {
    background-color:#000000;
    color:#FFFFFF;
}

span[data-val-controltovalidate] {
    color: #FF0000;
}


/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
}