/* Hide unconfirmed radionculides */

.new-radnucls {
	display: none!important;
}


/* RADIONUCL 2 COLUMN */

.two-column-rn-head {
display: flex;
margin-top: 20px;
align-items: flex-end;
}

.two-column-rn-body {
display: flex;
margin-top: 75px;
align-items: flex-start;
}

.two-column-rn-left {
flex: 3;
padding-right: 30px;}

.two-column-rn-right {
flex: 2;
padding-left: 30px;}

/* pu  22.10.2021 */
.two-column-rn-right h2 {
	margin-top: 50px;
}

.two-column-rn-right .custom h2 {
	margin-top: 0;
}

.two-column-rn-right .fa-ul {
margin-left: 1.7em;	
margin-top: 0px;
margin-bottom: 0px;}

.two-column-rn-right li{
padding-left: 10px;}

.two-column-rn-right .fa-ul .fas {
color: #0CACB8;	
font-size: 1.2em;
}

.two-column-rn-left a {
display: inline-block;
background: rgba(12,172,184,0.3);	
color: white;
padding: 2px 5px;
box-shadow: 0px 0px 0px 0px black;
font-size: 11px;
border-radius: 50%;
}

/* Application button */

.application-button a {
	display: inline-block;
	background: #E95355;
	padding: 10px 15px;
	color: white!important;
	box-shadow: 0px 0px 0px 0px white;
	border-radius: 3px;
	font-size: 14px;
	font-weight: 600;
}

.specs-button {
margin-top: 40px;	
margin-bottom: 50px;
}

.specs-button a {
	display: inline-block;
	background: #FFD866;
	padding: 5px 10px;
	color: #293233!important;
	box-shadow: 0px 0px 0px 0px white;
	border-radius: 3px;
	font-size: 14px;
	font-weight: 600;
}

/* Radionuclide icon */

.rn-table {
display: flex;	
flex-wrap: wrap;
justify-content: left;
align-items: center;
margin-top: 50px;}

.withspace {
margin-right: 20px!important;	
}

.rn-table a {
box-shadow: 0px 0px 0px 0px yellow;	
}

.rn {
width: 60px;
height: 60px;
background: #fff;
display: flex;
flex-direction: column;
padding: 5px 10px 10px 10px;
border-radius: 3px;
margin-right: 5px;
margin-bottom: 20px;
transition: all ease-in 0.1s;}

.rn:hover {
	background: #E95355;
	color: white;	
}

.rn-blue {
	background: #5BC4BF;
}

.rn-red {
	background: #F48580;
}

.rn-yellow {
	background: #FFF100;
}

.rn-orange {
	background: #FDB913;
}

.rn-redblue {
	background: linear-gradient(-45deg, rgba(91,196,191,1) 50%, rgba(244,133,128,1) 50%);
}

.rn-yellowred {
	background: linear-gradient(-45deg, rgba(244,133,128,1) 50%, rgba(255,241,0,1) 50%);
}

.rn-yellowblue87 {
	background: linear-gradient(-45deg, rgba(91,196,191,1) 87%, rgba(255,241,0,1) 87%);
}

.rn-solo {
width: 150px;
height: 150px;
/* background: #5BC4BF; */
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 5px 10px 10px 10px;
border-radius: 3px;
}

.rn-solo-name {
align-self: center;
font-size: 26px;
font-weight: 500;
padding: 10px 0px 5px 0px;
line-height: 1.2;
}

.rn-number {
align-self: flex-start;
font-size: 12px;
}

.rn-name {
align-self: center;
font-size: 20px;
font-weight: 700;
padding: 5px 0px 0px 0px;
}

.rn-fullname {
align-self: center;
padding-bottom: 0px;
font-size: 11px;
}


.rn-solo-number {
align-self: center;
line-height: 1.0;
padding-bottom: 30px;
font-weight: 800;
}

.rn-solo-fullname {
align-self: flex-start;
padding-bottom: 0px;
font-size: 12px;
line-height: 1.0;
}

.rn-solo table {
border: 0px;
border-collapse: collapse;
}

.rn-solo table tr {
}

.rn-solo  td{
	border: 0px solid black;
padding: 4px 5px 2px 0px;
vertical-align: bottom;
}

.rn-solo table tr:nth-child(3) td{
padding: 0px 5px 0px 0px;
margin-top: -1px;
}

