/* Repair Center UI */
section.search-container {
	display: block;
	margin-top: 2em;
}

	section.search-container > div {
		margin: 0.3em 0.1em;
	}

	section.search-container label {
		display: inline-block;
		min-width: 11em;
		margin-right: 1em;
		text-align: right;
		font-weight: 700;
    }
    
    section.search-container select:disabled {
        background: #e6e6e6;
        border: 1px solid #cccccc;
        border-bottom: 1px solid #b3b3b3;
    }

	section.search-container .provinces select,
	section.search-container .cities select {
		background-color: #fff;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border: 1px solid #aaa;
		border-radius: 3px;
		min-width: 20rem;
		padding: .5rem 2rem .75rem 0.5rem;
		background-image: url(../svg/select.svg);
		background-repeat: no-repeat;
		background-position: calc(100% - .5em) 50%;
		background-size: 1em;
	}

		section.search-container .provinces select:-moz-focusring,
		section.search-container .cities select:-moz-focusring {
			color: transparent;
			text-shadow: 0 0 0 #212121;
		}

#repair-center-list {
	list-style-type: none;
	padding-left: 0;
	margin-top: 2em;
	line-height: 1.3;
}

	#repair-center-list label {
		margin-bottom: 0px;
	}

	#repair-center-list li {
		background: #fafafa;
        border-radius: 3px;
        margin: 1em 0;
        transition: all 0.3s cubic-bezier(.25,.8,.25,1);
        padding: 12px;
		display: grid;
		grid-template-columns: [col] 50% [col] 50%;
		grid-template-rows: [row] auto [row];
		box-shadow: 0 5px 10px rgba(0,0,0,0.07);
    }
    
        #repair-center-list li:hover {
            background: #f8f5ec;
			box-shadow: 0 5px 10px rgba(0,0,0,0.14);
        }

	#repair-center-list section.name-block {
		grid-column: col / span 2;
		padding-bottom: 0.5em;
	}

	#repair-center-list section.address-block {
		grid-column: col 1;
		padding-bottom: 0.5em;
	}

	#repair-center-list section.contact-block {
		grid-column: col 2;
		padding-bottom: 0.5em;
	}

	#repair-center-list section.comment-block {
		grid-column: col / span 2;
		padding-top: 0.5em;
		border-top: 1px solid #e0e0e0;
	}

	#repair-center-list .rc-name {
		font-weight: 700;
		font-size: 1.2em;
	}

	#repair-center-list .rc-map {
		padding-left: 1em;
	}

.repair-center-selection .provinces select,
.repair-center-selection .cities select {
	outline: none;
	background-color: #f5f5f5;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0 0 0 1em;
	padding: 0 0.5em;
	border-bottom: 2px solid #03a9f4;
	min-width: 15em;
}

	.repair-center-selection .provinces select:-moz-focusring,
	.repair-center-selection .cities select:-moz-focusring {
		color: transparent;
		text-shadow: 0 0 0 #212121;
	}

@media screen and (max-width: 500px) {
	/* Compact list view */
	#repair-center-list li {
		display: block;
	}
	#repair-center-list li .address-block {
		border-bottom: 1px solid #cccccc;
	}
}

@media screen and (max-width: 1023.98px) {
	section.search-container label {
		text-align: left;
	}
	section.search-container .provinces select,
	section.search-container .cities select {
		display: block;
	}
}