/* Zip Code */
.icon-zip-controls
{
	margin: 0em;
	padding: 1em 0em 0em 0em;
}
	
/* For the ZIP Code label not to force the text box to the next line */
.uef-genericCompound .uef-input label {
    display: inline;
}

/* Online Services Listing */
.icon-online-services-ul
{
	margin: 0.5em 0 0 0;
	padding: 0px 0px 10px 75px;
	background: url(../images/icon-online-services.png) no-repeat top left;
}

.uef-container .icon-online-services-ul
{
	padding: 0px 0px 10px 75px;
}

/* Phone */
@media screen and (max-width: 640px) 
{
	.icon-online-services-ul 
  	{
	    background-image:none;
		margin: 0.5em 0 0 0;
		padding-left: 2em;
		padding-top: 0.5em;
	}
	  
  	.uef-container .icon-online-services-ul 
	{
  		padding-left: 2em;
	}
} 

/* Smaller Top Padding on Mobile Only; text box and locate button */
@media screen and (max-width: 640px) 
{
	.uef-container .hd, .uef-container .bd 
	{
		padding-top: 0.2em;
	}

	.uef-textBox.uef-input > input 
	{
		margin-right: 20%;
		width: 100%;
		height: 37px;
	} 

	input#locate.uef-btn 
	{
	    float: right;
	    width: 40%;
	}

	.uef-container[data-transparent="true"] > .bd 
	{
    	padding-right: 0;
	}

	.uef-genericCompound .uef-input 
	{
		margin-top: 0px !important;
		width: 50%;
	}
  
	.body 
	{
	  	font-size: 85%;
	  	line-height: 1.05;
	}

	.uef-input 
	{  	
		margin-bottom: 0.5em;
	  	padding-right: 0px !important;
	  	margin-top: 0px !important;
	}
}

/* Online Services - Paragraph */
.icon-online-services-p
{
	margin: 0px;
	padding: 0px 0px 0px 5px;
    background-image:none;
}

/* Phone */
@media screen and (max-width: 640px) 
{
	.icon-online-services-p 
	{
		background: url(../images/icon-online-services.png) no-repeat top left;
		margin: 0px;
		padding: 0px 0px 10px 45px;
		background-size: 30px 30px;
		padding-bottom: 20px;
		font-weight: bold;
	}  
}

/* Phone Number */
.icon-information-phone-number
{
	width: 235px;
}

/* Results Table */
table.icon-results-table th, table.icon-hoursOfOperation-table th 
{
	vertical-align: text-top;
	text-align: left;
	font-weight: normal;
}

/* Results Table - Desktop */
table.icon-results-table, table.icon-results-table td, table.icon-results-table th
{
	border: 0px;
	padding-left: 0px;
	padding-right: 1em;
}

/* Results Table  - Mobile */
@media screen and (max-width: 640px) 
{
	table.icon-results-table, table.icon-results-table td, table.icon-results-table th
	{
		border: 0px;
		padding-left: 0px;
		padding-right: 0.3em;
	}
}

table.icon-results-table  
{
	margin-bottom: 0px;
}

/* Must have this for desktop and mobile for correct alignment of cells and buttons */
/* When viewing on Desktop, enable desktop table cell, disable mobile */
table.icon-results-table td.fw-desktop-only, table.icon-results-table th.fw-desktop-only
{
	display: table-cell;
}

/* Phone */
@media screen and (max-width: 640px) 
{
	table.icon-results-table td.fw-desktop-only, table.icon-results-table th.fw-desktop-only
	{
  		display: none;
	}  
}

/* When viewing on Mobile, enable mobile table cell, disable desktop */
table.icon-results-table td.fw-mobile-only, table.icon-results-table th.fw-mobile-only
{
	display: none;
}

/* Phone */
@media screen and (max-width: 640px) 
{
	table.icon-results-table td.fw-mobile-only, table.icon-results-table th.fw-mobile-only  
	{
		display: table-cell;
	}  
}

/* Hours of Operation table td */
table.icon-hoursOfOperation-table td, table.icon-hoursOfOperation-table th 
{
	border: 0em;
	padding: 0em 1em 0em 0em;
	margin: 0em;
}

