/* variables setup */
:root {
  --palette--red:          #f44336;
  --palette--pink:         #e91e63;
  --palette--purple:       #9c27b0;
  --palette--deep-purple:  #673ab7;
  --palette--indigo:       #3f51b5;
  --palette--blue:         #2196f3;
  --palette--light-blue:   #03a9f4;
  --palette--cyan:         #00bcd4;
  --palette--teal:         #009688;
  --palette--green:        #4caf50;
  --palette--light-green:  #8bc34a;
  --palette--lime:         #cddc39;
  --palette--yellow:       #ffeb3b; /* #ffe821? */
  --palette--amber:        #ffc107;
  --palette--orange:       #ff9800;
  --palette--deep-orange:  #ff5722;
  --palette--brown:        #795548;
  --palette--grey:         #9e9e9e;
  --palette--blue-grey:    #607d8b;
  --palette--grey-darken-4:#212121;
  --palette--black:        #000;
  --palette--white:        #fff;

  --main-text-color: var(--palette--white);
  --range-slider-track-color: rgba(200, 200, 200, 0.4);
}

/*
body
odd
selected choice
picon
legal
skinswitch active
navtab active
dropdown
313443

hover
highlighted choice
side hover
navtab hover
dropdown hover
343847

dropdown
modal
swal
dropdown selected
282c37
*/

/* city-lights */
:root .theme--city-lights {
  color-scheme: dark;
  --background-color--main:  #313443;
  --background-color--alt:   #282c37;
  --background-color--active: inherit;
  --background-color--hover: #343847;
}

:root .theme--neon-blackout {
  color-scheme: dark;
  --background-color--main:   #090909;
  --background-color--alt:    #000;
  --background-color--active: #0f0f0f;
  --background-color--hover:  #121212;
}

:root .skin--red {
  --skin-color: var(--palette--red);
}

:root .skin--pink {
  --skin-color: var(--palette--pink);
}

:root .skin--purple {
  --skin-color: var(--palette--purple);
}

:root .skin--deep-purple {
  --skin-color: var(--palette--deep-purple);
}

:root .skin--indigo {
  --skin-color: var(--palette--indigo);
}

:root .skin--blue {
  --skin-color: var(--palette--blue);
}

:root .skin--light-blue {
  --skin-color: var(--palette--light-blue);
}

:root .skin--cyan {
  --skin-color: var(--palette--cyan);
}

:root .skin--teal {
  --skin-color: var(--palette--teal);
}

:root .skin--green {
  --skin-color: var(--palette--green);
}

:root .skin--light-green {
  --skin-color: var(--palette--light-green);
}

:root .skin--lime {
  --skin-color: var(--palette--lime);
}

:root .skin--yellow {
  --skin-color: var(--palette--yellow);
  --main-text-color: #333;
}

:root .skin--amber {
  --skin-color: var(--palette--amber);
}

:root .skin--orange {
  --skin-color: var(--palette--orange);
}

:root .skin--deep-orange {
  --skin-color: var(--palette--deep-orange);
}

:root .skin--brown {
  --skin-color: var(--palette--brown);
}

:root .skin--grey {
  --skin-color: var(--palette--grey);
}

:root .skin--blue-grey {
  --skin-color: var(--palette--blue-grey);
}

:root .skin--grey-darken-4 {
  --skin-color: var(--palette--grey-darken-4);
}

:root .skin--black {
  --skin-color: var(--palette--black);
}

:root .skin--white {
  --skin-color: var(--palette--white);
  --main-text-color: var(--palette--black);
}


/* skin selector */
.color-swatch {
  color: var(--main-text-color);
}

.swatch--red {
  background-color: var(--palette--red);
}

.swatch--pink {
  background-color: var(--palette--pink);
}

.swatch--purple {
  background-color: var(--palette--purple);
}

.swatch--deep-purple {
  background-color: var(--palette--deep-purple);
}

.swatch--indigo {
  background-color: var(--palette--indigo);
}

.swatch--blue {
  background-color: var(--palette--blue);
}

.swatch--light-blue {
  background-color: var(--palette--light-blue);
}

.swatch--cyan {
  background-color: var(--palette--cyan);
}

.swatch--teal {
  background-color: var(--palette--teal);
}

.swatch--green {
  background-color: var(--palette--green);
}

.swatch--light-green {
  background-color: var(--palette--light-green);
}

