﻿/* Copyright Humanmetrics Inc. All Rights Reserved. */
body {
	/*padding-bottom: 20px;*/
	background-color: #D5E2CA;
	font-size: 15px;
	/*color: #2C2C2C;*/
	/*font-family:Tahoma,Arial,Helvetica,sans-serif;*/ /*Georgia, Cambria,'Times New Roman',Times, serif;*/ /*Georgia, serif;*/
}

/* Bootstrap modifiers and extensions */
/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
	padding-left: 15px;
	padding-right: 15px;
}


/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
	.jumbotron {
		margin-top: 20px;
	}

	.body-content {
		padding: 0;
	}
}

/* That was in bootstrap 3.0 but removed in later versions */
@media screen and (max-width: 400px) {
	@-ms-viewport {
		width: 320px;
	}
}

@media (max-width:400px) {
	.hidden-mob {
		display: none !important;
		visibility: hidden !important;
	}
}

blockquote {
	border-left-color: #8C8D8B; /*#BFD1B1;#D8D5AB;*/
	font-size: inherit;
}

.navbar {
	border: none;
	margin-bottom: 5px;
}

.navbar-default {
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(167,185,151,1)), color-stop(50%,rgba(242,247,237,1)), color-stop(100%,rgba(167,185,151,1))); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(left, rgba(167,185,151,1) 0%,rgba(242,247,237,1) 50%,rgba(167,185,151,1) 100%); /* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(left, rgba(167,185,151,1) 0%,rgba(242,247,237,1) 50%,rgba(167,185,151,1) 100%); /* Opera 11.10+ */
	background-image: linear-gradient(to right, rgba(167,185,151,1) 0%,rgba(242,247,237,1) 50%,rgba(167,185,151,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7b997', endColorstr='#a7b997',GradientType=1 ); /* IE6-8 */
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	background-repeat: repeat-x;
	border-radius: 6px;
	box-shadow: 1px 1px 6px #535353;
	-webkit-box-shadow: 1px 1px 6px #535353;
	border-collapse: separate; /* IE9 bug - required for box-shadow */
}

	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
		background-color: rgb(211, 219, 204);
	}

	.navbar-default .navbar-nav > li > a {
		color: #505749;
	}

	.navbar-default .navbar-brand {
		color: #505749;
	}

.navbar-brand, .navbar-nav > li > a {
	text-shadow: 0px 1px 3px #77816E;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
	background-color: rgb(211, 219, 204);
}

@media (min-width: 768px) and (max-width: 991px) {
	.nav > li > a {
		padding-right: 0px;
	}
}

@media (min-width: 1200px) {
	.container {
		width: 1080px;
	}
}

/* Bootstrap modifiers END */

.hm_btngroup > .btn, .hm_btngroup > .btn-group {
	margin-top: 5px;
	margin-bottom: 5px;
}

/* hm navigation START */
.hm_navlisth, .hm_navtabh {
	text-shadow: 1px 1px 1px gray;
	font-size: 1.1em;
}

.active > .hm_navtabh {
	color: #C61F1E !important;
	font-weight: 600;
}

