.mainlink:link {color:teal;}
a.mainlink:visited {color:teal;}
a.mainlink:hover {color:teal;}

/*
* SE:WSHA-3067 Display and Update Landing Page
*/

/* Global Reset for Cross-browsers 

html, body, div, span, table, tr, th, td, p, ul, li, form {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}*/
html {
	min-height: 100%;
	position: relative;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
body {
	color: black;
	background: white;
}
:focus {
	outline: 0;
}
#pcb {
	background: #fff;
	font-size: 12px;
	margin: 20px auto;
	width: 720px;
}
#pcb header {
	margin: 0 0 10px 0;
}
#pcb .btn-group-sm > .btn {
	font-size: 11px;
}
#pcb .form-control {
	font-size: 12px;
}
#pcb .btn-group-sm > .btn {
	padding: 2px 15px;
}
#pcb .pcbCols {
	float: left;
	min-height: 25px;
	width: 50%;
}
/* SE:WSHA-3149 IE fix */

#pcb .pcbCols div.form-group input {
	display: inline-block\9;
}
#pcb .pcbCols:first-child {
	width: 28%\9 !important;
}
#pcb .pcbCols:first-child, #pcb .pcbCols:last-child {
	width: 25%;
}
#pcb .pcbContainer a {
	text-decoration: underline;
}
#pcb .pcbContainer a.btn {
	text-decoration: none;
}
#pcb .pcbCols a.btn {
	text-decoration: none;
}
#pcb .navbar {
	background: #003152;
	border-radius: 0;
	color: #fff;
	margin-bottom: 0;
	min-height: 30px;
}
#pcb .navbar a {
	display: inline-block;
	color: #fff;
	font-size: 11px;
	padding: 8px 15px;
}
#pcb .navbar a:hover {
	background: #1A4664;
	border-radius: 4px;
}
#pcb .navbar h1 {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	padding: 6px 15px;
	text-transform: uppercase;
}
#pcb .navbar .row {
	margin-right: 0 !important;
}
#pcb .pcbContainer {
	border: 1px solid #e5e5e5;
	display: table;
	padding: 10px 15px;
	position: relative;
	width: 100%;
}
#pcb .pcbContainer:last-child {
	border-bottom: 2px solid #e5e5e5;
}
#pcb .pcbContainer h2 {
	font-size: 14px;
	text-transform: uppercase;
}
#pcb .pcbContainer small {
	display: block;
	font-size: 12px;
	line-height: 16px;
	text-transform: capitalize;
}
#pcb .pcbTips {
	font-size: 10px;
	position: absolute;
	right: 15px;
}
#pcb .button-bottom {
	position: absolute;
	bottom: none;
	margin-top: 15px;
	right: 15px;
}
#pcb .button-bottom-opt1 {
	position: absolute;
	bottom: 15px;
	margin-top: 20px;
	right: 15px;
}
#pcb .button-bottom a:first-child {
	margin-right: 5px;
}
#pcb .fs-sm {
	font-size: 10px;
}
#pcb .pcbOpt2 {
	margin: 5px 0 15px
}
/** SE:WSHA 3070 **/

#pcb .pcbSelect {
	margin: 15px 20px 35px 20px !important;
}
#pcb .pcbOpt2Input {
	margin-left: 20px !important;
	margin-left: 20px\9 !important;
}
#pcb .pcbOpt2 input {
	text-align: center;
	width: 18%;
}
/* Clear & Next buttons alignment for IE */

#pcb .button-bottom-opt1 {
	bottom: 30px\9 !important;
	margin-top: 15px\9 !important;
}
#pcb .pcbCols {
	min-height: 0px\9 !important;
}
#pcb .button-bottom {
	bottom: 30px\9 !important;
}
/* SE:WSHA-3149 IE fix */

#pcb .pcbOpt2 input {
	display: inline-block\9;
}
#pcb .pcbCols span.fa-question-circle {
	margin-left: 6px;
	font-size: 15px;
}
#pcb .form-group input[type="checkbox"], input[type="radio"] {
	margin: 2px 0px 0px;
}
#pcb .form-header {
	font-weight: bold;
}
#pcb .form-selection {
	margin-bottom: 5px;
}
#pcb span.fa-chevron-right {
	margin-left: 5px;
}
#pcb span.fa-times, span.fa-chevron-left, span.fa-undo {
	margin-right: 5px;
}
#pcb span.fa-comment {
	padding: 0 0 0 0;
}
#pcb a.helptips {
	padding-bottom: 5px !important;
}
.pcbFeedback {
	font-size: 14px !important;
	padding: 0 0 0 0 !important;
}
/** SE:WSHA-3328 **/

.faqTop {
	margin-top: -28px !important;
}
[id^=help-question] {
	border-bottom: 1px solid #eee !important;
	margin-bottom: 10px !important;
}
/* Media */

