@charset "utf-8";
/* CSS Document */

#quarMapData {
    width: 500px;
}

.county {
	
	/*font-size:12px;*/
	fill:white;
    /* fill: antiquewhite; */
	stroke:black;
	stroke-width: 1px;
	/* cursor:pointer; */

}

.county_label {
	
	font-style:normal;
	font-weight:bold;
	font-size:6px;
	line-height:1.25;
	font-family:sans-serif;
	fill:black;
	cursor:pointer;
	pointer-events:none;
	
}

/* .county:hover {

	fill:saddlebrown;
	opacity: .75;
	cursor: pointer;
	stroke:black;
	stroke-width: 1px;

} */

.hovered_county {
	
	fill:saddlebrown;
	opacity: .75;
	cursor: pointer;
	stroke:black;
	stroke-width: 1px;

	
}

.hovered_county_label {
	
	font-style:normal;
	font-weight:bold;
	fill:white;
	font-size:6px;
	line-height:1.25;
	font-family:sans-serif;
	cursor:pointer;
	
}

.selected_county {
	
	font-weight:bold;
	fill:saddlebrown;
	
}

.selected_county_label {
	
	fill:skyblue;
	
}


svg {
	
	height:500px;
	width:500px;
	
}

/* .county:hover {

	fill:rgba(255,0,0,.3);
	opacity: .75;
	cursor: pointer;
	stroke:black;
	stroke-width: 1px;

}

.hovered_county {
	
	fill:saddlebrown;
	opacity: .75;
	cursor: pointer;
	stroke:black;
	stroke-width: 1px;

	
} */


.qmap-results-head {
    display: grid; 
    grid-template-columns: 50% 25% 25%; 
    font-size: .8rem; 
    font-weight: 600; 
    font-family: 'Poppins Light';
}

.qmap-results-head-top {
    border-radius: .5rem .5rem 0rem 0rem; 
    overflow: hidden;
}

.qmap-results-head-bottom {
    border-radius: 0rem 0rem .5rem .5rem;     
    overflow: hidden;

}

.map-holdorder {
    background-color:rgba(0, 98, 163, 0.3) !important;
    cursor: pointer;
}

.map-quarantine {
    background-color:rgba(0, 98, 200,.8) !important;
}

#quar-map-main-container {
    display:grid; 
    grid-template-columns: 1fr 2fr; 
    margin-top: 20px; 
    gap: 20px;
}

#qmap_results {

    display: grid; 
    grid-template-columns: 50% 25% 25%; 
    font-size: .8rem; 
    font-weight: 600; 
    font-family: 'Poppins Light';
    max-height: 375px;
    overflow:hidden;
    overflow-y: auto;
    /* box-shadow: 0px 0px 3px black; */
}

.data-row {

    color: rgb(40,40,40);
    padding: 3px;
    text-align: center;

}

.data-row-hl {
    border: 2px solid antiquewhite;
}

#map-table-container {
    box-shadow: 0px 0px 3px black;
    border-radius: .5rem;
    overflow: hidden;
}

#mapChoiceSection {
    width: 100%; 
    text-align: left; 
    display: grid; 
    grid-template-columns: 1fr; 
    gap: 10px;
    align-items: start;
}

.map-section {
    display:grid;
    grid-template-columns: 1fr;
    width: 100%;

}

.data-row-county:nth-child(odd) {

    background-color: rgba(50,50,50,.6);
    color: antiquewhite;
    padding: 3px;
    text-align: left;
    width:100%

}

.data-row-county:nth-child(even) {

    background-color: rgba(30,30,30,.6);
    color: antiquewhite;
    padding: 3px;
    text-align: left;
    width:100%
}

#qmap_results::-webkit-scrollbar {
    width: 7px;
}

#qmap_results::-webkit-scrollbar-track {
    background: #f1f1f1;
}
  
  /* Handle */
#qmap_results::-webkit-scrollbar-thumb {
    background: #888;
}
  
  /* Handle on hover */
#qmap_results::-webkit-scrollbar-thumb:hover {
    background: #555;
}



.emp_results_row_1 {
	
	background:lightgray;
	font-family:Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, sans-serif; 
	color:darkblue; 
	font-size:12px; 

}

.emp_results_row_0 {
	
	background:white;
	font-family:Segoe, 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', Verdana, sans-serif; 
	color:darkblue; 
	font-size:12px; 
	
}

.pad {
	
	padding-top:5px;
	padding-bottom:5px;
	text-align: left;
	padding-left: 2px;
	
}

.inner-card-td {

	width: 100%; 
	display:grid !important;
	grid-template-rows: 1fr;
	font-size: 1rem; 	

}

#mapChoiceSection {
    width: 100%;
}

.trichResultsHead {

	font-family: 'RocknRoll One';
	font-weight:bold; 
	padding:5px; 
	text-align:left; 
	color:darkgreen;

}


.inner-card-email {

	word-break:break-all;
	font-size: .75rem;

}

.contact-results-title {

	font-size: 1rem;
	background-color: transparent; 
	font-family: 'RocknRoll One';
	color: darkgreen;

}

.contact-results-head {

	background-color: saddlebrown !important; 
	color: antiquewhite; 
	font-family: 'RocknRoll One';

}

@media screen and (max-width: 1150px) { /* map starts to get too big */


}


@media screen and (max-width: 900px) { /* Ipad when in portrait mode settings */

    #quar-map-main-container {
        grid-template-columns: 1fr; 
    }
    #mapChoiceSection,#quarMapData {
        width: 400px;
    }
}


@media screen and (max-width: 480px) { /* mobile phone view */

	svg {

		height:375px;
		width:375px;

	}

    #mapChoiceSection,#quarMapData {
        width: 350px;
    }
	
	#map_container {

		width:95%;
		height:95%;

	}
	
	#map_container input[type=image] {
		
		width:9%;
		display:none;
		
	}
	
    #quar-map-main-container {
        grid-template-columns: 1fr; 
    }
	
}