.hm_navlisth {
	color: #C61F1E !important;
	font-weight: 600;
	line-height: 1;
	display: block;
	padding: 10px 15px;
	margin-bottom: -1px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.hm_content_nav .hm_navlisth {
	background-color: #A7B997;
}

.hm_content_nav.hm_jtpw .hm_navlisth {
	background-color: #92AECF;
}

.hm_content_nav, .hm_pager li > a {
	box-shadow: 1px 1px 6px rgba(112, 112, 112, 0.75);
	background-color: #D0DBC6 /*#CAD8BF*/;
}

.hm_content_nav.hm_jtpw, .hm_pager.hm_jtpw li > a {
	background-color: #b9cde5;
}

.hm_content_nav {
	border-radius: 6px;
}


    .hm_content_nav .list-group-item,
    .hm_content_nav li .list-group-item {
        background-color: #D0DBC6;
        border: none;
        color: #505749;
        /*text-shadow: 0px 1px 2px #77816E;*/
        font-size: 1.1em;
        line-height: 1;
    }

.hm_content_nav.hm_jtpw .list-group-item {
	color: #3A4F69;
	text-shadow: 0px 1px 2px #8FAED3;
	background-color: #b9cde5
}

.hm_content_nav.hm_arrow-l a.list-group-item:before {
	content: "»";
	padding-right: 5px;
}

.hm_content_nav-condensed > .list-group-item,
.hm_content_nav-condensed li .list-group-item {
	padding-left: 8px;
	padding-right: 8px;
	font-size: 1em;
}

.hm_list_item_sm {
	font-size: 0.9em
}

.hm_pager li > a {
	border: none;
	color: #505749;
	text-shadow: 0px 1px 2px #77816E;
}

.hm_pager.hm_jtpw li > a {
	color: #3A4F69;
	text-shadow: 0px 1px 2px #8FAED3;
}

.hm_content_nav .list-group-item.active, .hm_content_nav .list-group-item:hover, .hm_content_nav .list-group-item:active, .hm_content_nav .list-group-item:focus, .hm_pager li > a:hover, .hm_pager li > a:active, .hm_pager li > a:focus, .hm_content_nav .row:hover {
	background-color: #BBCAAE;
	color: #505749;
}

.hm_content_nav.hm_jtpw .list-group-item.active, .hm_content_nav.hm_jtpw .list-group-item:hover, .hm_content_nav.hm_jtpw .list-group-item:active, .hm_content_nav.hm_jtpw .list-group-item:focus, .hm_pager.hm_jtpw li > a:hover, .hm_pager.hm_jtpw li > a:active, .hm_page.hm_jtpw li > a:focus {
	background-color: #A3BBD8;
	color: #223A57;
	text-shadow: 0px 1px 2px #5E81AB;
}


.hm_content_nav .list-group-item:first-child {
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

@media(min-width:992px) {
	.hm_content_nav {
		margin-top: 16px;
	}
}

.hm_content_nav .nav-tabs {
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.nav-tabs.hm_jtt {
	background-color: #BBCAAE;
	border-bottom: 1px solid #D0DBC6 /*#AFB9A5*/;
}

.nav-tabs.hm_jtpw {
	background-color: #A3BBD8;
	border-bottom: 1px solid #92AECF;
}

#tab_you {
	margin-left: 2.5%; /*width: 44%;*/
	padding-top: 6px;
}

#tab_yourb {
	margin-right: 2.5%;
	padding-top: 6px;
}

	#tab_you > a, #tab_yourb > a {
		padding: 7px;
	}

@media(min-width:1200px) {
	#tab_you > a, #tab_yourb > a {
		padding: 4px;
	}
}

#tab_you.active > a {
	background-color: #D0DBC6;
}

#tab_yourb.active > a {
	background-color: #b9cde5;
}

#tab_you.active > a, #tab_yourb.active > a {
	box-shadow: gray 1px 1px 1px;
}

@media(min-width:992px) and (max-width:1199px) {
	#tab_you, #tab_yourb {
		width: 45%;
	}
}
/* hm navigation END */

h2.TitleHRP {
	text-align: center;
	font-size: 21px;
	color: #3775B3;
	font-style: italic;
	font-family: Arial, Helvetica;
	font-weight: bold;
	padding: 6px 0px 6px 0px;
	text-shadow: 1px 1px 2px rgb(156, 155, 155);
	margin-top: 7px;
	margin-bottom: 0px;
}

h2.TitleHM {
	color: #9C1F89;
}


div.hm_ad {
	text-align: center;
}

span.hm_AdNotice {
	display: block;
	font-size: 10px;
	color: #e87913;
	width: 100%;
}

.hm_head, .hm_cont1, .hm_cont2, .hm_cont3, .hm_cont4, .hm_cont5, .hm_cont, .hm_cont6 {
	border-radius: 6px;
	box-shadow: 1px 1px 6px #535353;
	border-collapse: separate; /* IE9 bug - required for box-shadow */
}