.small-rn-menu-in .rn-question .rn-name {
padding-top: 16px;
}

 .rn-question:hover {
background: #667C7D!important;	
color: #293233;}

.feature-content-rn  .rn-question .rn-name {
padding-top: 22px;}


/* top menu entry for 'question' aka 'suggest' */

.rn-question {
background: #ECECEC!important;	
}

.small-rn-menu-in .rn-question .rn-name {
padding-top: 18px;
}

.small-rn-menu-in .rn-question .rn-fullname {
align-self: center;
padding-bottom: 10px;
font-size: 13px;
}

.small-rn-menu-in .rn-question {
	width: 45px;
	height: 45px;
	background: #dadadb;
	background: #536566; /* decide */
	display: flex;
	flex-direction: column;
	padding: 2px;
	border-radius: 3px;
	margin-right: 5px;
	margin-bottom: 5px;
	transition: all ease-in 0.1s;
}

.small-rn-menu-in .rn-question:hover {
	background: #dadadb;
}

.small-rn-menu-in .rn-question:hover:after {
	content:'Suggest a radio- nuclide';
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 11px; 
	width: 45px;
	height: 45px;
	background: #dadadb;
	display: flex;
	flex-direction: column;
	padding: 2px;
	transition: all ease-in 0.1s;
}

/* bottom menu entry for 'question' aka 'suggest' */

.rn-question {
background: #ECECEC!important;	
}

.feature-content-rn .rn-question .rn-name {
padding-top: 22px;
}

.feature-content-rn .rn-question .rn-fullname {
align-self: center;
padding-bottom: 10px;
font-size: 11px;
}

.feature-content-rn .rn-question {
width: 60px;
height: 60px;
background: #dadadb;
background: #536566; /* decide */
display: flex;
flex-direction: column;
padding: 5px 10px 10px 10px;
border-radius: 3px;
margin-right: 5px;
margin-bottom: 20px;
transition: all ease-in 0.1s;
}

.feature-content-rn .rn-question:hover {
	background: #dadadb;
}

.feature-content-rn .rn-question:hover:after {
  content:'Suggest a radio- nuclide';
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 14px; 
width: 60px;
height: 60px;
background: #dadadb;
display: flex;
flex-direction: column;
padding: 5px 10px 10px 10px;

transition: all ease-in 0.1s;
}

/* Facilities */

.facilities-inst:nth-child(n+2) {
	margin-top: 20px;
}

.facilities {
margin-top: 5px;	
}

.facilities a {
display: inline-block;
color: white!important;
background: #0CACB8;
text-transform: uppercase;
padding: 5px 10px 2px 10px;
border-radius: 3px;
font-weight: 700;
font-size: 13px;	
}


/* Grades */

.grades {
	margin-top: 5px;
}

.grades div{
	display: inline-block;
	color: #293233;
	text-transform: uppercase;
	padding: 5px 10px 2px 10px;
	border-radius: 3px;
	font-weight: 700;
	font-size: 13px;	
	box-shadow: 0px 0px 0px 0px white;
}

.grades:first-child div{
	background: #FFF7DF;
}

.grades:nth-child(2) div {
	background: #FFEEBE;
}

.grades:nth-child(3) div {
	background: #FFE59B;
}

.grades:nth-child(n+4) div {
	background: #FFDC74;
}

/* FULL SPECS TABLE */

#expose_fullspecs {
	color: #293233;
	top: 50%!important;	/* Aug 22 - needs testing */ 
}
	
#expose_fullspecs {
	background-color: transparent;
}

#expose_fullspecs,
#expose_fullspecs .stacks_out,
#expose_fullspecs .stacks_in {
	overflow: auto!important;
}

#expose_fullspecs a.close {
	top: 0;
	left: -3px;	
}

#expose_fullspecs table {
	background-color:#FFD866;
	border-spacing: 0;
	padding: 10px;
}

#expose_fullspecs table thead th{
	padding-bottom: 10px;
	padding-left: 10px;
}

#expose_fullspecs tr:nth-child(even) {
	background-color: rgba(255, 255, 255, 0.4);
}

#expose_fullspecs td {
	font-size: 0.85rem;
	padding: 0 10px;	
}

#expose_fullspecs  td.subspecs-parent {
	text-align: center;
	padding-top: 5px;
	background-color: #FFF4D1;
	border-top: 10px solid #FFD866;
	border-bottom: 10px solid #FFD866;
}

#expose_fullspecs td .subspecs {
	font-weight: 700;	
}

#expose_fullspecs td.column0 {
	width: 30%;	
}

	


