:root { font-size: 16px; }
* { box-sizing: border-box; -webkit-box-sizing: border-box; }
html {
	height: 100%;
	color: #333;
	font-family: BoseText, sans-serif;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-user-select: none;
	-webkit-touch-callout: none;
	-webkit-text-size-adjust: 100%;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
}
body {
	background-color: #fff;
	margin: 0;
	padding: 0;
	font-size: .75rem;
}
body { padding: 0; margin: 0; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
body > #viewport { position: absolute; top: 0; left: 0; right: 0; overflow: hidden; }

body.iOS_override {
	top: 20px;
	right: 1px;
}

body.iOS_override.iPhoneX {
	top: constant(safe-area-inset-top);
	top: env(safe-area-inset-top); /*Overriding with env if supports*/
	right: 0;
}

.hwAccel { transform: translateZ(0); -webkit-transform: translateZ(0); }


/*Temporary fix for Windows 7 letter-spacing issue*/
body.isWin * {
    letter-spacing: normal !important;
}

h1 {
	margin: 0 0 1rem 0;
	padding: 0;
	
	text-transform: none;
	font-size: 0.875rem;
	font-weight: bold;
	line-height: 1.9;
}
p {
	margin: 0 0 1rem 0;
	padding: 0;
}
a,
a:link,
a:active,
a:visited {
	color: #000;
	text-decoration: underline;
	letter-spacing: .1rem;
}
a:hover {
	text-decoration: underline;
	color: #999;
}
p.button_link {
	padding: .35rem 0 1.75rem 0;
}
p.button_link a {
	padding: .35rem;
	display: inline-block;
	outline: 0;
}
p.button_link a.bottomPad {
	padding: .35rem .35rem 1rem .35rem;
}
p.button_link a:focus {
	border: 3px solid #ccc;
	border-radius: 0.4375rem;
	padding: calc(.35rem - 3px);
}
p.button_link a.bottomPad:focus {
	padding: calc(.35rem - 3px) calc(.35rem - 3px) calc(1rem - 3px) calc(.35rem - 3px);
}
footer p.button_link {
	padding: 0;
	margin: 0;
}

.button_link#gabbo_wifi_refresh {
	padding: 1rem 0 0 0;
	text-align: right;
}

div {
	-webkit-user-select: none;
	user-select: none;
}
div input {
	-webkit-user-select: auto;
	user-select: auto;
}
.clear {
	clear: both;
}
span.reg_sup {
	vertical-align: super;
	font-size: .5em;
}

.welcome_logo {
	width: 100%;
	height: 6rem;
	
	background: url('../../images/logo/SoundTouch_BoseBlack_outl.svg') no-repeat center top;
	background-size: contain;
}
#wireless_music_throughout {
	opacity: 0;
	margin-left: 15%;
}

p.welcome_copy {
	width: 80%;
	margin: 0 auto;
}

#lost_device_list,
#device_list {
	text-align: center;
}
#lost_device_list .select_device,
#device_list .select_device {
	margin-bottom: 20px;
	clear: both;
}

#lost_device_list .device,
#device_list .device {
	/*display: inline-block;*/
	/*position: relative;
	top: 0;
	left: 0;*/
	/*width: 150px;
	padding-right: 200px;
	padding-left: 50px;*/
	
	display: inline-block;
	text-align: center;
	vertical-align: middle;
}
#lost_device_list .device {
	padding-right: 0;
	padding-left: 0;
}

.device_image {
	height: 5em;
	background-position: center;
	background-size: contain; 
	background-repeat: no-repeat;
}

#help_ver_info{
	position: absolute;
	top: 0;
	right: 0;
	height: 3.75rem;
	width: 4.3rem;
	margin: 0;
    cursor: pointer;
    z-index: 1000;
}

#help_ver_info div{
	font-family: bose;
	line-height: 3.75rem;
	text-align: center;
	font-size: 2rem;
	width: 100%;
	height: 100%;
}

