/* Dark Mode */

body.dark {

	background-color: #000;
	color: #333;

	div#canvas div#ctrl-wrap, div#ctrl-main div#btnz-main, div#canvas div#ctrl-popup, div#canvas div#share-popup, div#btnz-main div#textbox-play {
		background-color: #222;
		color: #d9d9d9;
	}
	div.play-btn div#play-btn-mask {
		background-color: #222;
	}
	div#play-mask div#start-band {
	  background-color: rgba(60, 60, 60, 0.9);
	}
	div#play-mask div#play-img {
	  background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('/images/supermap/start_bg.png') no-repeat 0 0;
	}
	div#canvas div#map-cont div#play-mask {
  	background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), #005E9F;
  }
  div#start-band div#start-btn, div#start-btn div#start-img {
  	background-color: #ddd;
  }
  div#start-band:has(div#start-btn:hover, div#start-img:hover) {
  	background-color: rgba(60, 60, 60, 1);
  }
  .play-btn .icnz, .pause-btn .icnz, #start-img .icnz {
	  color: #424242;
	}
	.icnz {
		color: #A8AEAE;
	}
	div#btnz-main div#textbox-mask {
	  background-image: linear-gradient(to right, rgba(34,34,34,0), rgba(34,34,34,0), rgba(34,34,34,0), rgba(34,34,34,0), rgb(34,34,34,1));
	}
	div#btnz-main div#logo {
		background-color: #3059a2;
	}
	textarea#share-embed-code, input.in-time {
	  border: 1px solid #7D7D7D;
  	background-color: #535353;
  	color: #d9d9d9;
  }
  div#canvas div#map-mask, div#time-mask, div#popup-mask, div#tab-mask {
	  background-color: rgba(34, 34, 34, 0.7);
	}
	div.item div.hilited {
	  background-color: #4F4F4F;
	}
	div.tlist {
	  width: 100%;
	  clear: both;
	  border: 1px solid #7D7D7D;
	}
	div.tab {
	  border-color: #222 #000 #7D7D7D #000;
	  background-color: #000;
	  color: #8c8c8c;
	}
	div.selected {
	  background-color: #222;
	  border-color: #7D7D7D #7D7D7D #222 #7D7D7D;
	}
	.shadow {
  	box-shadow: 0 8px 12px 0 rgba(0,0,0,.6);
  }
  .datepicker_w .date_selector { background: #7b7b7b; }
  .datepicker_w .date_selector .button { color: #fff; }
  .datepicker_w .date_selector .head div { background: #c4c4c4; }
  .datepicker_w .date_selector .week div { background: #424242; }
  .datepicker_w .date_selector div.unselected_month { color: #757575; }
  .datepicker_w .date_selector div.selectable_day { background: #c8c8c8; }
  .datepicker_w .date_selector div.weekend { background: #a8a8a8; }
  div#canvas div#mesg-bar { background-color: #757575; }
  div#mesg-bar div.message, div#mesg-bar div.error {
		color: #FFF;
		text-shadow: 1px 1px 1px #000;
	}
	div#speedbar span#speedfild { background-color: #717171; }
	div#ctrl-main div#speedbar, div#ctrl-main div#playbar { background-color: #aca9a9; }
	div#btnz-main .play-btn, div#btnz-main .pause-btn { background-color: #ddd; }
	.gem-vid {
	  background-color: #307CCA;
	  color: #fff;
	}
	.gm-style .gm-style-iw-c, .gm-style .gm-style-iw-tc::after { background-color: #333; }
	div.sm-gm-cm-ttl a, div.sm-gm-cm-ttl a:visited, div.sm-gm-cm-ttl a:active {
	  color: #D4E7FF !important;
	  text-shadow: 1px 1px 1px #000 !important;
	}
	div.sm-gm-cm div.sm-gm-cm-cat { color: #D9DFDF !important; }
	div.sm-gm-cm div.sm-gm-cm-dat { color: #bdbdbd !important; }
	button.gm-ui-hover-effect span { background-color: #fff; }
}