section.replace_select {
	margin-bottom: 25px;
	
	position: relative;
	top: 0;
	left: 0;
	
	/*padding: 0 1px;*/
	/*padding: 0 1px 1px 0;*/
	
	outline: 0;
}






section.replace_select section.box {
	clear: both;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
	/*-webkit-appearance: none;
	-webkit-border-radius: 0;
	
	width: 100%;
	height: 35px;
	border: 1px solid #62BDFA;
	padding: 7px 50px 5px 7px;
	margin: 0;*/
	
	/*background: #13415C url(../images/setup_wizard/select_arrow.svg) 97% 2px no-repeat;*/
	
	text-overflow: ellipsis;
	white-space: nowrap;
	/*overflow: hidden;*/
	
	font-family: inherit;
	width: calc(100% - 1px);
	padding: 16px;
	font-size: 0.875rem;
	border: 1px solid #000;
	outline: none !important;
	border-radius: 0.25rem;
	background-color: #ffffff;
	color: #888888;
	-webkit-appearance: none;
	font-weight: normal;
	
	position: relative;
	top: 0;
	left: 0;
}
section.replace_select section.box:before {
	content: "\e11f";/* Down Arrow */
	font-family: bose;
	font-size: 2rem;
	color: #000;
	position: absolute;
	top: 0;
	right: .5rem;
	height: 100%;
	display: -webkit-inline-flex;
	-webkit-align-items: center;
}
section.replace_select.protected section.box:before {
	content: "\e193 \e11f";/* Lock Icon, Down Arrow */
}
section.replace_select:focus section.box {
	/*Adjust so that content/size does not shift*/
	border: 3px solid #000;
	padding: 14px;
}
section.replace_select:focus section.box:before {
	/*Adjust so that content/size does not shift*/
	right: calc(.5rem - 2px);
}






ul.replace_select_list, #mob_ul_wrapper {
	display: none;/* changes dynamically */
	width: 100%;/* 100% to match box element, or define px: otherwise, scales to body width */
	overflow: auto;
	
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	-webkit-user-select: none;/* eliminates text selection for select box on Homer */
	top: 0;
	left: 0;
	
	background-color: #fff;
	border-radius: 0 0 0.25rem 0.25rem;
}
#mob_ul_wrapper {
	position:relative;
	height:275px;
}
#mob_list {
	margin:0;
	padding:0;
}
ul.replace_select_list li, #mob_list > li {
	margin: 0;
	padding: 7px 7px 5px 1.8125rem;
	
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	
	position: relative;
	top: 0;
	left: 0;
}
#mob_list > li {
	padding: 10px 7px 8px 1.8125rem;
}
/*ul.replace_select_list li.selected, #mob_list > .selected_el {
	background-image: url(../images/setup_wizard/combo_list_check.svg);
	background-repeat: no-repeat;
	background-position: 7px center;
}*/
ul.replace_select_list li.selected:before,
#mob_list > .selected_el:before {
	content: "\e1b9";
	font-family: bose;
	position: absolute;
	top: 0;
	left: .5rem;
	height: 100%;
	display: -webkit-inline-flex;
	-webkit-align-items: center;
}
ul.replace_select_list li.rollover {
	background-color: #eee;
}





section.replace_select section.box {
	background-position: right 3rem top .7rem;
	background-size: auto 1.5rem;
	background-repeat: no-repeat;
}
section.replace_select.protected section.box {
	background-position: right 5rem top .7rem;
}

section.replace_select:focus section.box {
	/*Adjust so that content/size does not shift*/
	background-position: right calc(3rem - 2px) top calc(.7rem - 2px);
}
section.replace_select.protected:focus section.box {
	/*Adjust so that content/size does not shift*/
	background-position: right calc(5rem - 2px) top calc(.7rem - 2px);
}

section.replace_select.wifiSignalHigh section.box {
	background-image: url(../../images/icons/excellent.svg);
}
section.replace_select.wifiSignalMedHigh section.box {
	background-image: url(../../images/icons/good.svg);
}
section.replace_select.wifiSignalMedLow section.box {
	background-image: url(../../images/icons/marginal.svg);
}
section.replace_select.wifiSignalLow section.box {
	background-image: url(../../images/icons/poor.svg);
}
section.replace_select.wifiSignalNone section.box {
	background-image: url(../../images/icons/poor.svg);
}