/**
 * Adobe Connect 6.0 Color Palette
 *
 * black       	#000000
 * green		#81B795
 * light grey     #E4E4E4
 * yellow		#FFFF99
 * white		white
 */

/*===================
*  default styles
*===================*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	width: 99%;
	height: 100%;
	margin: 0;
	padding: 0;
}
html>body {
	margin: 0;
}
td, th { 
	font-size: 0.75em;
}
hr {
	border: 1px solid;
	height: 1px;
}
.clear-both {
	clear: both;
	font: 1px/1px monospace;
	display: block;
}

.position-below-prev-elem {
	display:block;
	float:left;
}

.skip-to-content-btn {
	background: white; 
	height: 30px; 
	padding: 8px; 
	position: absolute; 
	transform: translateY(-100%); 
	transition: transform 0.3s;
	text-decoration: none;
}

.skip-to-content-btn:focus {	
	transform: translateY(0%); 
}

.pageContent {
	width: 100%;
	min-height: calc(100% - 185px);
	font-size: 1em; 
	padding: 0;
	margin: 0 0 0 18px;
}
.pageFooter {
	float: left;
	width: 100%;
	font-size: 1em; 
	margin: 0 0 0 20px;
	color:#606060;
	padding-left: 0.4rem;
	padding-top: 0.63rem;
	padding-bottom: 0.5rem;
}       
.nobulletlist {
	list-style-type:none;
	margin:0;
	padding:0px;
}      
.nobulletlinks ul li {
	display:inline;
	list-style-type:none;
}
.nobulletlinks {
	list-style-type:none;
	margin:0;
	padding:0px;
}

.nobulletlinks_inline {
	display:inline;
	list-style-type:none;
      margin:0;
      padding:0;
}

.nobulletlinks_inline li {
	display:inline;
	list-style-type:none;
      padding-left: 4px;
      padding-right: 4px;
}
  

/*=====================
*  special messages
*=====================*/
.error {
	color: #FF0000;
	font-weight:bold;
	padding-bottom: 8px;
}
.info {
	color: #2E8B57;
	font-weight:bold;
	padding-bottom: 8px;
}
.warning, .required {
	color: #B40000;
}
.comments {
	font-size:0.8em;
}
.plainComments {
	font-size:0.8em;
	font-weight: normal;
}
#accessibility-messages.screen-reader-only {
	position: absolute;
	left: -999em;
}
/*===================
*  regular pages
*===================*/
.normalClass, .normalClass a, .normalClass hr {
	color: #000;
}
.verticalLine {
	background-color: #000;
}
.topFormSpacer {
	width:100%;
	height:20px;
}
.bottomFormSpacer {
	width:100%;
	height:20px;
}


/*===================
* navigation tabs
*===================*/
/* 1st level navigation: tab styles */
html>body .tabSel {
	background-image:url(/common/images/globalnav/navigationHighlight_tile.gif);
}
* html .tabSel {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/images/globalnav/navigationHighlight_tile.gif',sizingMethod='scale');
}
.navTitle {
	font-size:1em;
	font-weight:bold;
	height:20px;
}
.pagenavLinks {
	font-size:1em;
	font-weight:bold;
}
.overviewLinks {
	font-size:1em;			
}
.nav3, .nav3 a {
	background-color:#E4E4E4;
	color:#000000 !important;
	white-space:nowrap;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
	margin:0px;
	
}
.nav3Sel, .nav3Sel a {
	background-color:#E4E4E4;
	color:#000000 !important;
	line-height: 2em;
	text-decoration:none;
	padding:2 2 5 2px;
	margin:0px;
	border:0px;
	
}
/*===================
* banner styles 
*===================*/
.bannerTitle {
	font-weight:bold;
	font-style:italic;
	font-size:1em;
}
.bannerLinks, .bannerLinks a {
	background-color:transparent;
	color:white;
	font-weight:normal;
}
.banner1 {
	background-color:#81B795;
}
.banner1, .banner1 td, .banner1 a, 
.banner1x, .banner1x td, .banner1x a {
	padding-top:4pt;
	padding-bottom:4pt;
	font-weight:bold;
	font-size:.9em;
	white-space:nowrap;
	color:white;
}
.banner1a, .banner1a td, .banner1a a {
	padding-top:4pt;
	padding-bottom:4pt;
	font-weight:bold;
	font-size:1em;
	white-space:nowrap;
	background-color:#E4E4E4;
	color:#FFFFFF;
}