.hm_cont1 {
	background-color: rgb(238, 238, 238);
}

.hm_cont2 {
	background-color: #eeebb6;
	background: linear-gradient(to right, rgba(238,235,182,1) 0%,rgba(252,250,250,0.8) 50%,rgba(238,235,182,1) 100%); /* W3C */
}

.hm_cont3 {
	background-color: #EDF2F8;
	/*background-color:#b9cde5;*/
	/*background: linear-gradient(to right, #b9cde5 0%, #ffffff 52%, #b9cde5 100%) fixed;*/
	background: linear-gradient(to right, #EDF3F9 0%, #FFFFFF 50%, #EDF3F9 100%) fixed;
}

.hm_head, .hm_cont4 {
	background: rgb(167,185,151); /* Old browsers */
	background: linear-gradient(to right, rgba(167,185,151,1) 0%,rgba(242,247,237,1) 50%,rgba(167,185,151,1) 100%); /* W3C */
}

.hm_cont5 {
	background-color: #FFFCD7;
}

.hm_cont6 { /* yellow-gold-brown div that contains HM links */
	background-color: #EEEBB6;
	background: linear-gradient(to left, rgba(238,235,182,1) 0%,rgba(255,255,255,1) 50%,rgba(238,235,182,1) 100%); /* W3C */
}
/*.hm_cont6, .hm_cont6 a { color:#835020;}*/ /*brown font color */

.hm_heading {
	color: #C61F1E;
	text-shadow: 1px 1px 2px gray;
}

.hm_author {
	font-size: 90%;
	color: Gray;
	text-align: center;
	margin-top: -15px !important;
	margin-bottom: 0px !important;
}


.hm_head {
	padding: 8px 0px 8px 0px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.hm_head {
	text-align: center;
}

#share {
	background-color: #D5E2CA;
	right: 0;
	left: 0;
	z-index: 1030;
	border-radius: 0;
	bottom: 0;
	margin-bottom: 0;
	border-width: 1px 0 0;
}

@media (min-width: 768px) {
	#share {
		position: fixed;
	}
}

/* special styling of elements */
ul.checklist {
	list-style-image: url('../images/checkmark1.png');
}

ul.nobullets {
	list-style: none;
}

.hm_condensed {
	line-height: 1.3;
}

	.hm_condensed p, .hm_condensed ul {
		margin-top: 4px;
		margin-bottom: 4px;
	}

.hm_rounded {
	border-radius: 6px;
}

.hm_shadowed {
	border-collapse: collapse;
	box-shadow: 2px 2px 8px #535353;
}

.hm_valign-top {
	vertical-align: top;
}

.hm_new:before, .hm_new_es:before, .hm_new2:after, .hm_new2_es:after, .hm_es_prompt:before {
	color: #C61F1E;
	font-style: italic;
	text-shadow: 1px 1px 2px gray;
}

.hm_new:before {
	content: "New! ";
}

.hm_new2:after {
	content: " New!";
}

.hm_new2_es:after {
	content: " ¡Nuevo!";
}

.hm_new_es:before, .hm_es_prompt:before {
	content: "¡Nuevo! ";
}

.hm_es_prompt {
	color: #ca3131;
}

#close-link {
	font-size: 0.75em;
	color: #909e82;
	cursor: pointer;
	margin-left: 6px;
}

a.external {
	background: url(/images/externalsite.gif) top right no-repeat;
	padding-right: 14px; /* a[target="_blank"] */
}

.hm_illu {
	float: left;
	margin-top: 6px;
	margin-right: 10px;
}

@media (max-width:500px) {
	.hm_illu {
		display: none;
	}
}

@media (min-width:501px) {
	.hm_illu {
		width: 173px;
	}
}

@media (min-width:569px) {
	.hm_illu {
		width: 200px;
	}
}

@media (min-width:640px) {
	.hm_illu {
		width: 229px;
	}
}