.labels .name{
	font-weight: bold;
	font-size: .875rem;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#lost_device_list .device span,
#device_list .device span {
	text-transform: uppercase;
	font-weight: bold;
	display: block;
	
	margin-top: 3px;
	/*white-space: nowrap;*/
	
	overflow: hidden;
}
#lost_device_list .button_container,
#device_list .button_container {
	display: block;
	width: 100%;
	margin-top: .5rem;
}
#lost_device_list .wizard_progress_button,
#device_list .wizard_progress_button {
	padding: 0;
	margin: 0 auto;
	text-align: center;
	display: block;
}
#lost_device_list .wizard_progress_button .inner,
#device_list .wizard_progress_button .inner {
	height: auto;
	padding: 1rem .5rem;
}

#wrapper {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

/*
Inside the Homer toolbars
*/
#inside_window {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
}

#wizard_left {
	background: #f9f9f9;
	position: absolute;
	top: 0;
	left: 0;
	/*width: 718px;*/
	/*width: 70%;*/
	height: 100%;
	float: left;
	overflow: hidden;
	width: 70%;
}

#wizard_right {
	background: #f9f9f9;
	position: absolute;
	top: 0;
	left: 0;
	/*width: 306px;*/
	/*width: 30%;*/
	height: 100%;
	float: left;
	
	width: 100%;
	z-index: 20;
	left: 70%;
	width: 30%;
}


#handle_arc {
	/*width: 33px;*/
	width: 0;
	/*height: 100%;*/
	height: 0;
	position: absolute;
	top: 0;
	left: 0;
	
	display: none;
}

#content_handle {
	width: 4.3rem;
	position: absolute;
	top: 0;
	left: 0;
}
#handle_name {
	width: 4.3rem;
	height: 3.75rem;
	right: 0;
	top: 0;
	bottom: 0;
	position: absolute;
	text-align: center;
}


#handle_name > p {
	padding: 0;
	margin: 0;
	text-align: center;
	font-family: bose;
	font-size: 2rem;
	line-height: 3.75rem;
	color: #000;	
	text-transform: uppercase;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	display: none;
}

section#setup_header,
section#help_header {
	
	/*-webkit-flex-grow: 1;
	-webkit-flex-shrink: 0;
	min-height: 0;*/
	
	/* matches master header styles */
	width: 100%;
    height: 3.75rem;
    padding: 0;
    margin: 0;
    border: 0;
    -webkit-box-sizing: border-box;
    position: relative;
    top: 0;
    left: 0;
    -webkit-backdrop-filter: blur(4.8px);    
    transform: translateZ(0);
    background-color: rgba(255, 255, 255, 0.9);
}

#setup_header .content,
#help_header .content {
	/* matches master header styles */
	width: -webkit-calc(100% - 8.6rem);
    height: 100%;
    position: absolute;
    top: 0;
    left: 4.3rem;
    display: -webkit-flex;
    -webkit-align-items: center;
    -webkit-justify-content: center;    
}
#setup_header .content h1,
#help_header .content h1 {
	/* matches master header styles */
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: none;
    font-weight: bold;
    font-size: 0.813rem;
    margin: 0;
    padding: .26em 0 0 0;/* Adjust all-caps no-decender text vertical alignment */
}

/*
Bose/App Logo
*/
#logo {
	display: none;
}
#app_title {
	font-weight: bold;
	text-transform: uppercase;
	line-height: 145%;
}

#sign_in {
	position: absolute;
	/*top: 13px;*/
	top: 2%;
	/*right: 40px;*/
	right: 4%;
	font-family: arial black, arial, sans-serif;
	color: #61BDFA;
	text-transform: uppercase;
	cursor: pointer;
	z-index: 20;
	
	display: none;
}
#sign_in.rollover {
	color: #ffffff;
}
#sign_in.press {
	color: #cccccc;
}

