.itempra-preview {
	font-style: normal; 
	font-variant-ligatures: normal; 
	font-variant-caps: normal; 
	font-weight: 400 ; 
	letter-spacing: normal; 
	orphans: 2; 
	white-space: normal; 
	widows: 2; 
	word-spacing: 0px; 
	-webkit-text-stroke-width: 0px; 
	text-decoration-style: initial;
	text-decoration-color: initial;
	text-underline-position: under ;
	line-height: 160% ;
	background-color: white ;
	color: black ;
}
@media screen and ( max-width: 767.03px ) {
	.itempra-preview {
		text-underline-position: auto;
	}
}
.itempra-preview p {
	margin-bottom: 18px ;
}
.itempra-preview p.poem {
  position: relative;
  margin-left: 56px; 
}
.itempra-preview span.line-number {
  display: block;
  position: relative;
  height: 0;
  font-style: italic;
  left: -50px;
  width: 32px;
  color: #909090;
  font-size: 0.85rem;
}
.itempra-preview .admin-edit {
	display: none ;
}
.itempra-preview .bold {
	font-weight: 750 ;
}
.itempra-preview .italic, .itempra-preview .italicize {
	font-style: italic ;
}
.itempra-preview .underline {
	text-decoration: underline ;
	text-underline-position: under ;
}
@media screen and ( max-width: 767.03px ) {
	.itempra-preview .underline {
		text-underline-position: auto;
	}
}
.itempra-preview .bold-italicize,.itempra-preview .bold-italic,.itempra-preview .italic-bold,.itempra-preview .italicize-bold {
	font-style: italic ;
	font-weight: bold ;
}
.itempra-preview .keep-together {
	page-break-inside: avoid ;
}
.itempra-preview .no-wrap {
	white-space: nowrap ;
}
.itempra-preview .page-break-follows {
	page-break-after: always ;
}
.itempra-preview h1 {
	margin-top: 180pt ;
	text-align: center ;
}
.itempra-preview .orig_heading_1 {
	font-size: 1.4em ;
	font-weight: 700 ;
	margin-bottom: 12px ;
	margin-top: 16px ;
}
.itempra-preview .orig_heading_2 {
	font-size: 1.35em ;
	font-weight: 700 ;
	margin-bottom: 11px ;
	margin-top: 15px ;
}
.itempra-preview .orig_heading_3 {
	font-size: 1.3em ;
	font-weight: 600 ;
	margin-bottom: 11px ;
	margin-top: 14px ;
}
.itempra-preview .orig_heading_4 {
	font-size: 1.2em ;
	font-weight: 500 ;
	margin-bottom: 11px ;
	margin-top: 14px ;
}
.itempra-preview .orig_heading_5 {
	font-size: 1.15em ;
	font-weight: 500 ;
	margin-bottom: 11px ;
	margin-top: 14px ;
}
.itempra-preview .orig_heading_6 {
	font-size: 1.1em ;
	font-weight: 500 ;
	margin-bottom: 11px ;
	margin-top: 14px ;
}
.itempra-preview .pull-right-pad-top {
	text-align: right ;
	margin-top: 2pc ;
	border-bottom: 1px solid #8008ab ;
	padding-bottom: 0.5pc ;
	margin-bottom: 0.5pc ;
	font-size: 1.0em ;
}
.itempra-preview .pull-author-center {
	text-align: center ;
	margin-top: 3px ;
	font-size: 1.0em ;
}
.itempra-preview .attribution-author {
	text-align: right ;
	margin-top: 2pc ;
	padding-bottom: 0.5pc ;
	margin-bottom: 0.5pc ;
}
.itempra-preview .badge {
	padding: 0 8px 0 8px ;
	background: #444 ;
	margin-right: 11px ;
	color: #fee ;
}
.itempra-preview li {
	padding-bottom: 16px ;
}
.itempra-preview ul {
	margin-bottom: 16px;
	list-style-type: disc;
}
.itempra-preview li.droplist {
	padding-bottom: 3px ;
}
.itempra-preview ul.nav-pills {
	list-style-type: none ;
}
.itempra-preview li.content-list {
	padding-bottom: 8px ;
}
.itempra-preview ul.content-ul, .itempra-preview ol.content-ol {
	padding-bottom: 0;
	margin-bottom: 0;
	margin-left: 32px ;
}
.itempra-preview td ul.content-ul, .itempra-preview td ol.content-ol {
	margin-left: 0 ;
}
.itempra-preview ul.last-list, .itempra-preview ol.last-list {
	margin-bottom: 20px ;
}
.itempra-preview ol {
	list-style-type: upper-alpha ;
}
.itempra-preview div.choice-radio {
	flex: 0 0 6.0% ;
	max-width: 6.0% ;
}
.itempra-preview div.choice-text {
	flex: 0 0 94.0% ;
	max-width: 94.0% ;
}
@media screen and ( max-width: 992.03px ) {
	.itempra-preview div.choice-radio {
		flex: 0 0 12.0% ;
		max-width: 12.0% ;
	}
	.itempra-preview div.choice-text {
		flex: 0 0 88.0% ;
		max-width: 88.0% ;
	}
}
@media screen and ( max-width: 767.03px ) {
	.itempra-preview div.choice-radio {
		flex: 0 0 18.0% ;
		max-width: 18.0% ;
	}
	.itempra-preview div.choice-text {
		flex: 0 0 82.0% ;
		max-width: 82.0% ;
	}
}
.itempra-preview li img {
	vertical-align: text-top ;
}
.itempra-preview li svg {
	vertical-align: text-top ;
}

