@charset "utf-8";
/* CSS Document */

/*.middle-column div {padding-right:15px!important; }*/

.middle-column {	
	font-size: 1em !important;
}

/*typography*/
.middle-column h3 {
	margin-top:1px; /*template adds 14px top margin to h1, h2, h3, etc */	
}

/*div.content h1 {	
	margin-bottom:0!important;
	margin-top: 1px;	
	font-size: 21px;
	letter-spacing: -0.014em;
}*/

h3 {
	letter-spacing: -0.014em; /*make header fit on one line*/
}

h5, .h5 {
    font-size: 1.3em;
}

a[data-toggle="collapse"] {
	border-bottom: 1px solid #ccc !important;
}

.loadingSpinner {
	text-align: center;
	padding-top: 20px;
}

.close {    
    opacity: 0.5 !important;
	filter: alpha(opacity=50) !important;
}

.close:hover, .close:focus {    
    opacity: 0.9 !important;
	filter: alpha(opacity=90) !important;
}

.input-sm {
	font-size: 16px !important;
	padding: 3px 8px !important;
}

.ui-dialog {
	width: auto !important;
}

.no-close .ui-dialog-titlebar-close {
	display: none;
}

.helpSmallTxt {
	font-size:0.875em;
	font-weight:normal;
	margin-top:0;
	padding-top:0;
}

.paperworkReductionActStatement {
	margin-right:0.5em;
	font-size:0.75em;
	font-weight:normal;
	margin-top:0;
}

#materialsblock { 
	display: none; 
}

/* success message box */
.alert-success {
	/*border-color: #83D49D;*/
	border: 3px solid #83D49D;
	background-color:#fafffa;
	color:#247e40;
}

/*checkmark in success box is green*/
.alert-success .glyphicon-ok, .alert-success .glyphicon-ok-circle {
	color:#83D49D;
	padding-right:8px;
}

#message_container {
	display: none;
}

/* validation error message box */
.alert-danger {	
	border: 3px solid #FF0000;
	background-color:#F7E8EA;
	color:#CB2026;
}

/* x in validation error box is red */
.alert-danger .glyphicon-remove {
	color:#FF0000;
	padding-right:8px;
}

.alert-danger ul li {	
	margin-left: 2.5em;
	margin-bottom: 2px;
}


.input-group label {display:inline;}

.form-inline input {
    display: inline !important;
}

/*.form-control {
    height: 30px;
    padding: 5px 7px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 4px;
}*/

.areaCode {
    width: 50px !important;
    margin-right: 5px;
    text-align: center;
}

#telephone {
    max-width: 120px;
    width: 39%;
}

/*fieldsets with class "labelNormal" will have labels with font-weight normal*/
fieldset.labelNormal label, .labelNormal label {
	font-weight:normal;
}

/*fieldsets with extra vertical space below get class "spaceBelowFieldsets" */
fieldset.spaceBelowFieldsets {
	margin-bottom:20px;
}

.glyphicon-calendar {
    color: #1E5F89;
	font-size: 1.7em;
    padding-top: 0;
}

.calendarHolder {
    padding: 10px 0px 0px 3px;
    text-align: left;
    margin-top: 10px;
}

/*adjust calendarHolder on tablets:*/
@media only screen and  (min-width:40em) and (max-width:60em) {	
	.calendarHolder {
    padding: 34px 0px 0px 8px;
	}
}

/*text just below an input field without much vertical space above it*/
.belowField {
	clear:both;
	display:block;
	width:auto;
	overflow:visible;
	margin-top:0;
	margin-left: 0px;
	padding-bottom:0!important;
}

.belowFieldAlignLeft {
	clear:both;
	display:block;
	width:auto;
	overflow:visible;
	margin-top:0;
	padding-top:0;

}

/*add whitespace to the left of text after a checkbox*/
label input[type="checkbox"] {
	margin-right:4px;
}

/*this class if for notes that are just below a label and close enough vertically to that label to look like they're associated with it */
.underLabel {
	margin-top:-6px;
}

