/**********************************************************************************
Dark Theme Overrides CSS
**********************************************************************************/

body.dark {
    background: #151f1e;
}

.dark select,
.dark input,
.dark textarea {
    background: #151f1e;
    border: 1px solid #20302f;
    color: #8da0a0;
}

.dark select {
    background-image: url("/images/select-arrow-tall.png");
    background-position: center right;
    background-repeat: no-repeat;
}

.dark select.changed,
.dark input.changed,
.dark textarea.changed {
    border: 1px solid #a9782a;
}

.dark select.error,
.dark input.error,
.dark textarea.error {
    border: 1px solid #f00;
}

.dark .checkBoxList {
    background: #151f1e;
    border: 1px solid #263938;
}

.dark .checkBoxList span {
    border-bottom: 1px solid #20302f;
}

.dark .checkBoxList span:hover {
    color: #000;
    background-color: #263938;
}

.dark .checkBoxList span:last-child {
    border-bottom: 1px solid transparent;
}

.dark .content .checkBoxList a {
    border-bottom: 1px solid #20302f;
    color: #80999a;
}

.dark .content .checkBoxList a:hover {
    color: #000;
    background-color: #263938;
}

.dark .content .checkBoxList a:last-child {
    border-bottom: 1px solid transparent;
}

.dark .checkBoxList.checkBoxListPopup {
    border: 1px solid #213231;
    box-shadow: 0px 3px 3px rgba(22, 29, 28, 0.25);
}

.dark .checkBoxList.checkBoxListPopup span.selected {
    background-color: #20302f;
    border-bottom: 1px solid #2c4443;
}

.dark .checkBoxList.checkBoxListPopup span.selected:hover {
    background-color: #263938;
}

.dark .star_rating_selector div {
    background-image: url("/images/star-off.png");
}

.dark .star_rating_selector div.selected {
    background-image: url("/images/star-on.png");
}

.dark input[type="submit"] {
    background: #00577c;
    color: #fff;
}

.dark input[type="submit"]:hover {
    background: #034c6b;
}

.dark div.fileUploadButton:hover a.button {
    background: #034c6b;
}

.dark tr.file td .fileUploadProgressContainer,
.dark td.file .fileUploadProgressContainer {
    background: #314849;
}

.dark tr.file td .fileUploadProgress,
.dark td.file .fileUploadProgress {
    background: #136b0c;
}

.dark tr.file td .fileUploadText,
.dark td.file .fileUploadText {
    color: #fff;
}

.dark .followedTickets .selectedTicket {
    background: #151f1e;
}

.dark select:disabled,
.dark input:disabled,
.dark textarea:disabled {
    background-color: #20302f;
}

.dark select:hover {
    background-image: url("/images/select-arrow-tall-active-dark.png");
}

.dark select:disabled:hover {
    background-image: url("/images/select-arrow.tall-png");
}

.dark a.button,
.dark button {
    background: #00577c;
    color: #fff;
}

.dark a.button:hover,
.dark button:hover {
    background: #034c6b;
}

.dark a.button:focus,
.dark button:focus {
    background: #034c6b;
}

.dark a.button.buttonDisabled,
.dark button.buttonDisabled {
    background: #263938;
}

.dark a.button.buttonDisabled:hover,
.dark button.buttonDisabled:hover {
    background: #263938;
}

.dark a.button.buttonDisabled:focus,
.dark button.buttonDisabled:focus {
    background: #263938;
}

.dark a.button.buttonCancel,
.dark button.buttonCancel {
    background: #354544;
}

.dark a.button.buttonCancel:hover,
.dark button.buttonCancel:hover {
    background: #1c2323;
}

.dark a.button.buttonCancel:focus,
.dark button.buttonCancel:focus {
    background: #1c2323;
}

.dark a.button.buttonBack,
.dark button.buttonBack {
    background: #354544;
}

.dark a.button.buttonBack:hover,
.dark button.buttonBack:hover {
    background: #1c2323;
}

.dark a.button.buttonBack:focus,
.dark button.buttonBack:focus {
    background: #1c2323;
}

.dark a.button.buttonDelete,
.dark button.buttonDelete {
    background: #690202;
}

.dark a.button.buttonDelete:hover,
.dark button.buttonDelete:hover {
    background: #863737;
}

.dark a.button.buttonDelete:focus,
.dark button.buttonDelete:focus {
    background: #863737;
}

.dark a.button.buttonSave,
.dark button.buttonSave {
    background: #136b0c;
}

.dark a.button.buttonSave:hover,
.dark button.buttonSave:hover,
.dark a.button.buttonSave:focus,
.dark button.buttonSave:focus {
    background: #095b02;
}

body.dark #pageContentContainer span.buttonChecksum a.button {
    background: #20302f;
    color: #86b3b8;
}

body.dark #pageContentContainer span.buttonChecksum a.button:hover,
body.dark #pageContentContainer span.buttonChecksum a.button:focus {
    background: #213231;
    color: #fff;
}

body.dark #pageContentContainer span.buttonChecksum a.button:hover:before,
body.dark #pageContentContainer span.buttonChecksum a.button:focus:before {
    color: #fff;
}

body.dark #pageContentContainer span.buttonChecksum a.button:before {
    color: #86b3b8;
}

.dark a.button.buttonAlert,
.dark button.buttonAlert {
    background: #564b37 url("/images/alert-icon.png") no-repeat 15px 15px;
}

.dark a.button.buttonAlert:hover,
.dark button.buttonAlert:hover,
.dark a.button.buttonAlert:focus,
.dark button.buttonAlert:focus {
    background: #f3b553;
}

.dark a.button.buttonSave.disabled:hover,
.dark button.buttonSave.disabled:hover {
    background: #136b0c;
}

.dark a.button.buttonSave.disabled:focus,
.dark button.buttonSave.disabled:focus {
    background: #136b0c;
}

.dark em.icon.follow {
    color: #a9782a;
}

.dark em.icon.attachment {
    color: #213231;
}

.dark .past em.icon {
    color: #da8e8e;
}

.dark em.blockIcon.add:before {
    color: #4d4;
}

.dark em.blockIcon.remove:before,
.dark em.blockIcon.subtract:before {
    color: #d44;
}

.dark em.blockIcon.change:before {
    color: #994;
}

.dark a.button.buttonFollow {
    background: #354544;
}

.dark a.button.buttonFollow:hover,
.dark a.button.buttonFollow:focus {
    background: #034c6b;
}

.dark a.button.buttonFollow.following {
    background: #00577c;
}

.dark a.button.buttonFollow.following:hover,
.dark a.button.buttonFollow.following:focus {
    background: #034c6b;
}

.dark p.intro {
    color: #8da0a0;
}

.dark #envBar {
    background: #406d37;
    color: #fff;
}

body.dark.test #envBar {
    background: #27acbb;
}

body.dark.qa #envBar {
    background: #4d76b7;
}

body.dark.dev.maintenanceMode #envBar,
body.dark.test.maintenanceMode #envBar,
body.dark.qa.maintenanceMode #envBar,
body.dark.maintenanceMode #envBar {
    background: #730000;
}

.dark li.alerts a.alert {
    background-color: #213231;
    color: #fff;
}

.dark li.alerts a.alert:hover,
.dark li.alerts a.alert:focus {
    background-color: #314849;
}

.dark li.alerts a.alert.warning {
    background-color: #564b37;
}

.dark li.alerts a.alert.warning:hover,
.dark li.alerts a.alert.warning:focus {
    background-color: #77623c;
}

.dark li.alerts a.alert.issue {
    background-color: #662929;
}

.dark li.alerts a.alert.issue:hover,
.dark li.alerts a.alert.issue:focus {
    background-color: #863737;
}

.dark #subheader {
    background: #263938;
}

.dark #subheader .nav ul li a,
.dark #subheader .userNav ul li a {
    color: #8da0a0;
}

.dark #subheader .nav ul li.selected a,
.dark #subheader .userNav ul li.selected a {
    background: #213231;
    color: #fff;
}

.dark #subheader .nav ul li:hover a,
.dark #subheader .userNav ul li:hover a {
    background: #20302f;
    color: #8da0a0;
}

.dark .content a {
  color: #a9782a;
}
.dark .content a:hover {
  color: #80999a;
}
.dark .content a.button {
  color: #fff;
}
.dark .content a.button:hover,
.dark .content a.button:focus {
  color: #fff;
}
.dark .content label.help.helpShown {
  color: #a9782a;
}
.dark .content h1 {
  color: #a9782a;
}
.dark .content .inner > h2,
.dark .content .inner form > h2,
.dark .content .inner h2.webHeader {
  color: #a9782a;
}