/*====================
*  list data rows
*====================*/
.listTable tbody td{
	border-width: 0 0 1px 0;border-color:#e4e4e4;
	border-style: solid;
	padding:4px;vertical-align:center;
	border-collapse:collapse;clear:both;
}
.listTable {
	width:100% !important
}
.listHeader, .listHeader a {
	background-color:#81B795;
	color:white;
	font-weight:bold;
}

/*====================
*  content data rows
*====================*/
.contentTable {
	width:99% !important;
	min-width:960px;
}
.contentTable {
	border-collapse: separate;
	border-spacing: 1px;
} 
.contentTableFix {
	width:99% !important;
	min-width:960px;
	margin: 0 auto;
    margin-right: 0
}
.contentTable p {
	margin: 0 0 1.5em;
}
.contentTable td {
	padding:4px;
	vertical-align:top;
	border-collapse:collapse; 
	border-width: 0 0 1px 0;
	border-color:#e4e4e4;
	border-style: solid;	
}
.contentTable.course td {
	max-width: 250px;	
	overflow-wrap: break-word;
}
.contentTable td#noItems {
	text-align:center;
	padding:25px 0 25px 0;	
}
.contentTable h2 {
	font-size:16px;
	padding: 0;
	margin: 0;	
}  
.contentTable h2 a {
	text-decoration: none;
}
.contentTable h2 a:hover {
	text-decoration: underline;
}
.contentHeader, 
.contentHeader a {
	background-color:#A7ACB1;
	color:white;
	font-weight:bold;	
}
.contentHeader td {
      height: 29px;
}
.contentHeader2, 
.contentHeader2 a {
	background-color:#E4E4E4;
	color:#000000;
	font-weight:bold;
}
.contentTitle {
	width: 20%;
	white-space:nowrap;
	vertical-align:top;
}
.contentTitleWrap {
	width: 20%;
	vertical-align:top;
}
th.contentTitle, th.contentTitleWrap {
	font-weight: normal;
	text-align: left;
}
.contentData {
	width: 80%;
	font-weight: bold;
}
.contentInfo {
	text-align: center;
	font-style:italic;
}
.contentFooter {
	background-color:#e4e4e4;
}

/*====================
*  info table
*====================*/
infoTable{
	border-collapse: separate;
	clear:both;
	border-spacing:2px;
	width:600px;
} 
.infoTable td {
	padding:7px;
	vertical-align:center;
	border-collapse:collapse;
	clear:both;
	border-width: 0 0 0 0;
}

/*====================
*  form styles
*====================*/
.formTable {
	line-height: 2em;
	width:600px;
}
.formTitle {
	width: 20%;
	white-space:nowrap;
	font-weight: bold;
	vertical-align:top;
}
.formTitleWrap {
	width: 20%;
	font-weight: bold;
	vertical-align:top;
}
.formData {
	width: 80%;
	font-weight: normal;
	vertical-align:top;
}
input { 
	font-size:1em; 
	background-color: #fafafa;
	color: #333333;
}
select {
	color: #333333;
	background-color: #fafafa;
	font-size:1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height:20px;
}
textarea,
.textarea {
	color: #333333;
	border: 1px solid;
	border-color: #999999 #e4e4e4 #e4e4e4 #999999;
	padding-left: 4px;
	margin-bottom: 2px;
	background-color: #fafafa; 
	font-size:1em;
	font-family: verdana,arial, helvetica, sans-serif; 
}
.textfield {
	color: #333333;
	border: 1px solid;
	border-color: #999999 #e4e4e4 #e4e4e4 #999999;
	padding-left: 4px;
	margin-bottom: 2px;
	height: 22px;
	background-color: #fafafa;
	font-family: verdana,arial, helvetica, sans-serif; 
}

.textfieldDisabled {
	color: #AAA;
	border: 1px solid;
	border-color: #999999 #e4e4e4 #e4e4e4 #999999;
	padding-left: 4px;
	margin-bottom: 2px;
	height: 22px;
	background-color: #fafafa;
	font-family: verdana,arial, helvetica, sans-serif; 
}

