/* TABLE STYLES *************************/
.table-expand {
		/*   margin-top: 5rem; */
		}
		
		.table-expand td {
		  color: #8a8a8a;
		  vertical-align: top;
		}
		
		.table-expand tr {
		  border: 1px solid #e6e6e6;
		}
		
		.table-expand .text-right {
		  padding-right: 3rem;
		}
		
		.table-expand-row.is-active .expand-icon::after {
		  content:"\2212"; /* Minus sign: &minus; &#8722;*/
		}
		
		.table-expand-row .expand-icon::after {
		  content: '+';
		  float: left;
		  padding-right: 0.5rem;
		}
		
		.table-expand-row-content {
		  display: none;
		}
		
		.table-expand-row-content.is-active {
		  display: table-row;
		  -webkit-animation: fadeIn ease-in 1;
		          animation: fadeIn ease-in 1;
		  -webkit-animation-fill-mode: both;
		          animation-fill-mode: both;
		  -webkit-animation-duration: 0.5s;
		          animation-duration: 0.5s;
		}
		
		.table-expand-row-nested {
		  background-color: #e6e6e6;
		}
		
		@-webkit-keyframes fadeIn {
		  from {
		    opacity: 0;
		  }
		  to {
		    opacity: 1;
		  }
		}
		
		@keyframes fadeIn {
		  from {
		    opacity: 0;
		  }
		  to {
		    opacity: 1;
		  }
		}
		
/* PAGE STYLES ******************/
		/**************************************** STYLES: OFFCANVAS */	
			 .off-canvas-width { width: 75%;}
			 .off-canvas-height {height: 40%;}
			
		/**************************************** STYLES: TABLE */
/*
			.table-expand-row.is-active .expand-icon::after {
		  padding-right: 1.25rem;
		}
		
		.table-expand-row .expand-icon::after {
		  padding-right: 1.25rem;
		  float: left;
		}
*/
			.hidden {display: none;}
			
			table img {width: 320px;}
			video {border: 1px solid #cacaca; height: auto;}
			
			.indicator-title {/* font-weight: bold; */}
			.indicator-description {font-size: 0.9rem;}
			.indicator-exemplar {font-size: 0.9rem; font-style: italic;}

		/**************************************** STYLES: CONTENT */
			#page-content {margin-bottom: 95vh;}
			.title-bar {background: #093145;}
			button.close-button {font-size: 1.5rem;}
			
			#iop-menu {padding: 4rem 2rem;}
			#iop-menu a {color: #000;}
			#iop-menu a:hover {text-decoration: underline;}
			
			div.iop-anchor {}
			div.iop-anchor:target {display: block; height: 6rem; margin-top: -6rem; visibility: hidden;}
			
			.active-anchor { box-shadow: 0px 0px 5px rgba(81, 203, 238, 1); border: 1px solid rgba(81, 203, 238, 1); background: rgba(81, 203, 238, 1); color: white;}
			#exemplar-upload h2 {font-size: 1.2rem; font-weight: bold;}
			
			td ol {padding-left: 1.5rem;}
			
			.dblue {background-color:  #3953A4;} /* darkblue */
			.lblue {background-color:  #1C8BCC;} /* lightblue */
			.green {background-color: #60BB46;} /* green */
			.orange {background-color:  #F6892F;} /* orange */
			a.dblue:hover, a.lblue:hover, a.green:hover, a.orange:hover {background-color: #535353;}
			
			
			th.iop-tier {font-size: 1.25rem; color: white; }
			td.iop-skill {font-weight: 500; font-size: 1.1rem; color: #131516;}
			table.hover.stack tbody tr td {font-weight: 450; font-size: 1.0rem; color: #373D3F;}
			
			#viop-uploads li.accordion-item a {font-size: inherit; font-weight: 450;}
/*
			#viop-uploads li.accordion-item a:hover {text-decoration: underline;}
			#viop-uploads .accordion-title {border: none; padding: 0 0 1rem 0;}
			#viop-uploads .accordion-title:hover, #viop-uploads .accordion-title:active, #viop-uploads .accordion-title:focus {background: none;}
			#viop-uploads .accordion-content {border: none; padding: 0;}
*/
			
		/**************************************** STYLES: FOOTER */
				 footer {background: #093145; color: #fff; padding: 0; height: 1.5rem;}
				 footer p {font-size: 0.9rem; }
				 
			/**************************************** STYLES: media-queries */
			 /* Large and up */
			 @media screen and (min-width: 64em) {
				 .off-canvas-height {height: 40%;}
				 div.iop-anchor:target {display: block; height: 3rem; margin-top: -3rem; visibility: hidden;}
				 
				 h1 {font-size: 1.75rem; font-weight: bold; }
				 
				 #sidebar-menu .iop-menu {width: 100%; display: block; border-bottom: 0.1rem dashed #d4d4d4;}
				 #sidebar-menu .iop-menu a:hover {background: #d4d4d4;}
			}
			
/* SVG STYLES ********************/
			#iop-menu svg {height: 10vw;}
			svg {margin-top: 2rem;}
			.tp-btn {opacity: 0.25; transition: .6s;}
			.tp-btn:hover, .tp-active {opacity: 1;}

			#orange path {fill: #F5882F;}
			#green path {fill: #60BA46;}
			#lblue path {fill: #1C8ACB;}
			#dblue path {fill: #3953A3;}