.swatch--lime {
  background-color: var(--palette--lime);
}

.swatch--yellow {
  background-color: var(--palette--yellow);
}

.swatch--amber {
  background-color: var(--palette--amber);
}

.swatch--orange {
  background-color: var(--palette--orange);
}

.swatch--deep-orange {
  background-color: var(--palette--deep-orange);
}

.swatch--brown {
  background-color: var(--palette--brown);
}

.swatch--grey {
  background-color: var(--palette--grey);
}

.swatch--blue-grey {
  background-color: var(--palette--blue-grey);
}

.swatch--grey-darken-4 {
  background-color: var(--palette--grey-darken-4);
}

.swatch--black {
  background-color: var(--palette--black);
}

.swatch--white {
  background-color: var(--palette--white);
}


input[type="range"]::-webkit-slider-runnable-track {
  background: var(--range-slider-track-color);
}
input[type="range"]::-webkit-slider-thumb {
  background: var(--main-text-color);
}
input[type="range"]:focus::-webkit-slider-runnable-track {
  background: var(--range-slider-track-color);
}
input[type="range"]::-moz-range-track {
  background: var(--range-slider-track-color);
}
input[type="range"]::-moz-range-thumb {
  background: var(--main-text-color);
}
input[type="range"]:-moz-focusring {
  outline-color: var(--main-text-color);
}
input[type="range"]::-ms-thumb {
  background: var(--main-text-color);
}

.link--skinned {
  color: var(--skin-color);
}

.bg--skinned,
.btn--skinned,
.sweet-alert button.confirm,
.choices__list--multiple .choices__item {
  background-color: var(--skin-color) !important;
  color: var(--main-text-color) !important;
}

.spinner-layer.pl--skinned {
  border-color: var(--skin-color);
}

.nav > li > a {
  color: var(--main-text-color);
}

.nav > li > a:hover,
.nav > li > a:focus,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  /* background-color: rgba(0, 0, 0, 0.05); */
  background-color: transparent;
}

.navbar {
  color: var(--main-text-color);
  background-color: var(--skin-color);
}

.timetable-now {
  background-color: var(--skin-color) !important;
}

.bars {
  color: var(--main-text-color);
}

.sidebar .menu .list li.active {
  background-color: transparent;
}

.sidebar .menu .list li.active > :first-child i,
.sidebar .menu .list li.active > :first-child span {
  color: var(--skin-color);
}

.sidebar .menu .list .toggled,
.sidebar .menu .list .ml-menu {
  background-color: transparent;
}

.sidebar .legal {
  background-color: #fff;
}

.sidebar .legal .copyright a {
  color: var(--skin-color) !important;
}

.navtab-active,
.epg__event.event--has-timer::after,
.form-group .form-line.focused::after {
  border-color: var(--skin-color);
}

.skin--grey-darken-4 .link--skinned,
.skin--grey-darken-4 .link--skinned:focus,
.skin--grey-darken-4 .link--skinned:hover {
  color: #b2b2b2;
}

.skin--grey-darken-4 .navtab-active,
.skin--grey-darken-4 .epg__event.event--has-timer::after,
.skin--grey-darken-4 .form-group .form-line.focused::after {
  border-color: #b2b2b2;
}

.skin--white .link--skinned,
.skin--white .link--skinned:focus,
.skin--white .link--skinned:hover {
  color: #000;
}

/* misc */
.sweet-alert .sa-icon::after,
.sweet-alert .sa-icon::before,
.sweet-alert .sa-icon .sa-fix {
  background-color: transparent !important;
}

.remote__button:active {
  background-color: #222;
}


/* themes */
body:not(.theme--supabright) {
  color: #b2b2b2;
  background-color: var(--background-color--main);
}

body:not(.theme--supabright).skin--white .link--skinned,
body:not(.theme--supabright).skin--white .link--skinned:focus,
body:not(.theme--supabright).skin--white .link--skinned:hover {
  color: #fff;
}

body:not(.theme--supabright) section.content {
  background-color: transparent;
}

body:not(.theme--supabright) .search-bar input[type='text'] {
  background-color: var(--background-color--alt);
}

body:not(.theme--supabright) .card {
  background: var(--background-color--alt);
  /* box-shadow: 0 2px 10px rgba(255,255,255,.2); */
}

body:not(.theme--supabright) .card .header {
  color: inherit;
  border-bottom-color: var(--background-color--hover);
}