@media(max-width:600px) {
	#pcb .pcbBrand {
		width: 100%;
	}
	#pcb .pcbToplinks {
		text-align: left;
		width: 100%;
	}
	#pcb .pcbCols {
		min-height: 35px !important;
		width: 100% !important;
	}
}
@media(max-width:768px) {
	#pcb {
		width: 100%;
	}
	#pcb .container {
		width: 100%;
	}
	#pcb .pcbCols1 {
		min-height: 60px;
	}
	#pcb .pcbContainer small {
		display: inline-block;
	}
	#pcb .pcbOpt2 input {
		display: inline-block;
	}
	#pcb .pcbOpt3 input {
		width: 94%;
	}
}
@media(min-width:768px) {
	#pcb .pcbCols1 {
		min-height: 60px;
	}
	#pcb .pcbOpt3 input {
		width: 94%;
	}
	#pcb #opt1Ind {
		margin-bottom: 0px !important;
		margin-left: 10px !important
	}
	/*SE:WSHA 3070 */
}
/* SE:WSHA-3148 */

.pcbHelp {
	margin-right: 20px;
	text-align: right;
}
/*SE:WSHA-3059 */

/*SE:WSHA-3176 */

@media(min-width:480px) {
	.btns {
		margin-left: 15%!important;
		margin-bottom: 3%;
		margin-top: 5%;
	}
	body.pcbBody {
		margin-top: -20px !important;
	}
	.errorMsg {
		margin-top: 40px !important;
	}
	div#alert1Div, #warningDiv {
		padding-top: 15px !important;
	}
}
@media(min-width:300px) {
	.btns {
		margin-left: 1px!important;
		margin-bottom: 3%;
		margin-top: 5%;
	}
	body.pcbBody {
		margin-top: -20px !important;
	}
	.errorMsg {
		margin-top: 40px !important;
	}
	div#alert1Div, #warningDiv {
		padding-top: 15px !important;
	}
}
@media(min-width:768px) {
	.btns {
		margin-left: 15%!important;
		margin-bottom: 3%;
		margin-top: 5%;
	}
	body.pcbBody {
		margin-top: 10px !important;
	}
	.errorMsg {
		margin-top: 0px !important;
	}
	div#alert1Div, #warningDiv {
		padding-top: 0px !important;
	}
}
@media(min-width:992px) {
	.btns {
		margin-left: 25%!important;
		margin-bottom: 3%;
		margin-top: 5%;
	}
	body.pcbBody {
		margin-top: 20px !important;
	}
	.errorMsg {
		margin-top: 0px !important;
	}
	div#alert1Div, #warningDiv {
		padding-top: 0px !important;
	}
}
/***SE:WSHA-3070 ***/

#pcb select {
	width: 95% !important;
}
/**** SE: 508 fixes for Contrast errors***/

.alert-danger {
	background-color: #f2dede !important;
	border-color: #ebcccc !important;
	color: #a94442 !important;
}

/*SE:WSHA-3056 Display & Update Homepage*/

.faLinkStyles{
	padding-right:180px;
}

.pStyles {
	padding: 10px 25px 10px 15px; text-align:justify;
}
/*.btn-lg{
	font-size:13px !important;	
}*/

div#leftDiv {
	float:left;
	padding-top: 15px;
}

div#rightDiv {
	padding-top:12%;
	padding-left:15% ;
}

@media (max-width: 720px) {
    div#rightDiv {
        padding: 5px 5px 5px 15px;
    }
	#aStyles:first-child {
		display:inline-block !important;
		margin-bottom: 5px !important;
	}	
/* SE:WSHA-3182  */
}

#aStyles {
	text-decoration:none !important;
	border-bottom: none !important;
	margin-top:25px;
}

/*
* SE:WSHA-3067 Display and Update Landing Page
*/

div#errorMsg, #warningDiv, #warningDivFinal, #alert1Div  {
	text-align: center;	
	display: none;
}

.ui-widget, .ui-dialog, .ui-dialog-title {
	width: 500px !important;	
	font-size: .8em !important;
}

.ui-button-icon-only {
    width: 2.2em !important;    
}
.panel-title-label{
	font-size: 18px;
	margin-bottom: 0;
	margin-top: 0;
}

.ui-widget-header {
	background: #004776 !important;
	color: #FFF !important;
	font-size: 1.3em !important;
}

/****Make the validation message display responsive on xs device ****/
/***Align the help pop up to middle of the screen on x-small devices ***/
@media only screen and (max-width: 720px){
    .showerrorMssg { width: 90%; }
    .ui-widget-header {font-size: 1.0em !important;}
    .ui-dialog  { left: 36px !important;}
}


[id^=help] {
	display:none;
}

/*SE:WSHA-3191 Unbold the hyperlinked questions*/
#aQuestions {
	padding: 1px;	
	display: block;
	margin-bottom:10px;
}


/***SE:WSHA-3057****/
.feedbackPanel{
	padding: 20px 15px;	
}
.buttonHolder{ text-align: center; 
}

.buttonHolder.btn {
	height: 15px;
}

#pcbUl {padding-left:20px;}

/* SE:WSHA-3069 */
#PartialResultsUl, #ResultsHelpUl, #Results2HelpUl {padding-left:25px;}


/*SE:WSHA-3180 */
div .helpText { margin-left:15px; font-size:11px;}


