body {
	margin-top: 15px;
	margin-right: 0 !important;
	margin-left: 0 !important;
	/*font-family: 'Open Sans', Arial, sans-serif;*/
	overflow-x: hidden;
	/*font-size: 17pt;*/
}

#content{
	background-color: #712177;
	color: white;
}


/* h5 {
	font-size: 20pt;
} */

hr{
  color: #712177;
}

.hidden {
	display: none;	
}

.content_area {
	min-height: 50vh;
}

.icon-radio-btn {
	height: 6em;
	justify-content: flex-end;
	white-space: normal !important;
}

.masked {
	fill: green;
}

.div-arrow {
	border-style: dashed;
    border-color: transparent;
    border-width: 0;
    display: -moz-inline-box;
    display: inline-block;    /* Use font-size to control the size of the arrow. */
    font-size: 100px;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: middle;
    width: 0;
    background-color:#fff;   /* change background color acc to bg color */ 
    border-left-width: 0.0em;
    border-left-style: ridge;
    border-left-color: #008090;
    left:0em;
}

.arrow {
    border-style: dashed;
    border-color: transparent;
    border-width: 0.20em;
    display: -moz-inline-box;
    display: inline-block;    /* Use font-size to control the size of the arrow. */
    font-size: 100px;
    height: 0;
    line-height: 0;
   /* position: absolute;*/
    vertical-align: middle;
    width: 0;
    background-color:#fff;   /* change background color acc to bg color */ 
    border-left-width: 0.2em;
    border-left-style: ridge;
    border-left-color: #fff;
    left:0.25em;
}

.btn {
	/*font-size: 20px;
	vertical-align: bottom;*/
	white-space: normal !important;
	min-width: 80px !important;
	/*max-width: 150px !important;*/
}

.btn-group {
	flex-wrap: wrap;
	min-width: 75%;
	justify-content: space-evenly;
	white-space: normal !important;
}

.btn-group-vertical .btn:focus{
	border-color: #972C9F;
}

.btn-outline-dark:not(:disabled):not(.disabled):hover{
	border-color: #972C9F;
	background-color: #972C9F;
}

.btn-outline-dark:not(:disabled):not(.disabled).active{
    border-color: #712177;
    background-color: #712177;
}

.btn-outline-dark:not(:disabled):not(.disabled):focus{
	border-color: #972C9F;
	background-color: #23CF3A;
}

.motivational label.btn-outline-dark:not(:disabled):not(.disabled):hover {
	color: #343A40 !important;
	background-color: transparent !important;
	background-image: none !important;
	border-color: #343A40 !important;
}

.motivational label.btn-outline-dark:not(:disabled):not(.disabled).active {
	color: #FFF !important;
	background-color: #712177 !important;
	background-image: none !important;
	border-color: #343A40 !important;
}

.barriers label.btn-outline-dark:not(:disabled):not(.disabled):hover {
	color: #343A40 !important;
	background-color: transparent !important;
	background-image: none !important;
	border-color: #343A40 !important;
}

.barriers label.btn-outline-dark:not(:disabled):not(.disabled).active {
	color: #FFF !important;
	background-color: #712177 !important;
	background-image: none !important;
	border-color: #343A40 !important;
}

.btn-warning:not(:disabled):not(.disabled) {
	color: #FFF !important;
}

.btn-warning:disabled {
	background-color: #767577 !important;
}

.next-button {
	color: #FFF !important;
}

.next-button:disabled, .next-button.disabled {
	background-color: #767577 !important;
	color: #000 !important;
}

#quiz {
	background: #FAF9F9;
	padding: 2% !important;
/* 	margin-left: 2% !important; */
/* 	overflow: hidden; */
/* 	text-align:center; */
/* 	font-weight: 400; */
/* 	font-size: 18px; */
	outline: 3px solid #712177;
/* 	width: 95%; */
	width: calc(100% - 0.4rem);
}
.quiz-options {
	padding: 5% !important;
	margin: 5% !important;
	text-align: left;
	outline: 3px solid #008090;
}
.choices {
	margin-top: 5% !important;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	border: 0;
}


/* New Quiz CSS */



.btn-group-vertical button:not(:last-child) {
	border-bottom: none; /* Prevent double borders */
	margin-bottom: 10px;
}


.loader {
	border: 16px solid #F3F3F3;
	text-align: center;
	border-radius: 50%;
	border-top: 16px solid #3498DB;
	width: 120px;
	height: 120px;
	-webkit-animation: spin 2s linear infinite; /* Safari */
	animation: spin 2s linear infinite;
}

.quiz-options ul li a span, 
.quiz-options ul li a, 
.desc_bottom_links a, 
#links_logo p a {
	color: #2D6DA4;
}
 
.green-highlight-007381 {
	color: #007381;
}
#main_buttons {
	padding: 0px !important;
}

.radio label {
	line-height: 2em;
}

.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}




/* Safari */
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}


/********END****/



#high_score h2, 
#high_score h3,
#low_score h2, 
#low_score h3 {
	line-height: 1em !important;
}


#high_score h2, 
#high_score h3,
#low_score h2, 
#low_score h3 {
	line-height: 1em !important;
}



@media screen {
   .print-only {
	   display: none;
   }
}


@media print {
/* 	a[href]:after {
		content: " (" attr(href) ")";font-size:0.8em;
	} */
  
	.no-print {
		display: none !important;
	}
   
	.print-only {
		display:inline;
	}
}