body:not(.theme--supabright) .card .header h2 {
  color: #f1f1f1;
}

body:not(.theme--supabright) .card .header .header-dropdown i {
  color: #b2b2b2;
}

body:not(.theme--supabright) .card .header .header-dropdown i:hover {
  color: #f1f1f1;
}

body:not(.theme--supabright) .card .body {
  color: #b2b2b2;
}

body:not(.theme--supabright) .close {
  color: #b2b2b2;
}

body:not(.theme--supabright) .close:focus,
body:not(.theme--supabright) .close:hover {
  color: #f1f1f1;
}

body:not(.theme--supabright) .row-striped:nth-of-type(odd),
body:not(.theme--supabright) .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: var(--background-color--main);
}

body:not(.theme--supabright) .table-striped > tbody > tr:hover {
  background-color: var(--background-color--hover);
}

body:not(.theme--supabright) .table tbody tr td,
body:not(.theme--supabright) .table tbody tr th {
  border-top: 1px solid rgba(11, 11, 11, 0.1);
  border-bottom: 1px solid rgba(11, 11, 11, 0.1);
}

body:not(.theme--supabright) .page-loader-wrapper p {
  color: #f1f1f1
}

body:not(.theme--supabright) .choices__list--dropdown {
  background-color: var(--background-color--alt);
  overflow-x: scroll;
}

body:not(.theme--supabright) .choices__list--dropdown .choices__item--choice.is-selected {
  background-color: var(--background-color--main);
}

body:not(.theme--supabright) .choices__list--dropdown .choices__item--selectable.is-highlighted {
  background-color: var(--background-color--hover);
}

body:not(.theme--supabright) .choices[data-type*=select-multiple] .choices__button, 
body:not(.theme--supabright) .choices[data-type*=text] .choices__button {
  border-left-color: var(--background-color--hover);
}
body:not(.theme--supabright) .now-next__channel__actions button:hover { 
  background-color: rgba(241,241,241,.3);
}

body:not(.theme--supabright) .now-next__channel__actions button:active { 
  background-color: rgba(241,241,241,.1);
}

body:not(.theme--supabright) .event-detail__title {
  color: #f1f1f1;
}

body:not(.theme--supabright) .event-detail__time,
body:not(.theme--supabright) .event-detail__description {
  color: #b2b2b2;
}

body:not(.theme--supabright) .event-detail__actions button {
  color: #f1f1f1;
  border: 1px solid rgba(241, 241, 241, 0.2);
  background-color: rgba(241, 241, 241, 0.2);
  border-radius: 2px;
}

body:not(.theme--supabright) .event-detail__actions button:hover { 
  background-color: rgba(241,241,241,.3);
}

body:not(.theme--supabright) .event-detail__actions button:active { 
  background-color: rgba(241,241,241,.1);
}

body:not(.theme--supabright) .event-detail__actions a {
  color: #f1f1f1;
}

body:not(.theme--supabright) #bqemain .selectable li {
  color: #b2b2b2;
  border-color: rgba(11, 11, 11, 0.1);
  background: var(--background-color--alt);
}

body:not(.theme--supabright) #bqemain .selectable .ui-selecting,
body:not(.theme--supabright) #bqemain .selectable li:hover {
  background: var(--background-color--hover);
  color: #f1f1f1;
  font-weight: 400;
}

body:not(.theme--supabright) #bqemain .selectable .ui-selected {
  background: var(--background-color--main);
  color: #f1f1f1;
  font-weight: 700 !important;
}

body:not(.theme--supabright) .bqe__picon,
body:not(.theme--supabright) .picon--with-background {
  background-color: var(--background-color--main) !important;
  box-shadow: inset -20px 40px 60px var(--background-color--alt) !important;
}

body:not(.theme--supabright) .sidebar {
  background: var(--background-color--alt);
  /*box-shadow: 2px 2px 5px rgba(255,255,255,.1);*/
}

body:not(.theme--supabright) .sidebar .legal {
  background-color: var(--background-color--main) !important;
  border-top-color: rgba(11, 11, 11, 0.1);
}
/* TODO: fix invalid */
body:not(.theme--supabright).link--skinned {
  color: #f1f1f1;
}