/*this class is used for items that are in the same row as form data and need to be bumped down to be at the same vertical height as the input (below the label)*/
.bumpBelowLabel {
	margin-top:1em;
}

/*mobile styles ~34em*/
@media screen and (max-width:34em) {
	.bumpBelowLabel {
	margin-top:.7em;
	}
}

#uploaderContainer {
	margin:10px auto;
	width:400px;
	min-width: 300px;
    width: 50%;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}	
	
#uploaderContainer button {
	
	width:150px!important;
	overflow:visible;
	height:35px!important;

}

#uploaderContainer div {
	text-align:center;
}

.searchButtonHolder {
	border-top:1px solid #a1a1a1;
	padding-top:10px;
	margin-top:2.5em;
    padding-left: 0;
    padding-right: 0;
}

.searchButtonHolder .rightSideButton {
	text-align:right;
}

/* Definition Lists on Review and Submit page */
dl.dtBoldBlock dt {
	display:block;
	font-weight:bold;
}

dl.dtBoldBlock {
	margin-bottom:0;
}

/*general positioning classes*/
.marginBottom0 {margin-bottom:0!important;}
.bumpDown5 {margin-top:5px!important;}
.bumpDown10 {margin-top:10px!important;}
.bumpDown20 {margin-top:20px!important;}
.bumpDown30 {margin-top:30px!important;}
.bumpUp2 {margin-top:2px!important;}/*this one has a + positive 2px top margin*/
.bumpUp5 {margin-top:-5px!important;}
.bumpUp10 {margin-top:-10px!important;}
.bumpUp20 {margin-top:-20px!important;}
.bumpUp30 {margin-top:-30px!important;}
.bumpUp40 {margin-top:-40px!important;}
.bumpUp50 {margin-top:-50px!important;}
.bumpUp60 {margin-top:-60px!important;}
.pushDown10 {margin-bottom:10px!important;}
.pushDown20 {margin-bottom:20px!important;}
.pushDown30 {margin-bottom:30px!important;}
.pushLeft15 {-margin-left:15px!important;}
.pushLeft100 {-margin-left:100px!important;}
.pushRight15 {margin-left:15px!important;}
.pushRight35 {margin-left:35px!important;}
.padBottom10 {padding-bottom:10px!important;}
.padBottom20 {padding-bottom:20px!important;}
.padTop10 {padding-top:10px!important;}
.padTop20 {padding-top:20px!important;}
.padRightNone {padding-right:0!important;}
.padNone {padding:0!important;}
.pad4 {padding:4px!important;}
.padding10{padding:10px;}
.padding20{padding:20px;}
.padding30{padding:30px;}
.padding40{padding:40px;}
.padLeftExtra {padding-left:30px!important;}
.width200 {width:200px;/*use this for inline form elements*/}
.fontNormal {font-weight:normal!important;}
.removePaddingRight {padding-right:0!important;}

.displayNone{display: none;}

.floatLeft{float:left;}
.floatRight{float:right;}
.alignRight{text-align: right;}

.width100 {width:100px;}
.width150 {width:150px;}
.width200 {width:200px;}
.width250 {width:250px;}
.width300 {width:300px;}
.width350 {width:350px;}
.width400 {width:400px;}
.width450 {width:450px;}
.width500 {width:500px;}
.width550 {width:550px;}

.fontNormalGrey {
	font-weight:normal;
	color:#666;
}

.red {
	color:#D12212;
}

.redAsterisk{
	color:#CB2026;
	font-size:1.3em;
	margin-left:3px;
}

.requiredFieldNote {
	/*float:right;*/
	color:#CB2026;		
	font-weight: bold;		
	/*padding-top: 20px;*/
}

.iconBlue {
	color:#1e5f89;
}

