.focused_input { 	
	background-image: url('/images/make believe/lock.png');
  background-color: white;
	background-size: 20px 20px;
  background-position: 10px 10px; 
  background-repeat: no-repeat;
  padding: 12px 20px 12px 40px;
}

.active {
	transform: transform 0.2s ease scale(1.2);
	-webkit-transform:scale(1.02);
}
.selected {
	background-color: yellow;
}


.jonathan { 
	height: 40px;
	width: 46px;
	z-index: 50000;
	background-color:lightgrey;
	border-width 1px; border: solid; border-radius: 5px;
 }
.jonathan:active, .save_appointment:active, button:active {
	transform:transform 0.25s ease scale(1.5);
	-webkit-transform:scale(1.4);
	border-radius: 10px;
	border-width:3px;
	border-color:yellow;
}
.superactive {
	transform:transform 0.25s ease scale(2.1);
	-webkit-transform:scale(1.7);
}
.jonathan_fixed { 
	height: 40px;
	width: 46px;
	z-index: 50000; 
	position:fixed;
	transform:transform 0.25s ease;
	border-width 1px; border: solid; border-radius: 5px;
 }
.jonathan_fixed:active {
	transform:transform 0.25s ease scale(1.7);
	-webkit-transform:scale(1.7);
	border-radius: 10px;
	border-width:3px;
	border-color:yellow;
}
.pseudonym { 
	height: 60px;
	width: 60px;
	z-index: 40000; 
	position:fixed;
	background-color: lightgrey;
}
#pseudonym_home {
	height: 120px;
	position:fixed;
	bottom: 0px;
	left: 50%;
	background-color:grey;
	border: solid;
	border-radius: 10px;
	border-width:4px;
	border-color:black;
	padding-right: 30px;
	padding-left: 30px;
	z-index: 39999;
	max-width: 100%;

}
#pseudonym_bar {
	width: 100%;
	overflow-x:scroll;
}

#ticketmaster {
	position:fixed;
	right:5px;
	top:30px;
	z-index:1000;
}

.ide_tab {
	border: solid;
	border-color: black;
	border-radius: 3px;
	height: 70px;
	background-color:white;
}

.ide_tab.active {
	background-color:yellow;
}

.mail_contact.active {
	background-color:yellow;
	border-radius: 5px;
	border:solid;
	border-color: black;
	border-width: 3px;
}

.mail_list.active {
	background-color:yellow;
	border-radius: 5px;
	border:solid;
	border-width: 3px;
	border-color: black;
}

.mail_subsection.active {
	background-color: yellow;
}

.mail_phone.active {
	background-color:yellow;
}

.mail_email.active {
	background-color:yellow;
}

.neighbour_link.active {
	border-width: 7px;
	border-color: red;
}

.neighbour_connection {
	display:none;
}

.neighbour_connection[connection=active] {
	border: solid;
	border-color: green;
	border-width: 5px;
	border-radius: 5px;
	display:block;
}


#mouse_pointer {
	height: 70px;
	width: 40px;
	z-index: 40001;
	position:fixed;
}
.appointment { display:inline-block; float:right; width: 100%; vertical-align: top; }
.model {
	background-color: pink;
	border-width: 3px;
	border-radius: 3px;
	border: solid;
	width: 100%;
}
.option {
	background-color: lightgreen;
	border-width: 3px;
	border-radius: 3px;
	border: solid;
	width: 100%;
}
.option_category {
	background-color: lightblue;
	border-width: 3px;
	border-radius: 3px;
	border: solid;
	width: 100%;
}
.subcategory {
	background-color: red;
	border-width: 3px;
	border-radius: 3px;
	border: solid;
	width: 100%;
}
.shuffle[enabled=on] {
	background-color: lightgreen;
}
.repeat[enabled=on] {
	background-color:lightgreen;
}
.attribute_characteristic {
	border: dotted;
	border-width: 1px;
	border-radius: 3px;
}
.detail_area { overflow: scroll;}
#appointment_wrapper { bottom: 0px; position: fixed; overflow:scroll; width: 100%; right: 0px;} 
.appointment_name { background-color: white;font-size: 20px; text-align: center; top:0px; border-width: 1px; border: solid; border-radius: 5px;}
.appointment_header { vertical-align:top; text-align: left; float: left; border-width 1px; border: solid; border-radius: 5px; }
.walkman_controls { height: 60px; }
.editorial_controls { height: 50px;}
.window_view {
	z-index: 101; position:fixed; top: 60px; overflow:scroll; }
}
#left_view {  left: 0; bottom: 0; z-index: 5001; }
#centre_view { right:0%; z-index: 5005; bottom: 0; width: 100%; position:fixed; overflow:scroll; }
#right_view { right:0%; top: 110px;}
#close_centre_view { right: 0px; padding-right: 5px; position:fixed; }

