html {
  /*background: url('../img/background.jpg') no-repeat center center fixed;*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body {
  /* background: #444; */
  color: #ebcead;
}

#header h1 {
  color: #ff941a;
}

#header h1 span {
  color: #ebcead;
}

#container {
  background-color: #2f1839;
}

#footer a,
.footer-content a {
  color: #ff941a;
}

#footer a:hover,
.footer-content a:hover {
  background: rgba(9, 5, 11, 0.5);
}

.column {
  background-color: #4a2659;
}

.column-header,
.column-footer,
.column-sidebar {
  color: #ebcead;
  background-color: #2f1839;
}

#game-content {
  background-color: #2f1839;
}

.game-item:hover,
.version-item:hover {
  background-color: #2f1839;
}

.game-item,
.version-item {
  color: #ebcead;
}

.current-game-item,
.current-version-item {
  color: #ff941a;
  background-color: rgba(47, 24, 57, 0.7);
}

.game-category-item {
  color: #ebcead;
  background-color: #2f1839;
}

.column-versions,
.column-levels,
.column-games {
  background-color: #2f1839;
}

/*#content-versions,*/
#content-levels,
#content-games {
  background-color: #4a2659;
}

#content-versions {
  background-color: #41224f;
}

.progress .full {
  background: #2f1839;
  background: linear-gradient(95deg, #2f1839 0%, #ebcead 78%, #ff941a 100%);
}

/*.song-item:active,
.playlist-item:active,
.game-item:active,
.custom-active {
	background-color: $color_bg_darkest_07;
}*/
.objects-item,
.levels-item,
.behaviors-item,
.objvars-item,
.localization-item,
.entryactions-item,
.commands-item {
  color: #ebcead;
}

.current-objects-item {
  color: #ff941a;
  background-color: rgba(47, 24, 57, 0.7);
}

.current-levels-item {
  color: #ff941a;
  background-color: #2f1839;
}

.objects-item.object-world,
.objects-item.object-sector,
.levels-item.game,
.behaviors-item.category,
.objvars-item.category,
.transitions-item.category,
.localization-item.category,
.script-item.category,
.commands-item.category {
  color: #ebcead;
  background-color: #2f1839;
}

.objvars-item > .objvar-name,
.objvars-item > .objvar-type,
.localization-item > .localization-item-index,
.entryactions-item > .entryactions-item-name,
.commands-item-line-number {
  background-color: #2f1839;
}

.objvars-item.objvar-array:hover > .objvar-name,
.objvars-item.objvar-array:hover > .objvar-type {
  background-color: #09050b;
}

.objvars-item.objvars-header,
.transitions-item.transitions-header {
  background-color: #2f1839;
}

.objects-item.object-sector:hover,
.behaviors-item.category:hover,
.objvars-item.category:hover,
.transitions-item.category:hover,
.commands-item.category:hover {
  background-color: #09050b;
}

.objects-item.object-world.current-objects-item,
.objects-item.object-sector.current-objects-item {
  color: #ff941a;
  background-color: #09050b;
}

.objects-item.object-perso:hover,
.objects-item.object-event:hover,
.objects-item.object-IPO:hover,
.levels-item.level:hover,
.behaviors-item.behavior:hover,
.commands-item.command:hover,
.entryactions-item:hover .objvars-item:hover,
.selectState:hover,
.localization-item:hover {
  background-color: #2f1839;
}

.cmd-hover {
  background-color: #2f1839;
}

.cmd-hover:hover {
  background-color: #09050b;
}

#highlight-tooltip {
  background-color: #4a2659;
  color: #ebcead;
}

.highlight-header {
  background-color: #2f1839;
}

#text-highlight-tooltip {
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
}

#text-highlight-tooltip.blue {
  background-color: rgba(27, 48, 115, 0.85);
  box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.38);
}

.song-buttons > .song-button {
  color: #4a2659;
}

.sidebar-button:hover {
  background-color: rgba(9, 5, 11, 0.5);
}

.sidebar-button.sidebar-button-active {
  background-color: rgba(9, 5, 11, 0.7);
}

.sidebar-slider {
  background-color: rgba(9, 5, 11, 0.7);
}

.sidebar-arrow {
  background-color: rgba(74, 38, 89, 0.7);
}

.playlist-item > .song-remove,
.faux-playlist-item > .faux-song-remove,
.playlist-item > .song-handle,
.faux-playlist-item > .song-handle {
  color: #4a2659;
}

.playlist-item-placeholder {
  border: 3px dotted #2f1839;
  background-color: rgba(47, 24, 57, 0.5);
}

.ui-sortable-helper,
.ui-draggable-dragging {
  background-color: #2f1839 !important;
}

.played {
  color: #ff941a;
}

.current-song {
  color: #ff941a;
  background-color: rgba(47, 24, 57, 0.7);
}

#footer-soundtrack a {
  color: #ff941a;
}

#footer-soundtrack.loading-header a {
  color: rgba(255, 148, 26, 0);
}

#footer-soundtrack:not(.loading-header) a:hover {
  background: rgba(9, 5, 11, 0.5);
}

#footer-playlist {
  color: #ebcead;
}

/* ============================== PLAYER ============================== */
#player-cover {
  border-color: #ebcead;
}

#player-cover.cover-loaded {
  border-color: #2f1839;
}

.loading-header {
  color: rgba(235, 206, 173, 0) !important;
}

/* ============================== HEADER BUTTONS ============================== */
.header-button {
  color: #ebcead;
}

.header-button:hover {
  background: rgba(9, 5, 11, 0.5);
}

.header-button.selected {
  color: #ff941a;
  background-color: #09050b;
}

.header-button.disabled-button {
  color: #4a2659;
  background-color: transparent;
}