body:not(.theme--supabright).skin--black .link--skinned:focus,
body:not(.theme--supabright).skin--black .link--skinned:hover {
  color: #b2b2b2;
}
/* TODO: fix invalid */
body:not(.theme--supabright) .sidebar .legal .copyright a,
body:not(.theme--supabright).black--skinned .sidebar .legal .copyright a {
  color: #b2b2b2 !important;
}

body:not(.theme--supabright) .sidebar .menu .list a {
  color: #747474;
}

body:not(.theme--supabright) .sidebar .menu .list a span {
  color: #f1f1f1;
  font-weight: normal;
}
/* TODO: fix invalid */
body:not(.theme--supabright) .sidebar .menu .list .header,
body:not(.theme--supabright) theme-black .sidebar .menu .list .header {
  background: var(--background-color--main);
}

body:not(.theme--supabright) .right-sidebar {
  background: var(--background-color--alt);
}

body:not(.theme--supabright) .modal-content,
body:not(.theme--supabright) .sweet-alert {
  background-color: var(--background-color--alt);
}


body:not(.theme--supabright) .sweet-alert h2 {
  color: #f1f1f1;
}

body:not(.theme--supabright) .sweet-alert p {
  color: #b2b2b2;
}

body:not(.theme--supabright) .modal .modal-content .modal-body {
  color: #777;
}

body:not(.theme--supabright) .form-control {
  color: #eee;
  background-color: transparent;
}

body:not(.theme--supabright) label {
  font-weight: 400;
  color: #f1f1f1;
}

body:not(.theme--supabright) [type='checkbox'] + label::before,
body:not(.theme--supabright) [type='checkbox']:not(.filled-in) + label::after {
  transition: none;
  /* border: 2px solid #5a5a5a; */
  /* border-color: #b2b2b2; */
}

body:not(.theme--supabright).skin [type='checkbox']:checked.chk--skinned + label::before {
  border-right: 2px solid #b2b2b2;
  border-bottom: 2px solid #b2b2b2;
}

body:not(.theme--supabright) [type='radio']:not(:checked) + label::before,
body:not(.theme--supabright) [type='radio']:not(:checked) + label::after {
  border-color: #b2b2b2;
}

body:not(.theme--supabright) .sweet-alert button.cancel,
body:not(.theme--supabright) .btn-default {
  color: #b2b2b2;
}

body:not(.theme--supabright) .sweet-alert button.cancel:hover,
body:not(.theme--supabright) .btn-default:hover {
  color: #f1f1f1;
}
/* TODO: fix */
.sweet-alert button.cancel,
.theme--city-lights .btn-default,
.btn-default:hover,
.btn-default:active,
.btn-default:focus {
  background: transparent !important;
}

body:not(.theme--supabright) .sweet-alert button.cancel.focus,
body:not(.theme--supabright) .btn-default.focus,
body:not(.theme--supabright) .btn-default:focus {
  color: #b2b2b2;
}

body:not(.theme--supabright) .btn-default:active,
body:not(.theme--supabright) .btn-default.active,
body:not(.theme--supabright) .open > .dropdown-toggle.btn-default {
  color: #888;
}

body:not(.theme--supabright) .btn-default.active.focus,
body:not(.theme--supabright) .btn-default.active:focus,
body:not(.theme--supabright) .btn-default.active:hover,
body:not(.theme--supabright) .btn-default:active.focus,
body:not(.theme--supabright) .btn-default:active:focus,
body:not(.theme--supabright) .btn-default:active:hover,
body:not(.theme--supabright) .open > .dropdown-toggle.btn-default.focus,
body:not(.theme--supabright) .open > .dropdown-toggle.btn-default:focus,
body:not(.theme--supabright) .open > .dropdown-toggle.btn-default:hover {
  color: #f1f1f1;
}

body:not(.theme--supabright) .remote__group .material-icons {
  color: #707070;
}

body:not(.theme--supabright) .remote__button .material-icons {
  color: #f1f1f1;
}

body:not(.theme--supabright) .progress {
  background-color: rgba(11, 11, 11, 0.1);
}
/* TODO: fix invalid */
body:not(.theme--supabright).black--skinned .nav > li > a {
  color: var(--background-color--alt);
}

body:not(.theme--supabright) .nav-tabs {
  border-bottom: 2px solid var(--background-color--hover);
}

body:not(.theme--supabright) .nav-tabs > li > a {
  color: #999 !important;
}

body:not(.theme--supabright) .nav-tabs li.active a {
  color: #f1f1f1 !important;
}