/* FEATURE BOX */ 


.feature-content-rn {
padding: 25px 50px 50px 50px;
} 

.feature-content-rn-out {
	background: #293233;
	border-bottom: 2px dotted #205A5E!important;
	}

.feature-content-out {
	background: #293233!important;
	border-bottom: 2px solid #0CACB8;
}

.feature-box {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.feature-left {
	width: 100%;
}

.feature-right {
	width: 100%;
	margin-top: 0px;
	/* padding-left: 50px; */
	box-sizing: border-box;
	text-align: center;
}

.feature-right  a {
background: #ffd866;
display: inline-block;
padding: 10px;	
color: #293233;
text-decoration: none;
font-weight: 800;
margin: 50px 10px;
border-radius: 3px;
border: 3px solid #293233;
transition: all ease-in 0.1s;}

.feature-right a:hover {
background: #f9de8d;}

.feature-right  a:before {

}

.feature-right a:hover:before {
}

.feature-left img {
width: 100%;
height: auto;	
}

.feature-content h2 {
font-family: 'Caveat', cursive;
color: #fff;
font-size: 2.6rem;
font-weight: 700;
line-height: 0.9;
padding: 0px;
margin: 0px;
}

.feature-box h3 {
font-family: 'Caveat', cursive;
color: #293233;
font-size: 2.6rem;
font-weight: 700;
line-height: 0.9;
padding: 0px;
margin: 0px;
}

.feature-box-author {
display: block;
margin-top: 15px;
font-size: 0.9rem;
opacity: 0.7;	
}

/* MEDICAL RADIONUCLIDES NAVIGATION */

#primary-nav ul li:nth-child(3) a {
color: #ffd866;

}

#primary-nav ul li:nth-child(3) a:hover {
color: #ffd866;

}

#primary-nav ul li:nth-child(4) a {
color: #ffd866;

}

#primary-nav ul li:nth-child(4) a:hover {
color: #ffd866;
}

#topbar-left  a{
			background-image:  url('../../../resources/Prismap_Web_mrn.svg');

}

#footer-logo a{
		background-image:  url('../../../resources/Prismap_Icon_mrn.svg');
}


.small-rn-menu {
border-top: 2px dotted #205A5E;
width: 100%;}

.small-rn-menu-in {
padding: 10px 15px 5px 15px;
max-width: 960px;
margin: auto;
}

.small-rn-menu-in .rn-number {
font-size: 10px;
line-height: 1;
}

.small-rn-menu-in .rn-name {
font-weight: 500;
line-height: 1.2;
padding-top: 7px;
padding-bottom: 13px;
font-size: 16px;
}

.small-rn-menu-in .rn {
width: 45px;
height: 45px;
padding: 2px;
border-radius: 3px;
margin-right: 5px;
margin-bottom: 5px;
}

.small-rn-menu-in .withspace {
margin-right: 5px!important;
}

.small-rn-menu-in .rn-table {
margin-top: 0px;
justify-content: center;
}

.small-rn-menu-in .rn-fullname {
display: none;

}

.small-rn-menu-in .two-column-rn-left a {
background: none;
}

.small-rn-menu-in .feature-content {
padding: 0;	
} 

.small-rn-menu-ini {
background: none;
margin-bottom: 10px;
float: right;
padding-right: 20px;
}

@media only screen and (max-width: 770px) {
	
/* RADIONUCLIDES */

.two-column-rn-head {
flex-direction: column;
align-items: flex-start;	
}

.two-column-rn-body {
flex-direction: column-reverse;	
align-items: flex-start;
margin-top: 30px;	
}

.two-column-rn-right {
padding-left: 0px;
padding-top: 30px;
}

.two-column-rn-left {
padding-right: 0px;
padding-top: 30px;	
}

/* NAV */

#mobile-nav a {
	background-image:  url('../../../resources/menubar-yellow.svg');	
}

.feature-right h3 {
	font-size: 2.0rem;	
}

.feature-left {
	width: 100%;	
	display: none;
}	

.feature-right {
	width: 100%;
	margin-top: 50px;
	padding-left: 0px;
	text-align: center;	
}

}

</style>


<script type="text/javascript">
$(document).ready(function () {
	let winHeight = $(window).height()-100;
	$('#expose_fullspecs').height(winHeight);
})
$(window).resize(function() {
	let winHeight = $(window).height()-100;
	$('#expose_fullspecs').height(winHeight);
})

</script>

<style>