.dark .content .inner > h3 {
  color: #8da0a0;
}
.dark .content .inner > h4 {
  color: #314849;
}
.dark .content .breadcrumbs {
  color: #a7b5b6;
}
.dark .content #refreshSecondsRemaining:hover {
  color: #b0c9ca;
}
.dark .qwTabGroup .leftArrow {
  background: -moz-linear-gradient(right, rgba(166, 191, 190, 0) 0%, #526a69 35%, #526a69 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(right, rgba(166, 191, 190, 0) 0%, #526a69 35%, #526a69 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to left, rgba(166, 191, 190, 0) 0%, #526a69 35%, #526a69 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.dark .qwTabGroup .rightArrow {
  background: -moz-linear-gradient(left, rgba(166, 191, 190, 0) 0%, #526a69 35%, #526a69 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(166, 191, 190, 0) 0%, #526a69 35%, #526a69 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(166, 191, 190, 0) 0%, #526a69 35%, #526a69 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.dark .qwTabGroup .qwTab {
  background: #263938;
  color: #80999a;
}
.dark .qwTabGroup .qwTab a {
  color: #80999a;
}
.dark .qwTabGroup .qwTab a:focus {
  background: rgba(38, 64, 62, 0.51);
}
.dark .qwTabGroup .qwTab:hover,
.dark .qwTabGroup .qwTab:has(a:focus) {
  background: #20302f;
}
.dark .qwTabGroup .qwTab:hover a,
.dark .qwTabGroup .qwTab:has(a:focus) a{
  color: var(--text-color);
}

.dark .qwTabGroup .qwTab.selected,
.dark .qwTabGroup .qwTab.selected:hover,
.dark .qwTabGroup .qwTab.selected:has(a:focus) {
  background: #20302f;
}

.dark .qwTabGroup .qwTab.good {
  background: #232c21;
}
.dark .qwTabGroup .qwTab.warning {
  background: #564b37;
}
.dark .qwTabGroup .qwTab.error,
.dark .qwTabGroup .qwTab.issue {
  background: #662929;
}
.dark .qwTabContent .qwTab {
  background: #233836;
  color: #80999a;
}
.dark .qwTabContent .qwTab:hover {
  background: rgba(0,0,0, 0.05);
}
.dark .qwTabContent .qwTab.selected {
  background: rgba(0,0,0, 0.05);
}
.dark .qwTabContent .qwTabContent .qwTab {
  background: #263938;
  color: #80999a;
}
.dark .qwTabContent .qwTabContent .qwTab:hover {
  background: #20302f;
}
.dark .qwTabContent .qwTabContent .qwTab.selected {
  background: #20302f;
}
.dark .qwTabContent .qwTabContent .qwTabContent.expandableContainer .container {
  background: #20302f;
}
.dark .qwTabContent .qwTabContent .qwTabContent.expandableContainer .container .expandableContainer > .container {
  background: #f2f8f7;
}

.dark .expandableContainer.warning {
    border: 1px solid #564b37;
    border: 0;
}

.dark .expandableContainer.warning.expanded {
    border: 1px solid #77623c;
    border: 0;
}


.dark .expandableContainer .header {
  background: #20302f;
  color: #80999a;
}
.dark .expandableContainer .header div.questionStatus.answered {
  background-image: url("/images/header-icon-answered.png");
}
.dark .expandableContainer .header div.questionStatus.info {
  background-image: url("/images/header-icon-info.png");
}
.dark .expandableContainer .header div.help a {
  color: #80999a;
}
.dark .expandableContainer .header:hover {
  background: #263938;
}
.dark .expandableContainer .header:focus {
  background: #263938;
}
.dark .expandableContainer .container {
  background: #20302f;
  color: #8da0a0;
}
.dark .expandableContainer .container > .messageCloser:hover,
.dark .expandableContainer .container > .messageCloser:focus {
  background: rgba(255, 255, 255, 0.5);
}
.dark .expandableContainer .container .tox .tox-menubar {
  border-bottom: 1px solid #263938;
}
.dark .expandableContainer .container .tox .tox-toolbar__primary {
  background: transparent;
  border-bottom: 1px solid #263938;
}
.dark .expandableContainer .container .tox .tox-tbtn svg {
  fill: #b0c9ca;
}
.dark .expandableContainer .container .tox .tox-tbtn--disabled svg,
.dark .expandableContainer .container .tox .tox-tbtn--disabled:hover svg,
.dark .expandableContainer .container .tox .tox-tbtn:disabled svg,
.dark .expandableContainer .container .tox .tox-tbtn:disabled:hover svg {
  fill: rgba(34, 47, 62, 0.25);
}
.dark .expandableContainer .container .expandableContainer .header {
  background-color: rgba(211, 224, 223, 0.15);
  color: #80999a;
}
.dark .expandableContainer .container .expandableContainer .header:hover,
.dark .expandableContainer .container .expandableContainer .header:focus {
  background-color: #263938;
}
.dark .expandableContainer .container .expandableContainer .container {
  background-color: rgba(0,0,0, 0.05);
}
.dark .expandableContainer .container .expandableContainer.expanded .header {
  background-color: rgba(0,0,0, 0.05);
}
.dark .expandableContainer .container .expandableContainer.good .header,
.dark .expandableContainer .container .expandableContainer.info .header,
.dark .expandableContainer .container .expandableContainer.warning .header,
.dark .expandableContainer .container .expandableContainer.issue .header,
.dark .expandableContainer .container .expandableContainer.question .header {
  background-color: #263938;
  color: #80999a;
}
.dark .expandableContainer .container .expandableContainer.good .container,
.dark .expandableContainer .container .expandableContainer.info .container,
.dark .expandableContainer .container .expandableContainer.warning .container,
.dark .expandableContainer .container .expandableContainer.issue .container,
.dark .expandableContainer .container .expandableContainer.question .container {
  background-color: #1a2524;
  background-image: url("/images/alert-icon-info.png");
}

.dark .container a,
.dark .container a {
  color: #a9782a;
}


.dark .expandableContainer .container .expandableContainer.info.expanded .header {
  background-color: #213231;
  color: #fff;
}
.dark .expandableContainer .container .expandableContainer.warning .header {
  background-color: #564b37;
  color: #000000;
}
.dark .expandableContainer .container .expandableContainer.warning .header:hover,
.dark .expandableContainer .container .expandableContainer.warning .header:focus {
  background-color: #6f5f42;
  color: #cc9339;
}
.dark .expandableContainer .container .expandableContainer.warning .container {
  background-color: #3c3529;
  background-image: url("/images/alert-icon-warning.png");
  color: #a9782a;
  color: #f3b553;
}
.dark .expandableContainer .container .expandableContainer.warning.expanded .header {
  background-color: #564b37;
  color: #fff;
}
.dark .expandableContainer .container .expandableContainer.warning.expanded .header:hover,
.dark .expandableContainer .container .expandableContainer.warning.expanded .header:focus {
  background-color: #77623c;
}
.dark .expandableContainer .container .expandableContainer.issue .header {
  background-color: #662929;
  color: #da8e8e;
}
.dark .expandableContainer .container .expandableContainer.issue .header:hover,
.dark .expandableContainer .container .expandableContainer.issue .header:focus {
  background-color: #863737;
}
.dark .expandableContainer .container .expandableContainer.issue .container {
  background-color: #481d1d;
  background-image: url("/images/alert-icon-issue.png");
  color: #da8e8e;
}
.dark .expandableContainer .container .expandableContainer.issue.expanded .header {
  background-color: #662929;
  color: #331e1e;
}
.dark .expandableContainer .container .expandableContainer.issue.expanded .header:hover,
.dark .expandableContainer .container .expandableContainer.issue.expanded .header:focus {
  background-color: #863737;
}
.dark .expandableContainer .container .expandableContainer.good .header {
  background-color: #2a3a26;
  color: #7eac73;
}
.dark .expandableContainer .container .expandableContainer.good .header:hover,
.dark .expandableContainer .container .expandableContainer.good .header:focus {
  background-color: #2c621f;
}
.dark .expandableContainer .container .expandableContainer.good .container {
  background-color: #2a3a26;
  background-image: url("/images/alert-icon-good.png");
  color: #7eac73;
}
.dark .expandableContainer .container .expandableContainer.good.expanded .header {
  background-color: #639f55;
  color: #232c21;
}
.dark .expandableContainer .container .expandableContainer.good.expanded .header:hover,
.dark .expandableContainer .container .expandableContainer.good.expanded .header:focus {
  background-color: #2c621f;
}
.dark .expandableContainer .container .expandableContainer.question .header {
  background-color: #132d2c;
  color: #608986;
}
.dark .expandableContainer .container .expandableContainer.question .header:hover,
.dark .expandableContainer .container .expandableContainer.question .header:focus {
  background-color: #2c621f;
}
.dark .expandableContainer .container .expandableContainer.question .container {
  background-color: #132d2c;
  background-image: url("/images/alert-icon-question.png");
  color: #608986;
}
.dark .expandableContainer.expanded > .header {
  background-color: #213231;
  color: #fff;
}
.dark .expandableContainer.expanded > .header div.help a {
  color: #fff;
}
.dark .expandableContainer.expanded > .header div.questionStatus.answered {
  background-image: url("/images/header-icon-expanded-answered.png");
}
.dark .expandableContainer.expanded > .header div.questionStatus.info {
  background-image: url("/images/header-icon-expanded-info.png");
}
.dark .expandableContainer.expanded > .header:hover,
.dark .expandableContainer.expanded > .header:focus {
  background-color: #314849;
}
.dark .expandableContainer.expanded .expandableContainer .header:hover,
.dark .expandableContainer.expanded .expandableContainer .header:focus {
  background-color: #263938;
}

.dark .expandableContainer.good .container,
.dark .expandableContainer.info .container,
.dark .expandableContainer.warning .container,
.dark .expandableContainer.issue .container {
  background: #1a2524 url("/images/alert-icon-info.png") no-repeat 10px 10px;
}

.dark .expandableContainer.warning .header {
  background-color: #564b37;
  color: #c5a269;
}
.dark .expandableContainer.warning .header:hover,
.dark .expandableContainer.warning .header:focus {
  background-color: #77623c;
  color: #d7a447;
}
.dark .expandableContainer.warning .container {
  background: #3c3529  url("/images/alert-icon-warning.png") no-repeat 10px 10px;
  color: #f3b553;
}
.dark .expandableContainer.warning .container a {
  color: #ef9c00;
}
.dark .expandableContainer.warning .container a.button {
  color: #fff;
}
.dark .expandableContainer.warning .container table tr {
  border-bottom: 1px solid #564b37;
}
.dark .expandableContainer.warning .container table tr.headerRow {
  background-color: #77623c;
}
.dark .expandableContainer.warning.expanded .header {
  background-color: #77623c;
  color: #fff;
}
.dark .expandableContainer.warning.expanded .header:hover,
.dark .expandableContainer.warning.expanded .header:focus {
  background: #f3b553;
  background: #8c703e;
}
.dark .expandableContainer.issue .header {
  background: #662929;
  color: #da8e8e;
}
.dark .expandableContainer.issue .header:hover,
.dark .expandableContainer.issue .header:focus {
  background: #863737;
}
.dark .expandableContainer.issue .container {
  background: #481d1d url("/images/alert-icon-issue.png") no-repeat 10px 10px;
  color: #da8e8e;
}
.dark .expandableContainer.issue .container a {
  color: #da8e8e;
}
.dark .expandableContainer.issue .container a.button {
  color: #fff;
}
.dark .expandableContainer.issue .container table tr {
  border-bottom: 1px solid #331e1e;
}
.dark .expandableContainer.issue .container table tr.headerRow {
  background: #de6363;
  background: #863737;
}
.dark .expandableContainer.issue.expanded .header {
  background: #690202;
  background: #863737;
  color: #fff;
}
.dark .expandableContainer.issue.expanded .header:hover,
.dark .expandableContainer.issue.expanded .header:focus {
  background: #863737;
}
.dark .expandableContainer.good .header {
  background: #30422c;
  color: #639f55;
}
.dark .expandableContainer.good .header:hover,
.dark .expandableContainer.good .header:focus {
  background: #2c621f;
}
.dark .expandableContainer.good .container {
  background: #30422c url("/images/alert-icon-good.png") no-repeat 10px 10px;
  color: #7eac73;
}

.dark .expandableContainer.good .container a {
  color: #a6e398;
}
.dark .expandableContainer.good .container a.button  {
  color: #fff;
}
.dark .expandableContainer.good .container table tr {
  border-bottom: 1px solid #232c21;
}
.dark .expandableContainer.good .container table tr.headerRow {
  background: #2c621f;
}
.dark .expandableContainer.good .container .expandableContainer.question .container {
  background-color: #2a3a26;
}
.dark .expandableContainer.good.expanded .header {
  background: #2c621f;
  color: #fff;
}
.dark .expandableContainer.good.expanded .header:hover,
.dark .expandableContainer.good.expanded .header:focus {
  background: #2c621f;
}
.dark .expandableContainer.info.hoster .container,
.dark .expandableContainer.info.child .container {
  background-color: #213231;
}
.dark .expandableContainer.info.hoster .container p,
.dark .expandableContainer.info.child .container p {
  color: #9fb2b2;
}
.dark .expandableContainer.info.hoster .container p a,
.dark .expandableContainer.info.child .container p a {
  color: #9fc1bf;
}
.dark .expandableContainer.info.hoster .container p a:hover,
.dark .expandableContainer.info.child .container p a:hover {
  color: #80999a;
}
.dark .expandableContainer.info.hoster .container {
  background-image: url("/images/alert-icon-hoster.png");
    background-position: 10px;
    background-size: 40px;
}
.dark .expandableContainer.info.child .container {
  background-image: url("/images/alert-icon-child.png");
background-position: 10px;
    background-size: 40px;
}
.dark .expandableContainer.ticketViewUnlocked .container {
  background-image: url("/images/alert-icon-ticket-view-eye.png");

}
.dark .expandableContainer.ticketViewUnlocked .container p,
.dark .expandableContainer.ticketViewUnlocked .container a {
  color: #8da0a0;
}
.dark .expandableContainer.ticketViewLocked .container {
  background-image: url("/images/alert-icon-ticket-view-locked.png");
}
.dark .expandableContainer.ticketEdit .container {
  background-image: url("/images/alert-icon-ticket-edit.png");
}
.dark .expandableContainer.ticketEditLockStolen .container {
  background-image: url("/images/alert-icon-ticket-edit-lock-stolen.png");
}
.dark .expandableContainer.ticketEditLockLost .container {
  background-image: url("/images/alert-icon-ticket-edit-lock-lost.png");
}

/* TICKET TEMPLATES: START */
.dark .templateButtons {
  padding-top: 0.5em;
}
.dark #templateSelectorPopup {
  background: #20302f;
}
.dark #templateSelectorPopup .header {
  background: #213231;
  color: #ffffff;
}
.dark #templateSelectorPopup .templatePanelContainer .templatePanel h3 {
  color: #314849;
}