body:not(.theme--supabright) .skin-switcher li.active {
  background-color: var(--background-color--main);
}

body:not(.theme--supabright) .skin-switcher li:hover {
  background-color: var(--background-color--hover);
}

body:not(.theme--supabright) .skin-switcher li {
  border-bottom-color: rgba(11, 11, 11, 0.1);
}

body:not(.theme--supabright) .nav-tabs > li > a {
  color: #b2b2b2 !important;
}

body:not(.theme--supabright) .nav-tabs > li.active > a {
  color: #f1f1f1;
  background-color: var(--background-color--main);
}

body:not(.theme--supabright) .nav-tabs > li > a:focus,
body:not(.theme--supabright) .nav-tabs > li > a:hover,
body:not(.theme--supabright) .nav-tabs > li.active > a:hover {
  background-color: var(--background-color--hover) !important;
}

body:not(.theme--supabright) .nav-tabs li.active a {
  color: #f1f1f1 !important;
}

body:not(.theme--supabright) .right-sidebar .nav-tabs .active {
  font-weight: 600;
}

body:not(.theme--supabright) .right-sidebar #settings .setting-list li {
  border-top-color: rgba(11, 11, 11, 0.1);
}

body:not(.theme--supabright) .skin-switcher li {
  border-top-color: rgba(11, 11, 11, 0.1);
}

body:not(.theme--supabright) .dropdown-menu {
  background-color: var(--background-color--main);
}

body:not(.theme--supabright) .dropdown-menu > li > a {
  color: #b2b2b2;
}

body:not(.theme--supabright) .bootstrap-select .dropdown-menu li.selected a {
  background-color: var(--background-color--alt) !important;
  color: #f1f1f1 !important;
}

body:not(.theme--supabright) .dropdown-menu > li > a:focus,
body:not(.theme--supabright) .dropdown-menu > li > a:hover {
  color: #b2b2b2;
  background-color: var(--background-color--hover);
}

body:not(.theme--supabright) .now-next__channel__actions button {
  color: #f1f1f1;
  border: 1px solid rgba(241, 241, 241, 0.2);
  background-color: rgba(241, 241, 241, 0.2);
  border-radius: 2px;
}

body:not(.theme--supabright) .noUi-background {
  background-color: #b2b2b2;
}

body:not(.theme--supabright) .right-sidebar {
  background: var(--background-color--alt);
}

body:not(.theme--supabright) .noUi-background {
  background-color: #b2b2b2;
}

body:not(.theme--supabright) .curevent {
  background: var(--background-color--active) !important;
}

body:not(.theme--supabright).skin--black .link--skinned {
  color: #f1f1f1;
}

body:not(.theme--supabright) .etimesmall, 
body:not(.theme--supabright) .etime, 
body:not(.theme--supabright) .ename {
  color: #f1f1f1;
}


/* BEGIN .theme--city-lights */
.theme--city-lights .sidebar .menu .list a:hover,
.theme--city-lights .sidebar .menu .list a:active,
.theme--city-lights .sidebar .menu .list a:focus {
  background-color: var(--background-color--hover);
}

/* citation: com.aurora.store */
.theme--city-lights .leftnav > li:nth-child(7n-4) > a .material-icons {
  color: #f44236;
}

.theme--city-lights .leftnav > li:nth-child(7n-3) > a .material-icons {
  color: #45289f;
}

.theme--city-lights .leftnav > li:nth-child(7n-2) > a .material-icons {
  color: #ff6d00;
}

.theme--city-lights .leftnav > li:nth-child(7n-1) > a .material-icons {
  color: #8cc24a;
}

.theme--city-lights .leftnav > li:nth-child(7n) > a .material-icons {
  color: #00bcd5;
}

.theme--city-lights .leftnav > li:nth-child(7n-6) > a .material-icons {
  color: #d81a60;
}

.theme--city-lights .leftnav > li:nth-child(7n-5) > a .material-icons {
  color: #ffbe00;
}

.theme--city-lights .remote__button {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.4);
  background-color: #707070;
  transition: ease-out 0.4s;
}

.theme--city-lights .remote__button--arrow {
  background-color: rgba(255, 255, 255, 0.12);
}
/* END .theme--city-lights */

