@charset "UTF-8";
/* Becoming Five CSS Document -- Overriding Foundation CSS Framework */
* { 
	font-family: 'Open Sans', sans-serif;
}
/**
 * header and navigation styles
 */
.navbar-brand>img {
	position: relative;
	top: -10px;
/*	left: -14px;*/
}
.navbar-toggle .icon-bar {
	background-color: #2c4054;
}
.navbar-inverse {
	color: #fff;
}
.collapse navbar-collapse {
	background-color: #fff !important;
}
.navbar-nav a {
	color: #000;
	background-color: #fff !important;
}
.navbar-nav>li>a:hover {
	background-color: #3D5874 !important;
	color: #fff;
}
.navbar-nav a:active,
.navbar-nav a:link,
.navbar-nav a:visited {
	background-color: #fff !important;
	color: #000;
}
.nav-welcome {
	color: #000;
	background-color: #fff;
	padding-top: 15px;
	padding-bottom: 15px;
	line-height: 20px;
	margin-right: 1em;
	margin-left: 1em;
}
/*header {
	background-color: #2c4054;
}*/
.container-fluid {
	padding-left: 0;
	padding-right: 0;
}
.logo-on-top {
	float: left;
    margin: 0 3.06%;
    margin-top: 3px;
    margin-left: 0;
}
.logo-words {
	clear:left;
	position: relative;
	padding: 0;
	margin: 0 auto;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
}
.logo-words p {
	letter-spacing: 7px;
	font-size: 15px;
	margin: 0;
}
.logo-words h2 {
	margin: 0;
	padding: 0;
	font-size: 60px;
	font-weight: bold;
}
.img-container {
	background-image: url(../_images/arrowblueshort1140.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	width: 100%;
	height: 540px;
	/*width: 1170px;*/
}
.main-container {
	width: 1024px;
	margin: 0 auto;
}
.footer {
  margin: 2em auto;
  margin-bottom: 0;
  padding: 1em;
  width: 100%;
  height: 4em;
  background-color: #2c4054;
  color: #fff;
  text-align: center;
/*  border-top: 3px solid #E4E4E4;*/
}
.footer a {
	color: #fff;
}

/**
 * panel style adjustments
 **/
.panel-heading-link {
	font-size: .95em;
	line-height: 1em;
}
.panel-heading-link a,
.panel-heading-link a:active,
.panel-heading-link a:link,
.panel-heading-link a:hover,
.panel-heading-link a:visited {
	color: #fff;
}
.panel-info>.panel-heading {
	background-color: #2c4054;
	color: #fff;
}
.panel-info {
	border-color: #2c4054;
}
/**
 * recaptcha
 **/
.recaptcha-fix {
	display: inline-block;
}
/****************************************************
 *        intro page / styles
 ****************************************************/
hr.intro-rule { 
	width: 50%;
	border: 0;
	height: 1px;
	color: #d2d2d2;
	background-color: #d2d2d2;
	margin-top: 2em;
	margin-bottom: 2em;
}
p.intro {
	margin: 0 auto 2em;
	
}
h3.intro {
	padding: 4px 0;
}

/****************************************************
 *        results page / styles
 ****************************************************/
.overall-results {
	/*border: 1px solid #000;*/	
	margin: 3em 1em;
}
.keep-together {
	white-space: nowrap;
}
.img-responsive {
	margin: 0 auto;
}
.results p, li {
	font-size: 1.1em;
	line-height: 1.7em;
	color: #404040;
}
.results li li {
	font-size: 1em;
}
.results li {
	margin-bottom: 1em;	
}
.level {
	margin: 0 auto;
	width: 300px;
	background-color: #EEEEEE;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding: 10px;
}

.pattern {
	margin: 0 auto;
	width: 300px;
	background-color: #EEEEEE;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding: 10px;
}

.pattern-image-container {
	width: 90px;
	height: 90px;
	background-color: #179BDF;
	padding: 25px;
    display: block;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
    margin: auto;
}

.pattern-image {
	width: 40px;
	height: 40px;
}

.pattern-text {
	text-align: center;
}
/****************************************************
 *        details page / styles
 ****************************************************/
.list-group-item {
	padding: 6px;
	margin-right: 15px;
	background-color: #e8e8e8;	
}
/****************************************************
 *        reports page / styles
 ****************************************************/
td li { 
	font-size: .9em;
}

/****************************************************
 *        questions / answers styles
 ****************************************************/
div.question-container .panel-heading,
div.question-container .panel-footer {
	text-align: center;
}

div.question-container .progress {
	margin: 1em;
}
/** question **/
.question {
	margin: 1.5em .1em 1em .1em; /* margin for question-tip below question and above buttons */
/*	margin: 1.5em .1em 2em .1em;	 margin-top: 1.5em or 0 for 1-at-a-time **/
	/** padding-top: 1em;				delete if we move to 1-at-a-time **/
	/**border-top: 2px solid #ccc; 		 delete if we move to 1-at-a-time **/
/*	text-align: center;*/
	font-size: 1.3em;
}
.question-container {
	margin: 1em auto;
	max-width: 800px;
	width: 90%;
}
.question-tip {
	padding: 1em;
	font-style: italic;
	background-color: #FFF1CB;
	font-size: 1.1em;
	margin-bottom: 1em;
	/*margin-top: 2em;*/
	margin-left: 1.5em;
	margin-right: 1.5em;
}
.answer-container {
	width: 100%;
}

.ans-toolbar {
    text-align: center;
}

.ans-toolbar label {
    margin: 0 .25em;
    padding: .25em;
	padding-top: 1em;
    width: 18%;
    min-height: 4em;
    border: 1px solid #222;
    border-radius: 4px;
	vertical-align:middle;
}
.ans-toolbar ul {
	list-style: none;
}
.ans-multiselect label {
	width: 90%;
	padding: 0;
	min-height: 0;
	border: none;
	text-align: left;
	margin-bottom: .25em;
	font-weight: normal;
}
.ans-multiselect li {
	margin-bottom: .35em;
	line-height: 1.1em;
}
.ans-multiselect input {
	margin: 0 0 0 -20px;	
	font-size: 2em;
}
.ans-unchecked {
	background-color: #efefef;
}
.ans-checked {
	color: #fff;
	background-color: #006dcc;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-color: #0044cc #0044cc #002a80;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.item-ref {
	color: #ccc;
}

.btn-likert {
	margin: .5em;
	min-width: 100px;
}

/** remove the html button itself **/
[type="radio"] {
  border: 0; 
  clip: rect(0 0 0 0); 
  height: 1px; margin: -1px; 
  overflow: hidden; 
  padding: 1px; 
  position: absolute; 
  width: 1px;
}

.big-arrow-left {
	font-size: 2em;
	float: left;
	margin-right:4em;
}
.big-arrow-right {
	font-size: 2em;
	float: right !important;
	margin-left: 4em;
}
.pagination {
	float: right;
}
/**
 * form processing 
 **/
.error {
	color: #980000;
	font-style: italic;
/*	background-color: #ccc;*/
}
.ng-invalid {
    border-color: red;
    outline-color: red;
}

.ng-valid {
    border-color: green;
    outline-color: green;
}
@media only screen and (max-width: 640px) {
	.ans-toolbar label {
		margin: 2px;
		padding: 2px;
		width: 18%;
	}
}
@media only screen and (max-width: 480px) {
	.ans-toolbar label {
		font-size: .8em;
		width: auto;
	}
	.navbar-toggle {
		margin-right: 25px;
		background-color: #ccc;
		color: #fff;
	}
	.navbar-nav li a {
		color: #fff;	
	}
	.big-arrow-left {
		margin-right: .5em;
	}
	.big-arrow-right {
		margin-left: .5em;
	}
	
	.btn-likert {
		margin: 2px;
		font-size: .8em;
		min-width: 40px;
/*		min-width: 100px;*/
	}
	
}
/****************************************************
 *          end of questions / answers styles
 ****************************************************/