.dark #templateSelectorPopup .templatePanelContainer .templatePanel .back a,
.dark #templateSelectorPopup .templatePanelContainer .templatePanel .back p {
  color: #8da0a0;
}

.dark #templateSelectorPopup .templatePanelContainer .templatePanel .fileList a.fileRow {
  background: #151f1e;
  color: #8da0a0;
}
.dark #templateSelectorPopup .templatePanelContainer .templatePanel .fileList a.fileRow:hover,
.dark #templateSelectorPopup .templatePanelContainer .templatePanel .fileList a.fileRow:focus {
  background: rgba(255, 255, 255, 0.5);
}

.dark #templateSelectorPopup .templatePanelContainer .templatePanel .fileList a.fileRow .fileIcon:before {
  color: #a9782a;
}
.dark #templateSelectorPopup .templatePanelContainer .templatePanel .fileList a.fileRow .fileIcon.fileIconFolder:before {
  color: #a9782a;
}
.dark #templateSelectorPopup .templatePanelContainer .templatePanel .fileList a.fileRow .fileIcon.fileIconQuote:before {
  color: #213231;
}
.dark #templateSelectorPopup .templatePanelContainer .templatePanel .fileList a.fileRow .fileIcon.fileIconNotFound:before {
  color: #263938;
}
.dark #templateSelectorPopup .templatePanelContainer .templatePanel .fileList a.fileRow .fileCaret:before {
  color: #d0e2de;
}
.dark #templateSelectorPopup .templatePanelContainer .templatePanel .templatePreview {
  background: #151f1e;
  color: #8da0a0;
}
/* TICKET TEMPLATES: END */