/* multiple-choice styles */

.itempra-preview .choice-options ol {
	list-style-type: none ;
	margin: 24px 0 16px 0 ;
	padding: 0 ;
}

.itempra-preview .choice-options ol li {
	margin: 0 0 12px 0 ;
	padding: 0 ;
}

.itempra-preview .itempra-col-mc0 {
	flex: 0 0 10% ;
	width: 10% ;
}

.itempra-preview .mc_radio_span {
	width: 49% ;
	float: left ;
}

.itempra-preview .mc_letter_span {
	width: 49% ;
	float: left ;
}

.itempra-preview .itempra-col-mc1 {
	flex: 0 0 90% ;
	width: 90% ;
}

@media screen and ( max-width: 767.03px ) {    /* small screens MC */
	.itempra-preview .itempra-col-mc0 {
		flex: 0 0 16% ;
		width: 16% ;
	}
	.itempra-preview .itempra-col-mc1 {
		flex: 0 0 84% ;
		width: 84% ;
	}
	.itempra-preview .mc_radio_span {
		width: 56% ;
	}
	
	.itempra-preview .mc_letter_span {
		width: 44% ;
	}
}

.itempra-preview a.mc_radio {
	display: block; 
	cursor: pointer; 
	transition: 0.4s; 
	text-decoration: none;
}

.itempra-preview a.mc_radio:hover {
	border-radius: 4px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	text-decoration: none;
}

.itempra-preview input {
	height: 20px ;
}
@media screen and ( min-width: 767.97px ) {
	.itempra-preview input:checked {
		height: 20px ; 
		width: 20px ; 
	}
}

