.autocomplete__input--focused {
	outline: none;
	box-shadow: none;
}

.autocomplete__menu--inline{
	position:absolute ;
	top:30px;
	left:0;
}

#button-menu-container,
#mobile-container-search-mycalpers,
.mobile-container{
	display:none;
}
#mobile-global-search-search-input,
#global-search-search-input{
	border: 1px solid #00659e;
	font-size: 16px;
	line-height: 1.6;
	color: #000000;
	background-color: #ffffff;
	background-image: none;
	

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

    border-radius: 5px 0 0 5px;
}
}

#global-search-search-input{
	width:240px;
}

#global-search-search-input{
	height:38px;
	padding: 0 0 0 14px;
	border-radius: 5px 0 0 5px;
	
}
#mobile-global-search-search-input{
	height:40px;
	padding: 0 0 0 14px;
	width:100%;
	
}
#tablet-search-button,
#global-search-btn, 
#mobile-search-btn{
	border-width:0;
	border-color: #2F5BB7;
	background-color: #00659E;
	color:#FFF;
	border-radius: 5px;
	height:38px;
	width:115px;
	border-radius: 0 5px 5px 0;
	padding: 5px 0 4px 10px;
	margin-left:0px;
	font-weight:600;
}
#tablet-search-button:hover,
#global-search-btn:hover, 
#mobile-search-btn:hover{
	background-color: #8F431D;
}
#tablet-search-button:focus,
#global-search-btn:focus, 
#mobile-search-btn:focus{
	outline: 2px solid #000000;
	outline-offset:2px;
	background-color: #b95726;
	
}



#mobile-global-search-search-input:focus,
#global-search-search-input:focus{
	outline: 2px solid #000;
	outline-offset:2px;
	
}

#mobile-global-search-search-input:focus{
	width:99%;
}
#global-search-search-input:focus{
	margin-left:-30px;
}


#global-search-btn span.fa-search, 
#mobile-search-btn span.fa-search{
	margin : 0 0 0 5px;
}


.autocomplete__menu{
	width:100%;
}

#desktop-top-right-menu-container{
	padding: 0;
}
.top-nav-row{
		margin:20px -15px 0 -15px;
}
/*********************** mobile ***********************/
@media (max-width: 767px) {
	#button-menu-container{
		margin-bottom:25px;
	}
	#container-logo-menu{
		border-bottom: 4px solid #00659E;
	}
	#CalPERS_Logo{
		transform: scale(1.2);
	}
	#container-logo-link-button{
		
		height:71px;
		
	}
	
	#nav-primary-links-container{
		min-height:0px;
	}
	#link-svg-button-menu-container{
		background-color:#FFF;
		margin: 0 -15px 0 -15px;
		padding: 0 0 15px 0;
	}
	
	#logo-link-container,
	#button-menu-container{
		display:block;
		width:50%;
		height:60px;
		float:left;
	}
	#logo-link{
		display:inline;
	}
	#CalPERS_Logo{
		padding: 5px 0 0 45px;
		font-size:30px
	}
	#button-menu{
		display:block;
		width:96px;
		height:36px;
		padding: 0;
		margin: 20px 20px 20px 0;
		border-radius: 5px;
		float:right;
		background-color:#cce0eb;
		position:relative;
		border-color:#00659E;
		border-width: 1px;
	}
	#button-menu-text,
	#button-menu-icon{
		display:block;
		color:#00659e;
		position:absolute;
	}
	#button-menu-text{
		font-size:16px;
		font-weight:600;
		top: 5px;
		left:5px;
		
	}
	#button-menu-icon{
		top: 9px;
		left: 65px;
	}
	
	#nav-primary-links-container{
		clear:left;
	}
	.navbar-header{
		background:#FFF;
	}
	.mobile-container{
		display:block;
		
	}
	#menu-link-container{
		/*border-top: 4px solid #00659E;*/
	}
	#form-mobile-search,
	#mobile-container-my-calpers{
		height:88px;
		display:block;
		padding: 27px 0px 27px 0px;
	}
	#search-wrapper-mobile{
		width: 80%;
		
		display:block;
		float:left;
	}
	#tablet-search-button{
		display:none;
	}
	#mobile-search-btn{
		display:block;
		float:left;
		height:40px;
		width:100px;
		border-radius: 0 5px 5px 0;
		padding: 5px 0 4px 10px;

	}
	#mobile-search-btn:focus
	{
		margin-left:5px;
	}
	#my-calpers-link-button{

		padding: 5px 0 5px 0;
		width:100%;
	}
	#mobile-container-my-calpers{
		background-color:#FFF;
		margin: 0 -15px 0 -15px;
		padding: 25px 20px 0 20px;
	}
	
}/* mobile (max-width: 767px) {*/
			/*********************** end mobile ***********************/	
			/*********************** Tablet ***********************/
@media  (min-width: 768px) or (max-width: 972px) {
	#global-search-search-input{
		width:240px;
		border-right: none;
	}
	#tablet-search-button{
		margin: 6px 0 0px 0;
		padding: 0 3px 0 0;
		width:75px;
		height:38px;
	}
	#search-wrapper{
		float:left;
	}
	#global-search-btn{
		float:left;
	}
	#search-container{
		margin-top:15px;
		display:none;
	}
	#form-tablet-desktop-search{
		padding: 0 0 45px 0;
	}
	#tablet-search-button,
	#tablet-search-button:hover,
	#tablet-search-button:focus{
		border-radius: 5px 5px 5px 5px;
	
    }
	#global-search-btn:focus{
		margin-left:3px;
	}
	#global-search-btn .fa-search{
		display:none;
	}
}/*@media (min-width: 768px) or (max-width: 972px) {*/
/*********************** end Tablet ***********************/
/*********************** Medium devices (desktops, 992px and up) ***********************/
@media (min-width: 992px) {
	#form-tablet-desktop-search{
		padding: 0 0 0 0;
	}
	#search-container{
		float:left;
		margin-top:7px;

	}
	#top-right-menu-ul,
	#myCalpers-desktop{
		margin-top:15px;
	}
	#top-right-menu-ul{
		margin-right:20px;
	}
	#top-right-menu >li> a {
		padding:3px 10px 3px 10px;
		margin: 0 12px 0 12px;
	} 
	#global-search-btn .fa-search{
		display:inline;
	}
	
	.autocomplete__wrapper{
		display:inline;
	}
	#search-container{
		display:block;
	}
	#tablet-search-button{
		display:none;
	}
	#global-search-search-input{
		width:240px;
		border-right: none;
	}
	.desktop-search-container{
		margin-top:6px;
		position:relative;
		margin-right:-15px;
	}
	#global-search-btn:focus{
		margin-left:4px;
	}
    #search-wrapper{
		float:left;
		display:block;
	}	
	#global-search-btn{
		float: left;
		margin-left:0px;
		height:38px;
		width:110px;
		background-color: #00659E;
		background-image: none;
		filter: none;
		color:#FFF;
		border-radius: 0 5px 5px 0;
		padding:1px 0px 0 5px;
	}
	
}
/*********************** end Medium devices (desktops, 992px and up) ***********************/