/* theme-e.css */
/** #262526 **/

body {
    color: #E0E0E0;
}
.menu,
.menu-link,
.menu-link:hover,
.menu-link:focus,
table thead tr th {
  background-color: #000000;
}
.pure-menu-selected {
  border-right: 1px solid #000000;
}
.menu .pure-menu-heading {
    border-bottom: 1px solid #000000;
}
.remodal {
  border: 1px solid #262526;
}

/** #404040 **/

.menu .pure-menu li a:hover,
.menu-link span,
.menu-link span:before,
.menu-link span:after,
.menu-link:hover {
  background-color: #404040;
}
.inboxMessage {
  border: 1px solid #404040;
}

/** #f2f2f2 #303030 **/

body,
.menu-link span,
.menu-link span::before,
.menu-link span::after,
.remodal,
.spanSendCount {
  background-color: #000000;
}
.menu .pure-menu-heading,
.menu a,
.menu .pure-menu-selected a,
table thead tr th,
.pure-menu-selected .pure-menu-link,
.pure-menu-selected .pure-menu-link:visited {
  color: #f2f2f2;
}

.pure-button,
.test-button {
    color: #080808;
}
.statusbar {
    color: #e7e7e7;
}

/* Helper Classes */
.hide-statusbar {
    background-color: black;
    color: white;
}
/** #D4AF37 **/
.menu .pure-menu-selected,
.menu .pure-menu-heading,
.menu .pure-menu li a:focus,
.statusbar {
    background-color: #000000;
}
.inboxMessage a,
.tblContactsContacts a,
input:invalid,
.error-text,
.hlBackToMailbox,
.tblAbout tr td > a,
.tblContacts tbody tr td > a,
.tblContacts tbody tr td > a:visited,
.back-link-container > a,
.back-link-container > a:visited,
.add-contacts-link > a,
.add-contacts-link > a:visited,
.spanSendCount,
.tblSchedule tbody td a {
    color: #D4AF37;
}
input:invalid {
    border-color: #D4AF37;
}
.tblHeaterControls tfoot th a {
    color: #D4AF37;
}

/** dadada **/

table.indented tr,
.outbound-message tbody tr {
  background-color: #e7e7e7;
}

/** cbcbcb **/

.tblFaultCodes tfoot,
.tblSchedule tfoot,
.tblContacts tfoot,
.tblHeaterControls tfoot {
  border: 1px solid #cbcbcb !important;
}

/** Miscellaneous **/

.pure-button {
    background-color: #D4AF37 !important;
    background-image: linear-gradient(#FFDF00, #D4AF37);
    box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.35), /*drop shadow*/
    inset 0 -2px 2px rgba(38, 37, 38, 0.25), /*bottom internal shadow*/
    inset 0 2px 2px rgba(242, 242, 242, 0.5); /*top internal highlight*/
}

    .pure-button:hover,
    .pure-button:active {
        background-color: #D4AF37 !important;
        background-image: linear-gradient(#FFDF00, #D4AF37);
        box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.35), /*drop shadow*/
        inset 0 -2px 2px rgba(38, 37, 38, 0.5), /*bottom internal shadow*/
        inset 0 2px 2px rgba(38, 37, 38, 0.5); /*top internal highlight*/
    }

.tblSettingsSettings tbody tr td > a {
    color: #080808 !important;
    background-image: linear-gradient(#FFDF00, #D4AF37);
}