.itempra-preview ol.content-ol {
	padding-bottom: 0;
	margin-bottom: 0;
}
.itempra-preview ol.last-list {
	margin-bottom: 20px ;
}
.itempra-preview p.passage-title {
	font-weight: 600 ;
	text-align: center ;
	font-size: 1.4em ;
}
.itempra-preview p.title-author {
	text-align: center ;
	margin-top: -12px ;
}
.itempra-preview p.credit-block {
	margin: 18px 14px 12px 14px ;
	border-left: 1px solid lightpink ;
	padding-left: 14px ;
}
.itempra-preview b,.itempra-preview strong,.itempra-preview .emphasis,.itempra-preview .bold {
	font-weight: 750 ;
}
.itempra-preview .emphasis {
	text-decoration: underline ;
}
.itempra-preview .court-case {
	font-style: italic ;
}
.itempra-preview .student-quote {
	font-style: italic ;
	color: #a2c ;
}
.itempra-preview .variable, .itempra-preview .book-title, .itempra-preview .newspaper, .itempra-preview .species {
	font-style: italic ;
}
.itempra-preview .title {
	font-size: 1.4rem ;
	margin-bottom: 12px ;
	margin-top: 8px ;
}
.modal-body .title {
	font-size: 1.3rem ;
	margin-top: 8px ;
	margin-bottom: 8px ;
}
.itempra-preview .subtitle {
	font-size: 1.2em ;
	margin-top: 12px ;
	margin-bottom: 12px ;
}
.itempra-preview .img-padding {
	padding-left: 40px ;
	padding-right: 40px ;
	padding-bottom: 80px ;
	padding-top: 80px ;
	display: inline-block ;
	height: 100% ;
	width: auto ;
	max-width: 40% ;
}
.itempra-preview .img-block {
	height: 90px ;
	max-height: 90px ;
	text-align: center ;
	margin-bottom: 80px ;
	margin-top: 80px ;
}
.itempra-preview .center {
	text-align: center ;
}
.itempra-preview div.boxed_info,.itempra-preview div.boxed-info {
	margin-left: 10% ;
	padding: 14px ;
	margin-right: 10% ;
	margin-bottom: 16px ;
}
@media screen and ( max-width: 1199.03px ) {
	.itempra-preview div.boxed_info,.itempra-preview div.boxed-info {
		margin-left: 5% ;
		padding: 6px ;
		margin-right: 6% ;
		margin-bottom: 12px ;
	}
}
@media screen and ( min-width: 1199.03px ) {
	.itempra-preview .boxed_info.box-margin-0, .itempra-preview .boxed-info.box-margin-0 {
		margin-left: 0 ;
		margin-right: 0 ;
	}
	.itempra-preview .boxed_info.box-margin-1, .itempra-preview .boxed-info.box-margin-1 {
		margin-left: 1.0rem ;
		margin-right: 1.0rem ;
	}
	.itempra-preview .boxed_info.box-margin-2, .itempra-preview .boxed-info.box-margin-2 {
		margin-left: 2.0rem ;
		margin-right: 2.0rem ;
	}
	.itempra-preview .boxed_info.box-margin-3, .itempra-preview .boxed-info.box-margin-3 {
		margin-left: 3.0rem ;
		margin-right: 3.0rem ;
	}
	.itempra-preview .boxed_info.box-margin-4, .itempra-preview .boxed-info.box-margin-4 {
		margin-left: 4.0rem ;
		margin-right: 4.0rem ;
	}
	.itempra-preview .boxed_info.box-margin-5, .itempra-preview .boxed-info.box-margin-5 {
		margin-left: 5.0rem ;
		margin-right: 5.0rem ;
	}
	.itempra-preview .boxed_info.box-margin-6, .itempra-preview .boxed-info.box-margin-6 {
		margin-left: 6.0rem ;
		margin-right: 6.0rem ;
	}
}
.itempra-preview div.rubric {
	margin: 12px ;
	padding: 12px ;
	background: #dad3fc ;
	border: 2px solid blue ;
	display: none ;
}
.itempra-preview .imported {
	display: none ;
}
.itempra-preview .table-header {
	font-size: 1.2rem ;
	font-weight: 600 ;
}
.itempra-preview td.table-caption {
	font-size: 0.9rem ;
	margin-top: 4px ;
	margin-left: 4px ;
	padding: 8px 0 16px 4px ;
	border: none ;
	background-color: transparent ;
}
.itempra-table {
	margin: 0 auto 0 auto ;
	max-width: 100% ;
	border-collapse: collapse ;
}
table.itempra-table > tbody > tr > td {
	padding: 12px 12px ;
	border: 1px solid black ;
	background: #fafafa ;
}
table.itempra-table > tbody > tr > th {
	padding: 20px 20px ;
	background: #f3f5ff ;
	border: 1px solid black ;
	text-align: center ;
}
@media screen and ( max-width: 1199.03px ) {
	table.itempra-table > tbody > tr > td {
		padding: 8px 8px ;
	}
	table.itempra-table > tbody > tr > th {
		padding: 8px 8px ;
	}
}
.itempra-table > .table-title {
	border: none ;
	text-align: center ;
	font-weight: bold ;
}
table.itempra-table > thead > tr > td.table-title {
	border: none;
	text-align: center ;
	font-weight: bold ;
}
table.qti-align-center {
	text-align: center ;
}
td.qti-align-center {
	text-align: center ;
}
td.ets-align-left {
	text-align: left ;
}
table.qti-align-left {
	text-align: left ;
}
video { 
	margin: auto !important;
}
.itempra-table > .table-caption {
	border: none ;
}
.itempra-preview .caption {
	font-size: 0.9em ;
}
.itempra-preview .font-size-70 {
	font-size: 0.7em ;
}
.itempra-preview .font-size-75 {
	font-size: 0.75em ;
}
.itempra-preview .font-size-80 {
	font-size: 0.8em ;
}
.itempra-preview .font-size-85 {
	font-size: 0.85em ;
}
.itempra-preview .font-size-90 {
	font-size: 0.9em ;
}
.itempra-preview .font-size-95 {
	font-size: 0.95em ;
}
.itempra-preview .font-size-105 {
	font-size: 1.05em ;
}
.itempra-preview .font-size-110 {
	font-size: 1.1em ;
}
.itempra-preview .font-size-115 {
	font-size: 1.15em ;
}
.itempra-preview .font-size-120 {
	font-size: 1.2em ;
}
.itempra-preview .font-size-125 {
	font-size: 1.25em ;
}
.itempra-preview .font-size-130 {
	font-size: 1.3em ;
}
.itempra-preview p.mx-1 {
	margin-right: 1.0rem ;
	margin-left: 1.0rem ;
}
.itempra-preview p.mx-2 {
	margin-right: 2.0rem ;
	margin-left: 2.0rem ;
}
.itempra-preview p.mx-3 {
	margin-right: 3.0rem ;
	margin-left: 3.0rem ;
}
.itempra-preview p.mx-4 {
	margin-right: 4.0rem ;
	margin-left: 4.0rem ;
}
.itempra-preview p.mx-5 {
	margin-right: 5.0rem ;
	margin-left: 5.0rem ;
}
.itempra-preview p.mx-6 {
	margin-right: 6.0rem ;
	margin-left: 6.0rem ;
}
.itempra-preview p.indent-first-1 {
	text-indent: 1.0rem ;
}
.itempra-preview p.indent-first-2 {
	text-indent: 2.0rem ;
}
.itempra-preview p.indent-first-3 {
	text-indent: 3.0rem ;
}
.itempra-preview p.indent-first-4 {
	text-indent: 4.0rem ;
}
.itempra-preview p.indent-first-5 {
	text-indent: 5.0rem ;
}
.itempra-preview p.indent-first-6 {
	text-indent: 6.0rem ;
}
@media screen and ( min-width: 1199.03px ) {
	.itempra-preview p.column-2 {
		column-count: 2 ;
		column-gap: 30px ;
		column-rule-style: none ;
		/* column-fill: balance ; */
		/* column-rule-color: #cccccc ; */
		/* column-rule-width: 2px ; */
	}
	.itempra-preview p.column-3 {
		column-count: 3 ;
		column-gap: 24px ;
		column-rule-style: none ;
	}
	.itempra-preview p.column-2-rule {
		column-count: 2 ;
		column-gap: 30px ;
		column-rule-style: solid ;
		column-rule-color: #cccccc ;
		column-rule-width: 2px ;
	}
	.itempra-preview p.column-2-rule {
		column-count: 3 ;
		column-gap: 24px ;
		column-rule-style: solid ;
		column-rule-color: #cccccc ;
		column-rule-width: 2px ;
	}
}
.itempra-preview p.ets-caption {
	text-align: center ;
	font-size: 0.9em ;
	margin-top: -10px ;
	padding-top: 0 ;
}
.itempra-preview table.gap-match-table {
	border-collapse: collapse ;
	width: 100% ;
	margin-bottom: 32px ;
}
.itempra-preview .gap-match-table th {
	border: 1px solid #aaaacc ;
	background: #e8e8ff ;
	text-align: center ;
	padding: 4px 6px 3px 8px ;
	font-weight: bold ;
}
.itempra-preview .gap-match-table td {
	padding: 4px 6px 3px 8px ;
	border: 1px solid lightgray ;
}
.itempra-preview table.fraction-entry {
	width: 125px ;
	border: 0 ;
	text-align: center ;
	display: inline-table ;
}
.itempra-preview tr.border-bottom-black {
	border-bottom: 2px solid #444444 ;
}
.itempra-preview table.fraction-entry td {
	padding: 12px ;
}
.itempra-preview table.no-border, .no-border td {
	border: 0 !important ;
}
.itempra-preview select {
	margin: 0px 0px 10px ; 
	font-size: 1.0em ; 
	vertical-align: baseline ; 
	cursor: pointer ; 
	font-weight: normal ; 
	line-height: 80px ; 
	display: inline-block ; 
	height: 30px ; 
	padding: 4px 6px ; 
	border-radius: 4px ; 
	width: 160px ;             /* default width: can be changed by declaring .inline-choice width-450 for 450px */
	border: 1px solid #000000 ; 
}