ul#wizard_steps {
	display: none;
	width: 115px;/* 23px * 5 */
	margin: 0 auto;
	
	list-style: none;
	padding: 0;
	
	white-space: nowrap;
}
ul#wizard_steps li {
	margin: 0 6px;
	display: inline-block;
	width: 9px;
	height: 9px;
	/*border: 1px solid #ADADAD;*/
	border: 1px solid #000;
	outline: 1px solid #fff;
}
ul#wizard_steps li.selected {
	background: #fff;
}





.dialog_update {
	text-align: left;
	padding: 1em;
}
.dialog_update ul {
	margin: 0;
	padding-left: 1.5em;
}



#wizard_content {
	clear: both;
	
	overflow: hidden;
	/*-moz-box-sizing: border-box;
    box-sizing: border-box;*/
	
	position: absolute;
	top: 3.75rem;
	left: 0;
	bottom: 0;
	right: 0;
	text-align: center;
	z-index: 10;
	
	display: -webkit-flex;
	-webkit-flex-direction: column;
	
	max-width: calc(100% - 8.6rem);
	margin: 0 auto;
}
#wizard_content.show {
	/*opacity: 1;*/
	
	transform: scale3D(1, 1, 1);
	-webkit-transform: scale3D(1, 1, 1);
}
#wizard_content.hide {
	/*opacity: 0;*/
	
	transform: scale3D(0, 0, 1);
	-webkit-transform: scale3D(0, 0, 1);
}
#wizard_content.on {
	display: block;
}
#wizard_content.off {
	display: none;
}

/* HEADER */
#wizard_content header {
	width: 60%;
	
	margin-left: auto;
	margin-right: auto;
	padding: 2.875rem 0 0 0;
	position: relative;
	top: 0;
	left: 0;
	
	/*-webkit-flex-grow: 1;
	-webkit-flex-shrink: 0;
	min-height: 0;*/
}
#wizard_content header.nodevice {
	
}
#wizard_content header.full {
	width: 60%;
}
#wizard_content header.part {
	width: 80%;
}
#wizard_content header p {
	
}

#wizard_content header div.device_icon,
#wizard_content header div.header_icon {
	/*position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0;
	text-align: center;*/
	margin: 0 0 10px 0;
}
#wizard_content header div.device_icon img,
#wizard_content header div.header_icon img {
	max-width: 100px;
	max-height: 50px;
}
#wizard_content header h1.device_icon_label {
	
}

/* CONTENT */
#noscroll_content,
#autoscroll_content {
	/*-webkit-flex-grow: 1;
	-webkit-flex-shrink: 0;
	min-height: 0;*/
}
#noscroll_content {
	position: relative;
	top: 0;
	left: 0;
	margin: 0 auto;
	padding: 0 1px;
	overflow: hidden;
	width: 100%;
}
#autoscroll_content {
	position: relative;
	top: 0;
	left: 0;
	margin: 0 auto;
	padding: 0 1px;
	overflow: hidden;
	max-width: 30rem;
}
#noscroll_content > .inner,
#autoscroll_content > .inner {
	position: relative;
	top: 0;
	left: 0;
	
	width: 100%;
}

#top_rule,
#bottom_rule {
	/*width: 100%;*/
	/*height: 1px;*/
	
	/*position: absolute;
	top: 0;
	left: 0;*/
	
	display: none;
}

/* FOOTER */
#wizard_content footer {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	max-width: 30rem;
	margin: 10px auto;
	
	/*box-sizing: border-box;
	-webkit-flex-grow: 1;
	-webkit-flex-shrink: 0;
	min-height: 0;*/
}
#wizard_content footer #info_button {
	/*position: absolute;
	top: -5px;
	right: 10px;*/
	max-width: 40px;
	max-height: 40px;
	cursor: pointer;
	
	float: right;
	margin-right: 10px;
	margin-left: 20px;
}

#wizard_progress_button_ethernet,
#wizard_progress_button_already_connected,
#wizard_progress_button_wifi {
	width: 90%;	
}
#wizard_progress_button_wifi .inner {
	padding: 2em 0;
}