.dark #pageUpdateMessage.popupMessage > .container {
  box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.5);
}
.dark #alertsPopup,
.dark #validationPopup,
.dark #validatingPopup,
.dark #sessionPopup,
.dark #infoPopup,
.dark #dynamicInfoPopup,
.dark .modalPopup {
  background: rgba(22, 29, 28, 0.65);
  background: rgba(0, 0, 0, 0.76);
}
.dark #alertsPopup .inner .popupWrapper,
.dark #validationPopup .inner .popupWrapper,
.dark #validatingPopup .inner .popupWrapper,
.dark #sessionPopup .inner .popupWrapper,
.dark #infoPopup .inner .popupWrapper,
.dark #dynamicInfoPopup .inner .popupWrapper,
.dark .modalPopup .inner .popupWrapper {
  background: #151f1e;
}
.dark #alertsPopup .inner .popupWrapper > .header,
.dark #validationPopup .inner .popupWrapper > .header,
.dark #validatingPopup .inner .popupWrapper > .header,
.dark #sessionPopup .inner .popupWrapper > .header,
.dark #infoPopup .inner .popupWrapper > .header,
.dark #dynamicInfoPopup .inner .popupWrapper > .header,
.dark .modalPopup .inner .popupWrapper > .header {
  background: #213231;
  color: #fff;
}
.dark #alertsPopup .inner .popupWrapper > .header .alertClose,
.dark #validationPopup .inner .popupWrapper > .header .alertClose,
.dark #validatingPopup .inner .popupWrapper > .header .alertClose,
.dark #sessionPopup .inner .popupWrapper > .header .alertClose,
.dark #infoPopup .inner .popupWrapper > .header .alertClose,
.dark #dynamicInfoPopup .inner .popupWrapper > .header .alertClose,
.dark .modalPopup .inner .popupWrapper > .header .alertClose {
  background-image: url("/images/navmenu-close-hover.png");
}
.dark #alertsPopup .inner .popupWrapper > .header .alertClose:hover,
.dark #validationPopup .inner .popupWrapper > .header .alertClose:hover,
.dark #validatingPopup .inner .popupWrapper > .header .alertClose:hover,
.dark #sessionPopup .inner .popupWrapper > .header .alertClose:hover,
.dark #infoPopup .inner .popupWrapper > .header .alertClose:hover,
.dark #dynamicInfoPopup .inner .popupWrapper > .header .alertClose:hover,
.dark .modalPopup .inner .popupWrapper > .header .alertClose:hover {
  background-color: #77623c;
}
.dark #alertsPopup .inner .popupWrapper > .container,
.dark #validationPopup .inner .popupWrapper > .container,
.dark #validatingPopup .inner .popupWrapper > .container,
.dark #sessionPopup .inner .popupWrapper > .container,
.dark #infoPopup .inner .popupWrapper > .container,
.dark #dynamicInfoPopup .inner .popupWrapper > .container,
.dark .modalPopup .inner .popupWrapper > .container {
  background: #151f1e;
  color: #8da0a0;
}
.dark #alertsPopup .inner .popupWrapper .footer,
.dark #validationPopup .inner .popupWrapper .footer,
.dark #validatingPopup .inner .popupWrapper .footer,
.dark #sessionPopup .inner .popupWrapper .footer,
.dark #infoPopup .inner .popupWrapper .footer,
.dark #dynamicInfoPopup .inner .popupWrapper .footer,
.dark .modalPopup .inner .popupWrapper .footer {
  background: #263938;
  color: #8da0a0;
}
.dark #alertsPopup .inner span.error,
.dark #validationPopup .inner span.error,
.dark #validatingPopup .inner span.error,
.dark #sessionPopup .inner span.error,
.dark #infoPopup .inner span.error,
.dark #dynamicInfoPopup .inner span.error,
.dark .modalPopup .inner span.error {
  color: #dd0000;
}
.dark #validatingPopup {
  background: rgba(22, 29, 28, 0.25);
}
.dark #submittingPopup {
  background: rgba(22, 29, 28, 0.65);
  color: #fff;
}
.dark #submittingPopup .inner > .container {
  background-image: url("/images/submit-icon-frame.png");
}
.dark #submittingPopup .inner > .container .submittingDots div div {
  background-color: #564b37;
}

.dark .modalConfirm .expandableContainer .container .alertClose {
  background: transparent;
}
.dark .modalConfirm .expandableContainer .container .alertClose:before {
  color: #213231;
}
.dark .modalConfirm .expandableContainer .container .alertClose:hover {
  background: rgba(0, 0, 0, 0.15);
}
.dark .modalConfirm .expandableContainer .container .alertClose:focus {
  background: rgba(0, 0, 0, 0.15);
  border: 2px solid rgba(0, 0, 0, 0.5);
}
.dark .modalConfirm .expandableContainer.issue .container .alertClose:before {
  color: #e09595;
}
.dark .modalConfirm .expandableContainer.issue .container button.buttonCancel {
  background: #b18a8a;
}
.dark .modalConfirm .expandableContainer.warning .container .alertClose:before {
  color: #d9b170;
}
.dark .modalConfirm .expandableContainer.warning .container button.buttonCancel {
  background: #ad9775;
}
.dark .modalConfirm .expandableContainer.good .container .alertClose:before {
  color: #91cd82;
}
.dark .modalConfirm .expandableContainer.good .container button.buttonCancel {
  background: #6c9163;
}
.modalConfirm .expandableContainer.issue .container, 
.modalConfirm .expandableContainer.warning .container, 
.modalConfirm .expandableContainer.info .container, 
.modalConfirm .expandableContainer.good .container {
    background-image:  none;
}


.dark .modalPopupButtons button.buttonCancel {
  background-color: #213231;
}
.dark .modalPopupButtons button.buttonCancel:hover,
.dark .modalPopupButtons button.buttonCancel:focus {
  background-color: #547b78;
}
.dark .modalPopupButtons button:focus {
  border: 2px solid rgba(0, 0, 0, 0.5);
}
.dark .helpBox {
  background: #151f1e url("/images/portal-help-icon.png") no-repeat 0.75em 0.75em;
  border: 1px solid #314849;
  box-shadow: 0px 3px 7px #213231;
}
.dark .helpBox .helpTitle,
.dark .helpBox .helpContent {
  color: #8da0a0;
}
.dark .helpBox .helpTitle small {
  color: #a9782a;
}
.dark .helpBox .helpTitle small.optional {
  color: #a7b5b6;
}
.dark .helpBox .helpClose {
  background: url("/images/help-close.png");
}
.dark .helpBox .helpClose:hover {
  background: url("/images/help-close-hover.png");
}
.dark .mce-tinymce.mce-container.mce-panel.error {
  border: 1px solid #f00;
}
.dark .multiCol label {
  color: #8da0a0;
}
.dark .multiCol span.fieldErrorMessage {
  color: #cf9494;
}

.dark .multiCol > div > span.fakeList,
.dark .multiCol > div > button.fakeList {
    background: #151f1e;
    background-image: url("/images/select-arrow-tall.png");
    background-position: center right;
    background-repeat: no-repeat;
    color: #80999a;
    border: 1px solid #20302f;
}

.dark .multiCol > div > span.fakeList:hover,
.dark .multiCol > div > button.fakeList:hover,
.dark .multiCol > div > button.fakeList:focus {
    background-image: url("/images/select-arrow-tall-active-dark.png");
}

.dark .multiCol span.radio span {
    color: #8da0a0;
}

.dark .multiCol span.radio span:hover {
    color: #b0c9ca;
}

.dark .multiCol span.radio span.selected {
    color: #b0c9ca;
}

.dark .multiCol span.checkbox {
    color: #8da0a0;
}

.dark .multiCol label.radio:hover,
.dark .multiCol span.radio:hover,
.dark .multiCol label.checkbox:hover,
.dark .multiCol span.checkbox:hover {
    color: #b0c9ca;
}

.dark .multiCol label.radio.selected,
.dark .multiCol span.radio.selected,
.dark .multiCol label.checkbox.selected,
.dark .multiCol span.checkbox.selected {
    color: #b0c9ca;
}

.dark .multiCol span.readOnlyTextArea {
    background: rgba(117, 154, 158, 0.14);
}

.dark .gridCol > a {
    background-color: #20302f;
}

.dark .gridCol > a h3 {
    color: #8da0a0;
}

.dark .gridCol > a .gridInfo p {
    color: #8da0a0;
}

.dark .gridCol > a:hover,
.dark .gridCol > a:focus {
    background-color: #263938;
}

.dark .gridCol > a.gridIssue h3,
.dark .gridCol > a.gridWarning h3,
.dark .gridCol > a.gridInfo h3,
.dark .gridCol > a.gridIssue .gridInfo p,
.dark .gridCol > a.gridWarning .gridInfo p,
.dark .gridCol > a.gridInfo .gridInfo p {
    color: #8da0a0;
}

.dark .gridCol > a.gridWarning h3,
.dark .gridCol > a.gridWarning .gridInfo p {
    color: #c5a269;
}

.dark .gridCol > a.gridIssue h3,
.dark .gridCol > a.gridIssue .gridInfo p {
    color: #cc9a9a;
}



.dark .gridCol > a.gridIssue {
    background-color: #662929;
}

.dark .gridCol > a.gridIssue:hover,
.dark .gridCol > a.gridIssue:focus {
    background-color: #863737;
}

.dark .gridCol > a.gridWarning {
    background-color: #564b37;
}

.dark .gridCol > a.gridWarning:hover,
.dark .gridCol > a.gridWarning:focus {
    background-color: #77623c;
}

.dark .gridCol > a.gridInfo {
    background-color: #213231;
}

.dark .gridCol > a.gridInfo:hover,
.dark .gridCol > a.gridInfo:focus {
    background-color: #314849;
}

.dark .gridCol > a.gridAlert {
    background-image: url("/images/grid-icon-alert.png");
}

.dark .gridCol > a.gridAlertNone {
    background-image: url("/images/grid-icon-alert-none.png");
}