.borderTopGrey {border-top:1px solid #e6e6e6;}
.borderTopGreyReview {}
.borderBottomGrey {border-bottom:1px solid #e6e6e6;}
.borderLeftGrey {border-left:1px solid #e6e6e6;}
.borderRightGrey {border-right:1px solid #e6e6e6;}

.reviewSectionDetails {
	/*background-color: #E6E6E6;*/
	border-color: #eee;   
    border-style: solid;
    border-width: 1px 1px 5px;
	padding: 0 10px;
	margin-top: 10px;
	font-size: 0.9em;
}

/*clear floats*/
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

/*from search*/
@charset "utf-8";
/* CSS Document */

/*.homepage .content {
	margin-top:6px;*/ /*bump up content*/
/*}*/


/*PTVR Intro Page:*/

/*remove borders and shadows from accordion:*/
.panel {
    background-color: #FFF;
    border: none;
    border-radius: 4px;
    box-shadow: none;
}

legend {
	font-size:1em!important;
}

form.smallLegend legend {
	border-bottom:none;
	font-size:120%;
	font-weight:bold;
	line-height:1em;
	padding-bottom:2px;
	margin-bottom:6px;
	margin-top:6px;
	width:100%;
}

/*buttons*/
.buttonHolder { /*container for buttons*/
	width:auto; 
	margin-left:auto; 
	margin-right:auto; 
	text-align:center;
	}

.btnRightColLeft {
	text-align:right;
	padding-right:396px;
}

.btnCenter {
	text-align:center;
}

@media only screen and (min-width:48em){
	.editBtn {
		float:right;
		margin-top:14px;
	}
}

/*.homepage .btn-sm.btn-primary {
    width: auto;
}*/

/* SEARCH PAGE */

.form-group {
   /*do NOT specify width!!!*/
}

label {display:block;}



/*.searchForm label {
	display:block; /*put each label on it's own line*/
	/*font-size: 0.8em;*/ /*match label font for filter search on results page */
	/*font-weight:600;
	margin-top:1em;
}*/

/*.searchForm label.sameLine, label.sameLine {
	display:inline-block;*/ /* the exception to the rule above; these form items go on the same line */
/*}*/

/*.searchForm label input {
	display:block;*/ /*put each form field on it's own line*/
	/*border:1px solid #ccc;
	padding:4px 0;*/
	/*width:90%;*/
/*}*/

/*form field for fei #*/
/*.width100 {width:100%!important;}*/


/*.searchForm select {
	font-size:80%;
}*/

/*select drop down list with ID='state'*/
/*.searchForm select#state {*/
/*	width:120px;*/
/*	overflow:visible;
}*/

/*select#state {	
	}

select#country {
	
	overflow:visible;

}*/


.form-control select {
	font-size:90%;
	padding-left:3px;
	padding-right:3px;
}

/*.form-control select#state  {
	width:140px;
}

.form-control select#country  {
	width:100px!important;
}

.form-control select {
}*/



/*label for the drop down list with id="country" (label id is countryLabel) */
/*#countryLabel {
	padding-left:0;
	display:block;*/
	/*margin-top:-10px;*/
/*}*/


/*.col-xs-12 .searchForm select#country {

}*/

/*.searchForm select.marginRight {
	margin-right:10px;*/ /*add space between list items on same line*/
/*}*/

.padded {
	width:90%;
	margin:0 auto;
}

/* paragraph explanation on search page: */
/*.explanation {
	text-align:justify;
	padding-left: 20px;
	padding-right: 20px;
}*/

/* add padding only on larger screens: */
/*.col-md-4 .explanationOnLeft {
	line-height:1.5em;
	padding:1px 10px 2px 10px;
	text-align:justify;
}*/

/* add padding only on larger screens: */
/*.col-md-4 .explanation {
	line-height:1.5em;
	padding:10px 10px 2px 10px;
	text-align:justify;
}


.col-md-4 .explanationOnRight {
	line-height:1.5em;
	padding:10px 30px 2px 1px;
	margin-left:-10px;
	text-align:justify;
}

.explanationCentered {
	text-align:justify;
	width:99%;*/ /*90% same width for 20 column form, 86% matches 3 columns of form fields*/
	/*margin:10px auto;
	font-size:100%;
}*/

/* RESULTS PAGE*/

/*left nav:*/

/*contains link to return to search page*/
/*.returnToSearch {
	position:relative;
	top:-10px;
	margin-bottom:3px;
}*/

/*link to return to search page*/
/*.returnToSearch a {
	text-decoration:underline; 
	font-size:75%;
}*/

/*double arrow << search icon:*/
/*.returnToSearch a span.glyphicon {
	font-size:80%; 
	vertical-align:top; 
	margin-top:5px; 
	margin-right:3px;
}

.filterResults {
	font-size:70%;
	border-right:1px dotted #ccc;
}

.filterResults li {
	list-style:none;
	margin-left:0;
	margin-bottom:12px;
	}
	
.filterResults li strong {font-size:110%;}


.filterResults label {
	font-weight:bold;
}
	
.filterResults input[type="text"] {
	border:1px solid #ccc;
	width:90%;
	padding:4px 0;
}

.divFilterSearch {
	margin-top:20px;
}

.searchTitle {
	font-size:110%;
	font-weight:bold;
}*/

/*results on the right:*/
/*.searchResults {*/
	/*border-left:3px solid #ccc;*/  /*put border on the div with more content: the left filter by column */
/*}*/

/*bootstrap has overflow-x:scroll built in to the .table-responsive div that contains the responsive data tables. Remove this scrollbar when not necessary :*/
.table-responsive {overflow-x: auto;}


/*results table fonts:*/
.table thead th {
	border-bottom:4px solid #666!important;
	font-size: 9.6px;
	min-width: 62px!important;
	padding-bottom:2px!important;
}

/* was:
@media only screen and (min-width:700px) and (max-width: 1190px) {*/
@media only screen and (min-width:60em) and (max-width:90em) {
	
		
.btnRight {
	text-align:right!important;
	padding-right:65px!important;
}

	
	
/*increase col width and decrease font size on smaller screens*/
	table.table thead th {
	min-width: 70px!important;
	padding-left:0;
	padding-right:0;
}

/*.explanationCentered {
    text-align: justify;
    width: 95%;
    margin: 10px auto;
    font-size: 100%;
}*/

/*increase width on tablets:*/
.padded {
    width: 95%;
    margin: 0px auto;
}

/*reduce width on tablets:*/
/*#countryLabel {
    margin-left: -15px !important;
    margin-right: 15px;
}*/



}

/* was: @media screen and (min-width:1200px) {*/
@media screen and (min-width:100em) {
	
		
.btnRight {
	text-align:right!important;
	padding-right:65px!important;
}

	
	.table thead th {min-width:70px!important;}
}


/* Zebra striping */

/*zebra striping on rest of table*/
table.table tr:nth-of-type(odd) { 
  background: #eee; 
}

/*don't apply to thead:*/
table.table thead tr th {background:#fff;}



.table tbody td {
	font-size:80%;
}

.table th, .table td {
	  word-wrap:break-word; /*force line to wrap mid-work (breaking the word)*/
}

/*bigger tablets:*/
@media (max-width:800px) {
	/*fix left alignment on tablets:*/
	.leftAlignOnTablet h3 {
		padding-left:15px;
		
	}
	
	
/*remove on tablet:*/
.btnRightColLeft {
	text-align:center;
	padding-right:0;
	width:95%;
	margin:0 auto;
	padding-left:16px;
}

}


/* 768px + up (tablet portrait)
--------------------------------------------- */
@media (max-width: 760px) {
	
	
/*remove on tablet:*/
.btnRightColLeft {
	text-align:left;
	padding-right:0;
	width:95%;
	margin:0 auto;
	padding-left:16px;
}


	/*.searchResults {border-left:none;}*/ /* remove borders when columns move on smaller screen */
	/*.filterResults {border:none!important;}*/ /* remove borders when columns move on smaller screen */
	
	/*search filters go from block to inline:*/
	/*.smallLegend ul li {display:inline-block; margin-left: 1em;}*/
	
	/*.explanation {padding-left:0; padding-right:0;}
	.explanationOnBottom{ padding-left:10px; padding-right:10px;}*/
	
	/*fix left alignment on tablets:*/
	.leftAlignOnTablet h3 {
		padding-left:10px;
	}
	
	/*increase width and add left padding to left align this:*/
	/*.explanationCentered {
    text-align: justify;
    font-size: 100%;
    width: 99%;
    margin: 10px auto;
	padding-left:10px;
}*/
/*increase width and add left padding to left align this:*/
.padded {
    width: 95%;
    margin: 0px auto;
}
}


/* Change data table to card view on mobile: */

/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/

/* original media query:
@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
*/

@media only screen and (max-width: 767px) {
	/* fix buttons on form page 1 on mobile: */
	#uploadFilesButton {
	/*display:block;*/
	margin-left: 0 !important;
	margin-top: 10px !important;
	}
}

/*updated media query for phones only: */
@media only screen and (max-width: 600px) {
	
	/* fix buttons on form page 1 on mobile: */
	/*#uploadFilesButton {
	display:block;
	margin-left: 0 !important;	
	}*/
	
	/*remove horizontal scroll bar:*/
	.container {
		overflow-x:hidden;
	}
	
	
/*card view:*/	

.ptvrTable table { 
  width: 100%; 
  border-collapse: collapse; 
}
/* Zebra striping */
.ptvrTable tr:nth-of-type(odd) { 
  background: #eee; 
}

.ptvrTable th { 
  padding: 6px; 
  text-align: left; 
}

.ptvrTable td, .ptvrTable th { 
  color:#000; /*change text color from grey to black to increase contrast on grey backgroun color on alternating rows*/
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left;
  word-wrap:break-word; /*force line to wrap mid-work (breaking the word)*/
}

	/* Force table to not be like tables anymore */
	.ptvrTable table, .ptvrTable thead, .ptvrTable tbody, .ptvrTable th, .ptvrTable td, .ptvrTable tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.ptvrTable thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	/*move headers
	thead tr {border:none;}
	thead th {
		float:left;
		border:none;
	}*/
	/*end move headers*/
	.ptvrTable tr { border-bottom: 6px solid #ccc; /*define separation of each row*/ }
	
	.ptvrTable td { 
		clear:left; /*clear the th floating above in thead*/
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 55%!important; 
	}
	
	/*reduce font in table cells:*/
	 table.ptvrTable tbody td {
		font-size:80% !important;
		width:95%;
		
	}
	.col-md-6, .col-xs-12, .col-sm-12, .col-lg-6{
		padding-right: 10px !important;
	}
	
	table #uploadedFilesTable thead th, table#uploadedFilesTable tbody td {
		font-size:80%!important;
		width: 100%!important;
	}
	
	.ptvrTable td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-left:14px; /*leave space for sort image*/
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*Label the data*/
	
	.ptvrTable td:nth-of-type(1):before { font-weight:bold; content: "File name"; }
	.ptvrTable td:nth-of-type(2):before { font-weight:bold;  content: "File size"; }
	#filenames td:nth-of-type(3):before { font-weight:bold;  content: "Percent uploaded"; }
	
	
	/*.explanation {padding-left:0; padding-right:0;}
	.explanationOnBottom{ padding-left:10px; padding-right:10px;}*/
	
}


/*change template styles for this application only: */
/*#nav.fda-topmenu { top:-1px;}*//*needed to bump this up 1px for sample page only*/
.sub-content {margin-top:1.4em !important;} /* template uses 2em */

/* GENERAL CLASSES */
.bumpUp10 {margin-top:-10px!important;}
.bumpUp20 {margin-top:-20px!important;}
.bumpDown10 {margin-top:10px!important;}
.bumpDown20 {margin-top:20px!important;}
.pushDown20 {margin-bottom:20px!important;}
.marginBottom20 {margin-bottom:20px!important;}
.smallBottomMargin {margin-bottom:1px;}
.breakIndent10 {margin-left:-15px!important;}/*stop sub column divs from automatically indenting*/
.padLeft30 {padding-left:30px!important;}
.padLeft40 {padding-left:40px!important;}
.padLeft50 {padding-left:50px!important;}
.padLeft60 {padding-left:60px!important;}
.padRight30 {padding-right:30px!important;}
.padRight40 {padding-right:40px!important;}
.padRight50 {padding-right:50px!important;}
.padRight60 {padding-right:60px!important;}

/*make these items display inline on small devices [was:(max-width:800px) changed it to 999px for results page]  */
@media only screen and (max-width: 800px)  {
	
	/*.explanation {padding-left:0; padding-right:0;}
	.explanationOnBottom{ padding-left:10px; padding-right:10px;}*/
		
	.smallLegend {
		margin-top:20px; /*bump down form on small screens*/		
	}
	
	/*#countryLabel {
		margin-left:-15px!important;
	}
	.labelState {margin-bottom:15px!important;}*/ /* bump down "country" on small screens */
	
	/*.filterResults {border-right:none;}*/
	
	.inlineXS { 
		display:inline-block!important;
		margin-bottom:-10px;
	}
/*search filters go from block to inline:*/

	/*.divFilterSearch ul.currentSearchFilters, .smallLegend ul.currentSearchFilters {
		margin:0 0 0 1em!important;
	}*/

	/*.divFilterSearch ul li, .smallLegend ul li {
    	display: inline-block;
    	margin-left: 1em;
    	margin-bottom: 2px;
	}*/
	
	/*bump up results field on phone:*/
	/*.filterResults {
		margin-top:-1em;
		padding-top:0;
	}*/
	
	/*bump up "filter search by" area: */
	/*.divFilterSearch {
		margin-top:4px;
	}*/
	
	/*.searchTitle {margin-bottom:6px!important;padding-bottom:0;}
		
	ul.filterByFields {
		margin-left: auto;
		width: 100%;
		margin-right: auto;
		padding: 0!important;
		margin-top: -0.5em;
		text-align: left;
	}
		
	ul.filterByFields li, .divFilterSearch ul.filterByFields li, .smallLegend ul.filterByFields li {
		display: inline-block;
		margin-left: -2px;
		margin-bottom: 2px;
		width:50%;
	}
	
	ul.filterByFields label {width:96%;}
	ul.filterByFields input {width:100%;}*/
	
	/*reduce width of input fields*/
	/*.divFilterSearch input {width:100%;}
	
	
	.filterResults li strong {font-size:80%;}*/
	
	/* table cell font-size decreases on mobile: */
	.table-responsive td {
		font-size:80%;
	}
	
	/*.sub-content {*/
		/*don't use margin-top here, it is creating a second scrollbar on mobile*/
    /*margin-top: -6px;*//*bump up search results*/
	/*}*/
		

}

/*use class: hidden-xs hidden-sm to hide things on phones*/
/*adjust other elements when some elements are hidden on phones:*/

/*mobile landscape:*/
/*was 568px*/
@media screen and (max-width:767px)  {/*46em*/
	/*reduce title font:*/
	h3 {font-size:110%; line-height:1.2em;}
	
	/*.explanationCentered {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;
	}*//*remove the narrower width on smaller screens*/	

	.padded { width: 95%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;}/*remove the narrower width on smaller screens*/	
	
	/*.explanation {font-size:60%;}*//*shrink font size on mobile*/
	.smallLegend {
		margin-top:-10px; /*bump up form on small screens*/		
	}
	/*.searchResults {margin-top:-20px;}*/ /*bump up results on phones when filterResults is hidden*/
	input[type="text"] {width:100%;}
	label {width:100%; font-size:75%!important; }
	/*.labelState {margin-bottom:15px!important;}*/ /* bump down "country" on small screens */
	/*form {margin-top:10px;}*/
	
	/*disable on phones:*/
	.btnRightColLeft {
    text-align: center;
    padding-right: 0;
	}	

}

/*fieldset interferes with this:*/
.padAndCenterOnMobile {
    width: 90% !important;
   /* padding:15px 15px 5px 15px;*/ /*looks bad on ptvr landing page on mobile*/
    margin: 0 auto;
}

.btnExpandOnMobile {
	width:100%;
	padding-top:1em;
	padding-bottom:1em;
	margin-bottom:2em;
}


/*only phones:*/
@media only screen and (max-width:500px) {
		.width110sm  {width:110%;}
		/*form {margin-top:10px;}*/
}

/* GLYPS & ICONS */

/*make the delete glyph icon larger and red */
.deleteGlyph, a span.deleteGlyph  {
	color:#D12212;
	font-size:120%;
	vertical-align:top;
}

/*make glyph red:*/
.redGlyph, .redGlyph a, a .redGlyph {
	color:#D12212;
}

.biggerIcon {font-size:120%;}

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

/*src:url('../fonts/RESPONSIVE_FONTAWESOMEEOT.eot') format('embedded-opentype'),url('../fonts/RESPONSIVE_FONTAWESOMEWOFF.woff') format('woff'),url('../fonts/RESPONSIVE_FONTAWESOMETTF.ttf?') format('truetype'),url('../fonts/RESPONSIVE_FONTAWESOMESVG.svg#fontawesomeregular') format('svg');*/
@font-face {
	font-family:'FontAwesome';
	src:url('../fonts/RESPONSIVE_FONTAWESOMEEOT.eot');	
	src:url('../fonts/RESPONSIVE_FONTAWESOMEEOT.eot') format('embedded-opentype'),url('../fonts/RESPONSIVE_FONTAWESOMETTF.ttf?') format('truetype'),url('../fonts/RESPONSIVE_FONTAWESOMESVG.svg#fontawesomeregular') format('svg');
	font-weight:normal;
	font-style:normal
}

.fontAwesome {font-family:'FontAwesome';}

/*Font Awesome delete icon*/
.iconDelete {
	content: "\f057";
}

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\2a";
}
.glyphicon-plus:before {
  content: "\2b";
}
.glyphicon-euro:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {

  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

/* general classes */

.justify{text-align:justify;}
.pushLeft20{margin-right:20px;}

/*fix blue button colors:*/
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    z-index: 2;
    color: #FFF;
    background-color: #005F9F;
    border-color: #005F9F;
}

/*from css responsive stylesheet from main site but with left-column added before each class to add borders around menu boxes but not accoridion on intro:*/
.left-column .box {
    font-size: 1em;
}
.left-column .box {
    margin: 2em 0px 0px;
}
.left-column .panel-default {
    border-color: #DDD;
}
.left-column .panel {
    margin-bottom: 22px;
    background-color: #FFF;
    border: 1px solid #DDD;
    border-radius: 4px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
}

.left-column .panel li {
	margin-left:-1px!important;
	list-style:none;
	border-bottom:1px solid #eee;
	padding: 2px 0 6px 0;
}

.left-column .panel li.lastListItem {
	border-bottom:none;
	padding-bottom:0;
}

#main .left-column ul {
    padding-left: 2px;
}

/* force forms inline */
.form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}

.col-md-6 .noLeftPaddingWhenInline, .col-lg-6 .noLeftPaddingWhenInline {
	padding-left:0!important;
}

.col-xs-12 .noLeftPaddingWhenInline {
	padding-left:15px!important;
}

.form-inline .form-group{
    margin-left: 0;
    margin-right: 0;
}
/*header .nav-tabs > li {
    margin: 0;
}*/ /*makes consistent to fda site*/
/*.hhs-masthead {
    border-bottom: 1px solid #646464;
    font-size: 0.625em;
    letter-spacing: 1px;
    padding: 0.125em 0 0.25em;
}*/ /*makes consistent to fda site*/
/*.breadcrumb li:after {
	font-family: "FontAwesome";
	font-size: .75em;
	content: '\f054';
	*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf054;');
	padding: 0 .25em 0 .875em;
	color: #999;
	-webkit-font-smoothing: antialiased;
}*/ /*makes consistent to fda site*/
/*header .btn {
    font-size: 16px;
}*/ /*make search button default size again*/
/*@media (max-width: 48em) {
.tabs-container.hidden-xs, .btn-group.hidden-xs, .box.hidden-xs, .row.hidden-xs, .footer-heading li .hidden-xs {*/
    /*display: none !important;*/
/*}}*/ /*fixes footer although not perfectly*/
/*#search {
    font-size: 16px;
    height: 36px;
    line-height: 1.375;
    padding: 6px 12px;
}*/ /*makes consistent with FDA site*/
/*#searchbox {
	margin-top:0px;
}*/ /*makes consistent with FDA site*/
.footer-heading .nav > li > a {
    /*padding: 0.625em;*/
} /*makes consistent with FDA site*/
input[type="checkbox"] {
    display:inline;	
	-webkit-appearance: checkbox;
}
input[type="radio"] {
    display:inline;
	-webkit-appearance: radio;
}
.checkboxes label {
    display: inline-block;
    padding-left: 10px;
    vertical-align: top;
    width: 90%;
    font-weight: normal;
}
.likeLabel {
	width:100%;
	font-weight: bold;
}
@media only screen and (max-width:46em)  {
	.likeLabel {
		font-size:75%!important;
	}
}
.helpGlyph {
	font-size:1.3em;
	margin-top: 15px;
	color: #1e5f89;
}

.calendarButton {
    height: 30px;
    line-height: 1.375;
    margin-bottom: 0;
    padding: 2px 4px 0 5px;	
}
.calendarButton > span {    
	font-size: 23px;
}
.white { /* THIS CLASS WILL APPLY TO THE CALENDAR BUTTON ON STEP 1 IN PTVR */
    color: #fff;
    /*font-size: 23px;*/
    padding-top: 0;
}
.secretNumber {
    width: 45px!important;
    margin-right: 5px;
    text-align: center;
}

#pra_div {
	display: none;
	font-size: 12px;    
    position: absolute;
    left: 0;
    top: 20;
    width: 100%;
    z-index: 120;
	margin-left: 1em;
}

