/*to change any style of any element , open the developers tool on your browser, select the element and
edit the styles on the right side.*/


 /*background-image is of darker shade, either choose a different background-image with lighter background 
 or choose colors as suggested*/

/*choose either of them*/
body {
	font-family: lato !important;
	background-image: url(https://www.n8solutions.us/images/zarak-khan-fj31i5hooiq-unsplash.webp) !important;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	
	/* background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(211, 211, 211, 0.7), rgba(169, 169, 169, 0.7)) !important; */
	/* background: none !important; */
}
@media only screen and (max-width: 480px) {
	body {
		background-image: url(https://www.n8solutions.us/images/zarak-khan-fj31i5hooiq-unsplash-480x1023.webp) !important;
	}
}

.steps-control {
	background-image: none !important;
	background-color: rgba(255, 255, 255, 0.7) !important;
	border-radius: 5px !important;
}

.steps-control li {
	font-family: lato !important;
	font-weight: bold !important;
}

.steps-wrapper h1 {
	color: #39527D !important;
	font-family: lato !important;
	background-color: rgba(255, 255, 255, 0.7) !important;
	border-radius: 5px !important;
	padding: 0.5rem 0 !important;
	font-weight: bold !important;
}

.whitelabel-filter {
	background-image: none !important;
	background-color: rgba(255, 255, 255, 0.7) !important;
	border-radius: 5px !important;
	margin: 1rem !important;
	padding: 1rem !important;
}

.business-type span {
	font-family: lato !important;
}

.on-select span, .location:hover span {
	color: #39527D !important;
	font-weight: bold !important;
}
.on-select .inactive-icon2, .location:hover .inactive-icon2 {
	fill: #39527D !important;
}
.small-control {
	color: gray !important;
}

#business-rep-form .row {
	margin: 1rem !important;
	padding: 1rem !important;
	border-radius: 5px !important;
	background-color: rgba(255, 255, 255, 0.7) !important;
}

.half-border {
	border-left: 1px solid #000000 !important;
	border-right: 1px solid #000000 !important;
	border-bottom: 1px solid #000000 !important;
}

.steps-wrapper label {
	color: #39527D !important;
	font-family: lato !important;
	font-weight: bold !important;
}

.btn-status {
	font-family: lato !important;
	background-color: #3fd4df !important;
	border: 1px solid transparent !important;
}
.btn-status:hover {
	color: #ffffff !important;
	background-color: #39527d !important;
	border: 1px solid transparent !important;
}