.mestekmapgons
{
	width:100%;
	height:100%;
	min-height: 250px;
	min-width:250px;
}

.mestekmapgons .map_loading
{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	z-index:1000;
	text-align:center;
	background:rgba(0,0,0,.5);
	font-size:3em;
	color:#FFFFFF;
	padding-top:25%;
}
.search_zip{
    direction: ltr;
    overflow: hidden;
    text-align: center;
    position: relative;
    color: rgb(86, 86, 86);
    font-family: Roboto, Arial, sans-serif;
    -webkit-user-select: none;
    -moz-user-select:none;
    font-size: 11px;
    padding: 6px !important;
    -webkit-background-clip: padding-box;
    box-shadow: rgba(0, 0, 0, 0.298039) 0 1px 4px -1px;
    border-left-width: 0;
    min-width: 37px;
    background-color: rgb(255, 255, 255);
    background-clip: padding-box;
    border:none;
    max-width:100px;
    margin-left:0px !important;
}
.search_zip:hover{color:black;font-weight:bold;}
.search_zip_input{font-size: 11px;padding:6.5px;}
.mestekmapgons .map_tooltip
{
	display:none;
	z-index:500;
	background:#ffffff;
	padding:.5em;
	color:#000000;
	box-shadow:.25em .25em .5em #222;
	border-radius:0 1em 1em 1em;
	
}

.mestekmapgons .map_palette div:nth-child(n+7) span
{
    color: #FFFFFF;
}

		
		/* Map will be 100% size of container, or 300x200 minimum */
		#mapContainer{
			width:100%; 
			height:auto !important;
			float:left;
            padding-bottom:40px;
			/*max-width:849px;*/
		}
		
		#controls
		{
			width:25%;
			height:100%;
			float:left;
			overflow:auto;
		}
		
		#controls ul
		{
			list-style-type:none;
			margin:0;
			padding:0;
		}
		
		#controls ul li
		{
			font-size:.8em;
			padding:.2em;
		}
		
		#controls ul li:hover, 
		#controls ul li.selected
		{
			background:#cccccc;
			cursor:pointer;
		}

        /*popup*/
        .white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
  border-radius:10px;
  color:black;
}
        .white-popup a, .white-popup a:hover{
            color:#005E99;
        }
        .county{
            font-size:18px;
            font-weight:bold;
            text-align:center;
            background-color:#cccccc;
            margin-right:10px;
            margin-bottom:20px;
        }
/*Rep Locator header*/

.replocator{
    margin-bottom:3px;

    text-transform:uppercase;
    font-weight:bold !important;
    color:white !important;

}
@media (min-width:1460px) {
    .mestekmapgons {
        min-height: 550px;
        min-width: 550px;
    }
}

@media (min-width:767px) {
	    .mestekmapgons {
        min-height: 550px;
        min-width: 550px;
    }
}

.mestekmapgons .map_palette {
    position: absolute;
    z-index:3;
    right:50%;
	padding-right:10px;
    padding-top:10px;
	display:none;
}
.maps{padding-top:10px; padding-left:10px;display:none;}

.map_palette input:first-child, .maps input:first-child{
    float:left;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;

}
.map_palette input:nth-child(2), .maps input:nth-child(2){
    float:left;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
.map_palette input[type="text"]{
    display:block !important;
    padding: 6px !important;
    width:100px;
    border-style:none;
	line-height:1.2;
    font-size: 11px;
    height:auto !important;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;	
}
.map_palette input[type="submit"]{
    display:block !important;
    color: #333;
    background: #F5F5F5;
	line-height:1.2;
    cursor: pointer;
    text-align: center;
    margin:0;
    border:none;
    font-size: 11px;
}
 .mfp-close{margin-top:8px; color:red !important;}
 .maps input[type="submit"]{    
     display:block !important;
    color: #333;
    background: #F5F5F5;
	line-height:1.2;
    cursor: pointer;
    text-align: center;
    margin:0;
    border:none;
    font-size: 11px;

 }