input[type=range]::-webkit-slider-thumb {
  background: #ebcead;
  /* Green background */
}

input[type=range]::-moz-range-thumb {
  background: #ebcead;
  /* Green background */
}

input[type=range]::-webkit-slider-runnable-track {
  background: #09050b;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #09050b;
}

input[type=range]::-moz-range-track {
  background: #09050b;
}

input[type=range]::-ms-fill-lower {
  background: #2a6495;
}

input[type=range]:focus::-ms-fill-lower {
  background: #09050b;
}

input[type=range]::-ms-fill-upper {
  background: #09050b;
}

input[type=range]:focus::-ms-fill-upper {
  background: #09050b;
}

#header-playlist-info {
  color: #ebcead;
}

#popup-overlay {
  background-color: rgba(0, 0, 0, 0.5);
}

#dialogue-content {
  background-color: #2f1839;
}

.share-button {
  background-color: #2f1839;
  color: #ebcead;
}

.share-button:hover {
  background: #09050b;
}

#cover-popup {
  background-color: #2f1839;
}

.cover-button {
  background-color: #2f1839;
}

.cover-button:hover {
  background: #09050b;
}

.cover-button.disabled-button {
  color: #4a2659;
}

#notification-popup {
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 0 10px;
  -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 0 10px;
  box-shadow: rgba(0, 0, 0, 0.4) 0 0 10px;
  background-color: #2f1839;
}

.config-header {
  color: #ebcead;
  background-color: #2f1839;
}

a.config-header:hover {
  color: #ff941a;
  background-color: #09050b;
}

#levelselect-popup,
#script-popup,
#localization-popup,
#config-popup,
#entryactions-popup,
.info-content {
  background-color: #4a2659;
}

#camera-popup,
#cine-popup,
#info-popup {
  background-color: #2f1839;
}

.style-item.current-style-item {
  background-color: rgba(47, 24, 57, 0.7);
  color: #ff941a;
}

.style-item:hover {
  background-color: #2f1839;
}

/* ============================== MOBILE ONLY ============================== */
.mobile-tabswitch-button {
  background: rgba(9, 5, 11, 0.5);
  color: #ebcead;
}

.mobile-tabswitch-button:hover {
  background: #09050b;
}

.mobile-tabswitch-button.disabled-button {
  color: #4a2659;
}

.mobile-tabswitch-button.highlighted-button {
  color: #ff941a;
}

/* MEDIA QUERIES */
@media only screen and (max-width: 900px) {
  html {
    background-color: #2f1839;
    background-image: none;
  }

  #container {
    background-color: transparent;
  }

  #container:before {
    background-image: none;
  }

  .column-content {
    background-color: #4a2659;
  }

  .song-buttons > .song-button,
.playlist-item > .song-remove,
.faux-playlist-item > .faux-song-remove,
.playlist-item > .song-handle,
.faux-playlist-item > .song-handle {
    color: inherit;
  }
}
/* ============================== JSCROLLPANE ============================== */
.jspTrack {
  background: rgba(47, 24, 57, 0.7);
}

.jspDrag {
  background: rgba(9, 5, 11, 0.7);
}

.jspArrow {
  background: #50506d;
}

.jspArrow.jspDisabled {
  background: #80808d;
}

.jspCorner {
  background: #eeeef4;
}

/* ============================== CAMERA CUBE ============================== */
.cube__face {
  color: #ebcead;
}

.cube__face:hover {
  color: orange;
  border-color: orange;
}

.cube__face--front {
  background: #762375;
}

.cube__face--right {
  background: #9e2e9c;
}

.cube__face--back {
  background: #4f174e;
}

.cube__face--left {
  background: #270c27;
}

.cube__face--top {
  background: #8a2889;
}

.cube__face--bottom {
  background: #3b113b;
}

/* ============================== STATE DIAGRAM ============================== */
.state-diagram-container {
  background-color: #2f1839;
}

/* Following classes are only read from javascript, in statediagram.html */
.state-diagram-arrow-normal {
  color: #ebcead;
}

.state-diagram-arrow-reflex {
  color: #ebcead;
}

.state-diagram-state-selected {
  background-color: #4a2659;
  color: #ebcead;
}

.state-diagram-state {
  background-color: rgba(47, 24, 57, 0.5);
  color: rgba(235, 206, 173, 0.5);
}

.state-diagram-header {
  background-color: #4a2659;
}

/**************************************** HIGHLIGHT.JS ************************************************/
/* Base color: saturation 0; */
.hljs,
.hljs-subst {
  color: #ebcead;
}

.hljs-comment {
  color: #888888;
}

/* User color: hue: 0 */
.hljs-type,
.hljs-string,
.hljs-number,
.hljs-selector-id,
.hljs-selector-class,
.hljs-quote,
.hljs-template-tag,
.hljs-deletion {
  color: #ff941a;
}

.hljs-title,
.hljs-section {
  color: #880000;
}

.hljs-regexp,
.hljs-symbol,
.hljs-variable,
.hljs-template-variable,
.hljs-link,
.hljs-selector-attr,
.hljs-selector-pseudo {
  color: #BC6060;
}

/* Language color: hue: 90; */
.hljs-literal {
  color: #78a960;
}

.hljs-built_in,
.hljs-bullet,
.hljs-code,
.hljs-addition {
  color: #397300;
}

/* Meta color: hue: 200 */
.hljs-meta {
  color: #1f7199;
}

.hljs-meta-string {
  color: #4d99bf;
}

.bg-tint {
  color: #361a42;
  background-color: #1b0b22;
}

.game-item-logo,
.version-item-image {
  filter: drop-shadow(2px 2px 0.5px #0004);
}

.sidebar-button-image {
  filter: drop-shadow(2px 2px 0px #0004);
}

/*# sourceMappingURL=theme_main.css.map */