/* css for facility listing */

/* for collab accordion list */

div#inst-collab-list span.rrid, div#core-collab-list span.rrid {
  background-color: #006992;
  color: white;
  width: fit-content;
  padding: .5px 3px;
  border-radius: 5px;
  margin-top: 1px;
  float: unset;
  margin-left: 5px;
}
div#inst-collab-list p#prov-srv, div#core-collab-list p#prov-srv {
  padding-top: 10px;
}

div#inst-collab-list p.srv, div#core-collab-list p.srv {
  display: block;
}

div#inst-collab-list span.clbl, div#core-collab-list span.clbl {
  display: block;
  font-size: 9pt;
  font-weight: bold;
  margin-top: 10px;
  width: fit-content;
}
div#inst-collab-list p, div#core-collab-list p{
  font-size: 9pt;
}

div#collab-core-accordion, div#collab-accordion {
    border-top: 1px solid lightgray;
}

/* overriding uijquery style */

div#inst-collab-list h3.ui-accordion-header, div#core-collab-list h3.ui-accordion-header {
  font-size: 9pt !important;
}
div#inst-collab-list h3.ui-accordion-header, div#core-collab-list h3.ui-accordion-header {
  font-size: 9pt !important;
}
div#inst-collab-list h3.ui-accordion-header-collapsed, div#core-collab-list h3.ui-accordion-header-collapsed {
  background-color: white;
}
div#inst-collab-list .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br, div#core-collab-list .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-right-radius: 0px;
  border-top: 0;
}
div#inst-collab-list .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl, div#core-collab-list .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: 0px;
}
div#inst-collab-list .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr, div#core-collab-list .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-right-radius: 0px;
}
div#inst-collab-list .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl, div#core-collab-list .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-top-left-radius: 0px;
}
div#inst-collab-list .ui-accordion .ui-accordion-header, div#core-collab-list .ui-accordion .ui-accordion-header {
  margin: 0 0 0 0;
}

/* end collab accordion list */

input#collab-search-dist {
    width: 4vw;
    margin: .5vw .5vw .5vw 0;
    font-size: 10pt;
    /* font-weight: 900; */
    height: 16pt;
}

select#collab-search-unit {
    width: 10vw;
    margin: .5vw .5vw .5vw 0;
    height: 18pt;
}

input#collab-search-submit {
    margin-bottom: 2vw;
}

p#instructions {
    text-transform: capitalize;
}

/* collab results filters */

div#collab-filters h5 {
    margin: 1vw 0;
}

p#showHideFilters {
    margin: 1vw 0;
    width: fit-content;
    cursor: pointer;
    border: solid 1px white;
    padding: 5px;
}

p#showHideFilters:hover {
    border: solid 1px #ccc;
    padding: 5px;
    border-radius: 5px;
}

p#showHideFilters:active {
    background-color: light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0.4)) !important;
}

p#uncheck-spec, p#uncheck-srvs, p#uncheck-equip {
    float: left;
    padding: 0vw 1vw;
    text-decoration: underline;
    cursor: pointer;
}

p.activelabel{
  margin: 1vw;
  width: fit-content;
  cursor: pointer;
  border: solid 1px #1c75bc !important;
  background-color: light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0.4)) !important;
  padding: 5px;
  border-radius: 5px;
}

p#showHideFilters {
    color: #1c75bc;
    font-weight: 700;
}

input#collab-adjust-filter, input#collab-reset-filter {
    width: fit-content;
}

div#collab-filters {
    display: inline-flex;
    flex-direction: column;
    padding: 0 2vw 2vw;
    background-color: light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0.4)) !important;
    width: -webkit-fill-available;
}

div#spec-filter,div#srvs-filter,div#equip-filter {
  margin: 1vw 0;
}

div#spec-filter label,div#srvs-filter label,div#equip-filter label {
  float: left;
}

/* end filters */

/*override site-wide ui elements */

div#spec-filter .ui-state-active,div#spec-filter .ui-widget-content .ui-state-active,div#spec-filter .ui-widget-header .ui-state-active,div#spec-filter a.ui-button:active,div#spec-filter .ui-button:active,div#spec-filter .ui-button.ui-state-active:hover {
  border: 1px solid #8ab18d;
  background: #8ab18d;
  font-weight: bold;
  border-radius: 5px;
  padding: .5px 3px;
  color: #ffffff;
  font-size: 9pt;
}

div#srvs-filter .ui-state-active,div#srvs-filter .ui-widget-content .ui-state-active,div#srvs-filter .ui-widget-header .ui-state-active,div#srvs-filter a.ui-button:active,div#srvs-filter .ui-button:active,div#srvs-filter .ui-button.ui-state-active:hover {
  border: 1px solid lightpink;
  background: lightpink;
  font-weight: bold;
  border-radius: 5px;
  padding: .5px 3px;
  color: #333;
  font-size: 9pt;
}

div#equip-filter .ui-state-active,div#equip-filter .ui-widget-content .ui-state-active,div#equip-filter .ui-widget-header .ui-state-active,div#equip-filter a.ui-button:active,div#equip-filter .ui-button:active,div#equip-filter .ui-button.ui-state-active:hover {
  border: 1px solid sandybrown;
  background: sandybrown;
  font-weight: bold;
  border-radius: 5px;
  padding: .5px 3px;
  color: #ffffff;
  font-size: 9pt;
}

div#spec-filter .ui-state-default,div#spec-filter .ui-widget-content .ui-state-default,div#spec-filter .ui-widget-header .ui-state-default,div#spec-filter .ui-button, div#spec-filter .ui-button.ui-state-disabled:hover, div#spec-filter .ui-button.ui-state-disabled:active {
  font-size: 9pt;
  border: 1px solid #8ab18d;
  border-radius: 5px;
  padding: .5px 3px;
  margin: 1px;
}

div#srvs-filter .ui-state-default,div#srvs-filter .ui-widget-content .ui-state-default,div#srvs-filter .ui-widget-header .ui-state-default,div#srvs-filter .ui-button, div#srvs-filter .ui-button.ui-state-disabled:hover, div#srvs-filter .ui-button.ui-state-disabled:active {
  font-size: 9pt;
  border: 1px solid lightpink;
  border-radius: 5px;
  padding: .5px 3px;
  margin: 1px;
}

div#equip-filter .ui-state-default,div#equip-filter .ui-widget-content .ui-state-default,div#equip-filter .ui-widget-header .ui-state-default,div#equip-filter .ui-button, div#equip-filter .ui-button.ui-state-disabled:hover, div#equip-filter .ui-button.ui-state-disabled:active {
  font-size: 9pt;
  border: 1px solid sandybrown;
  border-radius: 5px;
  padding: .5px 3px;
  margin: 1px;
}


/*end override */

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

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

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

div.profile-funding {
    width: 100%;
}

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;
}

h3.ui-accordion-header.ui-state-active {
  color: white;
}

div.grantsAttachedData p {
    display: unset;
}

div.grantsAttachedData {
    display: inline-flex;
    flex-direction: column;
    width: -webkit-fill-available;
    width: -moz-available;
}

p.grt_res_lbl {
    font-weight: bold;
}

div.grantsAttachedData #country {
    padding: unset;
    margin: unset;
    background: unset;
    text-align: unset;
}

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;
}

h4#collab-inst-header {
    margin-bottom: 2vw;
}

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 {
    display: flow-root;
    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;
	}	
 	
 	
  
}