.infoBox {
	background-color: #fafafa;
	margin:10px;
	padding:5px
}
input.textfield:focus {
	border-color: #6ab94b #94da78 #aedf9a #94da78;
}
textarea:focus,
.textarea:focus {
	border-color: #6ab94b #94da78 #aedf9a #94da78;
}

.textareaspaced {
	font-family: monospace;
	font-size: 12px;
}

/*===================
*  fancy buttons
*  (not recognized by NS 4)
*
*  Borders and padding are defined in breeze_button.css
*===================*/
.tblcontents {
	padding: 8px;
}

.coral-disable {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 6.875rem;
    height: 2.375rem !important;
    padding: .625rem 1.5rem .625rem 1.5rem  !important;
    vertical-align: top;
    border: .0625rem solid;
    -webkit-border-radius: .1875rem;
    border-radius: .1875rem;
    border-color: #d2d2d2;
	background: #e6e6e6 !important;
    font-weight: 700;
    font-style: normal;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    font-size: .9375rem !important;
    color: #b4b4b4 !important;
    text-decoration: none;
   	text-shadow: none;
    text-align: center;
    line-height: 1rem;
    cursor: pointer;
    white-space: nowrap;
    font-family: adobe-clean,Helvetica,Arial,sans-serif !important;
    margin-left: 0 !important;
    min-width: 100px !important;
}


.button,
.button-disabled {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	cursor: hand;
	font-size: .85em !important;
	color: #000000 !important;
	background-color: white !important;
	border: 3px double;
	text-decoration: none;
	border-color: #c4cccc #acb5b5 #6f7777 #acb5b5;	
}
.button-disabled {
	color: #999999 !important;
	background-color: #efefef !important;
}
a.button,
a.button-disabled {
	padding: 3px 9px;
	height:26px
}

input.button,
input.button-disabled {
	padding: 3px 18px !important;
	line-height: unset !important;
}
* html input.button,
* html input.button-disabled {
	padding: 3px 9px 2px 9px !important;
}
.button:hover {
	border-color: #aedf9a #94da78 #6ab94b #94da78;
	text-decoration: none;
}
.button-disabled:hover {
	border-color: #c4cccc #acb5b5 #6f7777 #acb5b5;
}
.buttonBar {
	width:100%;
	min-width:960px;
}
.buttonBar td {
	background-color:#FFFFFF;
	padding: 0px;
	height:36px;	
	white-space:nowrap;
	margin-bottom:1px	
}
* html .buttonBar td input.button,
* html .buttonBar td input.button-disabled,
* html .buttonBar input.button,
* html .buttonBar input.button-disabled {
	margin-bottom: 2px;
}
* html .buttonBar td,
* html .buttonBar {
	padding-bottom: 0px;
}
* html td.contentData a.button {
	margin: 2em 0 !important;
}


.commmandBar td,
.commandBar {
	background-color:#E4E4E4;
	margin: 0;padding:0 0 0 3px;
	
}



/*====================
* wizard
*====================*/
.wizardStep {
	color:#6D6D6D;
	text-align: center;
	font-weight: bold;
}
.selWizardStep {
	color: #000000;
	text-align: center;
	font-weight: bold;
}
.wizardStepTitle {
	text-align: center;
	vertical-align: top;
	font-size: 1em;
	font-weight: bold;
}

/** Curriculum pages **/
.curOutline {
    border: 5px solid #A7ACB1;
    width:650px;
    border-collapse: separate;
    padding:0;
}	 
.outline {
	font: 1em sans-serif !important;
	padding-left:4px;
}
.outlineSel {
	background-color:#A7ACB1;
	color:#FFFFFF;
	font-weight: bold;
}
a.outlineSel {
	background-color:#A7ACB1;
	color:#FFFFFF;
	font-weight: bold;
}
.outlineObject {
	border: 5px solid #A7ACB1;
	width:100%;
	border-collapse: separate;
	padding:0;
}
#capTop {
	margin: 0 auto;
	width: 756px;
	height: 8px;
	font: 1px/1px sans-serif !important;
	font: 0px/0px sans-serif;
	background: url(/common/images/cap_top.gif) no-repeat center bottom
}
#capBottom {
	text-align: left;
	margin: 0px auto;
	width: 76px;
	height: 18px;
	/*\*/
	background: transparent url(/common/images/cap_bottom.gif) no-repeat center top;
	/* */
}