.dark .gridCol > a.gridMessage {
    background-image: url("/images/grid-icon-message.png");
}

.dark .gridCol > a.gridPerson {
    background-image: url("/images/grid-icon-person.png");
}

.dark .gridCol > a.gridHelp {
    background-image: url("/images/grid-icon-help.png");
}

.dark .gridCol > a.gridSettings {
    background-image: url("/images/grid-icon-settings.png");
}

.dark .gridCol > a.gridDownload {
    background-image: url("/images/grid-icon-download.png");
}

.dark .gridCol > a.gridSearch {
    background-image: url("/images/grid-icon-magglass.png");
}

.dark .gridCol > a.gridPhone {
    background-image: url("/images/grid-icon-phone.png");
}

.dark .gridCol > a.gridCRM {
    background-image: url("/images/grid-icon-crm.png");
}

.dark .gridCol > a.gridTicket {
    background-image: url("/images/grid-icon-ticket.png");
}

.dark .gridCol > a.gridServers {
    background-image: url("/images/grid-icon-servers.png");
}

.dark .gridCol > a.gridOffice {
    background-image: url("/images/grid-icon-office.png");
}

.dark .gridCol > a.gridContract {
    background-image: url("/images/grid-icon-contract.png");
}

.dark .gridCol > a.gridMoney {
    background-image: url("/images/grid-icon-money.png");
}

.dark .gridCol > a.gridPeople {
    background-image: url("/images/grid-icon-people.png");
}

.dark .listSearchCol > div.searchCancel .button:before {
    color: #fff;
}

.dark .listSearchCol > div.searchButton .button:before {
    color: #fff;
}

.dark .supportCol > div:nth-child(7) .filterIconContainer:hover {
    background: #263938;
}

.dark .supportCol > div:nth-child(7) .filterIconContainer:focus {
    background: #263938;
}

.dark .supportCol > div:nth-child(8) .button:before {
    color: #fff;
}

.dark .supportCol > div.disabled:nth-child(9) .button {
    border: 1px solid #263938;
}

.dark .supportCol > div.disabled:nth-child(9) .button:before {
    color: #fff;
}

.dark span.iconSystemStatus:before {
    background-image: url("/images/icon-system-status-good.png");
}

.dark span.iconSystemStatus.iconSystemStatus_issue:before {
    background-image: url("/images/icon-system-status-issue.png");
}

.dark span.iconSystemStatus.iconSystemStatus_warning:before {
    background-image: url("/images/icon-system-status-warning.png");
}

.dark span.iconSystemStatus.iconSystemStatus_none:before {
    background-image: url("/images/icon-system-status-none.png");
}

.dark span.iconSystemStatus.iconSystemStatus_requested:before {
    background-image: url("/images/icon-system-status-requested.png");
}

.dark span.iconSystemStatus.iconSystemStatus_new:before {
    background-image: url("/images/icon-system-status-new.png");
}

.dark span.iconSystemStatus.iconSystemStatus_delete:before {
    background-image: url("/images/icon-system-status-delete.png");
}

.dark span.iconSystemStatus.iconSystemStatus_trial:before {
    background-image: url("/images/icon-system-status-trial.png");
}

.dark table {
    background: #151f1e;
    background: #1f3534;
    background: rgba(0,0,0,0.35);
}

.dark table tbody tr,
.dark table thead tr {
    border-bottom: 1px solid #213231;
}

.dark table tbody tr.installation,
.dark table thead tr.installation {
    border-top: 1px solid #213231;
}

.dark table tbody tr.headerRow,
.dark table thead tr.headerRow {
    background: #253a39;
    color: #fff;
}

.dark table tbody tr.headerRow th.listHeader.asc,
.dark table thead tr.headerRow th.listHeader.asc {
    background-image: url("/images/arrow-white-ascend.png");
    background-color: #314849;
}

.dark table tbody tr.headerRow th.listHeader.desc,
.dark table thead tr.headerRow th.listHeader.desc {
    background-image: url("/images/arrow-white-descend.png");
    background-color: #314849;
}

.dark table tbody tr.headerRow th.listHeader:hover,
.dark table thead tr.headerRow th.listHeader:hover {
    background-color: #314849;
}

.dark table tbody tr.headerRow th.clearCell,
.dark table thead tr.headerRow th.clearCell {
    background: #20302f;
}

.dark table tbody tr.separatorRow,
.dark table thead tr.separatorRow {
    background: #20302f;
}

.dark table tbody tr.packageEdit:hover,
.dark table thead tr.packageEdit:hover {
    background: #263938;
}

.dark table tbody tr.packageContents > td .packageFilesContainer table.licenseHistory tr.headerRow th,
.dark table thead tr.packageContents > td .packageFilesContainer table.licenseHistory tr.headerRow th {
    color: #fff;
}

.dark table tbody tr.contactRoleHeader.contactRoleDeleted,
.dark table thead tr.contactRoleHeader.contactRoleDeleted {
    color: #a7b5b6;
}

.dark table tbody tr.contactRoleHeader td em,
.dark table thead tr.contactRoleHeader td em {
    color: #a7b5b6;
}

.dark table tbody th.subHeaderCell,
.dark table thead th.subHeaderCell,
.dark table tbody td.subHeaderCell,
.dark table thead td.subHeaderCell {
    background: #2e5155;
    color: #fff;
}

.dark table tbody td label,
.dark table thead td label {
    color: #8da0a0;
}

.dark table tbody td span.radio span,
.dark table thead td span.radio span {
    color: #8da0a0;
}

.dark table tbody td span.radio span:hover,
.dark table thead td span.radio span:hover {
    color: #b0c9ca;
}

.dark table tbody td span.radio span.selected,
.dark table thead td span.radio span.selected {
    color: #b0c9ca;
}

.dark table tbody td label.checkbox,
.dark table thead td label.checkbox,
.dark table tbody td span.checkbox,
.dark table thead td span.checkbox {
    color: #8da0a0;
}

.dark table tbody td label.checkbox:hover,
.dark table thead td label.checkbox:hover,
.dark table tbody td span.checkbox:hover,
.dark table thead td span.checkbox:hover {
    color: #b0c9ca;
}

.dark table tbody td label.checkbox.selected,
.dark table thead td label.checkbox.selected,
.dark table tbody td span.checkbox.selected,
.dark table thead td span.checkbox.selected {
    color: #b0c9ca;
}

.dark table.altCols tr td:nth-child(2n) {
    background: #1a2d2c;
}

.dark table.altCols tr td.changed {
    background: #dfd;
}

.dark table.altCols tr td.changed:nth-child(2n) {
    background: #136b0c;
}

.dark .content table.clearTable {
    background: transparent;
}

.dark .content table.clearTable tr {
    background: transparent;
}

.dark .content table.clearTable tr.headerRow {
    background: transparent;
    color: #8da0a0;
}


.dark table.permissionsGrid .checkboxRow {
    background: #253a39;
}

.dark table.permissionsGrid .permissionRow .permissionNameCell {
    background: transparent;
}

.dark table.altCols tr td.roleColCheckbox,
.dark table.altCols tr td.roleColCheckbox {
    background: #253a39;
}

.dark table.permissionsGrid .roleCol.selected {
    background: #151f1e;
}

.dark table.permissionsGrid .permissionCell.selected {
    background: #5f7775
}



.dark table.biglist tbody tr td a {
    color: #8da0a0;
}

.dark table.biglist tbody tr td span.attachmentIcon {
    background-image: url("/images/icon-attachment.png");
}

.dark table.biglist tbody tr:hover {
    background: #20302f;
}

.dark table.biglist tbody tr.noHighlight:hover {
    background: transparent;
}

.dark table.biglist tbody tr.linkRow.issue {
    background: #662929;
    color: #da8e8e;
}

.dark table.biglist tbody tr.headerRow:hover {
    background: #213231;
}

.dark table.biglist.noHighlight tbody tr td:hover {
    background: transparent;
}

.dark table.biglist.noHighlight tbody tr:hover {
    background: transparent;
}

.dark table.biglist.noHighlight tbody tr.headerRow:hover {
    background: #213231;
}

.dark table.biglist.linkRows tbody tr td a {
    color: #a9782a;
}

.dark table.biglist.linkRows tbody tr:hover td a {
    color: #80999a;
}

.dark table.biglist.linkRows tbody tr.noHighlight:hover td a {
    color: #a9782a;
}

.dark table.biglist.linkRows tbody tr.noHighlight:hover td a:hover {
    color: #80999a;
}

.dark table.biglist.searchResults tbody tr {
    border-top: 1px solid #213231;
}

.dark table.biglist.searchResults tbody tr.linkRow.subRow td div {
    border: 2px solid #20302f;
    background: #151f1e;
}

.dark table.biglist.searchResults tbody tr.linkRow.subRow td div:hover {
    background: #20302f;
}

.dark table.biglist.searchResults tbody tr.linkRow.subRow h3 {
    color: #8da0a0;
}