#alertLink{
	text-decoration:underline !important;
	border-bottom: none !important;
	color:#0000ff;
}

ul#errorUl {
	text-align: left;
	padding-left: 40px;
}

.alert-warning {
    background-color: #FCF8E3 !important;
    border-color: #FAEBCC !important;
    color: #8A6D3B !important;    
 }
 
#errorMsg .col-xs-12, #errorMsg.col-sm-10, #errorMsg.col-md-6 {
	margin-bottom: -2% !important; margin-bottom: -1%\9 !important;
	margin-top: 20px!important;
} 

#warningDiv .col-xs-12, #warningDiv.col-sm-10, #warningDiv.col-md-6 {
	margin-bottom: -2% !important; margin-bottom: -1%\9 !important;
} 

div#warningMsgFinal {
	border:none;
}

div#warningDivFinal .alert {
	padding: 5px !important;
	margin-bottom: 0px!important;
}

#pcb.col-xs-12, #pcb.col-sm-10, #pcb.col-md-6 {
	padding-left:7%\9 !important;
	padding-right:7%\9 !important;
}


div#errorMsg1, #warningMsg, #alert1Msg {
	border:none; 
	text-align:justify;		
}


/** SE:WSHA 3244 & 3248 **/
.spanBlue {
	color: navy !important;
	font-weight: bold !important;
	font-size: 14px !important;
}

.spanRed {
	color: red !important;	
	font-weight: bold !important;
	font-size: 14px !important;
}

.spanText {
	Color: navy !important;
	text-decoration: underline;
	font-weight: bold !important;
	font-size: 14px !important;	
	
}
input[type="submit"] .btn, input[type="submit"].btn-info {
	background-color: #DADADA !important; 
	border-color: #DADADA !important;
}

/****SE:WSHA-3165 � Add CAPTCHA validation to the Feedback form*****/
.secretNumber {	
   	width: 25px;
	height:25px;
	font-size:12px;
	border-radius: 5px		
}

span.inputDisclaimer {
	color:#999; 
	font-weight:normal; 
}

/* SE:WSHA-3280 */
.form-control[readonly]  {
	background-color: white !important;
}

/*SE: styles for temporary page */

p#tempStyles{
	size: 3;
	color: navy;
	font-weight: bold;
	margin-left: 350px;
	font-size: 24px;
	color: red;
	margin-top:20px;
}

img#hourGlassImg{
	height:100px;
}

div.leftDiv{
	margin-left:150px;
}

div.rightDiv{
	width:65%;
}

/*SE:WSHA-3347 */
div#captchaHelpSection {
	display:none;
}

/* ========================= Tutorial Pages Styles ========================= */

/*Logos*/

.svg .gov-webicon.hhs.white {
	background: url("../images/gov-hhs-white.svg");
}
.svg .gov-webicon.fda.white {
	background: url("../images/gov-fda-new-white.svg");
	
}
.footer-heading .gov-webicon.fda.white {
	background: url("../images/fda-square-white.svg");
	
}
/*Uzma* FDA Logo*/
.fda-logo {
    left: .300em!important!;
}

/* Left Nav Adjustments */
.left-column .section .list-group-item {
    background-color:#fff;
}
.left-column .section .list-group-item active disabled {
    background-color:grey !important;
}
.left-column .section div .list-group-item {
	background-color:#f7f7f7;
}
.left-column {
	display: block;
}
.left-column .section.children .list-group-item {
	padding-right: 15px;
}
.children > .list-group-item {
	display:flex!important;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items:center;
	justify-content: space-between;
}
.children > .list-group-item::after {
	font-family: 'FontAwesome';
	font-size: .75em;
	content: "\f077";
	margin-left: 10px;
		
}
.children > .list-group-item:hover::after, .children > .list-group-item:focus::after {
	color: #d12212;
	
	
}
.children > .list-group-item.collapsed::after {
	content: "\f078";
	
}
.left-column .section .list-group-item, .left-column .section .list-group-item:hover {
    border-bottom: 1px solid #ddd!important;
	
		
		
}
.list-group-item.current {
	pointer-events: none;
	font-weight: bold !important;
}
.children > .list-group-item.current {
	cursor: Pointer;

}
.children > .list-group-item.current {
	pointer-events: unset;
}

.list-group-item.currentmobile {
	pointer-events: none;
	font-weight: bold !important;
}
.children > .list-group-item.currentmobile {
	cursor: Pointer;

}
.children > .list-group-item.currentmobile {
	pointer-events: unset;
}
.list-group-item.currentmobile {
    font-weight: bold;
    color: #333;
    background: #fff;
    cursor: default;
}
.list-group-item.currentmobile:before, .list-group-item:hover:before, .list-group-item:focus:before {
    content: "\f0da";
    position: absolute;
    left: 1px;
    font-family: 'FontAwesome', sans-serif;
    font-weight: normal;
    line-height: 1.25;
    color: #d12212;
}
/* Check Your Knowledge */
fieldset.question legend {
	margin-bottom:0;
	font-size: 1em;
	border-bottom:none;
}
fieldset.question {
	margin-bottom:10px;
}
.has-success.radio label {
	color: #3c763d;
	font-weight:bold;
}
.has-error.radio label {
	color: #a94442;
	font-weight:bold;
}
.has-success.radio input {
	box-shadow: 0 0 0 .2rem rgb(57, 111, 58, .5);
}
.has-error.radio input {
	box-shadow: 0 0 0 .2rem rgb(169, 68, 66, .5);
}
.question .alert-success, .question .alert-danger {
	margin-top:0;
}

