/*
 * Dark theme
 */

body.theme-dark.pushable > .pusher,
body.theme-dark {
    background: #191919;
    color: rgba(255,255,255,.87);
}
body.theme-dark.pushable.dimmed > .pusher.dimmed {
    background: #191919 !important;
}
body.theme-dark h1,
body.theme-dark h2,
body.theme-dark h3,
body.theme-dark h4,
body.theme-dark h5,
body.theme-dark .ui.header {
    color: #F1F1F1;
}
body.theme-dark a {
    color: #FFCF43;
}
body.theme-dark a:hover {
    color: #5CE0D8;
}
body.theme-dark .ui.divider:not(.ignore-theme),
body.theme-dark .ui.header:not(.ignore-theme),
body.theme-dark .ui.table:not(.ignore-theme),
body.theme-dark .ui.table:not(.ignore-theme) > thead > tr > th,
body.theme-dark .ui.table:not(.ignore-theme) > tfoot > tr > th,
body.theme-dark .ui.table:not(.ignore-theme) > tfoot > tr > td,
body.theme-dark table.dataTable tbody tr,
body.theme-dark table.dataTable thead th,
body.theme-dark table.dataTable thead td,
body.theme-dark .ui.segment:not(.ignore-theme),
body.theme-dark .ui.secondary.pointing.menu .header.item,
body.theme-dark .ui.slider.checkbox input:checked ~ label,
body.theme-dark .ui.card:not(.ignore-theme), 
body.theme-dark .ui.cards:not(.ignore-theme) > .card:not(.ignore-theme) {
    background: transparent !important;
    color: rgba(255,255,255,.87) !important;
}
body.theme-dark .ignore-theme.ui.segment,
body.theme-dark .ignore-theme.ui.header {
    color: #000 !important;
}
body.theme-dark .ui.cards > .card > .content > .header,
body.theme-dark .ui.card > .content > .header,
body.theme-dark .ui.cards > .card > .content > .header:not(.ui),
body.theme-dark .ui.card > .content > .header:not(.ui),
body.theme-dark .ui.card > .content > .description,
body.theme-dark .ui.cards > .card > .content > .description,
body.theme-dark .ui.card > .extra, body.theme-dark .ui.cards > .card > .extra span {
    color: rgba(255,255,255,.87) !important;
}
body.theme-dark .ui.tertiary.button,
body.theme-dark .ui.header .sub.header,
body.theme-dark .ui.accordion .accordion > .title, 
body.theme-dark .ui.accordion.menu .item > .title, 
body.theme-dark .ui.accordion > .title {
    color: rgba(255,255,255,.57);
}

body.theme-dark .ui.styled.accordion .accordion > .title, 
body.theme-dark .ui.styled.accordion > .title {
  color: rgba(255,255,255,.5);
  border-top: 1px solid rgba(255,255,255,.1);
}
body.theme-dark .ui.styled.accordion, 
body.theme-dark .ui.styled.accordion .accordion {
  background: #1b1c1d;
  box-shadow: 0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(255,255,255,.1);
}

body.theme-dark .ui.basic.label {
    /*background: #666 !important;*/
}

body.theme-dark .ui.modal:not(.basic),
body.theme-dark .ui.modal:not(.basic) > .content,
body.theme-dark .ui.message,
body.theme-dark .ui.menu .dropdown.item .menu {
    background-color: #1b1c1d !important;
    color: rgba(255,255,255,.9) !important;
}
body.theme-dark .ui.menu .dropdown.item .menu .item,
body.theme-dark .ui.menu .dropdown.item .menu a.item,
body.theme-dark .ui.menu .ui.dropdown .menu > .active.item {
    color: rgba(255,255,255,.9) !important;
}
body.theme-dark .ui.menu .dropdown.item .menu a.item:hover {
    color: rgba(233,176,11) !important;
}
body.theme-dark .ui.secondary.segment,
body.theme-dark .ui.checkbox label,
body.theme-dark .ui.form .field > label,
body.theme-dark .ui.form .field > p,
body.theme-dark .ui.form .fields .field > label,
body.theme-dark .ui.form .fields .field > p,
body.theme-dark .ui.form .fields > label {
    color: rgba(255,255,255,.87) !important;
}
body.theme-dark .ui.segment {
    border-color: rgba(255,255,0,.15);
}

body.theme-dark .ui.statistic .label, 
body.theme-dark .ui.statistics .statistic > .label,
body.theme-dark .ui.statistic .value, 
body.theme-dark .ui.statistics .statistic > .value {
    color: #fff !important;
}

