body {
    margin: 0.7em;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 20px;
    background: black;
}

#header {
    background-color: #336699;
    color: #FFFFFF;
    border-radius: 3px;
    min-height: 30px;
}

#header #header-nav .nav li a {
    /* Content styling */
    color: #FFFFFF;
    background: #4477AA;
    border: solid 5px #336699;
    border-radius: 5px;
    font-size: 0.7em;
    text-align: center;
    padding: 1px 7px;
}

#main #breadcrumbs {
    background: #eaeaea;
    border-radius:3px;
    text-align: center;
}

#main #main-content {
    background: #e5e5ff;

    border-radius: 5px;
    padding: 0 5px;
}

#main #sidebar-content {
    background: red;

    border-radius: 5px;
    padding: 0 5px;
}

#main .row {
    margin: 0 2px;
}


.heading {
    border-bottom: solid #EEBB88;
    text-transform: capitalize;
}

.subheading {
    padding: 1em 0 0.1em 0.5em;
    border-bottom: solid #88BBEE;
    text-transform: capitalize;
}

input[type="search"] {
    border-radius: 5px;
}

.btn {
    text-transform: Capitalize;
}

table.dataTable thead th, table.dataTable tfoot th{
    border-right: 1px solid white;
    color: white;
    background-color: #369 !important;
}

table.dataTable tbody tr.selected td {
    background-color: #ffee99 !important;
}

.form-group {
    margin-bottom: 2em;
    padding-bottom: 0.2em;
    border-bottom: solid gray 1px;
}