body {

	font-family:'Open Sans',sans-serif;

}

.headerbar {
    min-height: 80px;
    position: relative;
}

.headerbar-apppro {

	background-color: #507fb3;
    border-color: #507fb3;

}

.headerbar-apppro-white {

	background-color: #ffffff;
    border-color: #ffffff;

}

.headerbar-apppro-blue {

	background-color: #5280b2;
    border-color: #ffffff;

}

.logo_header {

	margin-top:20px;

}

.navbar {
    border: 1px solid transparent;
    margin-bottom: 20px;
    min-height: 40px;
    position: relative;
}

.navbar-header {

	background-color: #81abd8;
	border:0px;

}

.navbar-apppro {

	background-color: #81abd8;
    color: #fff;
    border: 0px;
    padding-left: 40px;

}

.navbar-grey-apppro {

	background-color: #EBEBEB;
    color: #fff;
    border: 0px;
    padding-right: 5px;
    height: 4px;

}

.navbar-apppro a {

	 color: #fff;
	 background-color: #81abd8;

}

.navbar-apppro a:hover {

	 color: #507fb3;

}

.nav-tabs > li > a {
    border: 1px solid transparent;
    border-radius: 0px 0px 0 0;
    line-height: 10px;
    margin-right: 2px;
    background-color: #81abd8;
    
}

.section_name {
	
	font-size:12px;
	height:60px;
	margin-top:-25px;

}

.vertical_align_middle {

	position: relative;
	top: 50%;
	transform: translateY(-50%);

}

@media screen and (max-width: 768px) {

	.navbar-nav {

		 border:0px;

	}
	
	.navbar-nav {
	
		padding:0px;
		margin-top:0px;
		margin-bottom:1px;
	
	}
	
	.nav-tabs > li > a {
		border: 1px solid transparent;
		border-radius: 0px 0px 0 0;
		line-height: 20px;
		margin-right: 2px;
		background-color: #81abd8;
	
	}
	
	.section_name {
	
		font-size:10px;
	
	}
	
}

.navbar-nav {

	 background-color: #81abd8;

}

.nav-tabs > ul {
    background-color: #81abd8;
}

.nav-tabs > li {
    float: left;
    margin-bottom: -1px;
    background-color: #81abd8;
    
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: #ddd #ddd transparent;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #507fb3;
    cursor: default;
    outline:0;
}

.icon-bar {

	background-color: #fff;

}

h1,h2,h3,h4,h5,h6 {

	color: #5683b0;

}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #5683b0;
    margin: 1em 0;
    padding: 0; 
}

hr.gray {
    border-color: #EBEBEB;
    margin: 0px;
}

.grey_line {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #777777;
    margin: 1em 0;
    padding: 0; 
}

.color_light_grey {

	color: #777777;

}

.color_black {

	color: #000;

}

.color_notice {

	color: #c2c2c2;

}

.color_orange {

	color: #fec34a;

}

.color_lime {

	color: #57bd3f;

}

.font_weight_bold {

	font-weight:bold;

}

.font_weight_normal {

	font-weight:100;

}

.font_size_nine {

	font-size:9px;

}

.font_size_ten {

	font-size:10px;

}

.font_size_twelve {

	font-size:12px;

}

.margin_top_twenty {

	margin-top:20px;

}

.margin_top_sixty { margin-top: 60px; }
.margin_top_ten { margin-top: 10px; }
.margin_bottom_sixty { margin-bottom: 60px; }
.margin_right_twenty { margin-right: 20px; }

.section_bar {

	background-color: #81abd8;
	height:35px;
	color: #fff;
	width: 100%;
	padding: 5px;
	font-size: 18px;
	margin-top: 30px;
	margin-bottom: 30px;

}

.score_performance_high {

	background-color: #0b6739;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	height:35px;
	display:inline-block;
	float:right;
	margin-top:-5px;
	margin-right:-5px;

}

.score_performance_moderate {

	background-color: #57bd3f;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	height:35px;
	display:inline-block;
	float:right;
	margin-top:-5px;
	margin-right:-5px;

}

.score_performance_low {

	background-color: #fec34a;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	height:35px;
	display:inline-block;
	float:right;
	margin-top:-5px;
	margin-right:-5px;

}

