#mapText {
	margin-left: 10px;
}

.infoWindowLinks {
	margin-right: 1rem;
}


.installators_list_table table {
	border-spacing: 0;
    border-collapse: collapse;
}
#installers_table tr {
	border-bottom: 1px solid #CECECE;
	cursor: pointer;
}
#installers_table button {
	width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    border: 0;
    background-color: #63B713;
    color: #fff;
	cursor: pointer;
}




#mapWrapper {
	font-family: var(--e-global-typography-primary-font-family);
	font-size: 14px;
	font-weight: 400;
	width: 100vw;
	max-width: 100%;
}
#mapContainer {
	height: 80vh;
}
.infoWindow {
	width: 600px;
	max-width: 80vw;
	color: var(--e-global-color-text);
	font-family: var(--e-global-typography-primary-font-family);
	padding: 1rem;
}
.infoWindowHead {
	display: flex;
	align-items: center;
	margin-bottom: 1rem;
}
.infoWindowHead img {
	margin-right: 1rem;
}
.infoWindowBody {
	display: flex;
	gap: 1rem;
}
.infoWindowLinks {
	flex-basis: 50%;
}
.infoWindowAddress {
    flex: 1;
}
.infoWindow h3 {
	font-weight: 600;
	font-size: 17px;
	text-transform: uppercase;
	margin: 0;
}
.infoWindow p {
	font-size: 14px;
	margin-bottom: .3rem;
}
.infoWindow a {
	color: var(--e-global-color-text);
}
.infoWindow .infoWindowText a {
	text-decoration: none;
}

.installators_list_container {
	position: absolute;
    left: 5vw;
    background: rgba(255,255,255,.9);
	top: 50%;
	transform: translateY(-50%);
	height: max-content;
	max-width: 450px;
}
.installators_list {
    padding: 2rem;
}
.installators_list_container h3 {
	background: var(--e-global-color-primary);
	color: #FFFFFF;
	margin: 0;
	padding: 1rem 2rem;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 20px;
}
#installersSearchForm {
	display: flex;
}
#installators_list_search_form_city {
	width: 60%;
}
#installators_list_search_form_range {
	max-width:30%;
}
#installersSearch {
	width: 10%;
}
#installersSearchForm select {
	width: max-content;
}
#installersSearchForm button {
	border: 1px solid #ddd;
	background: #fff;
	position: relative;
}
#installersSearchForm button svg {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.installators_list_table_data {
	max-height: 400px;
	overflow: auto;
	overflow-x: hidden;
	padding: 0;
}
.installators_list_table_head {
	font-size: 15px;
    text-transform: uppercase;
	min-height: 4rem;
	line-height: 4rem;
	position: relative;
}
.installators_list_table_head svg {
	display: none;
	position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
	transition: transform .3s .3s;
}
.installators_list_active svg {
	transform: translateY(-50%) rotate(180deg);
}
.installators_list_table table {
	border-spacing: 0;
    border-collapse: collapse;
	border: 0;
}
#installers_table tr {
	border-bottom: 1px solid var(--e-global-color-1364e2d);
	cursor: pointer;
}
#installers_table td, .installators_list_table th {
	border: 0;
	padding: 5px;
}
#installers_table button {
	width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    border: 0;
    background-color: var(--e-global-color-primary);
    color: #fff;
	cursor: pointer;
}

#formError, p.installators_list_table_head {
	margin-bottom: 0;
}

@media (orientation: landscape) {
}

@media (orientation: portrait) {
	.installators_list {
		padding: 1rem 0;
	}
	.installators_list_search_form, .installators_list_container h3, .installators_list_table {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.installators_list_container {
		position: absolute;
		top: 0;
		left: 0;
		transform: none;
		z-index: 3;
		width: 100%;
	}
	.installators_list_table {
		position: fixed;
		width: 100%;
		z-index: 10;
		height: auto;
		max-height: 50vh;
		bottom: -100vh;
		background: #fff;
		max-width: 100%;
		transition: bottom .5s;
	}
	.installators_list_table_head svg {
		display: block;
	}
	.installators_list_table.installators_list_active {
		bottom: 0 !important;
	}
}
@media (max-width: 600px) {
	.infoWindowBody {
		flex-direction: column;
	}
}
@media (max-width: 600px) {
	.infoWindow {
		width: 80vw;
	}
}