.wizard_progress_button#wizard_progress_button_advanced {
	float: left;
	margin-left: 10px;
	margin-right: 20px;
	
	/*position: absolute;
	top: 0;
	left: 10px;*/
}






.wizard_progress_button {
	display: inline-block;
	text-align: center;
	cursor: pointer;
	padding: 0;
	outline: 0;
	
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
}
.wizard_progress_button .inner {
	position: relative;
	top: 0;
	left: 0;
	
	font-size: 0.813rem;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 100;
	
	border-radius: 7px;
	border: solid 1px #000000;
	display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    height: 3.5rem;
    margin-bottom: 16px;
    padding: 21px;
    
    overflow: visible;
}


.noTouch .wizard_progress_button:focus .inner /* non-touch focus */
{
	outline: none;
}
.noTouch .wizard_progress_button:focus .inner::before {
	content: " ";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 3px solid #ccc;
	border-radius: 10px;
	margin: -3px;
}
/*.wizard_progress_button.selected:focus .inner:before {
	border-color: #999;
}*/

.wizard_progress_button.selected .inner {
	background-color: #000;
	color: #fff;
}
.wizard_progress_button.selected:focus .inner {
	background-color: #000;
}
.wizard_progress_button.selected.blur .inner {
	background-color: #000;
}

.wizard_progress_button.selected.rollover .inner,
.wizard_progress_button.selected.press .inner {
	opacity: .7;
	border-width: 1px;
}

.wizard_progress_button.rollover .inner,
.wizard_progress_button.press .inner {
	opacity: 1;
	border-width: 3px;
}

.wizard_progress_button .inner,
.noTouch .wizard_progress_button.press .inner {
	opacity: 1;
	border-width: 1px;
}

.wizard_progress_button img {
	height: 80%;
	margin: 0 1rem;
}

.wizard_progress_button.disabled {
	opacity: .4;
	cursor: default;
}
.wizard_progress_button.disabled.selected .inner,
.wizard_progress_button.disabled.press .inner {
	
}

.wizard_progress_button.block {
	display: block;
	width: 80%;
	margin: 0 auto 1rem auto;
	/*border: 1px solid purple;*/
}
.wizard_progress_button.block .inner {
	
}

.wizard_progress_button .icon {
	font-family: bose;
	font-size: 2rem;
	padding: 0 .5rem;
}























/* PROGRESSBARS */
#progressbar_item .update_percent {
	font-family: 'BoseText-Black', sans-serif;
	
	display: inline-block;
	box-sizing: border-box;
	margin-right: 20px;
	
	vertical-align: top;
}
#progressbar_item .progressbar_area {
	display: inline-block;
}
.progressbar_area {
	display: block;
}
.progressbar {
	background: #fff;
	border: 1px solid #000;
	box-sizing: border-box;
	margin: 6px 0 10px 0;
}
.progressbar .bar {
	background: #000;
	height: 3px;
	width: 0;
}
#progressbar_item .status {
	text-align: left;
	color: #000;
	font-style: italic;
}














/* Stand-alone device icon */
.device_icon {
	display: inline-block;
	margin: 0 20px 40px 20px
}
.device_icon span {
	margin-top: 10px;
	text-transform: uppercase;
	font-weight: bold;
	display: block;
}
















/* UPDATE DEVICES PROGRESSBARS */
#update_devices_progressbars {
	/*display: table;*/
	width: 100%;
}

.update_device_progressbar {
	width: 100%;
	/*display: table-row;*/
}

.update_device_progressbar .device {
	vertical-align: middle;
	display: inline-block;
	border-bottom: 15px solid #000000;
	text-align: center;
	
	width: 35%;
}
.update_device_progressbar .device img {
	margin-top: 20px;
	max-width: 100px;
	max-height: 50px;
}
.update_device_progressbar .device span {
	text-transform: uppercase;
	font-weight: bold;
	display: block;
	
	overflow: hidden;
}

.update_device_progressbar .update_percent {
	font-family: 'BoseText-Black', sans-serif;
	vertical-align: middle;
	display: inline-block;
	border-bottom: 15px solid #000000;
	text-align: center;
	
	width: 15%;
}

