div#map-container {width: 100%;float: right;}
div#map-sidebar {width: 30%;float: left;display: block;display:none;position: relative;overflow-y: scroll;}
div#map-sidebar .sidebar-content {padding:20px;}
div.sidebar-controls {text-align: right;padding-right: 10px;position: absolute;width: 28px;right:0;}
div.controls .control-layers-toggle {border: 1px solid #a2a1a1;text-align: left;padding: 0 10px 10px 10px;background: #fff;float:left;margin-right:20px;width: 100%;padding-top: 10px;}
div.controls span.title {font-weight: bold;}
div.controls .control-position {border: 1px solid #a2a1a1;padding:0 10px;text-align: center;background: #fff;float: left;margin-right: 20px;}
div.controls a#recenter-map {cursor: pointer;}
select#change-map-style {padding: 2px 10px;border:1px solid #ccc;}
div.controls .control-map-style {float: left;}
div.controls {background:#e6e6e6;}
div.controls .control-submit {float: left;border: 1px solid #a2a1a1;padding:0 10px;text-align: center;background: #fff;float: left;margin-left: 20px;}
div.controls .control-submit a {cursor: pointer;}
img.sidebar-main-photo {margin: 0 auto;display: block;width: 100%;margin-bottom: 10px;margin-top: 5px;}
div.controls .control-opacity {float: left;width: 300px;}
div.controls input#overlay-opacity {width: 100px;}
div.controls span.label {float: left;margin-left:30px;}
div.sidebar-content hr {height: 4px;background: #e2e2e2;margin-bottom: 24px;}
div.sidebar-content h3 {margin-bottom: 10px;font-size: 23px;font-weight: bold;}


div.sidebar-content a.btn {background: #33ad33;padding: 10px 20px;color: #fff;border-radius: 4px;clear: both;width: 100%;text-align: center;}
div.sidebar-content a {
    background: #33ad33;
    padding: 10px 20px;
    color: #fff;
    border-radius: 4px;
    display: block;
    margin-top: 10px;
    width: 200px;
    text-align: center;
    margin-bottom: 20px;
}
div.sidebar-content a.bare {
    background: none;
    padding: initial;
    color: #a7a7a7;
    border-radius: 4px;
    display: inline;
    margin-top: initial;
    width: initial;
    text-align: initial;
    margin-bottom: initial;
}
div.sidebar-content a.bare:hover {
	color: #000;
}
ul.more-photos {
    list-style: none;
}
div.sidebar-content ul.more-photos a {
    padding: 0;
    background: none;
    float: left;
    margin-right: 10px;
}


div.controls .control-overlay-images {float: left;margin-left: 20px;}
div.controls .control-overlay-images select {float: left;padding: 2px 10px;border:1px solid #ccc;}
div#map-container-outer {clear: both;}		

.dropdown-check-list .anchor {position: relative;cursor: pointer;display: inline-block;padding: 0px 50px 0px 10px;border: 1px solid #ccc;float: left;margin-right: 20px;}
.dropdown-check-list .anchor:after {position: absolute;content: "";border-left: 1px solid black;border-top: 1px solid black;padding: 3px;right: 10px;top: 29%;-moz-transform: rotate(-135deg);-ms-transform: rotate(-135deg);-o-transform: rotate(-135deg);-webkit-transform: rotate(-135deg);transform: rotate(-135deg);}
.dropdown-check-list .anchor:active:after {right: 8px;top: 21%;}
.dropdown-check-list ul.items {padding: 2px;display: none;margin: 0;border: 1px solid #ccc;border-top: none;}
.dropdown-check-list ul.items li {list-style: one;}
.dropdown-check-list.visible .anchor {color: #0094ff;}
.dropdown-check-list.visible .items {display: block;max-width: 300px;clear: both;border-top: 1px solid #ccc;z-index: 999;position: absolute; background: #fff; top: 44px; width: 100%;}
.dropdown-check-list.visible .items li {list-style-type: none;}
.controlsx {padding: 10px;background: #efefef;}
.control-map-style {float: left;margin-right: 20px;}
select#overlay-image-selector {padding: 2px 10px;border: 1px solid #ccc;}
.control-overlay-images {float: left;margin-right: 20px;}
.control-opacity {width: 300px;float: left;}
input#overlay-opacity {width: 50%;}
div.inputfields {background: #ffffff;padding: 20px;box-shadow: 3px 3px 3px #0000002e;}
.acf-field.hideme {display: none!important;}
p.submit_by {
    font-size: 10px;
    font-style: italic;
}


@media screen and (max-width: 1056px){
	.control,select#change-map-style, select#overlay-image-selector {
	    font-size: 13px;
	}

}
@media screen and (max-width: 998px){
	.dropdown-check-list .anchor,.control-map-style, .control-overlay-images {margin-right: 3px;}
}
@media screen and (max-width: 1000px){
	div#map-sidebar {width: 100%!important;z-index: 99999!important;}
	.control-opacity {width: 28%;}
}
@media screen and (max-width: 903px){
	.control-opacity {
	    width: 100%;
	}
}
@media screen and (max-width: 803px){
	.control-opacity.control span.label {
	    width: 25%;
	    float: left;
	    display: inline-block;
	}
	input#overlay-opacity {
	    width: 68%;
	}
}
@media screen and (max-width: 630px){
	.control {
	    width: 50%!important;
	    display: inline-block;
	    float: left;
	    margin: 0!important;
	}
	.dropdown-check-list .anchor {
	    width: 98%;
	}			
	.control, select#change-map-style, select#overlay-image-selector {
	    width: 98%;
	    margin-top: 5px;
	}
	.control-opacity.control {
	    width: 100%!important;
	    top: 5px;
	    position: relative;
	}
}
@media screen and (max-width: 600px){
	div#map-sidebar {width: 100%!important;z-index: 99999!important;}
}
@media screen and (max-width: 530px){
	.control-opacity.control span.label {
	    width: 40%;
	}
	input#overlay-opacity {width: 60%;}
}

.acf-label p.description {
    font-size: 14px;
}
a#recenter-map {
    cursor: pointer;
}

body .acf-input-prepend, body .acf-input-append {
    background: #f5f5f5;
    border: #f5f5f5 solid 1px;
}

@keyframes c-inline-spinner-kf {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.c-inline-spinner,
.c-inline-spinner:before {
  display: inline-block;
  width: 11px;
  height: 11px;
  transform-origin: 50%;
  border: 2px solid transparent;
  border-radius: 50%;
  content: "";
  animation: linear c-inline-spinner-kf 900ms infinite;
  position: relative;
  vertical-align: inherit;
  line-height: inherit;
}
.c-inline-spinner {
	top: 6px;
    margin: 0px 3px;
    padding-right: 4px;
}
.c-inline-spinner:before {
  border-color: #74a8d0 #74a8d0 transparent transparent;
  position: absolute;
  left: -2px;
  top: -2px;
  border-style: solid;
}
.c-inline-spinner {display: none;}

div.input-section, div.input-section-top {
    background: #f1f1f1;
    padding: 20px;
    margin: 20px 0;
    box-shadow: 1px 1px 3px #0000004d;
}
div.input-section label, div.input-section-top label {
    display: block;
    font-weight: bold;
}
.external-link.input-section input {
    width: 100%;
}
div.input-section input[type="submit"] {
    margin-top: 25px;
}
p.disclaimer {
    font-size: 13px;
    font-style: italic;
}
span.req {
    color: red;
}
.feedback {
    background: #f93535;
    padding: 20px;
    color: #fff;
    margin-top: 10px;
    box-shadow: 1px 1px 3px #000000b5;
}
.feedback.error {
    background: #f93535;
}
.feedback.success {
    background: #186d08;
}