/* EVENT pages */
#eventContent {
	padding: 30px 0 0 30px
}
#eventContent h1 {
	font-size:16px;
	margin: 0;
}
#eventContent h2 {
	font-size:12px;
	color: gray;
	padding: 0;
	margin: 0;
	font-weight: normal;		
}        
#eventImage {
	padding: 0 20px 0 0;	
}
#eventRight {
	float: left;
}
#eventContent table td {
	vertical-align: top;
}
#iframeCell {
	width: 750px;
	height: 15em;
}
#iframeCell,
#iframeCell iframe {
	overflow: hidden;
}

/*====================
 * Used by breezeUI.js
 *====================*/
.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}

/*================================================================
 * Javascript based tool tips. CSS based tooltips don't work for buttons.
 * To use add a div with this class containing the tooltip text. Use onmouseover
 * and onmouseout attributes and call javascript functions tooltip_show & tooltip_hide
 *================================================================*/               
.tooltip 
{
    visibility: hidden; 
    position: absolute; 
    top: 0;  
    left: 0; 
    z-index: 25;
    background-color:#FFFFCC; color:#000000;
    padding:2px;
    padding: 3px; 
    border: solid 1px #FFCC00;
    text-align: left;
}

/*================================================================
 * CSS-based tool tips.  
 * We can do neat things like add html to tooltips.  Also, there
 * are bugs in FF and IE built-in tooltips. 
 *================================================================*/               
a.infoTT{
    position:relative; /*this is the key*/
    z-index:24; background-color:#FFF;
    color:#000;
    white-space:normal;
    text-decoration:none}

a.infoTT:hover{z-index:25; background-color:#ffffcc}

a.infoTT span{display: none}

a.infoTT:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:300px !important;
    border:1px solid #FFCC00;
    padding:2px;
    background-color:#FFFFCC; color:#000000;
    text-align: left;} 

/*================================================================
 * Tabs and navigation stuff.
 *================================================================*/
span#menu{
    float:left;
    width:100%;
    background:#FFFFFF;
    border-style:solid;
    border-width:0 0 1 0px;
    border-color:#A7ACB1;
    white-space:nowrap;}
ul#nav,ul#nav li{
    list-style-type:none;
    margin:0;
    padding:0}
ul#nav{
    padding-left: 10px}
ul#nav li{
    float:left;
    white-space:nowrap;
    margin-right:2px;
    text-align: center}
ul#nav a{
    float:left;
    white-space:nowrap;
    padding: 2 6 4 6px;
    text-decoration:none;
    background: #E4E4E4;
    color: #999}
ul#nav li.tab2Sel a,ul#nav {
    color: #FFFFFF;
    background: #A7ACB1;}   
ul#nav li.tab2Sel {
    font-weight:bold}          
ul#nav a:hover {
    color:#81B795}
.tabCon {
    margin:0 0 0 0px;
    background-color:#A7ACB1;
    border-style:solid;border-width:1px;border-color:#A7ACB1;
    min-height:10;width:100%;
    padding:0 0 0 5px;
    float:left;
    white-space:nowrap}                        
#divBody {                   
    border-style:solid;border-width:0 0 0 0px;border-color:#A7ACB1;          
    width:100%;
    float:left;
    vertical-align:top;
}
#divBody table {
    float:left;          
    padding:2 5 2 5px;
}
#divBC {
    height:33px;padding:3 0 0 3px;
}   


/*================================================================
 * Content Picker Styles
 *================================================================*/
.scoPicker {
	list-style-type:none;
	margin:10 0 10 0px;		
}      
.scoPicker ul li {
	display:inline;
	list-style-type:none;
}
.scoPickerNavSel a {
	background-color:#E4E4E4;
	margin-right:3px;
	padding:3 5 3 5px;
	text-decoration:none;
}
.scoPickerNavNotSel a {
	background-color:#C0C0C0;
	margin-right:3px;
	padding:3 5 3 5px;
	text-decoration:none;
}
.scoPickerNav {
	background-color:#E4E4E4;
	margin:3 0 5 0px;
	padding:5 0 5 5px;
}

.nowrap {
	white-space: nowrap;
}

/*================================================================
 * Form styles for indented data
 *================================================================*/