.dark table.biglist.noLink tbody tr.headerRow:hover {
    background: #213231;
}

.dark table.biglist.noLink tbody tr td a {
    color: #80999a;
}

.dark table.biglist.noLink tbody tr.noHighlight:hover td a {
    color: #80999a;
}

.dark table.packageFileEdit {
    background: #20302f;
}

.dark table.packageFileEdit.systemEdit {
    background: #f2f8f7;
}

.dark #statusBar {
    background: #213231;
}

.dark #statusBar .inner .helpLink:before {
    color: #fff;
}

.dark #statusBar .inner .timer {
    color: #fff;
}

.dark #statusBar .inner .timer:before {
    color: #fff;
}

.dark #statusBar .inner .buttons .buttonNotes {
    color: #fff;
}

.dark #statusBar.sessionExpired {
    background: #863737;
}

.dark #footer {
    background: #20302f;
}

.dark #footer .nav ul li,
.dark #footer .impressum ul li,
.dark #footer .version ul li,
.dark #footer .backToTop ul li {
    color: #8da0a0;
}

.dark #footer .nav ul li a,
.dark #footer .impressum ul li a,
.dark #footer .version ul li a,
.dark #footer .backToTop ul li a {
    color: #8da0a0;
}

.dark #footer .nav ul li a:hover,
.dark #footer .impressum ul li a:hover,
.dark #footer .version ul li a:hover,
.dark #footer .backToTop ul li a:hover {
    color: #80999a;
}

.dark #footer .logo a {
    background: url("/images/quantityware-logo-footer.png");
}

.dark .cmContainer input[type="checkbox"] {
    border: 1px solid #213231;
    background-color: #151f1e;
}

.dark .cmContainer input[type="checkbox"]:checked {
    border: 1px solid #8da0a0;
    background-color: #fff;
    background-image: url("/images/checkbox-ticked.svg");
    border: 1px solid #8da0a0;
    background-color: #20302f;
}

.dark .cmContainer input[type="checkbox"]:hover,
.dark .cmContainer input[type="checkbox"]:focus {
    border: 1px solid #8da0a0;
    background-color: #20302f;
}

.dark .cmContainer .cmRowTabs {
    background: transparent;
}

.dark .cmContainer .cmRowTabs .cmColRoles .cmColRoleContainer.mandatory {
    background: #213231;
}

.dark .cmContainer .cmRowTabs .cmColRoles .cmColRoleContainer.mandatory span {
    color: #fff;
}

.dark .cmContainer .cmRowHeader {
    background: #263938;
    color: #fff;
}

.dark .cmContainer .cmRowHeader .cmColSummary p {
    color: #9fb2b2;
}

.dark .cmContainer .cmRowHeader .cmColSummary .cmActionButtons button {
    background: #517478;
}

.dark .cmContainer .cmRowHeader .cmColRoles .cmColRole {
    color: #9eb1b1;
}

.dark .cmContainer .cmRowHeader .cmColRoles .cmColRole.mandatory {
    background: #151f1e;
}

.dark .cmContainer .cmRowHeader .cmColRoles .cmColRole.mandatory.error {
    background: #5d2b2b;
}

.dark .cmContainer .cmRowHeader .cmColRoles .cmColRole.selected {
    color: #cad7d5;
}

.dark .cmContainer .cmRowHeader .cmColRoles .cmColRole .cmInfo {
    background: #151f1e;
    color: #80999a;
}

.dark .cmContainer .cmRow {
    background: #151f1e;
    border-bottom: 1px solid #213231;
}

.dark .cmContainer .cmRow .cmRowSummary {
    background: #151f1e;
}

.dark .cmContainer .cmRow .cmRowSummary:hover {
    background: #20302f;
}

.dark .cmContainer .cmRow .cmRowSummary.child:hover {
    background: #151f1e;
}

.dark .cmContainer .cmRow .cmRowSummary .cmColRoles .cmColRole {
    background: #20302f;
}

.dark .cmContainer .cmRow .cmRowSummary .cmColRoles .cmColRole.selected {
    background: #385457;
}

.dark .cmContainer .cmRow .cmRowSummary .cmColRoles .cmColRole.changed {
    background: #5a3f15;
}

.dark .cmContainer .cmRow .cmRowSummary .cmColRoles .cmColRole.selected.changed {
    background: #564b37;
}

.dark .cmContainer .cmRow .cmRowSummary .cmColRoles .cmColRole.error {
    background: #e2bfbf;
}

.dark .cmContainer .cmRow .cmRowSummary .cmColRoles .cmColRole.error.changed {
    background: #e6a9a9;
}

.dark .cmContainer .cmRow .cmRowSummary .cmColRoles .cmColRole label {
    background: rgba(0, 0, 0, 0);
}

.dark .cmContainer .cmRow .cmRowSummary .cmColRoles .cmColRole label:hover {
    background: rgba(0, 0, 0, 0.1);
}

.dark .cmContainer .cmRow .cmRowSummary .cmColRoles .cmColRole label.disabled:hover {
    background: transparent;
}

.dark .cmContainer .cmRow .cmRowDetailsContainer .cmRowDetails {
    background: #20302f;
}

.dark .cmContainer .cmRow .cmRowDetailsContainer .cmRowDetails .cmRolePanel {
    background: rgba(0,0,0, 0.05);
}

.dark .cmContainer .cmRow .cmRowDetailsContainer .cmRowDetails .cmRolePanel .infoIcon {
    background: #00577c;
    color: #fff;
}

.dark .cmContainer .cmRow .cmRowDetailsContainer .cmRowDetails .cmRolePanel .cmRoleSet em.error {
    color: #cf9494;
}

.dark .cmContainer .cmRow .cmRowDetailsContainer .cmRowDetails .cmRolePanel .cmRoleSet em.changed {
    color: #a9782a;
}

.dark .cmContainer .cmRow .cmRowDetailsContainer .cmRowDetails .cmRolePanel .cmRoleSet + .cmRoleSet {
    border-top: 1px solid #c8ddde;
}

.dark .cmContainer .cmRow .cmRowDetailsContainer .cmRowDetails .cmRolePanel .roleNotes {
    color: #cf9494;
}

.dark .cmContainer .cmRow .cmRowDetailsContainer .cmRowDetails .cmRolePanel .roleNotes em.error {
    color: #cf9494;
}

.dark .cmContainer .cmRow.cmContactTypeNew .cmRowSummary {
    color: #a9782a;
}

.dark .cmContainer .cmRow.cmContactTypeNew .cmRowSummary .cmContactType {
    color: #a9782a;
}

.dark .cmContainer .cmRow.cmContactTypeInfoChanged .cmRowSummary .cmContactType {
    color: #a9782a;
}

.dark .cmContainer .cmRow.cmContactTypeError .cmRowSummary {
    color: #cf9494;
}

.dark .cmContainer .cmRow.cmContactTypeError .cmRowSummary .cmContactType {
    color: #cf9494;
}

.dark .cmContainer .cmRow.cmContactTypeDeleted .cmRowSummary {
    color: #777;
}

.dark .cmContainer .cmRow.cmContactTypeDeleted .cmRowSummary .cmContactType {
    color: #777;
}



.dark .cmContainer .cmRow.cmContactTypePurchaser {
    background: #192616;
}

.dark .cmContainer .cmRow.cmContactTypePurchaser .cmRowDetailsContainer .cmRowDetails {
    background: #21331d;
}



.dark .cmContainer .cmRow.cmContactTypeError {
    background: #662929;
}

.dark .cmContainer .cmRow.cmContactTypeError .cmRowDetailsContainer .cmRowDetails {
    background: #4b1f1f;
}

.dark .cmContainer .cmRow .cmRowSummary {
    background: transparent;
}

.dark .cmContainer .cmRow .cmRowDetailsContainer .cmRowDetails .cmRolePanel .roleError {
    color: #cf9494;
}

.dark .cmContainer .cmRow .cmRowDetailsContainer .cmRowDetails .cmRolePanel.error h3 {
    color: #cf9494;
}

.dark .cmContainer .cmRow .cmRowDetailsContainer .cmRowDetails .cmRolePanel.error .infoIcon {
    background: #863737;
}


.dark .container .imageCaptcha {
    background: #151f1e;
}

@media screen and (max-width: 480px) {

    .dark .cmContainer .cmRolesContainer,
    .dark .cmContainer .cmContactContainer {
        background: rgba(255,255,255,0.5);
    }

    .dark .cmContainer .cmRowHeader {
        background: transparent;
        color: inherit;
    }

    .dark .cmContainer .cmRowHeader .cmColRoles .cmColRole,
    .dark .cmContainer .cmRowHeader .cmColRoles .cmColRole.mandatory,
    .dark .cmContainer .cmRowHeader .cmColRoles .cmColRole.selected {
        color: #6d8486;
        background: #fff;
        border: 1px solid #ddd;
    }

    .dark .cmContainer .cmRowHeader .cmColRoles .cmColRole.mandatory.error {
        background: #fbeaea;
        color: #cf9494;
    }

    .dark .cmContainer .cmRowHeader .cmColRoles .cmColRole.cmColRoleSectionHeader {
        background: #759a9e;
        color: #fff;
        font-weight: bold;
    } 

    .dark .cmContainer .cmRowHeader .cmColRoles .cmColRole .cmInfo {
        background: #425655;
        color: #fff;
    }

    .dark .cmContainer .cmRow {
        border: 1px solid #ddd;
    }

}



