/*----------------------------------------------------------------------
  FILENAME: custom.css
  DESCRIPTION: Rules placed in this file will override all other rules.
  You can use !important to ensure the rules are applied.
----------------------------------------------------------------------*/
html {
    background: #000;
}

body {
    background: #000 !important;
    color: #fff;
}

#header {
    background: #000;
}

.linkModal, .linkModal fieldset {
    color: #666 !important;
}

#userSummary {
    color: #fff;
}

#userSummary a {
    color: #fe7f2f;
}

#nav {
    background: #2467d0;
}

#nav ul li.selected a {
    background: #ffab1e;
}

#nav ul li a:hover {
    background: #ffc22c !important;
}

#pageBody {
    background: #000 !important;
}

#aside {
    background: -webkit-linear-gradient(to bottom, #ffab1e 0%, #ffab1e 63%, #fe7f2f 100%); /* For Safari 5.1 to 6.0 */
    background: -moz-linear-gradient(to bottom, #ffab1e 0%, #ffab1e 63%, #fe7f2f 100%); /* For Firefox 3.6 to 15 */
    background: -o-linear-gradient(to bottom, #ffab1e 0%, #ffab1e 63%, #fe7f2f 100%); /* For Opera 11.1 to 12.0 */
    background: -ms-linear-gradient(to bottom, #ffab1e 0%, #ffab1e 63%, #fe7f2f 100%); /* For IE10 */
    background: linear-gradient(to bottom, #ffab1e 0%, #ffab1e 63%, #fe7f2f 100%); /* Standard */
}

#aside .section h1, #aside .notes h1 {
    color: #1c75ba;
}

#aside .nav .section li a {
    color: #fff;
}

#aside .section {
    color: #fff;
}

#aside a, #aside a em {
    color: #2889a8;
}

#aside .nav .section li.selected {
    background: #2467d0;
}

#aside em {
    color: #fff;
}

.article {
    background: #000;
}

fieldset, p {
    background-color: #000;
    color: #fff !important;
}

fieldset[id=accDetailSet_0], fieldset[id=accDetailSet_1], fieldset[id=accDetailSet_2], .login {
    background-color: #181818;
}

fieldset legend {
    background-color: #000;
    color: #fff;
}

.article .section h1 {
    color: #1c75ba;
}

.article .section h2 {
    color: #ff9e16;
}

.userMsg {
    color: #a94442;
    background-color:#ffd839 !important;
}

.emailMsg {
    color: #666666;
}

fieldset dd.error {
    display: flex;
    flex-direction: column;
}

fieldset dd.error span {
    margin-top: 2px;
}

button, .button, input[type=submit] {
    background: #ffab1e;
}

#stats-glance .col-2 p {
    background-color: transparent;
}

.pageDesc {
    color: #fff;
    background-color: #000;
}

.expandArea .expandLegend {
    background-color: #000;
}

.expandArea, .expandLegend {
    background-color: #000;
}

.triggerExpand {
    background-color: #2467d0 !important;
}

thead th {
    background: -webkit-linear-gradient(to bottom, #1c75ba 0%, #2f92e0 100%); /* For Safari 5.1 to 6.0 */
    background: -moz-linear-gradient(to bottom, #1c75ba 0%, #2f92e0 100%); /* For Firefox 3.6 to 15 */
    background: -o-linear-gradient(to bottom, #1c75ba 0%, #2f92e0 100%); /* For Opera 11.1 to 12.0 */
    background: -ms-linear-gradient(to bottom, #1c75ba 0%, #2f92e0 100%); /* For IE10 */
    background: linear-gradient(to bottom, #1c75ba 0%, #2f92e0 100%); /* Standard */
}

.trafficOuter td{
    color: #fff;
}

tbody td, tbody th,
.comment .message, .ticketMessage .message,
.ticketList {
    color: #666666;
}

tfoot td {
    background: -webkit-linear-gradient(to bottom, #ffab1e 0%, #ffab1e 63%, #fe7f2f 100%); /* For Safari 5.1 to 6.0 */
    background: -moz-linear-gradient(to bottom, #ffab1e 0%, #ffab1e 63%, #fe7f2f 100%); /* For Firefox 3.6 to 15 */
    background: -o-linear-gradient(to bottom, #ffab1e 0%, #ffab1e 63%, #fe7f2f 100%); /* For Opera 11.1 to 12.0 */
    background: -ms-linear-gradient(to bottom, #ffab1e 0%, #ffab1e 63%, #fe7f2f 100%); /* For IE10 */
    background: linear-gradient(to bottom, #ffab1e 0%, #ffab1e 63%, #fe7f2f 100%); /* Standard */
}

/* Signup Page */
#page_signup .article {
    max-width: 700px;
    margin: auto;
}

#page_signup fieldset[id=accDetailSet_0], #page_signup fieldset[id=accDetailSet_1], #page_signup fieldset[id=accDetailSet_2] {
    background-color: #000;
}