.formTitleInd {
	width: 27%;
	white-space:nowrap;
	font-weight: bold;
	vertical-align:top;
}
.formTitleIndWrap {
	width: 27%;
	font-weight: bold;
	vertical-align:top;
}

.tableBorder {
    border: 2px solid #A7ACB1;
    width:650px;
    border-collapse: separate;
    padding:0;
}

h1.reset-password-heading {
	font-size:9pt;
	font-weight: bold;
}

/*================================================================
 * Chargebacks Styles
 *================================================================*/
.chargebacksDiv {
	float: right;
	width: 300px;		
} 

input[type="file"].textfield {
    overflow: hidden;
}

.time-input-type {
	height: 20px;
	padding-top: 2px;
	border-width: 1px;
	border-radius: 0px;
}

/*================================================================
 * Native Quiz report Styles
 *================================================================*/

.native-quiz-button {
	top: 23rem;
	left: 15rem;
	height: 1.9rem;
	width: 5.8rem;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	color: #000000;
	border: 0.06rem solid #707070;
	border-radius: 0.25rem;
	opacity: 1;
	font: normal normal normal 0.87rem/1rem adobe-clean,Helvetica,Arial,sans-serif;	
	text-align: center;
	letter-spacing: 0rem;
	margin-right: 0.63rem;
	margin-left: 0.63rem;
	white-space: nowrap;
	margin-left: 0.13rem;
	margin-right: 0.13rem;
	cursor: pointer;
	min-width: 5.8rem;
	width: fit-content;
}

.native-quiz-button-link-no-underscore {
	text-decoration: none;
}

.native-quiz-download-overall-report-button {
	top: 30rem;
	left: 1.5rem;
	width: 11.6rem;
	height: 2rem;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	color: #000000;
	border: 0.06rem solid #707070;
	border-radius: 0.25rem;
	opacity: 1;
	font: normal normal normal 0.87rem/1rem adobe-clean,Helvetica,Arial,sans-serif;
	text-align: center;
	letter-spacing: 0rem;
	margin-right: 0.62rem;
	margin-left: 1.25rem;
	margin-bottom: 1.25rem;
	white-space: nowrap;
	cursor: pointer;
	min-width: 11.6rem;
	width: fit-content;
}

.native-quiz-overall-result-header {
	background-color:#E4E4E3;
	background: #E4E4E3 0% 0% no-repeat padding-box;
	opacity: 1;
	color:#000000;
	font-weight:bold;	
	top: 27rem;
	left: 1.5rem;
	width: 54rem;
	height: 2.75rem;
	display: flex;
  	align-items: center;
	margin-top: 1.87rem;
	margin-bottom: 0.375rem;
}

.native-quiz-overall-result-bottom-header {
	margin-top: 6.25rem;
}

.native-quiz-overall-result-header-text {
	text-align: left;
	margin-left: 1.25rem;
}

.native-quiz-current-page-button {
	background-color: #397DF3;
	color: #FFFFFF;
}

.native-quiz-overall-result-line {
	border: 0.06rem solid #E4E3E4;
	opacity: 1;	
	top: 36rem;
	left: 0rem;
	width: 25rem;
	height: 0rem;
	margin-left: 0rem;
	margin-top: 0.63rem;
	margin-bottom: 1.25rem;
}

.native-quiz-overall-result-page-content {
	margin-left: 1.25rem;
	width: 25rem;
}

.native-quiz-overall-result-page-class-performance-content {
	height: 25rem;
}

.native-quiz-overall-result-page-content-entry {
	text-align: left;
	font: normal normal bold 1rem/1.25rem adobe-clean,Helvetica,Arial,sans-serif;	
	letter-spacing: 0rem;
	color: #000000;
	display: inline;
	float: right;
	margin-top: auto;
}

.native-quiz-overall-back-link {
	top: 21rem;
	left: 2.5rem;
	width: 8.5rem;
	height: 1.25rem;
	text-align: left;
	font: normal normal bold 1rem/1.25rem adobe-clean,Helvetica,Arial,sans-serif;
	letter-spacing: 0rem;
	color: #000000;
	opacity: 1;
	margin-left: 0.19rem;
	text-decoration: none;
}

.native-quiz-download-icon {
	width: 1.13rem;
	height: 1.13rem;
	margin-right: 0.3rem;
}