.score_performance_default {

	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	height:35px;
	display:inline-block;
	float:right;
	margin-top:-5px;
	margin-right:-5px;

}

.score_line_gradient {
   
    border-radius: 25px;
    border: 1px solid #b3b3b5;
    padding: 2px; 
    width: 100%;
    height: 15px;
    
    background: #009144; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, rgba(223, 237, 110, 1),  rgba(155, 213, 85, 1), rgba(88, 189, 63, 1)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left, rgba(223, 237, 110, 1),  rgba(155, 213, 85, 1), rgba(88, 189, 63, 1)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, rgba(223, 237, 110, 1),  rgba(155, 213, 85, 1), rgba(88, 189, 63, 1)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(left, rgba(223, 237, 110, 1),  rgba(155, 213, 85, 1), rgba(88, 189, 63, 1)); /* Standard syntax */
    
}

.score_line_empty {
    border-radius: 25px;
    border: 1px solid #b3b3b5;
    padding: 2px; 
    width: 100%;
    height: 15px;
    background-color: #fff;
}

.score_line_header {
    border-radius: 25px;
    padding: 2px; 
    width: 100%;
    height: 15px;
}

.score_line_solid {
    border-radius: 25px;
    border: 1px solid #b3b3b5;
    padding: 2px; 
    width: 100%;
    height: 15px;
    background-color: #009144;
}

.score_line_solid_orange {
    border-radius: 25px;
    border: 1px solid #b3b3b5;
    padding: 2px; 
    width: 100%;
    height: 15px;
    background-color: #fec34a;
}

.score_line_solid_light_green {
    padding: 2px; 
    border: 1px solid #b3b3b5;
    width: 100%;
    height: 15px;
    background-color: #57bd3f;
}

.score_line_solid_dark_green {
    border-radius: 25px;
    border: 1px solid #b3b3b5;
    padding: 2px; 
    width: 100%;
    height: 15px;
    background-color: #0b6739;
}

.score_bubble {

    border-radius: 25px;
    border: 1px solid #b3b3b5;
    background-color: #aed8e6;
    padding-top: 5px;
    text-align:center; 
    width: 30px;
    height: 30px;
    margin-top:-10px;
    font-size: 14px;
    font-weight:bold;

}

.error_text {

	color: red;
	
}

.dropdown-menu {
    background-clip: padding-box;
    background-color: #81abd8;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    display: none;
    float: left;
    font-size: 14px;
    left: 0;
    list-style: outside none none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 2000;
}

.dropdown-menu > li > a {
    color: #fff;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background-color: #81abd8;
    color: #fff;
}

.nav > li > a:focus, .nav > li > a:hover {

	background-color: #81abd8;
	text-decoration: none;

}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {

	background-color: #81abd8;
	border-color: #337ab7;
}

.question_container {
	min-height: 600px;
    padding-left: 0px;
    padding-right: 0px;
}

input[type='text'],
input[type='number'],
input[type='email'],
input[type='password'],
input[type='tel'],
textarea {
  font-size: 16px;
}

.text_align_center { text-align: center; }
.margin_top_fifty { margin-top: 50px; }
.margin_top_thirty { margin-top: 30px !important; }
.margin_top_five { margin-top: 5px; }

.assessment_title {
    color: #7FAAD9;
    font-size: 36px;
}

.assessment_gray_text {
    color: #9B9B9B;
    font-size: 18px;
}

.assessment_label {
    color: #7B7B7B;
    font-size: 14px;
}

