/* Example tokeninput style #2: cbre style */
ul.token-input-list-project ,#serach_project, .locationdropdown{
    overflow: hidden; 
    height: auto !important; 
    border-bottom: 1px solid #144e8c;
    cursor: text;
    font-size: 12px;
    min-height: 1px;
    z-index: 999;
    margin: 0;
    padding: 0;
    background-color: #fff;
    list-style-type: none;
    float: left;
	min-height:38px;
	width:100%;
}

 #serach_project,#search1_search_project{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left:10px;
	font-size:14px;
	height:40px !important;
	width:100%;
	background-color: #fff;
	}

#page-home ul.token-input-list-project,#page-home  #serach_project
{

	background: transparent;	
	
}
#token-input-suburb {
	background: transparent;
	border: none;	
	width: 100%;
}
#page-home .locationdropdown
{
	width: calc(100% - 92px);
	/*width: calc(50% - 46px);*/
	float:left;
}
#page-home #regiondropdown
{
    width: calc(50% - 46px);
}
#page-home #search1_locationdropdown
{
    width: 100%;
}
.locationdropdown
{
	background: #FFF url("/images/btns/arrowdown.png") no-repeat scroll right center;
	-webkit-appearance: none;
	-moz-appearance:    none;
	appearance:         none;
	padding: 10px !important;
	font-size:14px ;
	color:#505050;
	cursor:pointer;
	width: 50%;
	float:left;
}
ul.token-input-list-project li input 
{
    width:auto !important;
	height:36px;
    padding:0 5px;
    background-color: white;
    margin:0;



}

li.token-input-token-project {
    overflow: hidden; 
    width:auto !important;
	height:28px;
    margin: 3px;
    padding: 1px 3px;
    background-color: #ccc;
    color: #000;
    cursor: default;
    border: 1px solid #ccd5e4;
    font-size: 14px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float: left;
    white-space: nowrap;
	
}

li.token-input-token-project p {
    display: inline;
    padding: 0;
    margin: 0;
	line-height:30px;
	font-size: 14px !important;
    font-family: "Open Sans",sans-serif !important;
}

li.token-input-token-project span {
    color: #000;
    margin-left: 5px;
    font-weight: bold;
    cursor: pointer;
}

li.token-input-selected-token-project {
    background-color: #ccc;
    border: 1px solid #ccc;
    color: #000;
}

li.token-input-input-token-project {

    margin: 0;
    padding: 0;
    list-style-type: none;
	width: auto !important;
	max-width: 100%;
	height: 36px;
	text-align: center;
}


div.token-input-dropdown-project {
    position: absolute;
    width: 400px;
    background-color: #fff;
    overflow: hidden;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    cursor: default;
    font-size: 11px;
    font-family: Verdana;
    z-index: 13;
}

div.token-input-dropdown-project p {
    margin: 0;
    padding: 5px;
font-family: "Open Sans",sans-serif;
    color: #777;
	font-size:14px
}

div.token-input-dropdown-project ul {
    margin: 0;
    padding: 0;
display:block !important;
max-height:205px;
	
}

div.token-input-dropdown-project ul li {
    background-color: #fff;
	font-size:14px;
    padding: 3px;
    margin: 0;
    list-style-type: none;
font-family: "Open Sans",sans-serif;
		font-weight:100 !important;
	
	
}

div.token-input-dropdown-project ul li.token-input-dropdown-item-project {
    background-color: #fff;
}

div.token-input-dropdown-project ul li.token-input-dropdown-item2-project {
    background-color: #fff;
}

div.token-input-dropdown-project ul li em {
    font-weight: bold;
    font-style: normal;

}

div.token-input-dropdown-project ul li.token-input-selected-dropdown-item-project {
    background-color: #ccc;
    color: #fff;
}
@media (max-width:768px) {
div.token-input-dropdown-project ul {

max-height:2210px;
	
}
}
@media (max-width:700px) {
	ul.token-input-list-project ,#serach_project{
    overflow: hidden; 
    height: auto !important; 
    border: 1px solid #8496ba;
    cursor: text;
    font-size: 12px;
    min-height: 1px;
    z-index: 999;
    margin: 0 0 15px 0;
    padding: 0;
    background-color: #fff;
    list-style-type: none;
    float: left;
	min-height:38px;
width:100%;
max-width:100%;
}
#page-home ul.token-input-list-project,#page-home  #serach_project ,#page-home .home_search
{
width: 93% ;
float:none;
margin:10px auto;
	
}
#page-home .home_search
{
	margin-bottom:15px;
}
}
@media (max-width:680px) {

li.token-input-input-token-project {

    width: 50%;

}
ul.token-input-list-project li input
{
	width:96%;
	padding:5px 2%
	
	
}
#page-about .top_search_container .suburbselector {
    float: none;
	width:100%;
}
li.token-input-input-token-project {

    max-width: 100%;
	width:100% !important;
}
ul.token-input-list-project li input {
 
    width: 100% !important;
}
.locationdropdown
{
	width:100%;
float:none;
margin-bottom:10px;
}

#page-home .locationdropdown
{
width:93%;
float:none;
}

}