/* DEFAULT, ERROR, REBOOTING UPDATE PERCENT CONTENT */
/* WARNING IMAGE */
.update_device_progressbar.error .update_percent img.warning {
	display: block;
}
.update_device_progressbar.rebooting .update_percent img.warning,
.update_device_progressbar .update_percent img.warning {
	display: none;
}
/* SPINNER IMAGE */
.update_device_progressbar.rebooting .update_percent img.spinner {
	display: block;
}
.update_device_progressbar.error .update_percent img.spinner,
.update_device_progressbar .update_percent img.spinner {
	display: none;
}
/* PERCENT SPAN */
.update_device_progressbar.rebooting .update_percent span,
.update_device_progressbar.error .update_percent span {
	display: none;
}
.update_device_progressbar .update_percent span {
	display: inline;
}
/**/

.update_device_progressbar .progressbar_area {
	vertical-align: middle;
	display: inline-block;
	border-bottom: 15px solid #000000;
	
	width: 45%;
}
.update_device_progressbar .progressbar {
	background: #000000;
	border: 3px solid #3f3f3f;
	box-sizing: border-box;
	margin: 28px 0 10px 0;
}
.update_device_progressbar .progressbar .bar {
	background: #62BEF9;
	height: 6px;
	width: 0;
}
.update_device_progressbar.error .progressbar .bar {
	background: #B90000;
}
.update_device_progressbar .status {
	text-align: left;
	color: #7c7c7c;
	font-style: italic;
}
.update_device_progressbar.error .status {
	color: #B90000;
}














#help {
	position: absolute;
	top: 6.625rem;
	left: 1.5rem;
	box-sizing: border-box;
	width: -webkit-calc(100% - 3rem);
	height: -webkit-calc(100% - 10.375rem);
	overflow-y: auto;
}
#help .help_item {
	margin-bottom: 15px;
	padding: 3px 0 3px 24px;
	cursor: pointer;
	
	/*background: url(../images/setup_wizard/help_twistie.svg) 0 7px no-repeat;*/
	
	position: relative;
	top: 0;
	left: 0;
}
#help .help_item:before {
	content: "\E121";
	font-family: bose;
	padding-top: .4em;
	position: absolute;
	top: 0;
	left: 0;
}
#help .help_item.selected {
	/*background: url(../images/setup_wizard/help_twistie_selected.svg) 0 7px no-repeat;*/
}
#help .help_item.selected:before {
	content: "\E11f";
}

#help p.q {
	line-height: 140%;
	font-weight: bold;
	font-size: 0.875rem;
	
	margin: 0;
	padding: 0;
	
	word-wrap: break-word;
}
#help .help_item.selected p {
	
}

#help section.a {
	line-height: 140%;
	color: #000;
	
	margin: 5px 0 0 0;
	padding: 0;
	
	display: none;
	
	word-wrap: break-word;
}
#help .help_item.selected section.a {
	
}

#help section.a ul,
#help section.a ol {
	margin-left: 0;
	padding-left: 14px;
}
#help section.a ul li,
#help section.a ol li {
	margin-left: 0;
	padding-left: 0;
}









#help_bottom {
	display: block;
	
	padding: 20px 5% 20px 15%;
	box-sizing: border-box;
	
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	
	text-align: center;
}
#help_bottom .no_tab_link {
	cursor: pointer;
	
	color: #000;
	text-decoration: underline;
	display: inline;
}
#help_bottom .no_tab_link.press {
	
}
#help_bottom .no_tab_link.rollover {
	text-decoration: underline;
	color: #999;
}











img.spinner {
	max-width: 50px;
	max-height: 50px;
}






/* COUNTER STYLE */
ol.content_steps {
	counter-reset: listCounter;
}
ol.content_steps li {
	counter-increment: listCounter;
}
ol.content_steps li:before {
	content: counter(listCounter);
	display: inline-block;
	font-weight: bold;
	font-size: 4em;
	width: 15%;
	text-align: right;
}
ol.content_steps.stacked li:before {
	margin-right: 5%;
	vertical-align: top;
}