@media (min-width:768px) {
	.hm_illu {
		width: 282px;
	}
}

@media (min-width:992px) {
	.hm_illu {
		width: 300px;
	}
}
/* special styling of elements END */

/* footnotes and in-page disclaimers START */
.dsclmr {
	font-size: 11px;
	color: #3C3C3C;
	padding: 20px 0px 20px 0px;
}

	.dsclmr img {
		vertical-align: text-bottom;
	}

a[rel="footnote"] {
	text-decoration: none;
	border-bottom: none;
	/* vertical-align:super; */
	/* line-height: 0; */
	/* font-size:0.8em; */
	font-weight: bold;
}

.mbref {
	margin-left: -3px;
}

.ftnline {
	border-top: solid 1px gray;
}
/* footnotes and in-page disclaimers END */

/* switchboard styles BEGIN */
.heading1, .heading2, .heading3, .heading4, .heading5,
.heading1alt, .heading2alt, .heading3alt, .heading4alt, .heading5alt,
.heading1alt2, .heading2alt2, .heading3alt2, .heading4alt2, .heading5alt2,
.TestTitle, .TypeTitle, .YourTypeLabel, .LeverageQuestion, .hm_title {
	font-family: Arial, Helvetica;
	font-weight: bold;
	padding: 6px 0px 6px 0px;
	text-shadow: 1px 1px 1px #8080809e;
}

.heading1, .heading2, .heading3, .heading4, .heading5,
.heading1alt, .heading2alt, .heading3alt, .heading4alt, .heading5alt,
.TestTitle, .TypeTitle, .YourTypeLabel, .LeverageQuestion {
	text-align: center;
}

.hm_clr_h, .heading1, .heading2, .heading3, .heading4, .heading5, .TestTitle, .TypeTitle, .hm_title, .StaticMenuItemStyle a {
	color: #C61F1E;
}

.hm_clr_ha, .heading1alt, .heading2alt, .heading3alt, .heading4alt, .heading5alt, .YourTypeLabel, .LeverageQuestion {
	color: #E87913;
}

.hm_clr_ha2, .heading1alt2, .heading2alt2, .heading3alt2, .heading4alt2, .heading5alt2, .hm_subtitle {
	color: #4E8AC6;
}

.heading1, .heading1alt, .heading1alt2, .TestTitle, .TypeTitle {
	font-size: 26px;
}
/* 20pt */
.heading2, .heading2alt, .heading2alt2 {
	font-size: 21px;
	font-style: italic;
}
/*16pt*/
.heading3, .heading3alt, .heading3alt2, .YourTypeLabel {
	font-size: 15pt;
}

.heading4, .heading4alt, .heading4alt2, .LeverageQuestion {
	font-size: 14pt;
	font-weight: normal;
}

.heading5, .heading5alt, .heading5alt2 {
	font-size: 12pt;
	font-weight: normal;
}

.hm_title {
	font-size: 42px;
	margin-top: -12px;
	margin-top: auto;
	text-align: center;
}

.hm_subtitle {
	font-family: Arial, Helvetica;
	font-size: 19px;
	font-weight: bold;
	text-align: center;
	color: #4E8AC6;
	text-shadow: 1px 1px 1px #96a68773;
	margin-top: -12px;
	padding-bottom: 2px;
}

.heading1alt2 {
	font-size: 20pt;
	text-align: left;
	font-style: normal;
}

.heading2alt2 {
	font-size: 16pt;
	text-align: left;
	font-style: normal;
}

.heading3alt2 {
	font-size: 15pt;
	text-align: left;
	font-style: normal;
}

.heading4alt2 {
	font-size: 14pt;
	text-align: left;
	font-style: normal;
}

.heading5alt2 {
	font-size: 12pt;
	text-align: left;
	font-style: normal;
}

.TestTitle {
	font-style: normal;
	font-weight: normal;
	line-height: 1.25;
}

.TypeTitle {
	padding: 10px 0px 6px 0px;
}

.LeverageQuestion {
	padding: 12px 0px 8px 0px;
	font-style: italic;
}