/* Reveal Product Code Element */
.btn-reveal {
	float:right;
	font-weight:bold;
}
div.reveal {
	margin-top:20px;
	margin-bottom:10px;
}

/* Accordian Icon Positioning */
.panel-title a.toggle::after {
	align-self: center;
	top:auto;
	float:none;
}
.panel-title a.toggle, .panel-title a.toggle:focus, .panel-title a.toggle:hover {
	justify-content: space-between;
	display:flex;
}

.alert-success {
	color:#396F3A;
}
.text-muted {	
	font-size: 14px !important;
	color: #757575 !important;
	
}
.noBullets {
	list-style: none;
}
.noBullets li {
	margin-left:0;
}
.panel-body ul.noBullets {
	margin-top:0px;
}
.tableList {
	border:none;
}
.tableList td {
	padding: 3px 0px;
}
.tableList tr td:first-child {
	font-weight: bold;
	text-align:right;				
	padding-right:15px;
}
.panelRedux {
	margin:10px 0;
}

/* Table of Contents */
.toc ul {
	list-style: none;
	margin-top:.25em;
}
.toc ul > li {
	margin-left: 0;
}
.toc ul > li > ul > li {
	margin-left: 1.25em;
	font-weight:normal;
}
.toc p {
	font-weight:bold;
	margin-bottom:0;
	font-size:1.1em;
}

.productCode {
	margin: 10px 0;
	display: flex;
	justify-content:space-between;
	flex-direction: row;
/* 	flex-wrap:wrap; */
}
.productCode .item {	
	border:1px solid #ddd;
	border-radius:4px;
	padding:5px 0px;
	text-align:center;
	width: 12.3rem;
}
.productCode .item input {
	text-align:center;
	margin:auto;
	width:50px;
	margin-bottom:5px;
}
.productCode p {
	font-size: 11px;
	line-height: 13px;
}
@media (max-width: 991px) {
	.productCode {
		flex-direction: column;
	}
	.productCode .item {
		width: 100%;
	}
}
table caption {
	border:none;
	background:#525252;
	font-weight:bold;
	font-size:120%;
	padding:8px 8px 0px 8px;
}
.table-subhead {
	font-weight:bold;
	font-size:115%;
}
.footer-btns {
	margin:2em 0;
}

/* Back to Top Button */
@media (min-width: 1px) {
	#myBtn {
		display: none;
		position: fixed;
		bottom: 0;
		width:100%;
		z-index: 99;
		border: none;
		outline: none;
		background-color: #444;
		color: white;
		cursor: pointer;
		padding: 10px;
		border-radius: 0px;
		font-size: 16px;
		line-height:18px;
		opacity: 0.75;
	}
	#myBtn:before {
		display:block;
		content:""
	}
	#myBtn:after {
		display:block;
		content:""
	}
}

@media (min-width: 768px) {
	#myBtn {
		bottom: 15px;
		right: 15px;
		width:auto;
		padding: 12px;
		border-radius: 10px;
	}
	#myBtn:before {
		display:block;
		
	}
	#myBtn:after {
		display:block;
		
	}
	
}


#myBtn:hover {
	background-color: #000;
}


/* Tree Chart */

.tree, .tree ul, .tree li {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}
.tree {
	margin: 0;
	text-align: center;
}
.tree, .tree ul {
	display: table;
}
.tree ul {
width: 100%;
}
.tree li {
	display: table-cell;
	padding: .5em 0;
	vertical-align: top;
}
.tree li:before {
	outline: solid 1px #666;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}
.tree li:first-child:before {left: 50%;}
.tree li:last-child:before {right: 50%;}
.tree code, .tree span {
	border: solid .1em #666;
	border-radius: .2em;
	display: inline-block;
	margin: 0 .2em .5em;
	padding: .2em .5em;
	position: relative;
}
.tree ul:before,
.tree code:before,
.tree span:before {
	outline: solid 1px #666;
	content: "";
	height: .5em;
	left: 50%;
	position: absolute;
}
.tree ul:before {
	top: -.5em;
}
.tree code:before,
.tree span:before {
	top: -.55em;
}
.tree > li {margin-top: 0;}
	.tree > li:before,
	.tree > li:after,
	.tree > li > code:before,
	.tree > li > span:before {
	outline: none;
	}
#pagelesson1 h1 {
	margin : 0 0 .75em 0 !important;	
}
#pagelesson3 h1 {
	margin : 0 0 .75em 0 !important;	
}
#pagelesson4 h1 {
	margin : 0 0 .75em 0 !important;	
}
#section-menu a:not(.btn){
	border-bottom: 1px solid #ddd !important;
}