.green_button {
    height: 35px;
    font-size: 16px;
    max-width: 300px;
    background-color: #8ec320;
    color: #ffffff;
    margin: 0px auto;
}
.green_button:hover { background-color: #7dac1c; }

.btn_green {
    background-color: #8ec320;
    border: none;
    color: #fff;
}
.btn_green:hover {
    background-color: #7dac1c;
    color: #fff;
}

.error_message {
    color: #FCB317;
    font-size: 12px;
    min-height: 17px;
}

.error_message_link {
    color: #FCB317;
    font-size: 12px;
    border-color: #FCB317;
    text-decoration: underline;
    outline: none !important;
    background: transparent;
    border: none;
    padding: 0px;
}

.error_message_link:focus, .error_message_link:hover {
    color: #DC9D18;
    border-color: #DC9D18;
}

.gray_link {
    background-color: transparent;
    border: none;
    max-width: 300px;
    margin: 0 auto;
    text-align: center;
    color: #B8B8B8;
    outline: none !important;
    font-size: 16px;
}
.gray_link:hover {
    color: #8F8F8F;
}

.header_container {
    padding: 0px 4%;
    line-height: 80px;
}
.header_container .logo_header {
    height: auto;
    width: auto;
    max-height: 45px;
    max-width: 500px;
}

.my_assessments_header_title { font-size: 36px; }

.my_assessments_item {
    padding: 30px 0px;
    border-bottom: 1px solid #EBEBEB;
}
.my_assessments_item .company_title {
    font-size: 18px;
    color: #7B7B7B;
    font-weight: 400;
}
.my_assessments_item .assessment_title {
    font-size: 16px;
    color: #989898;
    margin-top: 10px;
}
.my_assessments_item .assessment_status {
    font-size: 14px;
    margin-top: 10px;
    font-weight: 400;
}
.my_assessments_item .assessment_status.completed {
    color: #7FAAD9;
    font-style: italic;
}
.my_assessments_item .assessment_status.expired {
    color: #FCB317;
    font-style: italic;
}
.my_assessments_item .assessment_status.started {
    color: #989898;
    font-style: italic;
}
.my_assessments_item .assessment_status.continue a{ color: #8ec320; }
.my_assessments_item .assessment_status.continue a:hover { color: #7dac1c; }

.slim_hr {
    margin: 0px;
    border: 0px;
    border-bottom: 1px solid #5683B0;
}

.leave_button {
    color: #FFF;
    padding: 6px 12px;
    font-size: 14px;
    text-shadow: none;
    background-color: #A6CA00;
    border: 1px solid #94B500;
    border-radius: 4px;
    vertical-align: middle;
}

.leave_button:hover {
    background-color: #94B500;
}

.margin_top_fifteen {
    margin-top: 15px;
}

.text_align_right {
    text-align: right;
}

center img {
    max-width:100%;
    height:auto;
    display:block;
}



@keyframes loading_spinner_inner {
  0% { opacity: 1 }
  100% { opacity: 0 }
}
.loading_spinner_inner div {
  left: 48px;
  top: 19.5px;
  position: absolute;
  animation: loading_spinner_inner linear 0.6666666666666666s infinite;
  background: #ffffff;
  width: 4px;
  height: 15px;
  border-radius: 2px / 4.95px;
  transform-origin: 2px 30.5px;
}.loading_spinner_inner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -0.5925925925925926s;
  background: #ffffff;
}.loading_spinner_inner div:nth-child(2) {
  transform: rotate(40deg);
  animation-delay: -0.5185185185185185s;
  background: #ffffff;
}.loading_spinner_inner div:nth-child(3) {
  transform: rotate(80deg);
  animation-delay: -0.4444444444444444s;
  background: #ffffff;
}.loading_spinner_inner div:nth-child(4) {
  transform: rotate(120deg);
  animation-delay: -0.37037037037037035s;
  background: #ffffff;
}.loading_spinner_inner div:nth-child(5) {
  transform: rotate(160deg);
  animation-delay: -0.2962962962962963s;
  background: #ffffff;
}.loading_spinner_inner div:nth-child(6) {
  transform: rotate(200deg);
  animation-delay: -0.2222222222222222s;
  background: #ffffff;
}.loading_spinner_inner div:nth-child(7) {
  transform: rotate(240deg);
  animation-delay: -0.14814814814814814s;
  background: #ffffff;
}.loading_spinner_inner div:nth-child(8) {
  transform: rotate(280deg);
  animation-delay: -0.07407407407407407s;
  background: #ffffff;
}.loading_spinner_inner div:nth-child(9) {
  transform: rotate(320deg);
  animation-delay: 0s;
  background: #ffffff;
}
.loading_spinner_outer {
  width: 24px;
  height: 24px;
  display: inline-block;
  overflow: hidden;
  background: none;
}
.loading_spinner_inner {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(0.24);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.loading_spinner_inner div { box-sizing: content-box; }