.itempra-preview ul.dropdown-menu {
	list-style-type: none ;
}

.itempra-preview p.qti-visually-hidden, .itempra-preview .invisible-online {
	display: none ;
}
.itempra-preview p.h1, .itempra-preview p.h2, .itempra-preview p.h3, .itempra-preview p.h4, .itempra-preview p.h5, .itempra-preview p.h6 {
	font-size: 1.3rem ;
	margin: 12px 0 10px 0 ;
}
.itempra-preview p.qti-bordered {
	border: 1px solid black ;
	padding: 12px ;
}
.itempra-preview p.indent-1 {
	margin-bottom: 0 ;
	margin-left: 2rem ;
}
.itempra-preview p.margin-bottom-2 {
	margin-bottom: 18px ;
}
.itempra-preview p.attribution {
	text-align: right ;
	margin-left: 60px ;
}
.itempra-preview .copyright {
	font-size: 0.7em ;
	font-family: Arial, Helvetica, sans-serif ;
	color: #aeaeae ;
}
.itempra-preview p.copyright-notice {
	font-size: 0.7em ;
	font-family: Arial, Helvetica, sans-serif ;
	color: #a0a0a0 ;
	margin-left: 50% ;
	margin-top: 30px ;
	line-height: 110% ;
}
.itempra-preview p.image_paragraph {
	text-align: center ;
}
.itempra-preview div.itempra_image {
	width: 400px ;
}
.itempra-preview div.center-image {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px ;
	margin-top: 16px ;
	text-align: center ;
	width: 100%;    /* default, will most likely be overwritten with actual width of image */
}
@media screen and ( max-width: 1199.03px ) {
	.itempra-preview div.center-image {
		margin-bottom: 22px ;
	}
	
}
.itempra-preview div.left-image {
	display: block ;
	margin-left: 0 ;
	width: 100% ;
	margin-bottom: 40px ;
	margin-top: 16px ;
}
.itempra-preview textarea {
	width: 100%;
	max-width: 100%;
	padding: 12px 20px;
	box-sizing: border-box;
	border-radius: 4px;
	background-color: #cccccc;
	color: #000000;
	margin-bottom: 8px;
	font-size: 1.1rem;
}
.itempra-preview input[type=text], .itempra-preview input[type=number] {
	padding: 4px 10px;
	height: 40px ;
	box-sizing: border-box;
	border-radius: 4px;
	background-color: #e7e7e7;
	color: #000000;
	margin-bottom: 8px;
	font-size: 1.1rem;
}
.itempra-preview input[type=text]:focus, .itempra-preview input[type=number]:focus {
	background-color: white ;
}
.itempra-preview p.alignment-item {
	margin-bottom: 10px; 
	font-size: 1.0em ; 
	font-weight: 300; 
	text-indent: 0px; 
	text-transform: none; 
}
.itempra-preview span.alignment-header {
	font-weight: bold; 
	font-size: 1.0em ;
	color: #86f ;
}
.itempra-preview p.alignment-header {
	font-weight: bold ;
	font-size: 1.0em ;
	margin-bottom: 12px ;
	color: #86f ;
}
.itempra-preview abbr { 
	display: inline ;
	text-decoration: underline ;
	text-decoration-style: dashed ;
	text-underline-position: under ;
}
@media screen and ( max-width: 767.03px ) {
	.itempra-preview abbr {
		text-underline-position: auto;
	}
}
.itempra-preview span.accessible-text {
	text-decoration: underline ;
	text-underline-position: under ;
	text-decoration-style: dotted ;
}
@media screen and ( max-width: 767.03px ) {
	.itempra-preview span.accessible-text {
		text-underline-position: auto;
	}
}
.itempra-preview li.alignment-list {
	font-size: 1.0em ;
	font-weight: 400;
	padding-bottom: 0;
}
.itempra-preview .hottext {
	background: yellow ;
	padding: 0 ;
}
.itempra-preview a.anc_ht {
	text-decoration: underline ;
	text-underline-position: under ;
	color: #101010 ;
}
@media screen and ( max-width: 767.03px ) {
	.itempra-preview a.anc_ht {
		text-underline-position: auto;
	}
}
.itempra-preview a.anc_ht:hover {
	background: #bbeeff ;
}
.itempra-preview .droptarget {
	/* float: left ;  */
	display: inline-block ;
	/* min-width: 120px ; */
	min-width: 40px ;
	max-width: 100% ;
	min-height: 35px ;
	margin: 3px 5px 0 5px ;
	padding: 0 ;
	border: 1px solid #eeaaaa ;
}
.itempra-preview td .droptarget {
	margin: 3px 0 ;
}
.itempra-preview .dragsource {
	float: left ;
	background: #f6f6f6 ;
	color: #2770bc ;
	margin: 4px ;
	padding: 4px ;
	border: 2px solid #0088cb ;
	border-radius: 4px ;
	font-weight: 600 ;
}
.itempra-preview table.poem {
	width: 100% ;
	table-layout: fixed ;
}
.itempra-preview table.poem td.line {
	border: 0 ;
	margin-left: 0px ;
	text-indent: -40px ;
}
.itempra-preview table.poem td.line-number {
	min-width: 120px ;
	width: 120px ;
	vertical-align: top ;
	padding-right: 50px ;
}
.itempra-preview table.poem td.line-number .poem-line {
	border-radius: 4px ;
	padding-left: 6px ;
	padding-right: 6px ;
}
.itempra-preview .div-inline {
    display: inline-block ;
	margin-bottom: 6px ;
}
.itempra-preview p.inline-alt-text {
	display: none ;
}
.itempra-preview a {
	color: inherit ;
}
.modal-body a {
	text-decoration: none ;
}
.itempra-preview .headline-sizing {
	width: 880px ;
	height: 500px ;
	max-width: 880px ;
	margin-right: auto ;
	margin-left: auto ;
}
.itempra-preview .headline-for-large {
	display: block ;
}
.itempra-preview .headline-for-small {
	display: none ;
}
@media screen and ( max-width: 992.08px ) {
	.itempra-preview .headline-sizing {
		width: 100% ;
		height: 400px ;
		max-width: 100% ;
	}
	.itempra-preview .headline-for-large {
		display: none ;
	}
	.itempra-preview .headline-for-small {
		display: block ;
	}
}