.dark .convContainer .convHeader .buttons button.off {
    background: #1c3937;
    color: #fff;
}

.dark .convContainer .convHeader .buttons button.off:hover,
.dark .convContainer .convHeader .buttons button.off:focus {
    background: #142524;
    color: #fff;
}

.dark .convContainer .convHeader .buttons button.disabled {
    background: #1c3937;
    color: #20302f;
}

.dark .convContainer .convHeader .buttons button.disabled:hover {
    background: #1c3937;
}

.dark .convContainer label.conv_confidential.checked {
    color: #a9782a;
}

.dark .queuedFile {
    background: #151f1e;
    border: 1px solid #ccc;
}

.dark .queuedFile.uploading {
    background: #314849;
    color: #fff;
}

.dark .queuedFile p.fileMeta {
    color: #b5c0bf;
}

.dark .queuedFile p.fileMeta a {
    color: #b5c0bf;
}

.dark .queuedFile div.uploadBar {
    background: #136b0c;
}

.dark .queuedFile button.deleteButton {
    background: #690202;
}

.dark .queuedFile button.deleteButton:hover,
.dark .queuedFile button.deleteButton:focus {
    background: #863737;
}

.dark .queuedFile button.deleteButton:before {
    color: #fff;
}

.dark .convMessagesContainer {
    background: #263938;
}

.dark .message {
    background: rgba(255, 255, 255, 0.1);
    color: #8da0a0;
}

.dark .message em.confidential {
    color: #a9782a;
}

.dark .message.fileAdd .file {
    background: #20302f;
}

.dark .message.fileAdd .file:hover,
.dark .message.fileAdd .file:focus {
    background: #263938;
}

.dark .message.fileAdd .file:before {
    color: #fff;
    background: #213231;
}

.dark .message.fileAdd .file:hover:before,
.dark .message.fileAdd .file:focus:before {
    background: #142524;
}

.dark .message.fileAdd .file.fileArchived {
    background: #263938;
}

.dark .message.fileAdd .file.fileArchived:hover,
.dark .message.fileAdd .file.fileArchived:focus {
    background: #263938;
}

.dark .message.fileAdd .file.fileArchiving {
    background: #564b37;
}

.dark .message.fileAdd .file.fileArchiving:hover,
.dark .message.fileAdd .file.fileArchiving:focus {
    background: #564b37;
}

.dark .message.fileRemove .file {
    background: #151f1e;
}

.dark .message .icon:before {
    color: #c3cfce;
}

.dark .message.comment {
    background: #20302f;
    color: #8da0a0;
}

.dark .message.comment.me .icon:before {
    color: #8da0a0;
}

.dark .message.error {
    background: #481d1d;
    color: #da8e8e;
}

.dark .message.error .icon:before {
    color: #da8e8e;
}

.dark .message.warning .icon:before {
    color: #da8e8e;
}

.dark .message .date {
    color: #b5c0bf;
}

.dark .message.error .date {
    color: #da8e8e;
}


.dark .message.streamTitleShown .streamTitle {
    color: #4f7371;
    background: #20302f;
}

.dark .message.streamTitleShown .streamTitle:before {
    color: #4f7371;
}

.dark .convFileManagerFiles td.file.fileArchived em:before {
    color: #c3cfce;
}

@keyframes newmessage {
    from {
        background-color: #ffeeab;
    }

    to {
        background-color: #20302f;
    }
}

@keyframes newmessagecomment {
    from {
        background-color: #ffeeab;
    }

    to {
        background-color: #fff;
    }
}

.dark .content img.softwareLogo {
    opacity: 0.8;
}


.dark .packageFileDescription span {
    background: transparent !important;
}

.dark .message.comment .comment p {
    background: transparent !important;
}

.dark .container .imageListContainer button {
     background: transparent;
}
.dark .container .imageListContainer button img {
     border: 2px solid transparent;
}

.dark .container .imageListContainer button.selected img {
     border: 2px solid #cb8e1a;
}


.dark .actionMessage {
    background: #20302f;
    color: #8da0a0;
}
.dark .actionMessage div a.button {
    background: #507777;
}
.dark .actionMessage div a.button:hover {
    background: #394546;
}

.dark .actionMessage.warning {
    background: #3c3529;
    color: #f3b553;
}
.dark .actionMessage.warning div a.button {
    background: #ac7d32;
}
.dark .actionMessage.warning div a.button:hover {
    background: #845717;
}

.dark .actionMessage.issue {
    background: #481d1d;
    color: #da8e8e;
}
.dark .actionMessage.issue div a.button {
    background: #b54646;
}
.dark .actionMessage.issue div a.button:hover {
    background: #770300;
}


.dark .actionMessage.good {
    background: #232c21;
    color: #359c1c;
}
.dark .actionMessage.good div a.button {
    background: #359c1c;
}
.dark .actionMessage.good div a.button:hover {
    background: #394546;
}

.dark .actionMessage.info {
    background-color: #263938;
    color: #6d8486;
}
.dark .actionMessage.info div a.button {
    background: #6d8486;
}
.dark .actionMessage.info div a.button:hover {
    background: #394546;
}


.dark .actionMessage p:before {
    content: "\f0f3";
}
.dark .actionMessage.alertIcon p:before {
    content: "\f06a";
}
.dark .actionMessage.addIcon p:before {
    content: "\f055";
}


.dark .invoiceEditor {
    background: #393d3b;
    background-image: url("/images/invoice-bg-dark.png");
    background-size:cover;
}

.dark .invoiceActiveSectionOverlay {
    background: #ffffff30;
}

/**********************************************************************************
Media Queries
**********************************************************************************/

/**********************************************************************************
Tablet View (960px)
**********************************************************************************/
@media screen and (max-width: 960px) {

/*
    .dark #header {
        border-bottom: 1px solid #263938;
    }

    .dark #header .mobileNav {
        background: url("/images/hamburger-menu.png");
    }

    .dark #header .mobileNav:hover {
        background-image: url("/images/hamburger-menu-hover.png");
        background-color: #213231;
    }

    .dark #header .userNav ul li.alerts a {
        background: #213231 url("/images/alert-icon.png") no-repeat 12px 18px;
    }

    .dark #mobileNav {
        background: rgba(22, 29, 28, 0.65);
    }

    .dark #mobileNav .nav ul {
        background: #20302f;
    }

    .dark #mobileNav .nav ul li a {
        color: #8da0a0;
    }

    .dark #mobileNav .nav ul li a.parent {
        background-image: url("/images/nav-arrow.png");
    }

    .dark #mobileNav .nav ul li a.back {
        background: #213231;
        color: #fff;
        background-image: url("/images/nav-arrow-back.png");
        background-repeat: no-repeat;
        background-position: 10px center;
    }



    .dark #mobileNav .nav ul li ul li a {
        background: #20302f;
        color: #8da0a0;
    }

    .dark #mobileNav .nav ul li ul li.selected a {
        background-color: #263938;
        color: #8da0a0;
    }

    .dark #mobileNav .nav ul li ul li:hover a {
        background-color: #213231;
        color: #fff;
    }

    .dark #mobileNav .nav ul li.title {
        color: #8da0a0;
    }

    .dark #mobileNav .nav ul li.title .closer:hover {
        background-image: url("/images/navmenu-close-hover.png");
        background-color: #213231;
    }

    .dark #mobileNav .nav ul li.selected a {
        background-color: #263938;
        color: #8da0a0;
    }

    .dark #mobileNav .nav ul li.selected li a {
        background-color: #20302f;
        color: #8da0a0;
    }

    .dark #mobileNav .nav ul li.selected li a.back {
        background-image: url("/images/nav-arrow-back.png");
        background-color: #213231;
        color: #fff;
    }

    .dark #mobileNav .nav ul li.selected li.selected a {
        background-color: #263938;
        color: #8da0a0;
    }

    .dark #mobileNav .nav ul li.selected li:hover a {
        background-color: #213231;
        color: #fff;
    }

    .dark #mobileNav .nav ul li:hover a {
        background-color: #213231;
        color: #fff;
    }

    .dark #mobileNav .nav ul li:hover li a {
        background-color: #20302f;
        color: #8da0a0;
    }

    .dark #mobileNav .nav ul li:hover li a.back {
        background-image: url("/images/nav-arrow-back.png");
        background-color: #213231;
        color: #fff;
    }

    .dark #mobileNav .nav ul li:hover li.selected a {
        background-color: #263938;
        color: #8da0a0;
    }

    .dark #mobileNav .nav ul li:hover li:hover a {
        background-color: #213231;
        color: #fff;
    }
*/
    .dark .expandableContainer.sideHeader .container {
        background-color: transparent;
    }

    .dark table tbody tr.headerRow {
        background: #213231;
        color: #fff;
    }

    .dark #footer .backToTop ul li a,
  .dark #footer .impressum ul li a,
  .dark #footer .version ul li a {
        color: #8da0a0;
        border-bottom: 1px solid #263938;
    }

    .dark #footer .backToTop ul li a:hover,
  .dark #footer .impressum ul li a:hover,
  .dark #footer .version ul li a:hover {
        background: #263938;
    }

    .dark #statusBar .inner #actionButtonsPopup {
        background: rgba(22, 29, 28, 0.65);
    }

    .dark #statusBar .inner #actionButtonsPopup .inner > .container {
        color: #8da0a0;
    }

    .dark #statusBar .inner #actionButtonsPopup .inner > .container .buttons {
        background: #80999a;
    }

}

