.search-type.selected > .vc_general.vc_btn3 {
	border-color:#000 !important;
	background-color:#000 !important;
	color:#fff !important;
}

.court-search { line-height:30px; padding:0 0 0 30px; }
.court-search .find-court #court_name_field {
	width:calc(100% - 100px); border-width:0 0 1px 0;
	padding:0 40px 0 10px; border-color:#999; background-color:transparent;
}
#court_name_field.error::placeholder { color:red; }
.court-search .find-court > label { display:block; position:relative; }
.court-search .find-court .fa-search {
	position:absolute; right:0; top:0; font-size:18px;
	cursor:pointer; display:block; width:30px; height:30px;
	text-align:center; line-height:30px;
}
.court-search .find-court .fa-search:hover {
	background-color:#000; color:#fff;
}
.court-search .lbl-txt { width:100px; display:block; float:left; font-weight: 500; }
.court-search .sort-by { margin-top:20px; display: table; width:100%; }
.court-search .sort-by > .col { display:table-cell; vertical-align: top;  }
.court-search .sort-by > .col-l { width:100px;}
.court-search .sort-by ol.alpha-list {
	list-style-type:none; margin:0; padding:0;
	display:block;
}
ol.alpha-list { line-height:28px; }
ol.alpha-list > li {
	display:inline-block; text-align:center; width:30px; color:#ccc;
	cursor:not-allowed; margin-bottom:5px; border-right:1px solid #ccc;
}
ol.alpha-list > li.has-court {
	cursor:pointer; background-color:transparent; color:#000;
}
ol.alpha-list > li.has-court:hover { background-color:#ccc; color:#fff; }
.court-block {
	display:none !important; padding:20px 10px;
	transition-duration: .4s; transition-property: color, background-color;
}
.court-block.show { display:flex !important; }
.court-block .court-name { margin:0; }

.court-directory .court-block {
	cursor:pointer;
}
.court-block:hover,
.court-block.selected {
	background-color:#000; color:#fff;
}
.court-block:hover a,
.court-block.selected a { color:#fff; }
#search_result_msg { font-size: 12px; }
.court-block.selected .court-name,
.court-block:hover .court-name { color:#fff; }
#court-map { height:500px; }
.court-intro { padding-right:30px; }

@media (max-width:768px) {
	.court-intro { padding-right:0; margin-bottom:30px; }
	.court-search { padding-left:0; }

	.search-type { margin-top: 10px; margin-left:0 !important; margin-right: 10px; }
}
@media (max-width:730px) {
}