ol.content_steps.stacked li {
	border-bottom: 3px solid #cacaca;
}
ol.content_steps.stacked li:last-child {
	border-bottom: 0;
}

ol.content_steps {
	margin: 0 0 50px 0;
	padding: 0;
	list-style: none;
}
ol.content_steps li {
	margin: 0 0 30px 0;
	padding: 0;
	text-align: left;
	white-space: nowrap;
}
ol.content_steps.stacked li section.content {
	display: inline-block;
	width: 80%;
	white-space: normal;
}
ol.content_steps li * {
	vertical-align: middle;
}
ol.content_steps li:last-child {
	margin-bottom: 0;
}
ol.content_steps li * {
	vertical-align: middle;
}
ol.content_steps li section.image {
	width: 35%;
	text-align: center;
	display: inline-block;
}
ol.content_steps li img,
ol.content_steps li svg {
	max-width: 100%;
	max-height: 200px;
}
ol.content_steps.stacked li img,
ol.content_steps.stacked li svg {
	max-width: none;
	max-height: none;
	margin-right: 20px;
}
ol.content_steps.stacked h1 {
	font-weight: bold;
	font-size: 2.5em;
	text-transform: none;
}
ol.content_steps.stacked h1.callout {
	display: inline-block;
	font-weight: bold;
	font-size: 2.5em;
	text-transform: none;
}
ol.content_steps li p {
	
}
ol.content_steps li > p {
	display: inline-block;
	width: 45%;
	white-space: normal;
	margin-left: 5%;
}
ol.content_steps.stacked li > p {
	width: auto;
	margin-left: 0;
	display: block;
	margin-top: 15px;
}
ol.content_steps.stacked li p img {
	vertical-align: middle;
	margin: 0 3px 5px 3px;
	display: inline-block;
}



.todo {
	text-align: left;
	color: #999;
}
.todo img,
.doing img,
.done img {
	height: 1.5em;
	line-height: 1em;
	vertical-align: text-bottom;
	margin-left: .25em;
}
.done img {
	visibility: hidden;
}

.doing {
	text-align: left;
	color: #fff;
}
.done {
	text-align: left;
	color: #63BEF5;
}











ul.system_select {
	list-style: none;
	margin: 0;
	padding: 0;
	display: table;
	width: 100%;
	text-align: left;
}
ul.system_select li {
	margin: 0;
	padding: 0;
	display: table-row;
}

ul.system_select li > div {
	display: table-cell;
	padding: 30px 0;
	border-bottom: 1px solid #cacaca;
}
ul.system_select li > div:first-child {
	width: 15%;
	text-align: center;
}
ul.system_select li:last-child > div {
	border-bottom: 0;
}
	
ul.system_select li img {
	width: 100%;
	max-height: 100px;
	display: inline-block;
	vertical-align: middle;
}
ul.system_select li span {
	display: block;
	padding: 0 3% 0 5%;
	vertical-align: middle;
}
ul.system_select li .wizard_progress_button {
	white-space: nowrap;
	vertical-align: middle;
}



#ios_steps {
	list-style: none;
	padding: 0;
}
#ios_steps li {
	padding-bottom: 2em;
}
#ios_steps li .content {
	display: flex;	display: -webkit-flex;
	flex-flow: row; -webkit-flex-flow: row;
	align-items: flex-start; -webkit-align-items: flex-start;
	margin: 0 0 1em 0;
}
#ios_steps span.num {
	width: 2em;
	font-family: bose;
}

.iOS_override #ios_steps li#android_notify {
	display: none;
}