#section-menu #feedback {
	display:block;
	margin-top:10px;
	border-bottom:none !important;
}
.panel-title a.toggle.collapsed:after {   
    float: right !important;
}
.panel-title a.toggle::after {    
    float: right !important;
}
ol {
	margin-left:1em !important;
}
li > p{
	margin: 1em 0 !important;
}

p{
	margin : 10px 0px 11px !important;
}
.reveal p{
	margin : 10px 8px 11px !important;
}
.form-inlinecode{
	padding-top:15px !important;
}

#pagelesson4d table tbody tr td:first-child {
  font-weight: bold;
}
#pagelesson4d table tbody tr td:nth-child(2) {
  font-weight: bold;
}
#pagelesson5c table tbody tr td:nth-child(2) {
  font-weight: bold;
}
#pagelesson5d table tbody tr td:first-child {
  font-weight: bold;
}
#pagelesson5e table tbody tr td:first-child {
  font-weight: bold;
}

#pagelesson5c table tbody tr td:first-child {
  font-weight: bold;
}
#pagelesson6 table tbody tr td:first-child {
  font-weight: bold;
}
#pagelesson6 table tbody tr td:nth-child(2) {
  font-weight: bold;
}

#lesson7aTab tbody tr:nth-child(n+2) td{
	font-weight: bold !important;
}
#pagelesson8 table tbody tr td:first-child {
  font-weight: bold;
}
#pagelesson8 table tbody tr td:nth-child(2) {
  font-weight: bold;
}

.tab { margin-left: 40px; }

.sidenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1;
	top: 0;
	right: 0;
	background-color: #111;
	overflow-x: auto;
	transition: 0.5s;
	padding-top: 10px;
}

.sidenav a {
	padding: 8px 8px 8px 35px;
	border-color: #202020 !important;
	text-decoration: none ;
	font-size: 15px;
	color: #ffffff;
	display: block !important;
	transition: 0.3s;
}

.sidenav a:hover {
	color: #818181;
}

#mySidenav a.closebtn {
	border-style: none !important;
	position: absolute;
	top: 0;
	right: 0px;
	font-size: 15px;
	margin-left: 50px;	
	border-bottom: none !important;
 
}

.sidenav .sidenavhead {
	color: #ffffff;
	margin-top: 0px; 
    margin-bottom: 0px;
	margin-left:30px;
}

.sidenav .sideBarGreeting {
	padding: 13px 8px 8px 5px;
	color: #D6D6D6;
	border-style: none !important;
	position: absolute;
	top: 0;
	right: 30px;
	font-size: 15px;
	margin-right: 60px;
}
.sidenavcollapse a[data-toggle='collapse'],
.sidenavcollapse a[data-toggle='collapse'].collapsed:hover,
.sidenavcollapse a[data-toggle='collapse'].collapsed:focus {
	display: block;
	color: grey !important;
	border-bottom: none !important;
}
.sidenavcollapse a[data-toggle='collapse'].collapsed {
	 color: grey !important;
}

.sidenavchild::after {
	font-family: 'FontAwesome';
	font-size: .75em;
	content: "\f077";
	margin-left: 10px;
}
.sidenavchild.collapsed::after {
	content: "\f078";
}

#tutorialMobileSubmenu .list-group-item.active{
	background-color: rgb(169, 169, 169) !important;
	border:1px solid #ddd !important;
}

@media only screen and (max-width: 825px){
	.tableList > tbody > tr > td[scope=row] {
		width:100px !important;
		
	}
	h1{
		word-wrap:break-word;
	}
	.btn{		
		padding: 6px 5px;
	}
}

#pagelesson1 p {
	margin : 0 0 .75em 0 !important;
	
}
#pagelesson3 p{
	margin : 0 0 .75em 0 !important;
}
#tutorialMobileSubmenu .list-group-item.active h2 span{
		color: #000 !important;
		font-size: 13px !important;
		font-weight: bold !important;
		 
}
/*@media (min-width: 60em){
	#tutorialMobileSubmenu #showmenu{
    	display: block!important;
	}
	.hidden-md .hidden-lg{
		display: block!important;
	}
	.icon-reorder:before {
    content: "";
	}
	#tutorialMobileSubmenu.col-md-3 {
		position: static !important;
	}
	.col-md-9{
		position: static !important;
	}
	
	a.disabled{
		pointer-events: none;
	}
	

}
*/

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    z-index: 2;
    color: black !important;
    background-color: rgb(169, 169, 169) !important;
    border-color: #005f9f !important;
	border: 1px solid #ddd !important;
}

.left-column .list-group-item.active h2 {
    color: black !important;
}

/* desktop styles for tables in all the lessons */
 @media screen and (min-width:760px){
	.table thead > tr > th{
		vertical-align:top !important;
	}
	.table thead > tr > th:nth-child(n+1){
		width: 15% !important;
	}
	.table thead > tr > th:nth-child(n+2){
		width: 22% !important;
	}
	.table tbody tr td:nth-child(n+1) {
		width: 15% !important;
	}
	.table tbody tr td:nth-child(n+2) {
		width: 22% !important;
	}
	
}

