/* css for facility listing */

.titlebar, .edit-banner {
    background-color: #1c75bc;
    display: flex;
}

p.commercial {
    padding: 1vw 0;
    font-weight: 700;
    color: darkgreen;
}

p#gmap {
    padding-top: 10px;
}

p.commercial i {
    border: 1px solid;
    border-radius: 50%;
    height: 13px;
    width: 13px;
    text-align: center;
    padding: 1px;
}

p.facility-service {
    background-color: pink;
    margin: 1px;
    width: fit-content;
    padding: 3px;
    border-radius: 5px;
}

.primary-contact {
    padding-bottom: 1vw;
}

.edit-section.associations {
    display: flex;
    /* width: 100%; */
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
}

img.awardbadge {
    width: 4vw;
    height: auto;
    margin-right: 1vw;
}

span.awardBadges img {
    width: 50px;
    height: auto;
}

span.awardBadges {
	position: absolute;
	padding: 1vw;
	right: 9vw;
}	

span.awardRow, span.awardRow a {
    display: flex;
    align-items: center;
    flex-direction: row;
}

span.awardDesc {
    font-weight: 700;
    margin-right: 1vw;
}

.facAwards {
    margin-bottom: 3vw;
}

.titlebar h2, .edit-banner h2 {
    color: white !important;
    padding: 0 10px;
}

.sidebar-ctl-link {
	cursor: pointer;
}

p#rrid-facility-cite, p#grantnumber-cite, p.rrid-instrument-cite {
	cursor: pointer;
}

div.facility_instrument_saved p#instrument_rrid, div.rrid a.fac-rrid {
    background-color: #1c75bc;
    width: fit-content;
    padding: .5px 3px;
    border-radius: 5px;
}

div.facility_instrument_saved span.cid, div.rrid span.fac-cid {
    background-color: mediumpurple;
    width: fit-content;
    margin: 2px;
    padding: .5px 3px;
    border-radius: 5px;
    color: white;
}

div.facility_instrument_saved p#instrument_rrid a, div.rrid a.fac-rrid {
    color: white;
}

.edit-section {
    font-size: 9pt;
    float: right;
    padding: 2vw;
}

p.facility-service a {
    word-break: break-word;
    color: black;
}

div.breadcrumb {
    padding: 5px 10px;
    width: unset;
    word-break: break-word;
}

div.contactInfo {
    background-color: rgba(190, 219, 245, 0.44);
    border-radius: 5px;
    padding: 15px;
    width: 20vw;
    margin: 15px 0;
    float: left;
    clear: left;
    cursor: pointer;
}

span#fac-rrid-citation i, span#fac-grantnumber-citation i, span.fac-instrument-rrid i {
    font-size: 12pt;
    cursor: pointer;
    padding: 1vw;
    margin-left: .25vw;
    border-radius: 10px;
}

span#fac-rrid-citation i:hover, span#fac-grantnumber-citation i:hover, span.fac-instrument-rrid i:hover {
	background-color: #ddd;
	color: white;
}

span#fac-rrid-citation i:active, span#fac-grantnumber-citation i:active, span.fac-instrument-rrid i:active {
	background-color: #1c75bc;
	color: white;
}

span.feedback-bubble {
    margin-left: 1vw;
    text-transform: lowercase;
    font-size: 9pt;
    font-family: 'Roboto';
}

.citeFacilityContent.inactive p a {
    color: #ccc;
}

p.pubListing {
    margin-top: 1vw;
}

.citeFacilityContent p#instrument_name {
    font-size: 9pt;
    color: black;
}

.citeFacilityContent p#instrument_description {
    font-size: 8pt;
}

.citeFacilityContent a#instrument_url {
    display: none;
}

.citeFacilityContent p.rrid-instrument-cite {
    display: none;
}

.citeFacilityContent div.facility_instrument_saved p#instrument_rrid {
    font-size: 9pt;
    margin: 0;
}

.citeFacilityContent p.facility-service {
    font-size: 9pt;
}

.citeFacilityContent a.facility-publication {
    font-size: 9pt;
    display: inline;
    margin: 5px 0 0;
}

.citeFacilityTitlebar .inactive {
    text-transform: uppercase;
    font-size: 9pt;
    color: darkred;
    font-weight: bold;
}

.citeFacilityTitlebar .inactive a {
    color: #0e75bc;
    font-weight: bold;
}

.citeFacilityTitlebar .facility-inactive {
    float: right;
    margin: -30px 0;
    display: inline-flex;
}

p.cids {
    margin-bottom: 1em;
}

span.fac-cid {
    display: block;
    color: #333;
}

div.fac-citation {
    margin: 0 0 1vw;
    float: left;
    clear: left;
}

.cite-clicked{
	background-color: orangered;
	color: white !important;
}


@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
 	 	
 	 	div.contactInfo {
			width: unset;
		} 
		
		.facServices {
			column-count: 1;
		}
		
		span.fac-instrument-rrid i{
			display: block;
			margin: 0.25vw;
		}
		
		span.fac-instrument-rrid input{
			margin: unset;
		}
}  

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
 	
 	
 	span#fac-rrid-citation i, span#fac-grantnumber-citation i, span.fac-instrument-rrid i {
 		padding: 2vw;
	    border-radius: 6px;
 	}
 	
 	.facilityRecord input {
 	    max-width: 250px;
 	    margin: .25vw;
 	    padding: unset;
 	}
 	
 	span.awardRow, span.awardRow a {
		display: flex;
		align-items: center;
		flex-direction: row;
		flex-wrap: wrap;
	}
	
	span.awardBadges {
		position: absolute;
		padding: 1vw;
		right: 12vw;
	}	
 	
 	
  
}