#ios_steps p {
	flex: 1; -webkit-flex: 1;
	margin: 0;
}
#ios_wifi {
	width: 212px;
	height: 154px;
	background: url(../images/setup_wizard/android_wifi.png) 0 0 no-repeat;
	background-size: 100% 100%;
	position: relative;
	margin: 0 auto;
}
#ios_steps .content p {
	text-align: left;
}
#choose_a_network {
	position: absolute;
	top: 39px;
	left: 36px;
	color: #b2b2b2;
}
#home_office {
	text-align: left;
	position: absolute;
	top: 70px;
	left: 36px;
	color: #030303;
}
#bose_soundtouch_wifi_network {
	text-align: left;
	position: absolute;
	top: 107px;
	left: 36px;
	right: 20px;
	height: 13px;
	color: #ccc;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.iOS_override #ios_steps #ios_wifi {
	width: 212px;
	height: 122px;
	background: url(../images/setup_wizard/ios_wifi.png) 0 0 no-repeat;
	background-size: 100% 100%;
	position: relative;
	margin: 0 auto;
}
.iOS_override #ios_steps #choose_a_network {
	top: 8px;
	left: 10px;
	color: #1e1e1e;
	text-transform: uppercase;
}
.iOS_override #ios_steps #home_office {
	text-align: left;
	position: absolute;
	top: 32px;
	left: 20px;
	color: #030303;
}
.iOS_override #ios_steps #bose_soundtouch_wifi_network {
	text-align: left;
	position: absolute;
	top: 61px;
	left: 20px;
	right: 62px;
	height: 13px;
	color: #ccc;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#ios_steps img {
	width: 3em;
	height: 3em;
	text-align: center;
}

#ios_control_center {
	width: 100%;
	height: 9em;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    margin: 0 auto;
    margin-bottom: 0.5rem;
}


#system_list {
	list-style: none;
	text-align: left;
	padding: 0;
	margin: 0 auto;
	max-width: 24em;
}
#system_list li {
	min-height: 6em;
	border-bottom: 1px solid #464646;
	position: relative;
	padding-left: 8em;
	padding-right: 2em;
	display: -webkit-box; display: box; -webkit-box-orient: vertical; box-orient: vertical;
	-webkit-box-pack: center; box-pack: center; display:
	-webkit-flex; display: flex; -webkit-flex-flow: column; flex-flow: column;
	-webkit-justify-content: center; justify-content: center; 
}
#system_list li p {
	margin: .5em 0;
	pointer-events: none;
}
#system_list li:last-child {
	border-bottom: none;
}

#system_list li .image {
	width: 5em;
	height: 5em;
	position: absolute;
	left: 2em;
	top: .5em;
	bottom: .5em;
	background-size: contain;
	background-position: 50%;
	background-repeat: no-repeat;
	pointer-events: none;
}

#led_list {
	list-style: none;
	text-align: left;
	padding: 0;
	margin: 0 auto;
	max-width: 24em;
}
#led_list li {
	display: inline-block;
	padding: 0 .5em;
	cursor: pointer;
	width: 100%;
}
#led_list li .inner {

	display: -webkit-box; display: box; -webkit-box-orient: vertical; box-orient: vertical;
	-webkit-box-pack: center; box-pack: center; display:
	-webkit-flex; display: flex; -webkit-flex-flow: column; flex-flow: column;
	-webkit-justify-content: center; justify-content: center; 

	border: 1px solid #61BDFA;
	background-color: transparent;
	position: relative;
	padding: .5em 2em .5em 5em;

	margin: .5em 0;

	min-height: 4em;
	position: relative;
	font-weight: bold;
}
#led_list li p {
	margin: .5em 0;
	pointer-events: none;
}
#led_list li .image {
	width: 30px;
	height: 30px;
	position: absolute;
	left: 2em;
	top: 1em;
	bottom: 1em;
	background-image: url(../images/setup_wizard/wifi_icon_sequence.gif);
	background-repeat: no-repeat;
	pointer-events: none;
}
li#solid_white .image {
	background-position: -117px 0;
}
li#blinking_white .image {
	background-position: -60px 0;
}
li#solid_amber .image {
	background-position: 0 0;
}
li#blinking_amber .image {
	background-position: -117px -77px;
}