/* mobile device Card view styles for tables in all the lessons */

@media screen and (max-width: 600px) {
  	.table {
    	table-layout:fixed !important;
		font-size: .625em !important;
		/*height:520px !important;*/
	
  	}
	.table thead{
		display: block !important;
	}
	.table thead tr{
		position: absolute !important;
    	top: -9999px !important;
    	left: -9999px !important;
		
	}
	.table tr{
		
		border-bottom: 6px solid #ccc !important;
		display: block !important;
	
	}
	.table td{
		clear: left !important;
		border: none !important;		
		position: relative !important;
		padding-left: 55% !important;
		display:block !important;
		color: #000 !important;	
		text-align: left !important;
		overlap-wrap: break-word !important;
		word-wrap:break-word !important;
		border-top:1px solid #ddd !important;
		
	}
	
	
	.table-striped > tbody > tr:nth-child(odd) > td {
		background-color: #eee !important;
		padding-bottom: 20px !important;
	}
	.table-striped > tbody > tr:nth-child(even) > td {		
		padding-bottom: 20px !important;
	}
  	
	.table tbody{
		display: block;
	}
	.table td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 52%;
		padding-left: 1px;
		padding-right: 17px;
		
	}
	
	
	table caption {

	padding-bottom: 8px !important;
}
/*lesson 4*/
	#lesson4aTab1 td:nth-of-type(1):before { font-weight:bold; content: "SUBCLASS"; }
	#lesson4aTab1 td:nth-of-type(2):before { font-weight:bold;  content: "NAME"; }
	#lesson4aTab1 td:nth-of-type(3):before { font-weight:bold;  content: "CONTAINER TYPES"; }
	
	#lesson4aTab2 td:nth-of-type(1):before { font-weight:bold; content: "PROCESS INDICATOR CODE"; }
	#lesson4aTab2 td:nth-of-type(2):before { font-weight:bold;  content: "NAME"; }
	#lesson4aTab2 td:nth-of-type(3):before { font-weight:bold;  content: "PROCESS TYPE DEFINITION/EXPLANATION"; }
	
	#lesson4bTab1 td:nth-of-type(1):before { font-weight:bold; content: "CLASS"; }
	#lesson4bTab1 td:nth-of-type(2):before { font-weight:bold;  content: "NAME"; }
	#lesson4bTab1 td:nth-of-type(3):before { font-weight:bold;  content: "PRODUCT EXAMPLES"; }
	
	#lesson4bTab2 td:nth-of-type(1):before { font-weight:bold; content: "SUBCLASS"; }
	#lesson4bTab2 td:nth-of-type(2):before { font-weight:bold;  content: "NAME"; }
	#lesson4bTab2 td:nth-of-type(3):before { font-weight:bold;  content: "CONTAINER TYPES"; }
	
	#lesson4bTab3 td:nth-of-type(1):before { font-weight:bold; content: "PROCESS INDICATOR CODE"; }
	#lesson4bTab3 td:nth-of-type(2):before { font-weight:bold;  content: "NAME"; }
	#lesson4bTab3 td:nth-of-type(3):before { font-weight:bold;  content: "PROCESS TYPE DEFINITION/EXPLANATION"; }
	
	#lesson4cTab1 td:nth-of-type(1):before { font-weight:bold; content: "CLASS"; }
	#lesson4cTab1 td:nth-of-type(2):before { font-weight:bold;  content: "NAME"; }
	#lesson4cTab1 td:nth-of-type(3):before { font-weight:bold;  content: "PRODUCT EXAMPLES"; }
	
	#lesson4cTab2 td:nth-of-type(1):before { font-weight:bold; content: "SUBCLASS"; }
	#lesson4cTab2 td:nth-of-type(2):before { font-weight:bold;  content: "NAME"; }
	#lesson4cTab2 td:nth-of-type(3):before { font-weight:bold;  content: "PRODUCT FORM DEFINITION"; }
	
	#lesson4dTab1 td:nth-of-type(1):before { font-weight:bold; content: "CLASS"; }
	#lesson4dTab1 td:nth-of-type(2):before { font-weight:bold;  content: "NAME"; }
	#lesson4dTab1 td:nth-of-type(3):before { font-weight:bold;  content: "PRODUCT EXAMPLES"; }

	#lesson4dTab2 td:nth-of-type(1):before { font-weight:bold; content: "SUBCLASS"; }
	#lesson4dTab2 td:nth-of-type(2):before { font-weight:bold;  content: "NAME"; }
	#lesson4dTab2 td:nth-of-type(3):before { font-weight:bold;  content: "PRODUCT USE EXAMPLES"; }
	
	#lesson4dTab3 td:nth-of-type(1):before { font-weight:bold; content: "SUBCLASS"; }
	#lesson4dTab3 td:nth-of-type(2):before { font-weight:bold;  content: "NAME"; }
	#lesson4dTab3 td:nth-of-type(3):before { font-weight:bold;  content: "PRODUCT USE EXAMPLES"; }

	#lesson4dTab4 td:nth-of-type(1):before { font-weight:bold; content: "SUBCLASS"; }
	#lesson4dTab4 td:nth-of-type(2):before { font-weight:bold;  content: "NAME"; }
	#lesson4dTab4 td:nth-of-type(3):before { font-weight:bold;  content: "PRODUCT USE EXAMPLES"; }
	
	#lesson4dTab5 td:nth-of-type(1):before { font-weight:bold; content: "PROCESS INDICATOR CODE"; }
	#lesson4dTab5 td:nth-of-type(2):before { font-weight:bold;  content: "NAME"; }
	#lesson4dTab5 td:nth-of-type(3):before { font-weight:bold;  content: "PROCESS/FORM DEFINITION";}
	
	/*#lesson4dTab6 td:nth-of-type(1):before { font-weight:bold; content: "PROCESS INDICATOR CODE";}
	#lesson4dTab6 td:nth-of-type(2):before { font-weight:bold;  content: "NAME"; }
	#lesson4dTab6 td:nth-of-type(3):before { font-weight:bold;  content: "PROCESS/FORM DEFINITION"; }*/
		
	/*lesson 5*/
	#lesson5aTab1 td:nth-of-type(1):before { font-weight:bold; content: "CLASS"; }
	#lesson5aTab1 td:nth-of-type(2):before { font-weight:bold;  content: "NAME"; }
	#lesson5aTab1 td:nth-of-type(3):before { font-weight:bold;  content: "PRODUCT EXAMPLES"; }
	
	#lesson5aTab2 td:nth-of-type(1):before { font-weight:bold; content: "SUBCLASS"; }
	#lesson5aTab2 td:nth-of-type(2):before { font-weight:bold;  content: "NAME"; }

	#lesson5bTab1 td:nth-of-type(1):before { font-weight:bold; content: "CLASS"; }
	#lesson5bTab1 td:nth-of-type(2):before { font-weight:bold;  content: "NAME"; }
	#lesson5bTab1 td:nth-of-type(3):before { font-weight:bold;  content: "PRODUCT EXAMPLES"; }
	
	#lesson5bTab2 td:nth-of-type(1):before { font-weight:bold; content: "SUBCLASS"; }
	#lesson5bTab2 td:nth-of-type(2):before { font-weight:bold;  content: "NAME"; }
	#lesson5bTab2 td:nth-of-type(3):before { font-weight:bold;  content: "PRODUCT USE EXAMPLES"; }
	
	#lesson5bTab3 td:nth-of-type(1):before { font-weight:bold; content: "PROCESS INDICATOR CODE"; }
	#lesson5bTab3 td:nth-of-type(2):before { font-weight:bold;  content: "NAME"; }
	#lesson5bTab3 td:nth-of-type(3):before { font-weight:bold;  letter-spacing:normal; content: "PROCESS/FORM/DOSAGE"; }
	
	#lesson5cTab1 td:nth-of-type(1):before { font-weight:bold; content: "CLASS"; }
	#lesson5cTab1 td:nth-of-type(2):before { font-weight:bold;  content: "NAME"; }
	#lesson5cTab1 td:nth-of-type(3):before { font-weight:bold;  content: "PRODUCT EXAMPLES"; }
	
	#lesson5cTab2 td:nth-of-type(1):before { font-weight:bold; content: "SUBCLASS"; }
	#lesson5cTab2 td:nth-of-type(2):before { font-weight:bold;  content: "NAME"; }
	#lesson5cTab2 td:nth-of-type(3):before { font-weight:bold;  content: "PRODUCT USE EXAMPLES"; }
	
	#lesson5dTab1 td:nth-of-type(1):before { font-weight:bold; content: "SUBCLASS"; }
	#lesson5dTab1 td:nth-of-type(2):before { font-weight:bold;  content: "NAME"; }	
	
	#lesson5dTab2 td:nth-of-type(1):before { font-weight:bold; content: "PROCESS INDICATOR CODE"; }
	#lesson5dTab2 td:nth-of-type(2):before { font-weight:bold; content: "NAME"; }
	#lesson5dTab2 td:nth-of-type(3):before { font-weight:bold; letter-spacing:normal; content: "PROCESS/FORM/DOSAGE"; }
	
	#lesson5eTab1 td:nth-of-type(1):before { font-weight:bold; content: "SUBCLASS"; }
	#lesson5eTab1 td:nth-of-type(2):before { font-weight:bold;  content: "NAME"; }
	#lesson5eTab1 td:nth-of-type(3):before { font-weight:bold;  content: "PRODUCT USE EXAMPLES"; }
	
	#lesson5eTab2 td:nth-of-type(1):before { font-weight:bold; content: "PROCESS INDICATOR CODE"; }
	#lesson5eTab2 td:nth-of-type(2):before { font-weight:bold; content: "NAME"; }
	#lesson5eTab2 td:nth-of-type(3):before { font-weight:bold; letter-spacing:normal; content: "PROCESS/FORM/DOSAGE"; }
		
	/*lesson 6*/
	#lesson6Tab1 td:nth-of-type(1):before { font-weight:bold; content: "CLASS"; }
	#lesson6Tab1 td:nth-of-type(2):before { font-weight:bold;  content: "NAME"; }
	#lesson6Tab1 td:nth-of-type(3):before { font-weight:bold;  content: "PRODUCT EXAMPLES"; }
	
	#lesson6Tab2 td:nth-of-type(1):before { font-weight:bold; content: "CLASS"; }
	#lesson6Tab2 td:nth-of-type(2):before { font-weight:bold;  content: "NAME"; }
	#lesson6Tab2 td:nth-of-type(3):before { font-weight:bold;  content: "PRODUCT EXAMPLES"; }
		
	#lesson6Tab3 td:nth-of-type(1):before { font-weight:bold; content: "CLASS"; }
	#lesson6Tab3 td:nth-of-type(2):before { font-weight:bold;  content: "NAME"; }
	#lesson6Tab3 td:nth-of-type(3):before { font-weight:bold;  content: "PRODUCT EXAMPLES"; }
	
	#lesson6Tab4 td:nth-of-type(1):before { font-weight:bold; content: "CLASS"; }
	#lesson6Tab4 td:nth-of-type(2):before { font-weight:bold;  content: "NAME"; }
	#lesson6Tab4 td:nth-of-type(3):before { font-weight:bold;  content: "PRODUCT EXAMPLES"; }
	
	#lesson6Tab5 td:nth-of-type(1):before { font-weight:bold; content: "CLASS"; }
	#lesson6Tab5 td:nth-of-type(2):before { font-weight:bold;  content: "NAME"; }
	#lesson6Tab5 td:nth-of-type(3):before { font-weight:bold;  content: "PRODUCT EXAMPLES"; }
	
	#lesson6Tab6 td:nth-of-type(1):before { font-weight:bold; content: "CLASS"; }
	#lesson6Tab6 td:nth-of-type(2):before { font-weight:bold;  content: "NAME"; }
	#lesson6Tab6 td:nth-of-type(3):before { font-weight:bold;  content: "PRODUCT EXAMPLES"; }
	
	#lesson6Tab7 td:nth-of-type(1):before { font-weight:bold; content: "SUBCLASS"; }
	#lesson6Tab7 td:nth-of-type(2):before { font-weight:bold;  content: "NAME"; }
	
	#lesson6Tab8 td:nth-of-type(1):before { font-weight:bold; content: "SUBCLASS"; }
	#lesson6Tab8 td:nth-of-type(2):before { font-weight:bold;  content: "NAME"; }
	
	#lesson6Tab9 td:nth-of-type(1):before { font-weight:bold; content: "PROCESS INDICATOR CODE"; }
	#lesson6Tab9 td:nth-of-type(2):before { font-weight:bold;  content: "NAME"; }
	
	#lesson6Tab10 td:nth-of-type(1):before { font-weight:bold; content: "PROCESS INDICATOR CODE"; }
	#lesson6Tab10 td:nth-of-type(2):before { font-weight:bold;  content: "NAME"; }
	/*lesson7aTab*/
	
	#lesson7aTab td:nth-of-type(1):before { font-weight:bold; content: "INDUSTRY"; }
	#lesson7aTab td:nth-of-type(2):before { font-weight:bold;  content: "CLASS"; }
	#lesson7aTab td:nth-of-type(3):before { font-weight:bold;  content: "SUBCLASS"; }
	#lesson7aTab td:nth-of-type(4):before { font-weight:bold; content: "PROCESS INDICATOR CODE (PIC)"; }
	#lesson7aTab td:nth-of-type(5):before { font-weight:bold;  content: "PRODUCT"; }
	
	/*lesson8Tab*/
	
	#lesson8Tab1 td:nth-of-type(1):before { font-weight:bold; content: "CLASS"; }
	#lesson8Tab1 td:nth-of-type(2):before { font-weight:bold;  content: "NAME"; }
	#lesson8Tab1 td:nth-of-type(3):before { font-weight:bold;  content: "PRODUCT EXAMPLES"; }
	
	#lesson8Tab2 td:nth-of-type(1):before { font-weight:bold; content: "SUBCLASS"; }
	#lesson8Tab2 td:nth-of-type(2):before { font-weight:bold;  content: "NAME"; }
	
	#lesson8Tab3 td:nth-of-type(1):before { font-weight:bold; content: "PROCESS INDICATOR CODE"; }
	#lesson8Tab3 td:nth-of-type(2):before { font-weight:bold;  content: "NAME"; }
	
	
}
.btn-top.show {
    opacity: 0;
    visibility: hidden;
}
a[data-toggle='collapse'], a[data-toggle='collapse'].collapsed:hover, a[data-toggle='collapse'].collapsed:focus {
   
    border-bottom: none !important; 
}
#lesson4d a {
     color: #007CBA; 
   
}
@media screen and (min-width:760px){
#pagelesson4d td:nth-of-type(1) { width: 10% !important;}
#pagelesson4d td:nth-of-type(2) { width: 20% !important; }
#pagelesson4d td:nth-of-type(3) {width: 29% !important;word-break: break-word; }
}