body.theme-dark #footer {
/*    background: transparent;*/
    border-top: none;
    border-bottom: none;
}
body.theme-dark #footer a,
body.theme-dark #footer .ui.header {
    color: #000 !important;
}
body.theme-dark #footer .ui.button > .icon:not(.button) {
    color: #FFF;
}
body.theme-dark .ui.black.button, 
body.theme-dark .ui.black.buttons .button {
    background: #333;
}

body.theme-dark .ui.toast > .content > .header,
body.theme-dark .buttons-columnVisibility:hover span,
body.theme-dark .buttons-colvisRestore:hover span {
    color: #000 !important;
}
body.theme-dark .buttons-columnVisibility:not(.active) span,
body.theme-dark .buttons-colvisRestore:not(.active) span {
    color: #999 !important;
}

body.theme-dark input,
body.theme-dark .ui.form .field.field input:autofill,
body.theme-dark textarea,
body.theme-dark .ui.form textarea,
body.theme-dark .ui.input textarea,
body.theme-dark .ui.selection.dropdown,
body.theme-dark .ui.basic.button,
body.theme-dark .ui.basic.buttons .button {
    background: #333 !important;
    color: #F1F1F1 !important;
}
body.theme-dark .ui.form .field.field input:autofill {
    box-shadow: inherit !important;
    -webkit-box-shadow: inherit !important;
    border-color: rgba(34,36,38,.15) !important;
}
body.dark-mode .ui.input > input::placeholder {

  color: rgba(255, 255, 255, 0.5) !important;

}
body.dark-mode .ui.input > input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
}
body.dark-mode .ui.input > input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
}
body.dark-mode .ui.input > input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5) !important;
}

body.theme-dark div.dtsb-searchBuilder select.dtsb-data,
body.theme-dark div.dtsb-searchBuilder select.dtsb-dropDown, 
body.theme-dark div.dtsb-searchBuilder .dtsb-option,
body.theme-dark div.dtsb-searchBuilder input.dtsb-input,
body.theme-dark div.dtsb-searchBuilder select.dtsb-italic {
    border: 2px solid #333 !important;
    background: #000 !important;
    color: #F1F1F1 !important;
}
body.theme-dark .dropzone {
    background: #222;
    color: rgba(255,255,255,.87);
}
body.theme-dark .ui.menu {
    border-bottom: 1px solid #2A2A2A;
}
body.theme-dark .status-label .label,
.ui.basic.labels .teal.label, .ui.ui.ui.basic.teal.label {
    background: transparent !important;
}

.faux-input {
  display: inline-block;
  background: #fff;
  border: 1px solid rgba(34,36,38,.15);
  padding: .67857143em 1em;
  line-height: 1.21428571em;
}
body.theme-dark .faux-input {
  background: #333333;
}

body.theme-dark .highlight {
  background: #2d2d1f;
}



/*--------------------
      Placeholder
---------------------*/

/* browsers require these rules separate */

body.theme-dark .ui.form ::-webkit-input-placeholder {
  color: rgba(120, 120, 120, 0.87);
}

body.theme-dark .ui.form :-ms-input-placeholder {
  color: rgba(120, 120, 120, 0.87);
}

body.theme-dark .ui.form ::-moz-placeholder {
  color: rgba(120, 120, 120, 0.87);
}

body.theme-dark .ui.form :focus::-webkit-input-placeholder {
  color: rgba(120, 120, 120 0.87);
}

body.theme-dark .ui.form :focus:-ms-input-placeholder {
  color: rgba(120, 120, 120 0.87);
}

body.theme-dark .ui.form :focus::-moz-placeholder {
  color: rgba(120, 120, 120 0.87);
}

/* browsers require these rules separate */

body.theme-dark .ui.input input::-webkit-input-placeholder {
  color: rgba(120, 120, 120, 0.87);
}
body.theme-dark .ui.field input::-webkit-input-placeholder {
  color: rgba(120, 120, 120, 0.87);
}

body.theme-dark .ui.input input::-moz-placeholder {
  color: rgba(120, 120, 120, 0.87);
}
body.theme-dark .ui.field input::-moz-placeholder {
  color: rgba(120, 120, 120, 0.87);
}

body.theme-dark .ui.input input:-ms-input-placeholder {
    color: rgba(120, 120, 120, 0.87);
}
body.theme-dark .ui.field input:-ms-input-placeholder {
  color: rgba(120, 120, 120, 0.87);
}