.YourTypeLabel {
	padding: 6px 0px 10px 0px;
}

.jtype {
	text-align: center;
	text-shadow: 1px 1px 1px gray;
	color: #C61F1E;
	font-family: Arial, Helvetica;
	font-weight: bold;
	font-size: 18pt;
}

.jtype2 {
	text-align: center;
	text-shadow: 1px 1px 1px gray;
	color: #C61F1E;
	font-family: Arial, Helvetica;
	font-weight: bold;
	font-size: 16pt;
	font-style: italic;
}


.jtypeExplain {
	text-align: center;
	text-shadow: 1px 1px 1px gray;
	color: #E87913;
	font-family: Arial, Helvetica;
	font-weight: normal;
	font-size: 14pt;
	font-style: normal;
}

.jtypeExplainAlt {
	text-align: center;
	text-shadow: 1px 1px 1px gray;
	color: #C61F1E;
	font-family: Arial, Helvetica;
	font-weight: normal;
	font-size: 14pt;
	font-style: normal;
	text-decoration: none;
}



.reportLabel {
	text-align: center;
	text-shadow: 1px 1px 1px gray;
	color: #E87913;
	font-family: Arial, Helvetica;
	font-weight: normal;
	font-size: 12pt;
	font-style: normal;
}

.reportLabelAlt {
	text-align: center;
	text-shadow: 1px 1px 1px gray;
	color: #C61F1E;
	font-family: Arial, Helvetica;
	font-weight: normal;
	font-size: 12pt;
	font-style: normal;
}

.yourtype {
	border-collapse: separate;
	margin: auto 12px;
	text-align: center;
	vertical-align: middle;
	background-color: #E9EFE4; /*E6EFDE D9F0C7 D0E6BD rgb(208,230,189) */
	border: solid 1px #B0C69F; /* dark green */
	-moz-box-shadow: 3px 3px 5px #535353;
	-webkit-box-shadow: 3px 3px 5px #535353;
	box-shadow: 3px 3px 5px #535353;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px 6px 6px 6px;
}

@media (min-width:992px) /* md and greater */
{
	.yourtype {
		margin: auto;
		width: 73%;
	}
}

.yourtype ul, .profilesection ul {
	display: inline-block;
	margin: 12px auto;
	padding-left: 24px;
}

.yourtype li, .profilesection li {
	text-align: left;
	color: #835020; /* 690800 */
}

/* switchboard styles END */

.font-handler {
	font-family: Arial;
	font-size: 16px;
}


/*SBEP*/
.div-type {
	background-color: #D0DBC6;
	border-radius: 6px;
	box-shadow: 1px 1px 6px rgba(112, 112, 112, 0.75);
	padding: 4px 6px 6px 6px;
	margin-top: 10px;
}

	.div-type .heading4alt {
		margin-top: 0px;
		margin-bottom: 0px;
		padding-bottom: 0px;
	}

.div-type-content {
	max-width: 300px;
	margin: 0 auto;
}

.margin0 {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.btn-test {
	min-width: 240px;
	padding: 12px;
	font-weight: bold;
	font-size: 12pt;
	margin-bottom: 15px;
}

header {
	margin-top: 8px;
}

footer {
	margin-top: 10px;
	margin-bottom: 40px;
}

.redText {
	color: #C61F1E;
}

.addPadding {
	padding: 0px 5px;
}

.hm_subtitle2 {
	font-family: Arial, Helvetica;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	color: #4E8AC6;
	text-shadow: 1px 1px 1px #96A687;
	padding: 1px 0px 2px 0px;
}

/* regular table */
.hm_table th {
	border-bottom-color: #e1ae7e !important;
}

.hm_table td {
	border-top-color: #e1ae7e !important;
}

@media print {
	.no-print {
		display: none !important;
	}
}

article#main {
	margin-bottom: 40px;
}

.forget-result {
	margin-top: 5px;
}

@media (max-width:495px) {
	.type-block {
		text-align: center;
	}

		.type-block span {
			display: block;
		}
}

