/* Universal Left and Right Margin Rule */
/*.section-wrapper {
    margin-left: 17%;
    margin-right: 17%;
} */


/* @media (max-width: 768px) {
    .section-wrapper {
        margin-left: 2%;
        margin-right: 2%;
    }
} */

	.map {
		width: 100%;
		height: 450px;
		border: 2px solid gray;
		margin: 0;
		padding: 0;
		margin-top: 10px;
	}
	
	.dealers {
		width: 100%;
		border: 1px solid gray;
	}

	.dealerTableHeader {
		font-family: Transducer;
		font-size:20px;
        background-color: red;
		color: white;
        padding: 10px;
	}
	.dealerTableAddress {
		font-family: Transducer;
        background-color: #1f1f1f;
		color: #E8E8E8;
        padding: 10px;
	}
	.dealerTableDistance {
		font-family: Transducer;
        background-color: black;
		color: #E8E8E8;
        padding: 10px;
	}
	.dealerTablePhone {
		font-family: Transducer;
        background-color: #1f1f1f;
		color: #E8E8E8;
        padding: 10px;
	}
	
	input.customerAddress {
		font-family: Transducer;
		font-size:15px;
		color: #afafaf;
        background-color: black;
		width: 50%;
	}

    .addressText {
		font-family: Transducer;
		font-size:15px;
		color: #E8E8E8;
		text-align: left;
		margin-right: 5px;
		padding: 5px;
    }

	input.region {
/*		font-family: Transducer;
		font-size:15px;
		color: #afafaf;
        background-color: black;
		margin-left: 5px;
		width: 30px;*/
		display: none;
	}

    .regionText {
/*		font-family: Transducer;
		font-size:15px;
		color: #E8E8E8;
		text-align: left; */
		display: none;
    }

    .noticeText {
		font-family: Transducer;
		color: #afafaf;
		text-align: left;
        margin-bottom: 10px;
        padding: 5px;
    }

    .noticeTextTitle {
		font-family: Transducer;
		font-size:15px;
		color: white;
		text-align: left;
        margin-top: 50px;
        margin-bottom: 10px;
        padding: 5px;
    }

    .toolSectionTitle {
		font-weight: 900;
		font-family: Transducer;
		font-size: 25px;
		color: white;
		text-align: left;
        margin-bottom: 20px;
		padding: 5px;
    }
	
	.contactInfoTitle {
		font-weight: 900;
		font-family: Transducer;
		font-size: 25px;
		color: white;
		text-align: left;
		margin-top: 20px;
        margin-bottom: 10px;
		padding: 5px;
	}

	.contactInfo {
		font-family: Transducer;
		max-height: 400px;
		overflow-y:auto;
	}
	
    .headerText {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		font-weight: 1000;
		font-family: Transducer;
		font-size:40px;
		color: white;
		padding-left: 5px;
		padding-right: 5px;
    }
	
    .lookingECSInstallerQ {
		font-weight: 1000;
		font-family: Transducer;
		font-size:40px;
		color: white;
		margin-top: 75px;
    }
	
    .lookingECSInstallerA {
		font-family: Transducer;
		font-size:15px;
		color: white;
    }
	
    .dealerlocator {
		font-family: Transducer;
		color: white;
		text-align: left;
        background-color: black;
    }

    .backgroundHeader {
		font-family: Transducer;
		height: 300px;
		background-size: cover;
		background-image: url('/img/dealerLocatorHeaderBackground.jpeg');
    }

    .background {
		font-family: Transducer;
		background-size: cover;
		background-image: url('/img/dealerLocatorBackground.jpeg');
		margin-top: -20px;
    }
	
    .preferredInstaller {
		display: flex;
		flex: 0 1 auto;
		flex-wrap: wrap;
		font-family: Transducer;
        background-color: red;
		justify-content: center;
		align-items: center;
		height: 50px;
    }

	#formAnchor {
		text-decoration: underline;
		color: inherit;
	}
	
    .preferredInstallerText {
		font-size:15px;
		padding: 3px;
		color: white;
    }

	.goButton {
		width: 10%;
		height: 30px;
		font-family: Transducer;
		text-align: center;
		font-size:15px;
		color: white;
		vertical-align: middle;
        background-color: red;
        margin-left: 15px;
		border: 0;
		padding: 0;
	}

	.dealerLatLng {
		display: none;
	}
	
	.companyLatLng {
		display: none;
	}

	.customerLocation {
		display: none;
	}

	.customerLatElement {
		display: none;
	}

	.customerLngElement {
		display: none;
	}

    .searchForm {
		display: flex;
		flex-wrap: no-wrap;
		align-items: center;
    }
 
	.companyTableAddress {
		font-family: Transducer;
        background-color: #1f1f1f;
		color: #E8E8E8;
        padding: 10px;
	}
	
	.mainContent #toolSectionTitle {
		font-weight: 900;
		font-family: Transducer;
		font-size: 25px;
		color: white;
		text-align: left;
        margin-bottom: 20px;
		padding-top: 30px;
	}
	
    select.range {
/*		font-family: Transducer;
		font-size:15px;
		color: #afafaf;
        background-color: black;
		margin-left: 5px;
		width: 7%;
		margin: 0;
		padding: 0; */
		display: none;
	}

    .rangeText {
/*		font-family: Transducer;
		font-size:15px;
		color: #E8E8E8;
		text-align: left;		
		padding-left: 5px;
		padding-right: 5px;
		text-align: left; */
		display: none;
    }

	/* Captcha Container Styling */
	.captcha-container {
		margin: 20px 0;
		display: flex;
		justify-content: center; /* Center the CAPTCHA */
	}

	/* Captcha Box */
	.g-recaptcha {
		width: auto;
	display: block;
	}

.highlight {
  background-color: #FFFFFF;
  border-radius: 8px;
  box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.2);
  height: 80px;
  padding: 8px 15px;
  width: auto;
}

/* HTML marker styles */
.price-tag {
  background-color: #4285F4;
  border-radius: 8px;
  color: #FFFFFF;
  font-size: 14px;
  padding: 10px 15px;
  position: relative;
}

.price-tag::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%, 0);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #4285F4;
}