.itempra-preview .pre-record {
	padding-left: 16px ;
	padding-top: 16px ;
	padding-bottom: 16px ;
}
.itempra-preview .red {
	color: #ee0000 ;
}
.itempra-preview .blue {
	color: #0000ff ;
}
.itempra-preview .green {
	color: #008822 ;
}
.itempra-preview .blue-violet {
	color: #8a2be2 ;
}
.itempra-preview .dark-blue {
	color: #00008a ;
}
.itempra-preview .dark-green {
	color: #006400 ;
}
.itempra-preview .dark-red {
	color: #8b0000 ;
}
.itempra-preview .maroon {
	color: #800000 ;
}
.itempra-preview .purple {
	color: #800080 ;
}
.itempra-preview .rebecca-purple {
	color: #663399 ;
}
.itempra-preview .dark-violet {
	color: #9400d3 ;
}
.itempra-preview .dark-magenta {
	color: #8b008b ;
}
.itempra-preview .dark-slate-blue {
	color: #483d8b ;
}
.itempra-preview .dim-gray {
	color: #696969 ;
}
.itempra-preview .indigo {
	color: #4b0082 ;
}

/* graphic gap match */

.itempra-preview .text-block-container {
	position: relative;
}

.itempra-preview .text-block {
	position: absolute;
	border: 1px dashed #ccc;
}