@media (max-width:768px) {
	.jumbotron p.lead {
		font-weight: 400;
	}
}

@media (min-width:700px) {
	#chart-container {
		width: 70%;
		margin: 0 auto;
	}
}

.float-none {
	float: none !important;
}

.instruction {
	font-size: 13px;
	border: 1px solid #ccc;
	margin-top: 7px;
	background: #f5f5f5;
	padding: 15px;
	border-radius: 5px;
}

.list-grad {
	background: linear-gradient(#A9D18E, #F7FAFD, #B5D2EC);
	background-repeat: no-repeat;
	list-style: none;
	border-radius: 5px
}

	.list-grad li {
		padding: 6px;
		text-shadow: #a8bed2 1px 1px 2px;
	}

		.list-grad li:first-child {
			padding-top: 12px;
		}

		.list-grad li:last-child {
			padding-bottom: 12px;
		}

@media(max-width:500px) {
	#c_qsts2 div {
		margin: 0 auto;
	}
}

.box-shadow-rounded {
	box-shadow: 1px 1px 6px rgba(112, 112, 112, 0.75);
	border-radius: 8px;
}


@media(max-width: 500px) {
	#logo-right, #intro {
		display: none;
	}
}

#logo-left {
	width: 100%;
}

@media(min-width: 501px) {
	#logo-left {
		display: none;
	}
}


.grad-rap {
	background: linear-gradient(to right, #467AA9, #95BFB5 25%, #99C48E 50%, #BCB871 65%, #D7AD65 75%, #E4875E 90%, #d6403f 100%);
	background-repeat: no-repeat;
	padding: 0;
	height: 40px;
}

	.grad-rap .here-label {
		height: 100%;
		font-size: 15px;
		display: block;
		color: white;
		font-weight: bold;
		text-align: center;
		vertical-align: middle;
		padding-top: 10px;
		text-shadow: 1px 1px 1px black;
	}

	.grad-rap div {
		height: 100%;
		width: 20%;
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.3));
	}

#prem-result {
	border: 1px solid #ddd;
	border-radius: 5px;
	display: flex;
	background: white;
}

	#prem-result.your-risk div {
		margin: 0px;
		padding-bottom: 15px;
	}

@media (max-width: 600px) {

	.grad-rap {
		height: 30px;
	}

		.grad-rap .here-label {
			padding-top: 6px;
		}

	.scale-rap {
		margin-bottom: 25px;
	}

	#prem-result {
		display: block;
		margin: 0;
		padding-left: 0;
		padding-right: 0;
	}

	.primary {
		border-right: 0px;
		border-bottom: 1px solid #ddd;
	}

	.primary, .secondary {
		padding-left: 0;
		padding-right: 0;
	}
}

.scale-rap {
	height: 20px;
	padding: 0;
	position: relative;
	color: #C61F1E;
	margin-bottom: 21px;
	font-size: 15px;
}

.down-rap {
	width: 0;
	height: 0;
	position: absolute;
	border-left: 13px solid transparent;
	border-right: 13px solid transparent;
	border-top: 20px solid;
	left: 0;
}


.primary {
	border-right: 1px solid #ddd;
}

.primary, .secondary {
	padding-top: 20px;
}

.moralist, .moralist a {
	color: #467AA9;
}

.toiler, .toiler a {
	color: #5B9BD5;
}

.rational, .rational a {
	color: #90BD6C;
}

.energetic, .energetic a {
	color: #DFC04E;
}

.authoritarian, .authoritarian a {
	color: #EA8428;
}

.inspired, .inspired a {
	color: #D96661;
}

.adventurer, .adventurer a {
	color: #d6403f;
}

.mor {
	border-color: #467AA9;
	background-color: #467AA9;
}

.toi {
	border-color: #5B9BD5;
	background-color: #5B9BD5;
}

.rat {
	border-color: #90BD6C;
	background-color: #90BD6C;
}

.ene {
	border-color: #DFC04E;
	background-color: #DFC04E;
}

