/**
 * Predefined areas search tool
 * @since 1.0 */

div.cspmds_predefined_areas_list_container{
	position: absolute;
    z-index: 199;
    top: 10px;
    padding: 0px;
    background: none;
	display:none;
}

div.cspmds_predefined_areas_list_container div.cspmds_predefined_areas_list{
	display:inline-block;
}

div.cspmds_predefined_areas_list_container .cspmds_select_predefined_area{
	width:300px;	
}

@media (max-width: 767px) {
    div.cspmds_predefined_areas_list_container{
        left:60px !important;
        top:60px !important;
    }
    div.cspmds_predefined_areas_list_container .cspmds_select_predefined_area{
        width:250px;	
    }
}

/**
 * Selectize Custom CSS */
 
.cspmds_predefined_areas_list .selectize-control.single .selectize-input,
.cspmds_predefined_areas_list .selectize-control.multi .selectize-input{
	box-shadow: rgba(0,0,0,.298039) 0 1px 4px -1px, inset 0 -1px 0 0 rgba(0,0,0,.24) !important;	
	background-color: rgba(255, 255, 255, 0.97) !important;
	background-image: none !important;
	padding: 10px 8px !important;
    margin-top: -1px !important;
	border:0 !important;
	border-radius: 2px !important;
}

.cspmds_predefined_areas_list .selectize-control.multi .selectize-input.has-items{
	padding: 8px 8px 6px 8px !important;
    margin-top: -1px !important;
}

.cspmds_predefined_areas_list .selectize-control.multi .selectize-input [data-value],
.cspmds_predefined_areas_list .selectize-control.multi .selectize-input [data-value].active{
	padding: 2px 6px;
	border-radius: 2px !important;
	background-image: none !important;
	background-color: #008fed;
	border-radius: 2px !important;
	border:0px !important;
	margin: 0 3px 3px 0 !important;

}

.cspmds_predefined_areas_list .selectize-control.plugin-remove_button [data-value] .remove,
.cspmds_predefined_areas_list .selectize-control.plugin-remove_button [data-value].active .remove{
	border-left: 1px solid #006bb0;
}

.cspmds_predefined_areas_list .selectize-input{
	border:0px !important;
}

.cspmds_predefined_areas_list .selectize-dropdown,
.cspmds_predefined_areas_list .selectize-input, 
.cspmds_predefined_areas_list .selectize-control .selectize-input input{
	font-size:14px !important;	
}

.cspmds_predefined_areas_list .selectize-control.multi .selectize-input.has-items .item{
	font-size:12px !important;	
	color: #fff;
}

.cspmds_predefined_areas_list .selectize-dropdown{
	border:0px !important;
	border-radius: 0 0 2px 2px;	
}

.cspmds_predefined_areas_list .selectize-input.dropdown-active {
  -webkit-border-radius: 2px 2px 0 0 !important;	
  -moz-border-radius: 2px 2px 0 0 !important;	
  border-radius: 2px 2px 0 0 !important;	
}