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;
}

.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: #FFFFFF !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: #FFFFFF !important;
  background-color: #712177 !important;
  background-image: none !important;
  border-color: #343a40 !important;
}


.icon-radio-btn {
  white-space: normal!important;
}

.btn-warning:disabled {
  background-color: #767577 !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%;
}
.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;
   }
  
}