.aut {
	border-color: #EA8428;
	background-color: #EA8428;
}

.ins {
	border-color: #D96661;
	background-color: #D96661;
}

.adv {
	border-color: #d6403f;
	background-color: #d6403f;
}

.your-risk div {
	display: inline-block;
	margin: 0px 1.5%;
}

.your-risk a {
	display: block;
	text-decoration: underline;
}

.sidebar {
	max-width: 300px;
	margin: 0 auto;
}

.instruction-quiz {
	border-bottom: #e08b23 solid 2px;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.authoritarian .broken-author {
	display: none;
}

.authoritarian .common {
	display: inline-block;
}

@media (max-width:768px) {
	.authoritarian .broken-author {
		display: inline-block;
	}

	.authoritarian .type-block.common {
		display: none;
	}
}

.share-label {
	color: #C61F1E;
	text-shadow: 1px 1px 2px grey;
	font-weight: bold;
}

.heading2alt.type-scores-label {
	margin-bottom: 0px;
}

.list-group.hm_content_nav.type-scores {
	margin-top: 0px;
}

.fb-share-button {
	vertical-align: top;
	margin-left: 6px;
	margin-right: 6px;
}

.prem-score {
	color: white;
	text-align: center;
	border-radius: 6px;
	text-shadow: 1px 1px 1px #77816E;
}

.expres-score {
	display: inline-block;
	width: 100%;
	max-width: 20%;
	border-radius: 6px;
	border: 1px solid #ddd;
}

@media (max-width:600px) {
	.expres-score {
		max-width: 40%;
	}
}

.small-score {
	min-height: 22px;
	font-size: 14px;
}

a span.glyphicon:hover {
	cursor: pointer;
}

.jtt_types_img {
	float: right;
}

@media(max-width: 400px) {
	.jtt_types_img {
		max-height: 240px;
		max-width: 240px;
		display: block;
		margin: 0 auto 15px auto;
		float: none
	}
}

@media(min-width: 401px) and (max-width: 767px) {
	.jtt_types_img {
		height: 172px;
		width: 172px;
	}
}

@media(min-width:768px) {
	.jtt_types_img {
		height: 240px;
		width: 240px;
	}
}

.clear-btn {
	clear: both;
}


.celebrity-line {
	border-bottom: 1px #ccc solid;
	padding: 5px 0;
}

.progress {
	margin-bottom: 0px;
	padding-left: 0;
	padding-right: 0;
	height: 22px;
}

@media (max-width: 600px) {
	.progress {
		height: 25px;
	}
}

.narrow-padding {
	padding: 0 5px;
}


.centrify {
	display: none;
	position: absolute;
	left: 50%;
	top: 25%;
	transform: translate(-50%, -50%);
}

.spinner {
	position: relative;
	width: 100px;
	height: 100px;
	animation: anim-spin 1s infinite ease;
}

	.spinner:after {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		border-top: solid 10px #5cb85c;
		border-right: solid 10px transparent;
		border-bottom: solid 10px #5cb85c;
		border-left: solid 10px transparent;
		border-radius: 100%;
	}

@keyframes anim-spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

.bg_layer {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #000;
	opacity: 0.3;
}

.filter {
	left: 64px;
}

@media (max-width: 768px) {
	.filter {
		left: 72px;
	}
}

.paypal-button {
	background: transparent;
	border: none;
}

.filter-div {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

	.filter-div .a-icon {
		z-index: 1000;
		position: relative;
		padding: 5px;
	}

.score {
	font-size: 0.75em !important;
}

.fb_iframe_widget_fluid_desktop iframe {
	width: 100% !important;
}

@media print {
	.hm_ad,
	.fb-comments,
	.fb-share-button,
	nav,
	footer,
	.forget-link,
	.hm_AdNotice {
		display: none !important;
	}

	.container {
		width: auto !important;
	}

	a[href]:after {
		content: ''
	}
}

.blur {
	background: linear-gradient(to top, transparent, #000);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 5px;
}
