#vjs_design_window { display: flex; flex-flow: row nowrap; }
	#vjs_toolbox { display: flex; flex-flow: column nowrap; padding: 0 10px 10px 10px; align-items: center; }
		#vjs_toolbox > label { margin-bottom: 10px; border-bottom: 1px solid #333; }
		#vjs_toolbox > ul { display: flex; flex-flow: row wrap; width: 80px; }
			#vjs_toolbox > ul > li { display: flex; flex: 0 0 40px; height: 40px; cursor: pointer; background-repeat: no-repeat; background-size: 30px 30px; background-position: center; }
			#vjs_toolbox > ul > li:hover { background-color: rgb(255, 255, 255, 0.5); }
			#vjs_toolbox > ul > li.disabled { opacity: 0.5; cursor: auto; }
			#vjs_toolbox > ul > li.disabled:hover { background-color: transparent; }
			#vjs_toolbox_label { background-image: url("../images/label@2x.png"); }
			#vjs_toolbox_textbox { background-image: url("../images/textbox@2x.png"); }
			#vjs_toolbox_button { background-image: url("../images/button@2x.png"); }
			#vjs_toolbox_select { background-image: url("../images/select@2x.png"); }
			#vjs_toolbox_radio { background-image: url("../images/radio@2x.png"); }
			#vjs_toolbox_checkbox { background-image: url("../images/checkbox@2x.png"); }
			#vjs_toolbox_image { background-image: url("../images/image@2x.png"); }
			#vjs_toolbox_line { background-image: url("../images/shape@2x.png"); }
			#vjs_toolbox_timer { background-image: url("../images/timer@2x.png"); }
	#vjs_canvas {
		flex: 1 0;
		position: relative;
		border: 1px solid #ccc;
		height: calc(100vh - 50px);
		overflow: auto;
		background-color: #ababab;
		box-shadow:inset 0 0 3px #888; -moz-box-shadow:inset 0 0 3px #888; -webkit-box-shadow:inset 0 0 3px #888;
		/* background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), #fff;
		background: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), #fff;
		background: linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), #fff;
		background-repeat: repeat, repeat;
		background-position: 0 0, 10px 10px;
		-webkit-transform-origin: 0 0 0;
		transform-origin: 0 0 0;
		-webkit-background-origin: padding-box, padding-box;
		background-origin: padding-box, padding-box;
		-webkit-background-clip: border-box, border-box;
		background-clip: border-box, border-box;
		-webkit-background-size: 20px 20px, 20px 20px;
		background-size: 20px 20px, 20px 20px;
		-webkit-box-shadow: none;
		box-shadow: none;
		text-shadow: none;
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		transition: none;
		-webkit-transform: scaleX(1) scaleY(1) scaleZ(1);
		transform: scaleX(1) scaleY(1) scaleZ(1); */
	}
		#vjs_controls { position: relative; }
			#vjs_controls > * { position: absolute; cursor: default; }
		#vjs_selector { border: 2px solid rgb(0, 133, 215); width: 100px; height: 100px; position: absolute; z-index: 99999999; display: none; pointer-events: none; }
		#vjs_selector:focus-visible { outline: none; }
			#vjs_selector_nw,
			#vjs_selector_ne,
			#vjs_selector_se,
			#vjs_selector_sw,
			#vjs_selector_n,
			#vjs_selector_s,
			#vjs_selector_w,
			#vjs_selector_e { width: 6px; height: 6px; background-color: rgb(0, 113, 215); position: absolute; pointer-events: auto; }

			#vjs_selector_nw { left: -4px; top: -4px; cursor: nwse-resize; }
			#vjs_selector_ne { right: -4px; top: -4px; cursor: nesw-resize; }
			#vjs_selector_se { right: -4px; bottom: -4px; cursor: nwse-resize; }
			#vjs_selector_sw { left: -4px; bottom: -4px; cursor: nesw-resize; }
			#vjs_selector_n { left: calc(100% / 2 - 3px); top: -4px; cursor: ns-resize; }
			#vjs_selector_s { left: calc(100% / 2 - 3px); bottom: -4px; cursor: ns-resize; }
			#vjs_selector_w { left: -4px; top: calc(100% / 2 - 3px); cursor: ew-resize; }
			#vjs_selector_e { right: -4px; top: calc(100% / 2 - 3px); cursor: ew-resize; }
	#vjs_properties { display: flex; flex-flow: column nowrap; flex: 0 0 260px; padding: 0 10px 10px 10px; overflow-y: auto; align-items: center; }
		#vjs_properties > label { margin-bottom: 10px; border-bottom: 1px solid #333; }
		#vjs_screens_list { width: 100%; }
		#vjs_controls_list { width: 100%; }
		#vjs_properties_list { display: flex; flex-flow: column nowrap; margin: 0; padding: 0; width: 100%; }
			#vjs_properties_list > li { display: flex; flex-flow: row nowrap; align-items: center; padding: 5px 0; }
			#vjs_properties_list > li+li { border-top: 1px solid #aaa; }
				#vjs_properties_list > li > label { flex: 0 0 40%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 12px; }
				#vjs_properties_list > li > input { flex: 1 0 auto; width: 0; padding: 3px; font-size: 12px; }