.native-quiz-by-question-table {
	width: 117.8rem;
}

.native-quiz-by-question-note {
	left: 1.5rem;
	width: 29rem;
	text-align: left;
	font: italic normal normal 0.9rem/1.1rem Verdana;
	letter-spacing: 0rem;
	color: #6F6F6F;
	opacity: 1;
	margin-bottom: auto;
	margin-left: 0.3rem;
}

.native-quiz-by-question-table-cell-rows {
	width: 100%;
	margin: 0;
	padding: 0;
}

.native-quiz-by-question-table-cell-rows-adaptive {
	height: auto !important;
}

.native-quiz-by-question-table-paragraph {
	margin-top: 0.1rem !important;
	margin-bottom: 0.1rem !important; 
}

.native-quiz-by-question-table-cell-row-right-align {
	text-align: right;
}

.native-quiz-content-table-width {
	width:80% !important;
}

.native-quiz-by-question-content-table-width {
	width:100% !important;
}

.native-quiz-correct-answer {
	font-weight: bold;
}

.native-quiz-no-answer {
	font-style: italic;
}

.native-quiz-by-question-success-fail-icon {
	height: 1rem;
	width: 1rem;
	margin-right: 1.2rem;
}

.native-quiz-by-question-inner-table {
	height: 1.2rem;
	border-bottom: solid 0.06rem #F7F7F7;
}

.native-quiz-by-question-inner-table-left {
	border-left: solid 0.06rem #F7F7F7;
}

.native-quiz-by-question-inner-table-right {
	border-right: solid 0.06rem #F7F7F7;
}

.native-quiz-overall-piechart {
	width: 50%;
	max-width: 31.2rem;
}

.native-quiz-attendee-detail-status {
	margin-top: 3.1rem;
	margin-left: 12.5rem;
}

.native-quiz-attendee-detail-page-content {
	width: 100%;
	float: left;
	overflow:hidden;
}

.native-quiz-attendee-detail-page-content-left-side {
	width: 37%;
	float: left;
}

.native-quiz-attendee-detail-page-content-right-side {
	width: 58%;
	float: right;
}

.native-quiz-attendee-detail-page-status-content-left-side {
	width: 14%;
	float: left;
}

.native-quiz-attendee-detail-page-status-content-right-side {
	width: 86%;
	float: right;
}

.native-quiz-attendee-detail-page-detailed-responses-note {
	left: 1.5rem;
	width: 29rem;
	text-align: left;
	font: normal normal bold 0.9rem/1.1rem Verdana;
	letter-spacing: 0rem;
	color: #6F6F6F;
	opacity: 1;
	margin-bottom: 0.6rem;
	margin-left: 0.3rem;
}

.native-quiz-download-overall-report-button-no-left-margin {
	margin-left: 0;
}

.completed-dot {
	height: 0.4rem;;
	width: 0.4rem;;
	background-color: #2FB880;
	border-radius: 50%;
	display: inline-block;
	margin-right: 0.3rem;
	margin-bottom: 0.06rem;
  }

  .not-started-dot {
	height: 0.4rem;
	width: 0.4rem;
	background-color: #FFA037;
	border-radius: 50%;
	display: inline-block;
	margin-right: 0.3rem;
	margin-bottom: 0.06rem;
  }

  .no-answer-dot {
	height: 1rem;
	width: 1rem;
	background-color: #B9B9B9;
	border-radius: 50%;
	display: inline-block;
	margin-right: 1.2rem;
	margin-bottom: 0.06rem;
	border: none;
  }

  .native-quiz-not-taken-question-line {
	border: 0.06rem solid #A7ACB0;
	opacity: 1;	
	width: 0.62rem;
	height: 0rem;
	margin-top: 0.19rem;
	margin-bottom: 0.19rem;
}

.native-quiz-attendee-detail-total-score {
	width: 100%;
	margin-left: 26rem;
	display: flex;
	justify-content: right;

}

.native-quiz-attendee-detail-total-score-right-side {
	margin-right:5rem;

}

.native-quiz-attendee-detail-page-bottom {
	margin-bottom:15rem;
}

.native-quiz-content-table-header-height {
	height: 1.87rem;
}

.native-quiz-icon-center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 1.25rem;
}