/* Styles für Fachhandelsfinder */
#content {
    min-height: 0;
}

#list-canvas_wrapper table tr.highlighted, #list-canvas_wrapper table td.highlighted {
    background-color: transparent;
    color:#009534;
    cursor: pointer;
}

.mapcontent h2 {
    font-size: 16px;
    font-weight: 600;
    color: white;
}
.mapcontent h3 {
    font-size: 14px;
    font-weight: 400;
    color: white;
}

#ajaxLoader {
    position: fixed;
    width:100%;
    height:100%;
    z-index:9999;
    top:0;
    left:0;
    background:rgba(255, 255, 255, 0.7);
}

#ajaxLoader img {
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width: 120px;
}

button#widgetSuchen .glyphicon {
    top:0;
}

.tx-akenzo-googlemap #list-canvas_wrapper table {
    border-collapse: collapse;
    border-spacing: 0;
}
.tx-akenzo-googlemap #list-canvas_wrapper table tr th {
    padding: 10px 0px;
    color: #009534;
    font-weight: 300 !important;
    border-bottom: 2px solid #ddd;
}

.tx-akenzo-googlemap #list-canvas_wrapper table tr th:last-child {
    text-align:right;
}

#list-canvas_wrapper table tr.active, #list-canvas_wrapper table td.active {
    background-color: transparent !important;
    color:#009534
}
.tx-akenzo-googlemap #list-canvas_wrapper table tr td {
    border-top: 1px solid #ddd;
    padding: 10px 0px
}

.infoBox {
    padding: 15px !important;
    color: rgb(119, 119, 119) !important;
    background: rgb(255, 255, 255) !important;
    transform: translateY(10px) translateX(-7px) !important;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.32);
}

.infoBox p a{
	background-position: 0 0;	
}
.infoBox:after {
    content: '';
    width: 15px;
    height: 14px;
    background: #fff;
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    box-shadow: 2px 1px 1px rgba(0, 0, 0, 0.21);
}
.infoBox h2{
    color: #525456;
    margin-top: 0;
    font-weight: 300;
    font-size: 16px;
    margin-bottom: 6px;
    word-break: break-all;
}
.infoBox h3{
    font-size: 12px;
    color: #525456;
    margin-top:0;
    margin-bottom:0;
}

.pac-container {
    color: #525456 !important;
    font-family:'Open Sans', sans-serif !important;
}

.pac-logo:after {
    background-size: 75px 9px !important;
    margin-top: 0 !important;
    margin-right: 5px !important;
}

.pac-item-query, .pac-item {
    color: #525456 !important;
}
@media (max-width: 767px) {
    #widgetLocation, #widgetRadius {
		margin-bottom:10px;
    }
}

#list-canvas_none span.ion-icon {
    margin-right: 10px;
    padding-left: 2px;
    font-size: 26px;
}

#list-canvas_none .media-body h2 {
    margin-top: 0;
    color: #8a6d3b;
    margin-bottom: 5px;
}

#errorMissingCategory, #errorMissingLocation {
	position: absolute;
    z-index: 999;
    margin: 10px;
    padding: 10px 15px;
    background: #fff;
    text-align: left;
}




body {
	overflow-y:auto;
}

#map-wrapper {
	display:flex;
    flex-wrap: wrap;
}

#searchBar {
    height: 64px;
    padding: 15px;
    position: absolute;
    width: 100%;
    z-index: 1;
    color: #FFF;
    background: -moz-linear-gradient(-45deg, rgba(99, 180, 80, 1) 0%, rgba(0, 149, 52, 1) 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(99, 180, 80, 1)), color-stop(100%, rgba(0, 149, 52, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(99, 180, 80, 1) 0%, rgba(0, 149, 52, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(99, 180, 80, 1) 0%, rgba(0, 149, 52, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(99, 180, 80, 1) 0%, rgba(0, 149, 52, 1) 100%);
    background: linear-gradient(135deg, rgba(99, 180, 80, 1) 0%, rgba(0, 149, 52, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc63b450', endColorstr='#cc009134', GradientType=0);
    border: none;
}

#map-search {
	width:66.66666667%;
	height:100vh;
    position: relative;
}
#map-canvas {
	width:100%;
	height:100%;
}

#sidebar {
	width:33.33333333%;
	padding: 30px;
    max-height: 100vh;
    overflow-y: auto;
}

.standortContainer {
	cursor:pointer;
}

@media(max-width:767px){
	#searchBar {
    	height: auto;
   	}
   	
   	#searchBar .form-group {
   		margin-bottom: 0;
	}
	#map-search {
    	width: 100%;
	    height: 70vh;
	}
	#sidebar {
    	width: 100%;
    	max-height: none;
	}
    
}