#timeline { z-index: 2; position:absolute; right: 0px; top: 0px; width: 100%; }
#clockface { z-index: 2; overscroll-behavior: contain; position:absolute; right: 0px; top: 0px; width: 100% }
#leaderboard { z-index: 2; position:absolute; left:0px; width: 100%;}
#narrator { z-index: 2; position:absolute; left:0px; width: 100%;}
#background { z-index: 1; position:absolute; left:0px; width: 100%;}
.documentation { width: 97%; height: 150px; }
.ap_settings_button { right: 0px; top: 0px, position: relative, display:block; }
#search {	
	height: 35px;
	width:70%;
	border-radius: 10px;
	transition-duration: 1s;
	font-size: 20px;
	text-align:center;
	border: solid;
	border-width: 3px;
	padding-top:-25px;
	z-index:6000;
}
#top_right_buttons {
	height: 30px;
	width: 320px;
	text-align:right;
	position:fixed;
	right:0px;
	top:2px;
	z-index:6000;
}
#bottom_left_buttons {
	left:0px;
	bottom:0px;
	height:60px;
	position:fixed;
	z-index:6000;
	width: 60px;
	vertical-align: bottom;
}
#bottom_right_buttons {
	right:0px;
	bottom:0px;
	height:60px;
	position:fixed;
	z-index:6000;
	vertical-align: bottom;
}

#travel_home_plate[status="enabled"] {
	background-color:lightgreen;
}
.neighbour_status[status="mirror"] { background-color: red }
input[type="checkbox"] {
	width: 30px;
	height: 30px;
	color: lightgreen;
}
input[type="checkbox"]:hover {
	cursor: pointer;
}

.save_appointment {
	cursor: pointer;
}

.time_jump {
	cursor: pointer;
}

.app_act {
	cursor: pointer;
}

.enabler {
	cursor: pointer;
}

.jonathan {
	cursor: pointer;
}
.app_notes { overflow: scroll; }
.notes { width:100%; }
canvas { overflow: scroll; z-index: 99; }
#music_player { overflow: scroll; }
#browser { z-index: 101; position:fixed;}
.little_window { font-size: 26px; position:fixed; bottom:10; right: 70px; height: 45px; width: 200px; background-color: orange; border: solid; border-radius: 10px; }
.window_icon { vertical-align:top; border:solid; border-radius:2px; border-width:2px; font-size:26px; }
#mouse_shadow { z-index:1; width: 100%; position:fixed; left: 0px; bottom: 0px; display:none;}
#keyboard_container { z-index: 9100; }
.keyboard { z-index: 9100; border:solid;border-radius:10px;border-width:3px; }
#ticket { 
	width: 95%; 
	text-align: center;
}
.editor_content_component.grapple_active {
	border: 4px solid yellow;
}

.grapple_capable {
	border: 4px solid red;
}
.configure_toggle[status=active] {
	background-color:lightgreen;
	border-width: 3px;
}
.ticket_input { 
	font-size: 23px; 
	text-align:center; 
	width: 30px; 
	height: 30px; 
	border-width: 2px; 
	border: solid; 
	border-radius: 3px;
}
@media screen and (max-width:600px) {
	#ticket { width: 100% }
	.window_view { width: 100%; }
	.appointment { width: 100%; }
	#music_player { width: 100%; }
	.pseudonym { 
		z-index: 40000; 
	}
	#pseudonym_home {
		height: 120px;
		position:fixed;
		bottom: 0px;
		left: 50%;

		background-color:yellow;
		border: solid;
		border-radius: 10px;
		border-width:3px;
		border-color:black;
		padding-right: 30px;
		padding-left: 30px;
		z-index: 39999;
	}
	.pseudonym { 
		height: 50px;
		width: 50px;

	}
}
@media (min-width: 600px) {
	.window_view { width: 100%; }
}

#timeshift_viewer {
	background-color: white;
	font-size: 26px;
}
#timeshift {
	width: 100%;
}

#track_title {
	height: 46px;
	font-size: 32px;
  vertical-align: middle;
	opacity: 80%;
	border-radius: 1%;
	width: 100%;
	background-image: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,1));
	background-color: #0f0a4aED;
	color: yellow;
  vertical-align: middle;
	opacity: 80%;
	border-radius: 1%;
}


.close_appointment { right: 0px;}
.adopt_file[adopted="yes"] {
	border-color: red;
	border-width: 5px;
}

.media_picker {
	background-color: lightgrey;
}

.media_picker[status=on] {
	background-color: lightgreen;
}

.cards_mode {
	background-color: lightgrey;
}

.cards_mode[status=enabled] {
	background-color: lightgreen;
}

#start_menu {
	width: 400px;
	height: 400px;
	position:fixed;
	right: 0px;
	top: 60px;
	border: solid;
	border-width: 4px;
	border-radius: 5px;
}

.appointment_option {
	height: 50px;
	width: 100%;
	border: solid;
	border-width: 2px;
	border-radius: 3px;
	display:inline-flex;
	position:relative;
}

.appointment_option[select=on] {
	background-color: lightblue;
}

.terminal_view_select[selected] {
	background-color: lightgreen;
}

#studio_video_toggle[toggled=on] {
	background-color: red;
}

.studio_video {
	width: 100%;
}

.bubble {
	border: solid;
	border-radius: 8px;
	border-width: 3px;
	font-size: 26px;
}

.bucket {
	border: solid;
	border-radius: 5px;
	border-width: 4px;
	font-size: 26px;
}

#mailbox_lora_toggle[toggle=on] {
	border-color: yellow;
	background-color: yellow;
}

.gallery_home_toggle[toggled=on] {
	background-color:lightgreen;
}

.purchase_config[enabled=on] {
	background-color:lightgreen;
}

.enabler.toggle[status=on] {
	background-color: yellow;
}
.enabler.toggle[status=off] {
	background-color: darkgrey;
}