/******************************************
                DAY MODE
*******************************************/
/******************************************
                COLORS
*******************************************/
/******************************************
                MIXINS
*******************************************/
body {
  color: #191919;
}

.gl-list {
  background-color: #e6e6e6;
  color: #4d4d4d;
}

.gl-list li {
  border-bottom: 1px solid gray;
}

.gl-button {
  background-color: #4d4d4d;
  color: #e6e6e6;
}

.wrapper {
  background-color: rgba(255, 255, 255, 0.75);
}

.gl-menucontent li svg #sun,
.gl-menucontent li .day {
  display: none;
}

.loginbox {
  background-color: rgba(255, 255, 255, 0.75);
}
.loginbox section.codeblock svg {
  fill: #4d4d4d;
}
.loginbox .header {
  color: #4d4d4d;
}
.loginbox label[for="codevalue"],
.loginbox label[for="rememberme"],
.loginbox .error {
  color: gray;
}
.loginbox .error {
  color: #b40000;
}
.loginbox .switchpass {
  background-color: #e6e6e6;
  color: gray;
}

.splashdemo {
  color: #e6e6e6;
  background-color: #34495e;
}

.login .dnmodebutton {
  background-color: rgba(0, 0, 0, 0.5);
  color: #e6e6e6;
}
.login .dnmodebutton svg #moon {
  fill: #e6e6e6;
}
.login .dnmodebutton svg #sun,
.login .dnmodebutton .text-dm {
  display: none;
}

.aboutbox {
  background-color: rgba(255, 255, 255, 0.75);
  color: #4d4d4d;
}

.main .globalsources .source .label,
.detail .globalsources .source .label {
  color: gray;
}
.main .map svg#lopa g *,
.detail .map svg#lopa g * {
  fill: transparent;
  stroke: #4d4d4d;
}
.main .map svg#lopa .disabled,
.detail .map svg#lopa .disabled {
  stroke: #4d4d4d;
}
.main .map svg#lopa g .selected,
.detail .map svg#lopa g .selected {
  stroke: #4d4d4d;
}
.main .pane .commands .message,
.detail .pane .commands .message {
  color: #4d4d4d;
}
.main .commands .label,
.detail .commands .label {
  color: #4d4d4d;
}
@media only screen and (max-device-width: 568px) {
  .main .commands .label,
  .detail .commands .label {
    color: #e6e6e6;
  }
}

.effectlist li.scenario {
  background: url("/assets/images/icon-scenario-grey.svg") no-repeat 0.5em center;
}
.effectlist li.preset {
  background: url("/assets/images/icon-preset-grey.svg") no-repeat 0.5em center;
}
.effectlist li.custom {
  background: url("/assets/images/icon-custom-grey.svg") no-repeat 0.5em center;
}
.effectlist li.audio {
  background: url("/assets/images/icon-audio-grey.svg") no-repeat 0.5em center;
}
.effectlist li.scenario.selected {
  background: #34495e url("/assets/images/icon-scenario-white.svg") no-repeat 0.5em center;
}
.effectlist li.preset.selected {
  background: #34495e url("/assets/images/icon-preset-white.svg") no-repeat 0.5em center;
}
.effectlist li.custom.selected {
  background: #34495e url("/assets/images/icon-custom-white.svg") no-repeat 0.5em center;
}
.effectlist li.audio.selected {
  background: #34495e url("/assets/images/icon-audio-white.svg") no-repeat 0.5em center;
}

.devicelist li.coffeem {
  background: url("/assets/images/icon-coffeem-grey.svg") no-repeat 0.5em center;
}
.devicelist li.curtains {
  background: url("/assets/images/icon-curtains-grey.svg") no-repeat 0.5em center;
}
.devicelist li.coffeem.selected {
  background: #34495e url("/assets/images/icon-coffeem-white.svg") no-repeat 0.5em center;
}
.devicelist li.curtains.selected {
  background: #34495e url("/assets/images/icon-curtains-white.svg") no-repeat 0.5em center;
}

.effects .pane .message .inner,
.devices .pane .message .inner {
  color: #191919;
}
.effects .pane .inner,
.devices .pane .inner {
  color: #4d4d4d;
}
.effects .pane .inner .action-bottom,
.devices .pane .inner .action-bottom {
  background-color: #e6e6e6;
}
.effects .pane .pl-overlay,
.devices .pane .pl-overlay {
  background-color: #e6e6e6;
}
.effects .pane .preset .linedown,
.devices .pane .preset .linedown {
  background: rgba(255, 255, 255, 0.5) url("/assets/images/icon-preset-grey.svg") no-repeat 0.5em center;
}
.effects .pane .scenario .linedown,
.devices .pane .scenario .linedown {
  background: rgba(255, 255, 255, 0.5) url("/assets/images/icon-scenario-grey.svg") no-repeat 0.5em center;
}
.effects .pane .audio .linedown,
.devices .pane .audio .linedown {
  background: rgba(255, 255, 255, 0.5) url("/assets/images/icon-audio-grey.svg") no-repeat 0.5em center;
}
.effects .pane .coffeem .linedown,
.devices .pane .coffeem .linedown {
  background: rgba(255, 255, 255, 0.5) url("/assets/images/icon-coffeem-grey.svg") no-repeat 0.5em center;
}
.effects .pane .curtains .linedown,
.devices .pane .curtains .linedown {
  background: rgba(255, 255, 255, 0.5) url("/assets/images/icon-curtains-grey.svg") no-repeat 0.5em center;
}