@charset "utf-8";

/* FRAMEWORK OVERRIDES */
.hero_top_dashboard{
	padding-bottom:10px !important;
}
.hero_popup_main{
	z-index:100000;
}



/* MAPS */
.hero_maps_pro{
	position:relative;
}
.hero_maps_pro .hero_top_sub_nav{
	display:none; /* Hide sub-view navigation - replaced by map search */
}
.hero_top_dashboard{
	padding-bottom:0;
}
.hero_custom_area{
	text-align:right;
	padding-top:10px;
}
.hero_maps_pro .hero_map_content_holder{
	position:absolute;
	top:80px;
	width:100%;
	height:400px;
	background-color:#efefef;
}
.hero_maps_pro .hero_map_content_holder .hero_map_search_bar{
	position:absolute;
	top:12px;
	left:12px;
	width:350px;
	height:32px;
	background-color:#FFF;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px;
    padding:8px 0;
}
.hero_maps_pro .hero_map_content_holder .hero_map_search_bar .location_search_input{
	width:100%;
	margin:2px 0 0 10px;
	border:none;
	background-color:transparent;
	outline:none;
	box-shadow:none;
	color:#666;
	font-size:14px;
    line-height:18px;
    padding-right:55px;
}
.hero_maps_pro .hero_map_content_holder .hero_map_search_bar .location_search_input::-webkit-input-placeholder{
    color:#666;
}
.hero_maps_pro .hero_map_content_holder .hero_map_search_bar .location_search_input:-moz-placeholder{
   color:#666;
   opacity:1;
}
.hero_maps_pro .hero_map_content_holder .hero_map_search_bar .location_search_input::-moz-placeholder{
   color:#666;
   opacity:1;
}
.hero_maps_pro .hero_map_content_holder .hero_map_search_bar .location_search_input:-ms-input-placeholder{
   color:#666;
}
.hero_maps_pro .hero_map_content_holder .hero_map_search_bar .search_icon{
	position:absolute;
	top:15px;
	right:15px;
	width:18px;
	height:18px;
	background-image:url(../images/admin/map_search.png);
	background-repeat:no-repeat;
}
.pac-container{
	margin:9px 0 0 -10px;
	box-shadow:none;
}
.pac-container .pac-item{
	padding-left:29px;
}
.hero_maps_pro .hero_map_content_holder #hero_map_main{
	position:relative;
	width:100%;
	height:400px;
	background-color:#BDBDBD;
}
.hero_maps_pro .hero_viewport{
	position:relative;
	width:100%;
	padding-top:400px;
}
.hero_maps_pro .h_cust_component{
	padding:10px 0;
}
.hero_maps_pro .comp_right_sep{
	border-right:1px solid #DDD;
	margin-right:20px;
	padding-right:6px;
}
.hero_maps_pro .hero_switch_sml{
	margin-top:4px;
}
.hero_maps_pro .hide_container{
	clear:both;
	width:100%;
	height:0;
	overflow:hidden;
}
.hero_maps_pro .button-pull-right{
	float:right;
}
.hero_maps_pro .section_sep{
	clear:both;
	width:100%;
	height:1px;
	border-bottom: 1px solid #efefef;
	padding:25px 0 0 0;
	margin:0 0 15px 0;
}
.hero_maps_pro .marker_selection{
	width:100%;
	height:200px;
	background-color:#EDEDED;
	margin:0 0 20px 1px;
}
.hero_maps_pro .marker_selection select{
	/* display:none; */
}
.hero_maps_pro .marker_selection .marker_pack{
	height:214px;
	border-right:1px solid #DDDDDD;
}
.hero_maps_pro .marker_selection .marker_pack .selection_holder{
	padding:77px 0 0 55px;
}
.hero_maps_pro .marker_selection .marker_selector{
	padding:0 0 0 50px;
}
.hero_maps_pro .marker_selection .marker_selector .colour_choice{
	padding:30px 0 0 0;
}
.hero_maps_pro .marker_selection .marker_selector .colour_choice p{
	padding:6px 0 0 0;
}
.hero_maps_pro .marker_selection .marker_selector .drag_copy{
	margin:15px 0 0 0;
}
.hero_maps_pro .marker_selection .marker_selector .marker_choice{
	padding:5px 0 0 0;
}
.hero_maps_pro .marker_selection .marker_selector .marker_choice p{
	padding:10px 0 0 0;
}
.hero_maps_pro .marker_selection .marker_selector .hero_preset_holder{
	float:left;
}
.hero_maps_pro .marker_selection .marker_selector #marker_display_holder{
	width:450px; /* Changed from 560px */
	background-color:transparent;
	padding:0 0 20px 0;
}
.hero_maps_pro .marker_selection .marker_selector #marker_display_holder .marker_img_container{
	margin:0;
	background-color:transparent;
	width:auto;
}
.hero_maps_pro .marker_selection .marker_selector #marker_display_holder .marker_img_container img{
	width:30px;
	padding:5px 10px 0 0;
}
.hero_maps_pro .marker_edit_panel{
	position:absolute;
	top:80px; /* header height */
	right:-300px;
	width:300px;
	height:5000px;
	background-color:#FFF;
	z-index:9999; /* force above markers (drag-and-drop section) */
	padding:0;
	border-left:1px solid #DDD;
}
.hero_maps_pro .arrow_container{
	display:none;
}
.hero_maps_pro .arrow_container .arrow_down{
	display:none;
	position:absolute;
	top:430px;
	left:405px;
	width:334px;
	height:59px;
	background-image:url(../images/arrow_down.png);
	background-repeat:no-repeat;
	z-index:100000;
}
.hero_maps_pro .arrow_container .arrow_right{
	display:none;
	position:absolute;
	top:110px;
	right:270px;
	width:157px;
	height:61px;
	background-image:url(../images/arrow_right.png);
	background-repeat:no-repeat;
	z-index:100000;
}
.hero_maps_pro .marker_edit_panel .edit_note{
	color:#BBB;
	font-size:11px;
	font-style:italic;
	padding:3px 0 0 0;
	margin:0;
}
.hero_maps_pro .marker_edit_panel .edit_note_link{
	color:#666;
	font-size:11px;
	padding:36px 0 0 0;
	margin:0;
	cursor:pointer;
}
.hero_maps_pro .marker_edit_panel .edit_note_link:hover{
	text-decoration:underline;
}
.hero_maps_pro .marker_edit_panel .edit_top{
	padding:20px 20px 16px 20px;
}
.hero_maps_pro .marker_edit_panel .edit_top #del_location_marker_btn{
	padding-bottom:5px;
}
.hero_maps_pro .marker_edit_panel .edit_top #del_location_marker_btn img{
	padding-top:1px;
}
.hero_maps_pro .marker_edit_panel .edit_top .marker_image_container{
	width:95%;
	height:80px;
	background-color:#CCC;
	background-image:url(../images/icon_bg.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	border:1px solid #FFF;
}
.hero_maps_pro .marker_edit_panel .edit_top .marker_image_container .marker_img_holder{
	padding-top:20px;
}
.hero_maps_pro .marker_edit_panel .edit_top .marker_image_container .marker_img{
	height:40px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
}
.hero_maps_pro .marker_edit_panel .marker_data_container{
	clear:both;
}
.hero_maps_pro .marker_edit_panel .marker_edit_panel_inner{
}
.hero_maps_pro .marker_edit_panel .marker_edit_panel_inner .label{
	color:#666;
	width:18%;
	float:left;
}
.hero_maps_pro .marker_edit_panel .shape_edit_panel_inner .label{
	color:#666;
	width:40%;
	float:left;
}
.hero_maps_pro .marker_edit_panel .marker_edit_panel_inner .label div{
	padding:8px 0 0 0;
}
.hero_maps_pro .marker_edit_panel .marker_edit_panel_inner .holder{
	width:82%;
	float:left;
}
.hero_maps_pro .marker_edit_panel .shape_edit_panel_inner .holder{
	width:60%;
	float:left;
}
.hero_maps_pro .marker_edit_panel .title{
	color:#666;
	background-color:#EEE;
	margin-top:1px;
	padding:5px 20px;
}
.hero_maps_pro .marker_edit_panel .title .display_switch{
	float:right;
	margin-top:-4px;
}
.hero_maps_pro .marker_edit_panel .marker_edit_input{
}
.hero_maps_pro .marker_edit_panel .marker_edit_input .marker_edit_input_inner{
	padding:5px 20px 4px;
}
.hero_maps_pro .marker_edit_panel .marker_edit_input .shape_edit_panel_inner{
	padding:5px 20px 4px;
}
.hero_maps_pro .marker_edit_panel .marker_edit_input input[type="text"],
.hero_maps_pro .marker_edit_panel .marker_edit_input textarea,
.hero_maps_pro .marker_edit_panel .marker_edit_input select{
	color:#333;
}
.hero_maps_pro .marker_edit_panel .marker_edit_input input[type="text"]:read-only{
	background-color:#CCC;
}
.hero_maps_pro .marker_edit_panel .marker_edit_input textarea{
	min-width:100%;
	max-width:100%;
	height:80px;
	min-height:80px;
	max-height:80px;
}
.hero_maps_pro .marker_edit_panel .marker_edit_input .hero_current_color{ 
	top:49%;
}
.hero_maps_pro .marker_edit_panel .marker_edit_input .hero_palette{
	left:-195px;
}
.hero_maps_pro .marker_edit_panel .marker_edit_input .hero_select_holder{
	margin:1px 0 2px 0;
}
.hero_maps_pro .marker_edit_panel .marker_edit_input .hero_selected span{
	padding:7px;
}
.hero_maps_pro .marker_edit_panel .hidden_content{
	height:0;
	overflow:hidden;
}



/* MARKERS */
.custom_marker_img_holder{
	width:80px;
	min-height:75px;
	margin:0px;
	background-color:#EFEFEF;
	text-align:center;
	border-right:1px solid #FFFFFF;
}
.custom_marker_img_holder img{
	width:40px;
	padding:10px;
}
#marker_offset_container{
	position:relative;
	width:349px;
	height:349px;
	margin:30px auto 0px auto;
	background-image:url(../images/offset_bg.png);
	background-repeat:no-repeat;
}
#marker_offset_container .marker_border_container{
	position:absolute;
}
#marker_display_holder{
	display:table;
	width:100%; /*855px*/
	height:auto;
	background-color:#efefef;
	padding-bottom:16px;
}
#marker_display_holder .marker_img_container{
	float:left;
	width:80px;
	text-align:center;
	background-color:#FFFFFF;
	margin:16px 0 0 16px;
}
#marker_display_holder .marker_img_container img{
	width:40px;
	padding:10px 0;
}