/* Phone - set smaller right margin for mobile */
@media screen and (max-width: 640px) 
{
	table.icon-hoursOfOperation-table td, 	table.icon-hoursOfOperation-table th
	{
		border: 0em;
		padding: 0em 0.5em 0em 0em;
		margin: 0em;
	}
	
	table.icon-hoursOfOperation-table
	{
		margin-bottom: 0.25em;
	}
}

/* Mobile buttons */
/* Also, reverse gradient for icon toggle buttons when needed */
/* Map It mobile button needs to have normal gradient */
@media screen and (max-width: 640px) 
{
  
	input[rel="icon-toggle"], input[rel="icon-toggle"]:hover 
	{
	    background: -ms-linear-gradient(linear, left top, left bottom, color-stop(0, #FEFEFE), to(#E8E8E8));
	    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FEFEFE), to(#E8E8E8)); 
	    background: -moz-linear-gradient(top, #FEFEFE, #E8E8E8);
	    background: -o-linear-gradient(linear, left top, left bottom, color-stop(0, #FEFEFE), to(#E8E8E8));
	    background: linear-gradient(linear, left top, left bottom, color-stop(0, #FEFEFE), to(#E8E8E8));
	}

	input[rel="icon-toggle-selected"], input[rel="icon-toggle-selected"]:hover 
	{
		background: -ms-linear-gradient(linear, left top, left bottom, color-stop(0, #255BC9), to(#5E8CE7)) !important;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #255BC9), to(#5E8CE7)) !important; 
		background: -moz-linear-gradient(top, #255BC9, #5E8CE7) !important;
		background: -o-linear-gradient(linear, left top, left bottom, color-stop(0, #255BC9), to(#5E8CE7)) !important;
		background: linear-gradient(linear, left top, left bottom, color-stop(0, #255BC9), to(#5E8CE7)) !important;
		color: white !important;
	}
	
	input[name="mapItMobile"] {
 		color: #fff !important;
	}
}

/* Custom container swatch: icon-light-green - Desktop */ 
.uef-container[data-container-swatch="icon-light-green"] 
{
    -moz-border-bottom-colors: #768EA8; 
    -moz-border-image: none;
    -moz-border-left-colors: #768EA8; 
    -moz-border-right-colors: #768EA8; 
    -moz-border-top-colors: #768EA8; 
	-moz-background-colors: #EFFDFE;    
	
    background-color: #EFFDFE;    

	border: solid 2px #768EA8;
	
	border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em; 
	border-bottom-left-radius: 0.5em;
    border-bottom-right-radius: 0.5em;  
    
}

/* Custom Container Swatch for icon-light-green  - Mobile */
@media screen and (max-width: 640px) 
{
	.uef-container[data-container-swatch="icon-light-green"] 
	{
    	background-color: transparent;  
	}  
}  

/* Custom Desktop swatch container header - Desktop */
.uef-container[data-container-swatch="icon-light-green"] > .hd 
{
	background-color: #EFFDFE;
	background-image: none;
	padding-bottom: 0;
	border-bottom-style: none;
	border-top-style: none;
}

/* Custom Desktop swatch container header - Mobile */
@media screen and (max-width: 640px) 
{
	.uef-container[data-container-swatch="icon-light-green"]  > .hd 
	{
    	background-color: transparent;
	}  
}  

/* Custom Desktop swatch container body - Desktop */
.uef-container[data-container-swatch="icon-light-green"] > .bd 
{
	background-color: #EFFDFE;
	border-bottom-style: none;
	border-top-style: none;
}

/* Custom Desktop swatch container body - Mobile */
@media screen and (max-width: 640px) 
{
	.uef-container[data-container-swatch="icon-light-green"]  > .bd 
	{
	    -moz-border-bottom-colors: #768EA8 !important; 
	    -moz-border-image: none;
	    -moz-border-left-colors: #768EA8 !important; 
	    -moz-border-right-colors: #768EA8 !important; 
	    -moz-border-top-colors: #768EA8 !important; 
		-moz-background-colors: #EFFDFE;    
	    
		border: solid 2px #768EA8 !important;
		padding-bottom: 0;
		
		border-top-left-radius: 0.5em;
	    border-top-right-radius: 0.5em; 
		border-bottom-left-radius: 0.5em;
	    border-bottom-right-radius: 0.5em;  
	}
}  

/* Custom Desktop and Mobile swatch container corners */
.uef-container[data-container-swatch="icon-light-green"] > div:last-child 
{
    border-bottom-left-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
}

/* Custom swatch container definitions for H3, H4, H5 and H5 in the header - Desktop */
.uef-container[data-container-swatch="icon-light-green"] > .hd h3, .uef-container[data-container-swatch="icon-light-green"] > .hd h4, .uef-container[data-container-swatch="icon-light-green"] > .hd h5, .uef-container[data-container-swatch="icon-light-green"] > .hd h6 
{
    font-family: Georgia,Times New Roman,serif;
    font-size: 1.35em;
    font-style: normal;
    font-weight: normal;
}

/* Custom swatch container definitions for H3, H4, H5 and H5 in the header - Mobile */
@media screen and (max-width: 640px) 
{
	.uef-container[data-container-swatch="icon-light-green"] > .hd h3, .uef-container[data-container-swatch="icon-light-green"] > .hd h4, .uef-container[data-container-swatch="icon-light-green"] > .hd h5, .uef-container[data-container-swatch="icon-light-green"] > .hd h6 
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 15px; 
		font-weight: bold;
	}  
}

/* Custom swatch container definitions for H3, H4, H5 and H5 in the body - Mobile */
@media screen and (max-width: 640px) 
{
	.uef-container[data-container-swatch="icon-light-green"] > .bd h3, .uef-container[data-container-swatch="icon-light-green"] > .bd h4, .uef-container[data-container-swatch="icon-light-green"] > .bd h5, .uef-container[data-container-swatch="icon-light-green"] > .bd h6 
	{
	    font-family: Arial, Helvetica, sans-serif;
	    font-size: 15px; 
	    font-weight: bold;
  	}  
}  

/* Custom swatch container definitions for H4 - Desktop */
.uef-container[data-container-swatch="icon-light-green"] > h4 
{
    font-size: 1em;
}

/* Custom swatch container definitions for H4 - Mobile */
@media screen and (max-width: 640px) 
{
	.uef-container[data-container-swatch="icon-light-green"] > h4  
	{
	    font-family: Arial, Helvetica, sans-serif;
	    font-size: 15px; 
	    font-weight: bold;
  	}  
}

/* Get rid of empty space at the bottom of containers on mobile only */
@media screen and (max-width: 640px) 
{
	.uef-container
	{
		margin-bottom: 0.5em;
	}
	
	.uef-container p
	{
		margin-bottom: 0em;
	}
}

/* To overwrite Important notice for Zip Code Not Found */
/* Hide the header with the icon */
@media screen and (max-width: 640px) 
{
	.uef-important > .hd 
	{
		display: none;
	}
}

/* update the padding for the body */
@media screen and (max-width: 640px) 
{
	.uef-notice > .bd 
	{
	    padding-bottom: 0em;
	    padding-left: 0.75em;
	    padding-right: 0.75em;
	    padding-top: 0.75em;
	}
}

/* update the margin for the list */
@media screen and (max-width: 640px) 
{
	.uef-notice > .bd ul
	{
		margin-left: 1em;
	}
}

/* update the padding for the body */
@media screen and (max-width: 640px) 
{
	.uef-information > .bd 
	{
	    padding-bottom: 0em;
	    padding-left: 0.75em;
	    padding-right: 0.75em;
	    padding-top: 0em;
	}
}

/* White background for informational container - mobile only */
@media screen and (max-width: 640px) 
{
	.uef-information 
	{
		background-color: #FFFFFF;
	}
}

/* To get rid of some blank space in the zip code container */
div.uef-pattern-label 
{ 
	display: none 
}

p.supportText 
{ 
	display: none 
}

/* Mobile Footer */
.icon-footer-ul
{
	width: 99%;
}

.icon-footer-ul-li 
{
    display: inline-block !important;
    width: 31%;
}

.icon-footer-ul-li-center 
{
    display: inline-block !important;
    width: 32%;
    text-align: center;
}

.icon-footer-ul-li-right 
{
    display: inline-block !important;
    width: 32%;
    text-align: right;
}

body.fw-thmNeo #fw-footer ul li.icon-footer-ul-li:before,
  body.fw-thmNeo #fw-footer ul li.icon-footer-ul-li-center:before,
   body.fw-thmNeo #fw-footer ul li.icon-footer-ul-li-right:before   
{
    content: "";
}