body.dark .content .multiselect {
    background: #151f1e;
    border: 2px solid #263938;
}


/* Multi Select */
.dark .multiselect button.fakeSelect {
    background: #151f1e;
    color: #8da0a0;
    border-bottom: 1px solid #213231;
}

.dark .multiselect button.fakeSelect:before {
    background: #00577c;
    color: #fff;
}

.dark .multiselect button.fakeSelect:hover,
.dark .multiselect button.fakeSelect:focus {
    background: #20302f;
}

.dark .multiselect .multiselect_search_container {
    background: #20302f;
    border-bottom: 1px solid #213231;
}


.dark .multiselect button.multiselect_search_clear {
    background: #690202;
}

.dark .multiselect button.multiselect_search_clear:hover,
.dark .multiselect button.multiselect_search_clear:focus {
    background: #863737;
}

.dark .multiselect .multiselect_item_container > p {
    color: #263938;
}

.dark .multiselect button.multiselect_item {
    background: #151f1e;
    color: #8da0a0;
    border-bottom: 1px solid #213231;
}

.dark .multiselect button.multiselect_item:hover,
.dark .multiselect button.multiselect_item:focus {
    background: #20302f;
}

.dark .multiselect button.multiselect_item:before {
    color: #293e3d;
}

.dark .multiselect button.multiselect_item.selected:before {
    color: #b57b2d;
}

.dark .multiselect button.multiselect_item.partSelected:before {
    color: #213231;
}

.dark .multiselect button.multiselect_item.multiselect_selectall {
    background: #20302f;
}

.dark .multiselect button.multiselect_item.multiselect_selectall:hover,
.dark .multiselect button.multiselect_item.multiselect_selectall:focus {
    background: #d6e5e3;
}

.dark .multiselect .multiselect_status {
    background: #20302f;
    border-top: 1px solid #213231;
}

.dark .modalPopupInner .oneWiderCol span a {
    color: #a9782a;
}

.dark .portalListContainer .portalListRow {
    color: #8da0a0;
    background: #151f1e;
}

.dark .portalListContainer a.portalListRow:hover {
    background: #20302f;
}

.dark .portalListContainer .portalListRow.selected {
    background: rgba(0,0,0, 0.25);
}

.dark .portalListContainer .portalListRow.fileHeader {
    background: #213231;
    color: #fff;
}

.dark .portalListContainer .portalListRow .portalListHeaderCell.sortable:hover {
    background: #314849;
}

.dark .portalListContainer .portalListRow .portalListCell.portalListCellName span {
    color: #a9782a;
}

.dark .portalListContainer .portalListRow.archived .portalListCell.portalListCellName span {
    color: #8da0a0;
}

.dark .portalListContainer .portalListRow .portalListCell.portalListCellName span:before {
    color: #a9782a;
}

.dark .portalListContainer .portalListRow .portalListCell.portalListCellName.itemIcon_file span:before {
    color: #8da0a0;
}

.dark .portalListContainer .portalListRow .portalListCell.portalListCellName.itemIcon_uq span:before {
    color: #7eac73;
}

.dark .portalListContainer .portalListRow.shared .portalListCell.portalListCellName.itemIcon_file span:before {
    color: #8da0a0;
}

.dark .portalListContainer .portalListRow .portalListCell.portalListCellName.itemIcon_customer span:before {
    color: #a9782a;
}

.dark .portalListContainer .portalListRow .portalListCell.portalListCellName.itemIcon_hoster span:before {
    color: #a9782a;
}

.dark .portalListContainer .portalListRow .portalListCellActions .portalListActionButton {
    background: #00577c;
    color: #fff;
}

.dark .portalListContainer .portalListRow .portalListCellActions .portalListActionButton:hover {
    background: #034c6b;
}

@media screen and (max-width: 720px) {

    .dark .portalListContainer .portalListRow .portalListCellActions .portalListActionButton {
        background: transparent;
        color: #8da0a0;
    }

    .dark .portalListContainer .portalListRow .portalListCellActions .portalListActionButton:hover {
        background: rgba(117, 154, 158, 0.25);
    }
}

.dark button.buttonRemoveShare {
    color: #fff;
}

.dark #templateBrowser #folderTitle .fileBackLink {
     color: #a9782a;
}
.dark #templateBrowser .fileList .fileRow {
     background: rgba(0,0,0, 0.25);
     color: #a9782a;
}
.dark #templateBrowser .fileList .fileRow:hover,.dark #templateBrowser .fileList .fileRow:focus {
     background: #213231;
}
.dark #templateBrowser .fileList .fileRow.selected {
     background: #000;
}
.dark #templateBrowser .fileList .fileRow .fileNameAndIcon .fileIcon:before {
     color: #a9782a;
}
.dark #templateBrowser .fileList .fileRow .fileNameAndIcon .fileIcon.fileIconFolder:before {
     color: #a9782a;
}
.dark #templateBrowser .fileList .fileRow .fileNameAndIcon .fileIcon.fileIconQuote:before {
     color: #759a9e;
}
.dark #templateBrowser .fileList .fileRow .fileNameAndIcon .fileIcon.fileIconNotFound:before {
     color: #d3e0df;
}
.dark #templateBrowser .fileList .fileRow .fileNameAndIcon .fileName button {
     color: #a9782a;
}
.dark #templateBrowser .fileList .fileHeader {
     background: #213231;
     color: #fff;
}
.dark #templateBrowser .fileList .fileHeader:hover,.dark #templateBrowser .fileList .fileHeader:focus {
     background: #213231;
}

.dark .contextMenu {
     background: #151d1c;
     box-shadow: 0px 5px 5px #151d1c;
     border: 1px solid #20302f;
}
.dark .contextMenu em {
     color: #6d8486;
}
.dark .contextMenu .contextMenuHeader {
     color: #e9f2f1;
     background: #253a39;
}
.dark .contextMenu .contextMenuHeader em {
     color: #8da0a0;
}
.dark .contextMenu span {
     color: #6d8486;
}
.dark .contextMenu a {
     color: #6d8486;
     background: #151d1c;
}
.dark .contextMenu a:focus {
     background: #253a39;
     color: #8da0a0;
}
.dark .contextMenu a:focus em {
     color: #8da0a0;
}
.dark .contextMenu a:hover {
     background: #314849;
     color: #e9f2f1;
}
.dark .contextMenu a:hover em {
     color: #e9f2f1;
}
.dark .contextMenu .contextMenuSeparator {
     background: #455958;
}

.dark .expandableContainer.warning > .container .imageCaptcha {
    background: rgba(255,255,255,0.1);
}
/**********************************************************************************
Mobile View (480px)
**********************************************************************************/
@media screen and (max-width: 480px) {

    .dark table tbody tr.headerRow {
        background: #213231;
        color: #fff;
    }

    .dark #statusBar a.button.buttonAlert {
        background: #564b37 url("/images/alert-icon.png") no-repeat 15px 15px;
    }

}




.dark button.richSelect_item,
.dark .rounding button.richSelect_item {
    background: #151f1e;
    color: #8da0a0;
    border: 1px solid #20302f;
}

.dark button.richSelect_item:hover,
.dark .rounding button.richSelect_item:hover {
    background: rgba(211, 224, 223, 0.15);
}

.dark .richSelect .richSelect_menu {
    background: #151f1e;
}

.dark .richSelect .richSelect_menu button.richSelect_item.richSelect_selected {
    background: #20302f;
}


.dark .richSelect .richSelect_menu button.richSelect_item:hover,
.dark .richSelect .richSelect_menu button.richSelect_item:active {
     background: rgba(211, 224, 223, 0.15);
    color: #8da0a0;
    box-shadow: 0 0px 5px rgba(0,0,0,0);
}
