/* Blue-Lighter:#b8cfe7 (highlight) */
/* Blue-Light:#36c */
/* Blue-Dark:#369 */
/* Gray-Dark:#eee */
/* Gray-Darker:#aaa */
/* Gray-Light:#ddd */
/* White:#fff */
/* Black:#000 */

html{
font-family:"Trebuchet MT",verdana,tahoma,helvetica,arial,sans-serif;
}

body{
font-size:14px;
padding:10px;
background:#aaa;
}

.page{
background:#fff;
padding:0;
margin:10px auto;
width:99%;
z-index:2;
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
-webkit-box-shadow:5px 5px 5px rgba(0, 0, 0, .4);
-moz-box-shadow:5px 5px 5px rgba(0, 0, 0, .4);
}

.text_nav_button
{
    background-color: #369;
	color: #ffffff;
	border-width: 0;
}

.page_header{
background:#369;
margin:0;
color:#fff;
font-size:20px;
text-shadow:#000 1px 1px 2px;
padding:10px;
text-align:center;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#36c', endColorstr='#369'); /* for IE */
background:-webkit-gradient(linear, left top, left bottom, from(#36c), to(#369)); /* for webkit browsers */
background:-moz-linear-gradient(top, #36c, #369); /* for firefox 3.6+ */
border-radius:15px 15px 0 0;
-moz-border-radius:15px 15px 0 0;
-webkit-border-radius:15px 15px 0 0;
}

.page_footer{
 background:#369;
 margin:0;
 color:#fff;
 font-size:10px;
 padding:5px;
 text-align:center;
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36c', endColorstr='#369'); /* for IE */
 background:-webkit-gradient(linear, left top, left bottom, from(#36c), to(#369)); /* for webkit browsers */
 background:-moz-linear-gradient(top, #36c, #369); /* for firefox 3.6+ */
 border-radius:0 0 15px 15px;
 -moz-border-radius:0 0 15px 15px;
 -webkit-border-radius:0 0 15px 15px;
}

.alt_color1{background:#ddd;}

.alt_color2{background:#eee;}

.header1{
 font-size:18px;
 margin:0 0 12px;
 padding:0;
}

.header2{
 font-size:16px;
 margin:0 0 12px;
 padding:0;
}

.question_text{
 font-size:14px;
 margin:0 0 12px;
 padding:0;
}

.question{
 margin:20px;
 padding:0;
}

.indent{
 margin:0;
 padding:0;
}

.footer{
 font-size:10px;
 background:#ddd;
 color:#000;
 margin-top:12px;
 padding:12px;
 border-radius:15px;
 -moz-border-radius:15px;
 -webkit-border-radius:15px;
 -webkit-box-shadow:2px 2px 2px rgba(0, 0, 0, .4);
 -moz-box-shadow:2px 2px 2px rgba(0, 0, 0, .4);
}

.progress_bar {
 font-size:13px;
 margin-bottom:10px;
 margin-left:auto;
 margin-right:auto;
 padding-left:3px;
 padding-right:3px;
 position:relative;
 vertical-align:middle;
 width:60%;
}

.progress_bar_inner{
background:#369;
}

.progress_bar_outer{
background:#ddd;
}

.highlight, .highlight td {
background-color:#B8CFE7 !important;
}

.error_messages {
background:red;
color:#FFF;
font-weight:500;
margin:0;
padding:1px 0 2px;
text-align:center;
}

.question_errors {
margin:0;
padding:0;
}

.error_quest_highlight {
border-radius:0 0 15px 15px;
-moz-border-radius:0 0 15px 15px;
-webkit-border-radius:0 0 15px 15px;
}

.graphical_next_button {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cstyle%3E.st0%7Bfill:%23396396;%7D%3C/style%3E%3Cpath id='XMLID_1_' class='st0' d='M0 15c0 8.3 6.7 15 15 15s15-6.7 15-15S23.3 0 15 0 0 6.7 0 15zm17.6 0l-6.3-6.3c-.5-.5-.5-1.4 0-1.9s1.4-.5 1.9 0l7.3 7.3c.3.3.4.6.4 1s-.1.7-.4 1l-7.3 7.3c-.3.3-.6.4-1 .4s-.7-.1-1-.4c-.5-.5-.5-1.4 0-1.9l6.4-6.5z'/%3E%3C/svg%3E");
}

.graphical_previous_button {
	background-image: url("data:image/svg+xml,%3Csvg id='previous' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cstyle%3E.st0%7Bfill:%23396396;%7D%3C/style%3E%3Cpath id='XMLID_1_' class='st0' d='M30 15c0-8.3-6.7-15-15-15S0 6.7 0 15s6.7 15 15 15 15-6.7 15-15zm-17.6 0l6.3 6.3c.5.5.5 1.4 0 1.9s-1.4.5-1.9 0L9.5 16c-.3-.3-.4-.6-.4-1s.1-.7.4-1l7.3-7.3c.3-.3.6-.4 1-.4.3 0 .7.1 1 .4.5.5.5 1.4 0 1.9L12.4 15z'/%3E%3C/svg%3E");
}

.carousel_prev 
{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-15167 -2035 24 28'%3E%3Cdefs%3E%3Cstyle%3E.cls-1 %7B fill: %233365ba; %7D%3C/style%3E%3C/defs%3E%3Cpath id='Left_task_arrow' data-name='Left task arrow' class='cls-1' d='M-15143-2035v28l-24-13.917z'/%3E%3C/svg%3E");
}

.carousel_next 
{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-15123 -2035 24 28'%3E%3Cdefs%3E%3Cstyle%3E.cls-1 %7B fill: %233365ba; %7D%3C/style%3E%3C/defs%3E%3Cpath id='Right_task_arrow' data-name='Right task arrow' class='cls-1' d='M-15123-2035l24 13.917-24 14.083z'/%3E%3C/svg%3E");
}

.nav_dot.active 
{
    border-color: #369;
}

/*CBC Best*/
.cbc_concept.best .best_button,
.cbc_concept.discrete.best .task_select_button,
.dual_response_none_button.would_button.selected,
.custom_position_none.best .best_button
{
    background-color: #59C754;
    border-color: #59C754;
}

.cbc_concept.best
{
    border-color: #59C754;
}

.nav_dot.best
{
    background-color: #59C754;
}

/*CBC Worst*/
.cbc_concept.worst .worst_button,
.dual_response_none_button.would_not_button.selected,
.custom_position_none.worst .worst_button
{
    background-color: #C9282B;
    border-color: #C9282B;
}

.cbc_concept.worst
{
    border-color: #C9282B;
}

.nav_dot.worst
{
    background-color: #C9282B;
}

@media only screen and (max-width: 800px)
{
    .question.cbc .header1,
	.question.cbc .header2,
	.question.cbc .footer
	{
		margin-left: 20px;
		margin-right: 20px;
	}
}