/* MARKER DATA TABLE */
.mass_marker_update_panel{
	width:100%;
	height:0;
	overflow:hidden;
}
.mass_marker_update_panel .mass_marker_update_panel_inner{
}
.mass_marker_update_panel .mass_marker_update_panel_inner .mass_marker_update_drop_holder{
	width:100%;
	height:100px;
	border-bottom:1px solid #efefef;
	padding:10px 0;
}
.mass_marker_update_panel .mass_marker_update_panel_inner .mass_marker_update_drop_holder .mass_marker_update_drop{
	width:97%;
	height:92px;
	border:4px dashed #CCC;
	background-image:url(../images/icon.png);
	background-repeat:no-repeat;
	background-position:150px center;
	text-align:center;
}
.mass_marker_update_panel .mass_marker_update_panel_inner .mass_marker_update_drop_holder .mass_marker_update_drop p{
	padding:35px 0 0 20px;
}
.marker_data_table_img_container{
	width:100%;
}
.marker_data_table_img_container .marker_data_table_img{
	width:100%;
	height:27px;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
}
.hero_maps_pro .hero_map_filters{
	border-top:1px solid #efefef;
	padding-top:14px;
}
.hero_maps_pro .hero_paging_holder{
	padding-top:2px;
}
.hero_maps_pro .hero_paging_holder .hero_page_btn{
	display:inline-block;
}
.hero_maps_pro .hero_paging_holder .hero_page_btn a{
	color:#FFF;
	background-color:#666;
	text-decoration:none;
	cursor:pointer;
	margin:0 10px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.hero_maps_pro .hero_paging_holder .hero_page_btn a:hover{
	text-decoration:none;
	background-color:#999;
}
.hero_maps_pro .hero_paging_holder .hero_paging_prev{
	background-image:url("../images/admin/paging_left_arrow.png");
	background-repeat:no-repeat;
	background-position:left 7px center;
	padding:5px 10px 7px 20px;
}
.hero_maps_pro .hero_paging_holder .hero_paging_next{
	background-image:url("../images/admin/paging_right_arrow.png");
	background-repeat:no-repeat;
	background-position:right 7px center;
	padding:5px 20px 7px 10px;
}



/* MARKER CATEGORY TABS */
.hero_maps_pro .hmapsprem_cat_tab{
    float:left;
    display:block;
}
.hero_maps_pro .hmapsprem_cat_tab a{
    padding:0;
    margin:0;
    border:0;
    text-decoration:none;
    cursor:pointer;
}



/* COLOUR PRESETS */
.hero_preset_holder{
	display:table;
	float:right;
	margin-right:-14px;
}
.hero_preset_color{
	display:table;
	float:left;
	margin:0 10px 0 0;
	padding:4px;
	background-color:#FFF;
	border:1px solid #efefef;
	cursor:pointer;
}
.hero_preset_color:hover{
	border:1px solid #CCC;
}
.hero_preset_active, .hero_preset_active:hover{
	border:1px solid #999;
	cursor:default;
}
.hero_preset_one{
	width:12px;
	height:24px;
	float:left;
}
.hero_preset_two{
	width:12px;
	height:24px;
	float:left;
}