/* BEGIN .theme--neon-blackout */
/* citation: 0U495EHE7QCYWNFJPFAK9UFZ4U */
.theme--neon-blackout .leftnav > li:nth-child(7n-4) > a {
  --neon:      #FAE1CD;
  --neon-glow: #EE7F4B;
}

.theme--neon-blackout .leftnav > li:nth-child(7n-3) > a {
  --neon:      #C6ECEC;
  --neon-glow: #59B2C8;
}

.theme--neon-blackout .leftnav > li:nth-child(7n-2) > a {
  --neon:      #CAF7FE;
  --neon-glow: #3C50EB;
}

.theme--neon-blackout .leftnav > li:nth-child(7n-1) > a {
  --neon:      #F3DCFC;
  --neon-glow: #E379ED;
}

.theme--neon-blackout .leftnav > li:nth-child(7n) > a {
  --neon:      #E8FEE4;
  --neon-glow: #53B238;
}

.theme--neon-blackout .leftnav > li:nth-child(7n-6) > a {
  --neon:      #F9DBD5;
  --neon-glow: #E14435;
}

.theme--neon-blackout .leftnav > li:nth-child(7n-5) > a {
  --neon:      #FEF9E1;
  --neon-glow: #F8CB6D;
}

.theme--neon-blackout .leftnav > li > a .material-icons {
  color: inherit !important;
}

.theme--neon-blackout .leftnav > li > a {
  color: var(--neon) !important;
  text-shadow: 
    0 0 2px #000,
    0 0 4px var(--neon-glow),
    0 0 6px var(--neon-glow),
    0 0 6px var(--neon-glow),
    0 0 6px var(--neon-glow);
}

@keyframes neon-flicker {
  0% {
    opacity: 1;
  }
  6% {
    opacity: 0.2;
  }
  8% {
    opacity: 1;
  }
  60% {
    opacity: 0.4;
  }
  62% {
    opacity: 1;
  }
  96% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}

.theme--neon-blackout .sidebar .menu .list a {
  animation-delay: 1s;
}

.theme--neon-blackout .sidebar .menu .list a:active, 
.theme--neon-blackout .sidebar .menu .list a:hover,
.theme--neon-blackout .sidebar .menu .list a:focus {
  background: none;
  animation-name: neon-flicker;
  animation-duration: 0.4s;
  animation-iteration-count: 1;
}

.theme--neon-blackout .sidebar .menu .list a span {
  /* font-family: 'Trebuchet MS', Helvetica, sans-serif; */
  font-family: 'MS Sans Serif', Geneva, sans-serif;
  color: inherit !important;
  margin-left: 8px;
  padding-left: 4px;
  padding-right: 4px;
  letter-spacing: 1px;
  filter: brightness(0.9);
  animation-duration: 0s;
}

.theme--neon-blackout .sidebar .menu .list a:hover span {
  filter: brightness(1);
}

.theme--neon-blackout .sticky-top {
  /* background-color: var(--background-color--main); */
  box-shadow: none !important;
}

.theme--neon-blackout .navbar {
  background-color: var(--background-color--alt);
  box-shadow: 
    0 2px 2px -2px #fff, 
    0 6px 6px -6px var(--skin-color), 
    0 6px 6px -6px var(--skin-color), 
    0 8px 8px -8px var(--skin-color), 
    0 4px 4px -4px var(--skin-color);
}

.theme--neon-blackout .nav {
  background-color: var(--background-color--main);
}

.theme--neon-blackout.skin--black .switch label input[type='checkbox']:checked:not(:disabled) ~ .lever.switch--skinned:active:after {
	box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 255, 255, 0.1);
}

.theme--neon-blackout.skin--black .switch label input[type='checkbox']:checked + .lever.switch--skinned {
	background-color: rgba(255, 255, 255, 0.5);
}

.theme--neon-blackout.skin--black .switch label input[type='checkbox']:checked + .lever.switch--skinned:after {
	background-color: #fff;
}

.theme--neon-blackout.skin--black [type='checkbox']:checked.chk--skinned + label:before {
  border-right-color: #fff;
  border-bottom-color: #fff;
}

.theme--neon-blackout.skin--white .nav > li > a {
  color: #fff;
}

.theme--neon-blackout .remote__button {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.4);
  background-color: #707070;
  transition: ease-out 0.4s;
}

.theme--neon-blackout .remote__button--arrow {
  background-color: rgba(255, 255, 255, 0.4);
}

/* END .theme--neon-blackout */