.itempra-preview .original-container {
	background-color: #dedee8;
	border: 1px solid blue;
	min-width: 200px;
	min-height: 70px;
	margin: 16px 0 16px 0 ;
	padding: 4px 2px 4px 2px ;
}

.itempra-preview .original-container img {
	padding: 0 2px 0 2px ;
}

/* orderable lists */
.itempra-preview .orderable-list {
	border: 5px solid #e3e5e4;
	color: #212121;
	padding: 0;
	list-style-type: none;
}

.itempra-preview .orderable-list li {
	background-color: #fff;
	display: flex;
	flex: 1;
}

.itempra-preview .orderable-list li:not(:last-of-type) {
	border-bottom: 1px solid #e3e5e4;
}

.itempra-preview .orderable-list li.over .orderable {
	background-color: #ccccff;
}

.itempra-preview .orderable-list .person-name {
	margin: 0 20px 0 0;
}

.itempra-preview .orderable {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px;
	flex: 1;
}

.itempra-preview .non-orderable {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px;
	flex: 1;
	background-color: #d8d8d8;
}

.itempra-preview li.can-order,.itempra-preview li.cannot-order {
	padding-left: 0 ;
	padding-bottom: 0 ;
}

/* styles for point-graph PCI */
.pg-grid-line {
	stroke: green ;
	stroke-width: 0.05 ;
}
.pg-axis-line {
	stroke: green ;
	stroke-width: 0.15 ;
}
.pg-point {
	fill: blue ;
	stroke: none ;
}
.pg-halo {
	fill: blue ;
	opacity: 0.2 ;
	cursor: pointer ;
}
.pg-label {
	font-size: 0.75px ;
	text-anchor: middle ;
}
.pg-y-label {
	text-anchor: end ;
}
.pg-line {
	stroke: blue ;
	stroke-width: 0.15 ;
}
svg.pg-body {
	width: 500px ;
	height: 500px ;
	max-width: 98% ;
	margin: 0 auto ;
}