#help_div {
	display:none;
	font-size: 12px;    
    position: absolute;
    right: 0;
    top: 10;    
    z-index: 120;
	text-align: left;
	margin-right: 1em;
	width: 250px;
}

#fileFormatInfo {
	display: none;	    
    position: absolute;
    right: 0;	        
    z-index: 120;
	margin: 0 1em;	
}

#fileFormatClose {
	margin-left: 25px;  
	position:absolute; top:10px; right:5px; z-index:200;
}

#filelist {
    margin-top: 15px;
}

#uploadFilesButtonContainer, #selectFilesButtonContainer {
    display: inline;
	width: 100%!important;
}

#contactblock {
	display: none;
}

.yellowBackground {
  background: #F2E699;
}

.vioBlocks {
	border: 1px solid #eee;
	border-bottom: 5px solid #eee; 
	padding: 10px;
	margin-bottom: 10px;
}

.thickGrayDivideLine {
	clear: both; 
	border-bottom: 5px solid #ddd; 
	height: 10px;
	margin-bottom: 20px;
}

.clearLabel {
	visibility: hidden; 
	font-size: 1.3em;
}

.sampleText {
	color: gray; 
	font-size: 0.9em;
}

.inlinePhoneNumber {
	display: inline-block !important;	
}

#phone1, #phone2 {
	width: 45px;
}

#phone3 {
	width: 55px;
}

#phoneExt {
	width: 70px;
}

dd {
	word-wrap: break-word;
}

#uploaderContainer label {
	font-size: 100% !important;
}