#privacy_policy_content {
	text-align: left;
	white-space: pre-line;
}
#recovery_image {
	height: 10em;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50%;
	margin: 0 0 10px 0;
}
.bose {
	vertical-align: baseline;
	height: 1em;
	font-family: bose;
	font-size: 2rem;
}

#popup_bose {
	
}
.ios_wifi_name {
	color: #030303;
}
ul#wifi_pwd_steps li{
	text-align: left;
	margin: 0 .25em 10px;
}


.iconParagraph {
	line-height: 1.5rem;
}
.soundtouchIcon {
	background-image: url(../images/setup_wizard/app_icon.svg);
	background-repeat: no-repeat;
	background-size: contain;
	
	display: inline-block;
	vertical-align: middle;
	
	width: 1.5rem;
	height: 1.5rem;
	margin: 0;
	padding: 0;
	
	line-height: 1.5rem;
}

#privacyContent {
	position: relative;
	display: flex;
    display: -webkit-flex;
    flex-flow: column;
    -webkit-flex-flow: column;
    justify-content: center;
    -webkit-justify-content: center;
    margin-right: 0.5em;
}
.privacyIntro {
	font-weight: bold;
	font-style: normal;
  	font-stretch: normal;
  	line-height: 1.86;
  	letter-spacing: 1px;
}
.privacyDesc {
	padding: 1em 0 0 0;
    text-align: center;
    overflow-y: auto;
    letter-spacing: 0.3px;
    line-height: 1.5;
}
hr.privacyHR {
    margin: 0 auto 1.5em auto;
    opacity: 0.3;
    max-width: 90%;
}
#pCheckBox {
	background: #fff;
    border-radius: 4px;
    border: 1px solid #000;
	position: relative;
    display: inline-block;
    font-size: 16px;
    width: 1em;
    height: 1em;
    font-weight: normal;
    margin: 0 .5em; 
    vertical-align: top;
    cursor: pointer;
    padding: 0;
    outline: 0;
}
#pCheckBox:checked {
    background: #000;
}
#pCheckBox::after { 
    position: absolute;
    width: 2em;
    height: 1.75em;
    bottom: 0;
    margin: -.5em;
    margin-bottom: 0;
    content: '';
}
#privacyContent a,
#privacyCheck a
{
	text-decoration: underline;
	font-weight: bold;
}
#popup_progress_button_privay_agree
{
	margin-top: 1em;
	opacity: 0.5;
	pointer-events: none;
	width: 95% !important;
}
label[for=pCheckBox]
{
	line-height: 1.5;
    letter-spacing: 1px;
}
#pCheckBox:checked ~ #popup_progress_button_privay_agree
{
	opacity: 1;
	pointer-events: all;
}
#popup_content.privacy footer{
	margin-top: 0 !important;
}
#popup_content.privacy #popup_autoscroll_content{
	margin: 0 auto !important;
}
#popup_content.privacy #popup_autoscroll_content .inner{
	padding-top: 0 !important;
}

.pwd_change_email {
    font-weight: bold;
}

#resend_pwd_link {
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
    user-drag: none;
    -webkit-user-drag: none; 
}

#wizard_progress_button_proceed_with_wifisetup.disabled {
	pointer-events: none;
}

#wizard_progress_button_precise_location .inner {
    border: none;
    text-transform: none;
    text-align: center;
    padding: 0 10px 10px 10px;
    display: block;
    box-sizing: content-box;
    margin-bottom: 0;
    pointer-events: all;
    letter-spacing: .1px;
    font-size: 12px;
}

#wizard_progress_button_precise_location .inner a{
    letter-spacing: .1px;
}

#wizard_progress_button_precise_location:focus .inner::before {
	border: none !important;
}


#wizard_progress_button_precise_location {
	pointer-events: none;
}

#wizard_progress_button_precise_location a:hover,
#wizard_link_no_system_found:hover {
	text-decoration: underline;
	color: #000;
}

#wizard_link_no_system_found {
	letter-spacing: 0.1px;
}