#global_map_stats_wrapper {}
.map_stat_box {float:left;margin-right:10px;}

#search_results_wrapper {}
#search_pagination_wrapper {}

/* Google Maps general styles */
.google_map {}
.google_map img{max-width:inherit;} /* fixes issue caused by css reset */


form.fancy_form {}
form.fancy_form h3,
form.fancy_form h4 { font-size:20px; line-height: 22px; margin-top:20px; padding-bottom:8px; /*border-bottom:1px dotted #ccc;*/ text-transform: none; }
form.fancy_form fieldset { min-height:20px;padding:18px 10px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #eee;border:1px solid rgba(0, 0, 0, 0.05);border:1px solid #ccc;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);}
form.fancy_form fieldset p.form_text { padding: 20px; }
form.fancy_form .control-group {margin:16px 0px;padding:16px;border-radius:5px;}
form.fancy_form .control-group.error { color: #b94a48; background-color: #f2dede; border-color: #b94a48; }
form.fancy_form ul.errorlist {margin-top:10px;}
form.fancy_form .control-group.checkbox_field_group {margin:8px 0px;padding:8px 16px;border-radius:5px;}
form.fancy_form .control-group.highlight-group {background-color:#e4e4e4;/*background:#FFd;*//*background:#ededed;*/}
form.fancy_form .control-label {font-size:18px;line-height:22px;margin-bottom:8px;}
form.fancy_form input[type="text"],
form.fancy_form input[type="password"],
form.fancy_form input[type="email"],
form.fancy_form input[type="url"] {width:100%;height:44px;box-sizing:border-box;padding:12px 8px;font-size:20px;line-height:22px;}
form.fancy_form input[type="checkbox"] {display:inline;padding-left:16px;}
form.fancy_form .control-group textarea {border:1px solid #ccc;}
form.fancy_form .input-group.address_location_group {width:80%;margin:10px auto 48px auto;text-align: center;}
form.fancy_form .btn-lg.create_loc_btn,
form.fancy_form .btn-lg.toggle_map_loc_btn {vertical-align:top;padding:10px 12px 8px 12px;}
form.fancy_form .chosen-container .chosen-container-multi {width:100%;}
form.fancy_form .chosen-container-multi .chosen-choices {padding-top:4px;padding-left:4px;}
form.fancy_form .chosen-container-multi .chosen-choices li.search-field input[type="text"] {width:100%;height:36px;box-sizing:border-box;padding:8px;font-size:20px;line-height:22px;}
form.fancy_form .chosen-container-multi .chosen-choices li.search-choice span {font-size:16px;line-height:22px;}
form.fancy_form .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {top:8px;}
form.fancy_form .form-inline input {width:44%;margin-right:4px;}
form.fancy_form select {width:100%;height:44px;box-sizing:border-box;padding:10px 8px;font-size:20px;line-height:22px;background:#fff;border:1px solid #ccc;}
form.fancy_form textarea {width:100%;box-sizing:border-box;padding:6px;font-size:20px;line-height:24px;}
form.fancy_form p.help-block {margin:0px 4px 8px 2px;font-family: "Lucida Grande",Tahoma,sans-serif; font-size: 12px;font-weight:normal;}

form.fancy_form .file_upload_preview {width: 160px; height: 160px;}
form.fancy_form .file_upload_preview img {max-width:150px; max-height:150px;}
form.fancy_form .btn-file {margin-top:10px;position: relative;overflow: hidden;}
form.fancy_form .btn-file input[type=file]{position:absolute;top:0;right:0;min-width:100%;min-height:100%;font-size:100px;text-align:right;filter:alpha(opacity=0);opacity:0;outline:none;background:white;cursor:inherit;display:block;}


form.address_locations_form {margin:60px 0px;}

.submit_btns_wrapper {float:right; text-align: center;}
.submit_btns_wrapper button {margin-bottom:8px;display:block;}
.submit_btns_wrapper a {margin-bottom:8px;display:block;}
.submit_btns_wrapper p {margin-top:12px; font-size:16px;}

h3.fancy_form_header {
    margin:24px 0px;
    font-size:28px;
    line-height:32px;
    font-weight: normal;
    text-transform: none;
    text-align: center;
}

p.fancy_interests {
    margin-bottom:16px;
    padding:4px 12px 0px 12px;
    font-size:22px;
    line-height:24px;
    font-weight:bold;
    text-align:center;
}
p.fancy_interests.no_bold {
    font-weight:normal;
    font-size:18px;
    line-height:20px;
}

form.fancy_form .display_content p {font-size:15px;line-height: 17px; padding:16px;}



.map_legend {margin-bottom:0px !important;background:whiteSmoke;}
.map_legend td {vertical-align:middle;}
.map_legend .legend_img {float:left;margin-right:8px;}
.map_legend .legend_label {float:left;}
.map_legend .legend_label div {color:#999;font-size:11px;}


/*-------------------------------------------*/
/* Location Form / Mapping utility stuff (?) */
/*-------------------------------------------*/

/* was previously 480px, which is optimal. */
div#location_map {height: 527px; width: 100%;border:1px solid #ccc;}
div#location_map.minify_map {height: 1px; width: 1px; border:none;}
div#map_instructions {}
div#map_instructions.minify_instructions {display:none;}
.location_map_wrap {
    width:100%;
    /*margin-bottom:16px;*/
    margin-bottom:0px;
}

/*
.location_map_filters .nav-pills>li>a {
    padding:8px;
}
.location_map_filters .nav-pills .open .dropdown-toggle,
.location_map_filters .nav-pills>li>a:hover {
    background: #fff;
    color:#3f9fd9;
    color:#298fcd;
}
*/



.filter_wrap {
    width:100%;
    background:#3f9fd9;
    border:1px solid #3f9fd9;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

/* Used to make filters affixed on global map */
.filter_wrap.affix_filters {
    position:fixed;
    top:61px;
    left:0px;
    /* 10 less than bootstrap nav */
    z-index:1020;
}

.filter_wrap form.map_filter_form {margin:0;padding:0;}
.location_map_filters { padding:8px 16px 8px 10px; color:#fff; }
.location_map_filters .dropdown { display:inline-block; margin-right:0px;}
.location_map_filters .filter_field_wrap {display:inline-block; margin-right:0px;}
.location_map_filters .filter_field_wrap input[type="text"] {
    margin:4px 4px 6px 0px;
    padding: 8px 6px 8px 6px;
    width:180px;
    font-size:14px;
    line-height:16px;
    border:1px solid #ccc;
    border-radius: 4px;
}
.location_map_filters .filter_field_wrap button {
    margin:6px 6px 6px 0px;
}
.location_map_filters .filter_field_wrap a.reset,
.location_map_filters .filter_field_wrap a.save_search {
    display:inline-block;
    margin:4px 6px 6px 4px;
    padding-bottom:2px;
    vertical-align: middle;
    font-size:11px;
    line-height:13px;
    color:#fff;
    text-decoration: none;
    border-bottom:1px dotted #fff;
}
.location_map_filters .filter_field_wrap a.global_map_link {
    display:inline-block;
    margin:4px 6px 6px 4px;
    padding-bottom:2px;
    vertical-align: middle;
    font-size:11px;
    line-height:13px;
    color:#fff;
    text-decoration: none;
    border-bottom:1px dotted #fff;
}

.location_map_filters .filter_field_wrap label.redo_search {
    display:inline-block;
    margin:4px 6px 6px 4px;
    vertical-align: middle;
    font-size:11px;
    line-height:13px;
    color:#fff;
    cursor:pointer;
    border-bottom:1px dotted #fff;
}
.location_map_filters .filter_field_wrap label.redo_search input {
    display:inline-block;
}
.location_map_filters .filter_field_wrap .filter_separator {
    display:inline-block;
    margin:4px 0px 6px 0px;
    vertical-align: middle;
    font-size:11px;
    line-height:13px;
}

.location_map_filters .dropdown a.dropdown-toggle {
    display:inline-block;
    margin:4px 0px 0px 0px;
    padding:8px;
    color:#fff;
    font-weight:bold;
    font-size:18px;
    text-decoration: none;
    border-radius:4px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.location_map_filters a.dropdown-toggle span.label {
    margin: 0px 2px 0px 2px;
    padding:1px 3px 2px 3px;
    vertical-align: middle;
    background:#fff;
    color:#3f9fd9;

    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
}


.location_map_filters .open a.dropdown-toggle,
.location_map_filters .open a.dropdown-toggle:hover {
    background:#fff;
    color:#3f9fd9;
    color:#298fcd;
}

.location_map_filters .open a.dropdown-toggle span.label {
    background:#3f9fd9;
    color:#fff;
}

.location_map_filters .dropdown ul.dropdown-menu {
    margin-top:0px;
    padding-top:8px;
    border:none;
    border-top-left-radius:0px;
    width:320px;
}
.location_map_filters .dropdown ul.dropdown-menu ul#id_org_types,
.location_map_filters .dropdown ul.dropdown-menu ul#id_project_types {
    padding-left:22px;
}
.location_map_filters .dropdown ul.dropdown-menu li {list-style-type: none;}
.location_map_filters .dropdown ul.dropdown-menu li label {
    display:block;
    padding:4px 8px 3px 10px;
    margin-bottom:0px;
    font-size:14px;
    color:#5e5e5e;
}
/*.location_map_filters .dropdown ul.dropdown-menu li label:hover {
    background:#3f9fd9;
    color:#fff;
}*/
.location_map_filters .dropdown ul.dropdown-menu li input {
    display:inline;
    /* specifying a height breaks display on safari - don't do it! */
    /*height:16px;*/
    margin-right:4px;
    padding:4px;
    font-size:16px;
    color:#555;
}

/* Inverse Styling */
.filter_wrap.inverse_filter {
    background:#fff;
    background: -webkit-linear-gradient(left, #f5f5f5, #fff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #f5f5f5, #fff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #f5f5f5, #fff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #f5f5f5, #fff);
    border:none;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
    border-radius:none;
}
.filter_wrap.inverse_filter .location_map_filters { padding:8px 16px 8px 10px; color:#777; }

.filter_wrap.inverse_filter .location_map_filters .dropdown a.dropdown-toggle { color:#777; }
.filter_wrap.inverse_filter .location_map_filters .open a.dropdown-toggle, .location_map_filters .open a.dropdown-toggle:hover {
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}
.filter_wrap.inverse_filter .location_map_filters .dropdown ul.dropdown-menu {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.filter_wrap.inverse_filter .location_map_filters a.dropdown-toggle span.label { background:#508cbd; color:#fff; }
.filter_wrap.inverse_filter .location_map_filters .filter_field_wrap label.redo_search {
    color:#777;
    font-weight: normal;
    border-bottom:1px dotted #777;
    padding-bottom:2px;
}
.filter_wrap.inverse_filter .location_map_filters .filter_field_wrap a.reset,
.filter_wrap.inverse_filter .location_map_filters .filter_field_wrap a.save_search {
    margin:4px 6px 2px 4px;
    color:#777;
    font-weight: normal;
    border-bottom:1px dotted #777;
}
.filter_wrap.inverse_filter .location_map_filters .filter_field_wrap a.global_map_link {
    color:#777;
    font-weight: normal;
    border-bottom:1px dotted #777;
}


.location_map_filters .dropdown ul.dropdown-menu li input.select2-search__field { margin-top:5px; }
.location_map_filters .dropdown ul.dropdown-menu li.divider { margin:4px 1px; }


/* Select2 Specific Styling */
.location_map_filters .dropdown ul.dropdown-menu li .select2-container {margin:8px;font-size:16px;}
.location_map_filters .dropdown ul.dropdown-menu li a.select2-search-choice-close {padding:0px;}
.location_map_filters .dropdown ul.dropdown-menu li label {font-size:16px;}

.select2-selection--multiple .select2-search--inline .select2-search__field { width: auto !important; }
.select2-container .select2-results {font-size:16px;}

.location_map_filters .dropdown ul.dropdown-menu li.select2-selection__choice {
    background:#f5f5f5;
    color:#555;
    padding:3px 4px;
    font-size:16px;
}
.select2-results__message {font-size:16px;}

.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--multiple {
    border: 1px solid #ccc;
    padding:4px 2px 2px 2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding:2px 5px;
}
.select2-container--default .select2-results__group,
.select2-container--default .select2-results__option .select2-results__option,
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    font-size:16px;
    line-height:18px;
}


/* Chosen Specific Styling */
.location_map_filters .dropdown ul.dropdown-menu li .chosen-choices {margin-left:8px;}
.location_map_filters .dropdown ul.dropdown-menu li .chosen-drop {margin-left:8px;}
.location_map_filters .dropdown ul.dropdown-menu li a.search-choice-close {padding:0px;}

#location_form_error_wrap {display:none;}
#location_filter_error_wrap {display:none;}

.location_formset_container {
    position:relative;
    padding-top:20px;
    margin:8px 0px 8px 0px;
    border:1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    background:#ededed;
}
.location_formset_container h3,
.location_formset_container h4 {margin:0px 0px 18px 18px;font-size: 16px;}

table.location_table {display:none;}
table.location_table thead tr th {font-size:15px;}
table.location_table thead tr th div.help_text {
    font-size:12px;font-weight:normal;}

table.location_table tbody tr#loc_row_tpl td {display:none;}

table.location_table tbody tr td {font-size:14px;border-bottom:1px solid #dddddd;}
table.location_table tbody tr td .show_on_map {font-size:14px;}
table.location_table tbody tr td:first-child {border-left:1px solid #dddddd;}
table.location_table tbody tr td:last-child {border-right:1px solid #dddddd;}
table.location_table tbody tr td .loc_name {font-weight: bold;}
table.location_table tbody tr td .loc_name .loc_icon {float:left;padding:0px 4px 2px 0px;}
table.location_table tbody tr td .loc_name .loc_icon img {width:32px;}
table.location_table tbody tr td .loc_extra_detail {display: none;}
table.location_table tbody tr td .loc_name span {font-weight: normal; font-size:12px;}
table.location_table tbody tr td .loc_content_url {font-size:12px;text-transform: capitalize;}
table.location_table tbody tr td .loc_lat_lng {font-size:12px;}
table.location_table tbody tr td .loc_desc {font-size:12px;margin-top:4px;}
table.location_table tbody tr.highlight_row td {background-color:#ffff99 !important;}
table.location_table tbody tr td p.loc_action {margin-bottom: 4px;}


#location_terms_of_use_modal {}
#location_terms_of_use_modal .modal-body {
    max-height:320px !important;
    overflow-y: auto;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
}

div.info_window_content {max-width:320px;}
div.info_window_content h4 {margin:0px 0px 8px 0px;}
div.info_window_content h4 span.content_type {font-weight:normal;font-size:13px;}
div.info_window_content span.lat_lng {font-size:12px;}

div.info_window_content .info_window_content_url {text-transform: capitalize;}
div.info_window_content p {margin-bottom:8px;}
div.info_window_actions {margin-top:6px;padding-top:6px;text-align: center;}
div.info_window_actions p.learn_more {margin:0;padding:0;text-align:left;}
div.info_window_actions p.drag_info {margin:4px 0px 0px 0px;padding:0;text-align:center;font-size:11px;font-style:italic;}

div.tag_fields_wrapper {}
div.default_tags_wrapper {display:none;}
div.default_tags_wrapper .control-group {margin-bottom:10px;}
div.default_tags_wrapper .control-group .controls {padding-top:7px;}

.form-inline.location_form {font-size:16px;}
.form-inline.location_form .form-group {margin-bottom:8px;}
.form-inline.location_form .control-label {width:220px;margin:0px 10px 0px 0px;padding:4px 0px;float:left;text-align:right;}
.form-inline.location_form .field-wrap {width:480px;float:left;}
.form-inline.location_form .field-wrap input#id_name {width:400px;padding:4px 2px;border:1px solid #ccc;border-radius:4px;}
.form-inline.location_form .required {color:#f66;font-size:12px;vertical-align:top;}
.form-inline.location_form .simple-form-actions {padding:20px 0px 0px 220px;}
.form-inline.location_form .select2-container--default.select2-container--focus .select2-selection--multiple {border:1px solid #ccc;}

.form-inline.location_form .show_advanced_wrap {padding:4px 0px 0px 220px;}
.form-inline.location_form .show_advanced_wrap a {text-decoration: none;font-size:14px;}
.form-inline.location_form .advanced_location_fields {}
.form-inline.location_form .radius_wrap {}

.form-inline.lesson_filter_form {font-size:16px;}
.form-inline.lesson_filter_form .form-group {margin-bottom:8px;}
.form-inline.lesson_filter_form .control-label {width:220px;margin:0px 10px 0px 0px;padding:4px 0px;float:left;text-align:right;}
.form-inline.lesson_filter_form .field-wrap {width:480px;float:left;}
.form-inline.lesson_filter_form .field-wrap input#id_name {width:400px;padding:4px 2px;border:1px solid #ccc;border-radius:4px;}
.form-inline.lesson_filter_form .filtered-result {padding:4px 0px 6px 230px; font-style:italic;}
.form-inline.lesson_filter_form .simple-form-actions {padding:4px 0px 0px 230px;}
.form-inline.lesson_filter_form ul.errorlist {color:#B94A48;margin-top:10px;}

/*.form-inline.location_form .controls {margin-left:160px;display:inline-block;}*/

#location_form_modal h2 {margin:0px;}
#location_form_modal .modal-dialog {width:800px;}
#location_form_modal .help-block {font-size:13px;}

div.mobile_legend {display:none;}
div.onmap_actions {
    position:relative;
    width:524px;
    padding:4px;
    /*background:rgba(245, 245, 245, 0.4);*/
    background:rgba(245, 245, 245, 0.8);
    /*border:2px solid #aaa;*/
    /*border:2px solid #fff;*/
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    box-shadow: 0 2px 6px rgba(0,0,0,.3);
    text-align:center;
    /*display:none;*/
}
div.onmap_actions a {
    display:inline-block;
}
div.onmap_actions a.hide_map_actions {
    position:absolute;
    top:4px;
    right:6px;
    font-size:16px;
    font-weight: normal;
    color:rgba(85, 85, 85, 0.75);
}
div.onmap_actions a.hide_map_actions:hover {
    color:rgba(85, 85, 85, 1);
}

 .dropdown-menu > li > a.data_link {font-weight: bold;color: #4c6b8b;}
 .dropdown-menu > li > a.show_hydrobasins {font-weight: bold;}
 .dropdown-menu > li > a.show_hydrobasins.broad_scale {color: #81acd0;}
 .dropdown-menu > li > a.show_hydrobasins.medium_scale {color: #508cbd;}
 .dropdown-menu > li > a.show_hydrobasins.granular_scale {color: #4c6b8b;}
 .dropdown-menu > li > a.show_hydrobasins.clear_all {color: #d0b753;}
 .dropdown-menu > li > a.show_hydrobasins.selected {opacity: 0.6; background: #eee;}


div.onmap_legend { display:inline-block; margin:0px 6px 0px 2px; font-size:12px; color:#555;}
div.onmap_legend div.legend_row {margin:8px 0px;text-align: left;}
div.onmap_legend div.legend_row div.onmap_legend_label {
    display:inline-block;
    margin-right:4px;
    width:94px;
    text-align: right;
    font-weight:bold;
}
div.onmap_legend img {width:16px;margin-right:0px;}
div.onmap_legend a.map_legend_popover {
    display: inline-block;
    margin-right: 8px;
    text-decoration:none;
    /*font-weight:bold;*/
    color:#555;
}

div.onmap_legend div.legend_row div.water_stress { display:inline-block; }
div.onmap_legend div.legend_row div.water_stress a { display:inline-block; margin-right: 4px; text-decoration: none; }
div.onmap_legend div.legend_row div.water_stress a:hover { font-weight: bold; }
div.onmap_legend div.legend_row div.water_stress a span.stress_label { border-bottom:1px dotted #999; }
div.onmap_legend div.legend_row div.water_stress a:hover span.stress_label { border-bottom:1px solid #999; }
div.onmap_legend div.legend_row div.water_stress a span.stress_color {
    display:inline-block;
    width:12px;
    margin-right:2px;
    border-bottom:none;
}
div.onmap_legend div.legend_row div.water_stress a span.very_low {background: #FFFF87;}
div.onmap_legend div.legend_row div.water_stress a span.low {background: #FEE40C;}
div.onmap_legend div.legend_row div.water_stress a span.medium {background: #FD870A;}
div.onmap_legend div.legend_row div.water_stress a span.high {background: #FC0008;}
div.onmap_legend div.legend_row div.water_stress a span.extreme {background: #850003;}
div.onmap_legend div.legend_row div.water_stress a span.arid {background: #6D6D6D;}


div.onmap_legend a.map_legend_popover span {padding-bottom:2px;border-bottom:1px dotted #999;}
div.onmap_legend a.map_legend_popover:hover {font-weight: bold;}
div.onmap_legend a.map_legend_popover:hover span {border-bottom:1px solid #999;}

div.onmap_attr {
    width:280px;
    margin-left: 0px;
    margin-bottom: 4px;
    padding:5px;
    background:#fff;
    /*border:2px solid #aaa;*/
    border:2px solid #fff;
    border-radius: 3px;
    box-shadow: 0 2px 6px rgba(0,0,0,.3);
    display:none;
}

div.onmap_attr div.feat_basin_name,
div.onmap_attr div.feat_name {
    font-size:20px;
    font-weight:bold;
    text-align:center;
    margin-bottom: 6px;
}


div.onmap_attr div.feat_water_stress {
    text-align:center;
}


/*div.onmap_attr div.feat_area_sqkm { text-align: center; }*/
div.onmap_attr div.feat_area_sqkm,
div.onmap_attr div.feat_water_stress,
div.onmap_attr div.feat_countries,
div.onmap_attr div.feat_cities,
div.onmap_attr div.feat_pfaf_id,
div.onmap_attr div.feat_hydro_level,
div.onmap_attr div.feat_overall_water_risk,
div.onmap_attr div.feat_baseline_water_stress,
div.onmap_attr div.feat_bws_label,
div.onmap_attr div.feat_water_quality_score,
div.onmap_attr div.feat_wq_label,
div.onmap_attr div.feat_san_label,
div.onmap_attr div.feat_maj_name,
div.onmap_attr div.feat_sub_name,
div.onmap_attr div.feat_zoom_to_basin,
div.onmap_attr div.feat_sanitation_score {
    font-size:14px !important; margin-bottom:6px; display:none;
}

div.feat_actions {
    text-align: center;
}
div.feat_actions a {
    display: block;
    margin-bottom:6px;
}

div.onmap_attr div.feat_help {
    font-size:14px;
    font-style:italic;
    text-align:center;
}


.geojson_file_wrap {}
.geojson_file_wrap input[type="file"] {
    line-height:18px;
    padding-top:6px;
}

.color_radio_select_wrap .controls {}
.color_radio_select_wrap ul {list-style:none;margin:0px; padding:0px;background-color: white;padding:5px 8px;border-radius: 5px;display:inline-block;}
.color_radio_select_wrap ul li {margin:2px 0px; padding:0px;}
.color_radio_select_wrap ul li label {font-weight:bold;display:inline-block;font-family:'Courier New', monospace;margin:0;padding:4px;border-radius:5px;}
.color_radio_select_wrap ul li label input {margin:0px 0px 3px 3px;}


.top_level_tag_wrapper {border-radius:5px;padding-top:10px;}
.top_level_only {padding-left:20px;}
.top_level_only h3 {text-transform: none;padding-top:5px;padding-bottom:5px;border-top: 1px dotted #ddd;border-bottom: 1px dotted #ddd;}
.top_level_only p {font-weight: normal;line-height: 22px;}

.public_tag_wrapper {border-radius:5px;padding-top:10px;}
.public_tags_only {padding-left:20px;}
.public_tags_only h3 {text-transform: none;padding-top:5px;padding-bottom:5px;border-top: 1px dotted #ddd;border-bottom: 1px dotted #ddd;}
.public_tags_only p {font-weight: normal;line-height: 22px;}


.pagination {height:auto;margin-bottom:10px;}
.pagination ul {margin-bottom:6px;}


.map_search_results { /*margin-top:20px;*/ }
.map_search_results h2 {text-transform:none;}
.map_search_results .search_result_item,
.callout_text .search_result_item {
    /*min-height: 20px;*/
    padding: 32px 0px;
    border-top: 1px solid #e6e6e6;
    /*margin-bottom: 20px;*/
    /*border: 1px solid #e6e6e6;*/
    /*-webkit-border-radius: 4px;*/
    /*-moz-border-radius: 4px;*/
    /*border-radius: 4px;*/
}

.map_search_results .search_result_item:last-child { border-bottom: 1px solid #e6e6e6; }

.callout_text .search_result_item {
    /*min-height: none;
    padding:12px 0px;
    margin:0px;
    border:none;
    border-bottom:1px dotted #e6e6e6;*/
}

.map_search_results .search_result_item:hover,
.callout_text .search_result_item:hover {
    background: #f9f9f9;
    /*cursor:pointer;*/
}
.map_search_results .search_result_item p.result_link,
.callout_text .search_result_item p.result_link {
    font-weight:bold;
    font-size:22px;
    line-height: 24px;
    margin-bottom:2px;
}
.map_search_results .search_result_item p.result_link span,
.callout_text .search_result_item p.result_link span {
    font-weight:normal;
    font-size:14px;
    vertical-align:middle;
}

.map_search_results .search_result_item p.website_link {
    margin-bottom:4px;
    color:#aaa;
    font-size:16px;
}
.map_search_results .search_result_item p.website_link a {
    color:#aaa;
    text-decoration: none;
}
.map_search_results .search_result_item p.website_link a i {}

.map_search_results .search_result_item div.result_actions {
    text-align: left;
}
.map_search_results .search_result_item div.result_actions > a {
    display:inline-block;
    margin: 0px 0px 8px 0px;
}

.map_search_results .filter_search_results {
    padding:20px 0px;
    background:#f7f7f7;
    border-top: 2px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}
.map_search_results .filter_search_results h3 {
    margin:10px 0px 10px 0px;
}

.search_results_arrow {
    display:inline-block;
    margin:0;
    padding:0;
    text-align:center;
}
.search_results_arrow a {
    font-size:16px;
    color:rgba(85, 85, 85, 0.75);
    text-decoration: none;
}

.bounce {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

@keyframes bounce {
  0% { transform: translateY(0); }
  50% { transform: translateY(10px); }
  100% { transform: translateY(0px); }
}
.map_search_results .filter_search_results input[type="radio"] {display:inline-block;margin-top:-1px;margin-right:2px;}
.map_search_results .filter_search_results label {display:inline-block;margin-right:10px;font-size:16px;font-weight:normal;}

.map_search_results .page_num_display {text-align:center;font-size:14px;color:#777;}

.map_search_results .result_img_wrap {
    display:inline-block;
    float:left;
    width:100%;
    /*width:90px;*/
    /*height:90px;*/
    /*padding:10px;*/
    vertical-align: middle;
    text-align: center;
}
.map_search_results .result_img_wrap a {}
.map_search_results .result_img_wrap a img {
    max-height:96%;
    max-width:96%;
    padding:4px;
    background:#fff;
    border:1px solid #e6e6e6;
    /*-webkit-border-radius: 4px;*/
    /*-moz-border-radius: 4px;*/
    /*border-radius: 4px;*/
    /*opacity:0.8;*/
}
.map_search_results .result_img_wrap a img:hover { /*opacity:1;*/ }
.map_search_results .looking_for_partners {font-style: italic;font-weight:bold;}
.results_related_wrap {
    display:none;
    padding:6px 10px;
    background:#f9f9f9;
    border:1px solid #e6e6e6;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

@media (max-width: 991px) {
    .map_search_results .result_img_wrap {margin-bottom:20px;}
    div.onmap_actions {display:none;}
    /* mobile legend beneath map */
    div.mobile_legend {display:block;background:#f7f7f7;}
    div.mobile_legend a.hide_map_actions {display:none;}
}
@media (max-width: 767px) {
    div.mobile_legend {display:none;}
}

#search_pagination_wrapper {margin-top:20px;}


#resources_accordion {}
#resources_accordion .accordion-heading {
    margin:12px 0px 12px 0px;
    background:#f5f5f5;
    border:1px solid #ddd;
    border-radius:5px;
}
#resources_accordion .accordion-heading h3 {
    margin:0;
    padding:8px 8px;
    font-size:22px;
    font-weight: bold;
}
#resources_accordion .accordion-heading a.accordion-toggle {text-decoration: none;}
#resources_accordion .accordion-body.collapse {margin-left:0px;}
#resources_accordion .accordion-inner {padding:0px;}

#global_map_stats_wrapper {}
.map_stat_box {float:left;margin-right:10px;}

.sdg_icon_wrap {
    margin:12px auto;
    padding:6px;
    background:#f5f5f5;
    border:1px solid #ccc;
    border-radius:4px;
}
.sdg_icon_wrap a {text-decoration: none;}
.sdg_icon_wrap img {width:160px;border:1px solid #ccc;border-radius:4px;}

.sdg_directory_link {margin-top:16px;}
.sdg_directory_link a.sdg_title {font-size:24px;line-height:28px;text-decoration: none;}


/* Organizations */
table.directory_table {}
table.directory_table tr th {background:#eee;font-size:18px;vertical-align:middle;}
table.directory_table .sub_help_text {float:left;font-weight:normal;font-size:12px;font-style:italic;}
table.directory_table td.main_col p.directory_link {font-size:18px;line-height:20px;margin-top:10px;}

/* River Basins & Regions */
table.rb_directory_table {border: 1px solid #dddddd;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;font-size:18px;}
table.rb_directory_table .sub_help_text {font-weight:normal;font-size:14px;margin-top:4px;font-style:italic;}
table.rb_directory_table thead tr th {background-color:#f5f5f5;font-size:24px;padding:12px 16px;vertical-align:middle;}
table.rb_directory_table tbody tr td div.main_col {padding:8px;font-size:18px;}
table.rb_directory_table tbody tr td div.main_col p {font-size:18px;margin:6px 0px 8px 2px;}
table.rb_directory_table tbody tr td div.main_col a.directory_link {display:block;font-size:24px;line-height:24px;}
table.rb_directory_table tbody tr td div.main_col .rb_info_wrapper {margin-right:20px;float:left;width:40%;}
table.rb_directory_table tbody tr td.count_col {text-align: center;font-size:20px;}

/* Basin Search */
div.basin_search_form {
    background-color:#f5f5f5;
    margin-top: 0px;
    padding: 12px 16px;
    vertical-align:middle;
    border: 1px solid #dddddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size:18px;
}
div.basin_search_form h2 {
    margin: 8px 0px 20px 0px;
    padding: 0;
    font-size:24px;
}

div.basin_search_spacer, div.country_search_spacer {
    height: 300px;
}


/* TODO: demoware */
ul.country_notifications {margin:0;padding:0;list-style-type: none;font-size:14px;}
ul.country_notifications li {margin:0;padding:12px 12px;border-bottom:1px solid #ccc;font-size:16px;}
ul.country_notifications li:first-child {border-top:1px solid #ccc;}
ul.country_notifications li:nth-child(even) {background:#f6f6f6;}

.quick_info_header {margin-bottom:0px;font-weight:bold;}


table.trends_data {}
table.trends_data thead th {vertical-align: middle;}
table.trends_data div.help_text {font-size:12px;font-weight:normal;}

table.trends_data td.data_list_td p {margin-bottom: 0px;}
table.trends_data td.data_list_td p a {text-decoration: none;}


/*-----------------------------------------*/
/* Sidebar Map Filtering Styling           */
/*-----------------------------------------*/
/* NEW Map Filters #NEWMAP */
.map_wrap {
    width: 100%;
    display: block;

    transition: width 1s;
    -webkit-transition: width 1s;
}
.map_wrap.map_collapse {
    width: 60%;
    float: left;
}

.map_wrap .simple_map_header {
    width: 100%;
    padding:8px 10px;
    background: #f5f5f5;

    background:#fefefe;
    background: -webkit-linear-gradient(left, #fefefe, #f5f5f5); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #fefefe, #f5f5f5); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #fefefe, #f5f5f5); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #fefefe, #f5f5f5);

    border-top: 1px solid #e7e7e7;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.map_wrap.map_collapse .simple_map_header { border-top-right-radius: 0px; }

.map_filters_wrap {
    width: 40%;
    margin:0;
    padding:0;
    float: left;
    opacity: 1;
    background:#f5f5f5;
    border-top: 1px solid #e7e7e7;
    border-radius: 0px;

    /* add delay to transition to wait for map to complete */
    /* after that, fade in, all other transitions are instant */
    transition: opacity 0.6s 1s, height 0s 1s, width 0s 1s;
    -webkit-transition: opacity 0.6s 1s, height 0s 1s, width 0s 1s;
}
.map_filters_wrap.sidebar_collapse {
    height: 0;
    width: 0%;
    opacity: 0;

    /* hide immediately */
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.toggle_filters_wrap {padding-top:16px;}
.toggle_filters_wrap > a > i {margin-right:2px;}

.show_world_map_wrap {padding-top:16px;margin-right:8px;}
.show_world_map_wrap > a > i {margin-right:2px;}

.show_hydrobasins_wrap {padding-top:16px;margin-right:8px;}
.show_hydrobasins_wrap > a > i {margin-right:2px;}


.sidebar_location_map_filters {
    padding: 12px 8px 12px 16px;
    height: 469px;
    overflow-y: auto;
}
.sidebar_location_map_filters h2.sidebar_filter_header {
    margin: 0px 0px 8px 0px;
    padding: 2px 0px 16px 0px;
    font-size:24px;
    /*border-bottom: 1px solid #e7e7e7;*/
}

.sidebar_location_map_filters hr {
    margin:16px 64px;
    border:0;
    border-top:1px dotted #ccc;
}

.sidebar_separator {
    margin:16px 16px 12px 16px;
    border-bottom:1px solid #e7e7e7;
 }

.sidebar_field_wrap {margin-bottom:8px;}
.sidebar_field_wrap.sidebar_optional_field, .sidebar_optional_field {display:none;}
hr.sidebar_optional_field {display:none;}

.sidebar_location_map_filters .total_filters_wrap {
    display: none;
    margin: 4px 8px 0px 0px;
    text-align: right;
    color: #888;
    font-size: 14px;
}

.sidebar_field_wrap .parent_field {
    display: block;
    /* original whitebox styling */
    /*background: #fff;*/
    /*border: 2px solid #e7e7e7;*/
    /*margin: 10px 0px 2px 0px;*/
    /*padding: 6px 8px 4px 8px;*/
    /*border-radius: 4px;*/
    margin: 2px 0px 2px 0px;
    padding: 2px 8px 0px 8px;
    /*box-shadow: 1px 1px #ccc;*/
}
.sidebar_field_wrap .parent_field.extra_margin {
    margin:16px 0px;
}

.sidebar_field_wrap .parent_field label {
    font-size:16px;
    margin-bottom:0px;
}

.sidebar_field_wrap .parent_field a.action_link {
    margin-top:12px;
    padding:8px 4px;
    font-size:16px;
    text-decoration: none;
    border: 1px dotted #ccc;
    border-radius: 4px;
}
.sidebar_field_wrap .parent_field a.action_link i {
    font-size:18px;
}
.sidebar_field_wrap .parent_field a.action_link:hover {
    border: 1px solid #ccc;
}

.sidebar_field_wrap .parent_choice_field {
    /*background: white;*/
    /*border: 2px solid #e7e7e7;*/
    margin: 10px 0px;
    padding: 4px 8px 4px 8px;
    border-radius: 4px;
}
.sidebar_field_wrap .parent_choice_field label {
    font-size: 16px;
    margin-bottom: 4px;
}
.sidebar_field_wrap .parent_choice_field p.help-block {
    margin:4px 0px 0px 0px;
    font-size:14px;
}

.sidebar_field_wrap .child_choice_field {
    margin-left:6px;
}
.sidebar_field_wrap .child_choice_field label {
    color:#595959;
    font-size:14px;
    font-weight:bold;
    font-family: Roboto,sans-serif;
}

.sidebar_field_wrap ul.filter_checkbox_list {
    list-style-type: none;
    padding-left: 30px;
}
.sidebar_field_wrap ul.filter_checkbox_list li label {
    margin-bottom: 1px;
    font-weight: normal;
    font-size: 15px;
    line-height: 18px;
}
.sidebar_field_wrap input[type="checkbox"],
.sidebar_field_wrap ul.filter_checkbox_list li input[type="checkbox"] {
    margin-right: 4px;
}

.sidebar_field_wrap input#id_filter_text {
    width: 100%;
    padding:8px 8px;
    font-size:16px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.sidebar_submit_wrap {
    background: #fff;
    padding:8px 10px;
    border-top: 1px solid #e7e7e7;
    border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
}

/********************************************************************/
/* Custom Code to Power the Project Types fully custom form widget. */
ul.project_types_list {
    display:block;
    margin:0;
    padding:0;

    /* if indent desired */
    /*padding:0px 0px 0px 24px;*/
    list-style: none;
}
ul.project_types_list li {
    display:inline-block;
    margin:0px;
    padding:0;
    vertical-align:top;
}
label.project_type_label {
    height:82px;
    margin-right:0px;
    padding:6px 2px;
    border: 2px solid #ccc;
    border-radius: 4px;
    font-weight:normal;
}

ul.project_types_list li > input[type=checkbox] { display:none; }
ul.project_types_list li > input[type=checkbox] + label.project_type_label { opacity: 0.8; }
ul.project_types_list li > input[type=checkbox]:checked + label.project_type_label {
    opacity: 1.0;
    border: 2px solid #5e5e5e;
}

label.project_type_label div.icon_label_wrap {
    width:80px;
    text-align:center;
}
label.project_type_label div.icon_label_wrap i {
    text-align: center;
    font-size:32px;
    line-height:34px;
}
label.project_type_label div.icon_label_wrap div.label_text {
    text-align: center;
    margin:4px 0px 0px 0px;
    font-size:12px;
    line-height:14px;
}
/********************************************************************/


/* Responsive styles for map and sidebar filters */
@media screen and (max-width: 767px) {
    .map_wrap {
        width: 100%;
        display: block;
    }
    .map_wrap.map_collapse {
        width: 100%;
        display:block;
    }
    .map_filters_wrap {
        width: 100%;
        display:block;
    }
    .map_filters_wrap.sidebar_collapse {
        display:none;
    }
}


/********************************************************************/
/* used for global maps boundary nav. */
/* https://stackoverflow.com/questions/18023493/bootstrap-dropdown-sub-menu-missing */
/* https://www.codeply.com/go/bp/86684 */
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
/********************************************************************/


/* Basin Search styles */
div.basin_search_form .wah_clear_blue_btn {margin-right: 20px;padding: 10px 12px;border: 1px solid #ccc;}

table.basin_search {
    margin-top: 20px;
    margin-bottom: 40px;
    border-radius: 4px;
    border-bottom: 1px solid #ccc;
}
table.basin_search thead tr th {background:#1E3250;color:white;font-size:20px;}
table.basin_search thead tr th:first-child {border-top-left-radius: 4px;}
table.basin_search thead tr th:last-child {border-top-right-radius: 4px;}
table.basin_search thead tr th a {text-decoration: none;color:white;font-size:22px;}
table.basin_search tbody tr td:first-child {border-left: 1px solid #ccc;}
table.basin_search tbody tr td:last-child {border-right: 1px solid #ccc;}